:root{font-family:system-ui,-apple-system,sans-serif;color:#49313d;background:#fff8fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 20px}header{display:flex;align-items:center;gap:12px;margin:8px 0 28px}h1{font-size:23px;margin:0;letter-spacing:-.8px}small{font-size:10px;letter-spacing:1.6px}.mark{border-radius:50%;padding:13px;background:#f5d9e5;font-family:Georgia;font-size:23px}.flower{margin-left:auto;font-size:42px;color:#bb6185}.hero{background:#f4dce6;border:1px solid #ebccd9;border-radius:25px;padding:32px;position:relative}.hero h2{font:normal 35px/1.15 Georgia,serif;margin:20px 0}.hero p{font-size:14px;max-width:340px}nav{display:flex;gap:8px;margin:24px 0}button{font:inherit;cursor:pointer;border:1px solid #ead2dc;border-radius:12px;padding:11px 16px;background:#fff;color:#6d3c53}button:hover,button.active{background:#8d4565;color:white}button:disabled{opacity:.5;cursor:wait}nav button{flex:1;font-size:13px}article,.panel{border:1px solid #eedce4;background:white;padding:22px;border-radius:19px;margin-bottom:16px}h3{margin:0 0 14px;font-size:20px}h4{margin:8px 0}label{display:block;margin:12px 0;font-size:14px}input,select{font:inherit;width:100%;border:1px solid #d9c4ce;border-radius:9px;padding:10px;background:white;color:#49313d}input[type=checkbox]{width:auto}p{overflow-wrap:anywhere}.muted,footer{font-size:13px;color:#806a75}footer{text-align:center;margin-top:35px}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.slots button{text-align:left;font-size:14px}.slots strong{display:block}#message{color:#953c5e;min-height:24px}#demo{background:#fff1c8;padding:13px;border-radius:12px;margin-bottom:16px;font-size:13px}#demo button{margin:8px 4px 0 0;font-size:12px}.badge{display:inline-block;background:#f8e7ef;padding:4px 10px;border-radius:20px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.balance{font:44px Georgia;color:#984d70}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae7993;outline-offset:3px}@media(max-width:420px){main{padding:16px}.hero{padding:25px}.hero h2{font-size:31px}.slots{grid-template-columns:1fr 1fr}button{padding:10px}}
[hidden]{display:none!important}details{margin:16px 0}summary{cursor:pointer;font-weight:600}a{color:#8d4565}input[readonly]{font-size:13px}