:root{color-scheme:dark;--bg:#142c27;--paper:#f7f0dc;--muted:#c2d0c8;--gold:#ebc477;--line:#476057;--ink:#1d2921;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}main{max-width:620px;margin:auto;padding:24px 24px 40px}header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:10px;margin-bottom:32px}.brand{font-size:16px;font-weight:750;text-decoration:none;color:var(--paper)}h1{font-size:clamp(32px,7vw,46px);font-weight:720;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}p{line-height:1.55;margin:10px 0 18px;color:var(--muted);max-width:65ch}h2{font-size:26px;letter-spacing:-.025em}label{display:block;font-size:20px;font-weight:650}.small{font-size:13px;line-height:1.55}.wheel-wrap{position:relative;width:min(100%,390px);aspect-ratio:1;margin:26px auto 32px}canvas{display:block;width:100%;height:100%;border-radius:50%;border:5px solid var(--gold);box-shadow:0 15px 35px #071c2255;transition:transform 2.2s cubic-bezier(.16,1,.3,1)}.hub{position:absolute;inset:40%;background:var(--gold);border:4px solid var(--bg);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.hub svg{width:55%;height:55%}textarea{display:block;width:100%;padding:16px;margin:14px 0 16px;font:inherit;font-size:16px;line-height:1.65;color:var(--paper);background:#1d3931;border:1px solid var(--line);border-radius:12px;resize:vertical;caret-color:var(--gold)}button{font:inherit;font-weight:650;min-height:50px;padding:13px 18px;border-radius:10px;cursor:pointer;touch-action:manipulation;border:1px solid transparent;transition:background .16s,transform .16s}button *{pointer-events:none}.primary{display:block;width:100%;background:var(--gold);color:var(--ink)}.primary:hover{background:#f5d798}.secondary{color:var(--paper);background:transparent;border-color:var(--line)}.secondary:hover{background:#24473a}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#message{color:#ffd0bc;min-height:24px;font-size:14px}.invite{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.invite:first-child{border-top:1px solid var(--line)}#invite-list{margin:24px 0}.invite strong{font-size:18px}.welcome{font-size:20px;color:var(--paper);font-weight:600;margin-bottom:16px}footer{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;color:var(--muted);font-size:12px;line-height:1.6}dialog{border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--paper);width:calc(100% - 32px);max-width:460px;padding:30px 24px}dialog::backdrop{background:#061810f2}.reveal{text-align:center}#recipient{font-size:clamp(34px,9vw,52px);overflow-wrap:anywhere;margin:16px 0 26px;color:var(--gold)}.reveal .small{margin-bottom:0}::selection{background:var(--gold);color:var(--ink)}*{scrollbar-color:var(--line) var(--bg);scrollbar-width:thin}[hidden]{display:none!important}@media(min-width:700px){main{padding-top:40px}header{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){*,canvas{transition:none!important;animation:none!important}}