:root{--warm-white:#fdf9f4;--surface:#fff;--border:#f3e4da;--border-mut:#ede6de;--ink:#374151;--ink-strong:#1f2937;--ink-deep:#111827;--ink-mute:#8c8378;--coral:#f4a28c;--coral-deep:#e8806b;--coral-soft:#fbe5dc;--coral-text:#b8543f;--blue-mist:#b8d4de;--mint:#a0d4c4;--mint-deep:#87c3b0;--mint-text:#4f9985;--shadow-sm:0 1px 2px #1f29370f;--shadow-md:0 4px 16px #1f293714;--shadow-lg:0 12px 40px #1f29371f;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--warm-white);color:var(--ink);font-family:var(--font-poppins), var(--font-noto), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:16px;line-height:1.6}.screen{max-width:560px;min-height:100dvh;padding:24px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}.screen--centered{justify-content:center;gap:28px}.stack{flex-direction:column;gap:14px;display:flex}.stack-8{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-height:0}.spacer{flex:1}.brand{letter-spacing:.16em;text-transform:uppercase;color:var(--coral-text);font-size:13px;font-weight:700}.title{color:var(--ink-deep);letter-spacing:-.01em;font-size:27px;font-weight:700}.subtitle{color:var(--ink-mute);font-size:14px}.label{color:var(--ink-strong);font-size:13px;font-weight:600}.hint{color:var(--ink-mute);font-size:12px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.btn{min-height:52px;font:inherit;cursor:pointer;transition:transform .12s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--coral-deep);outline-offset:3px}.btn--primary{background:var(--coral-deep);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){background:#db6f59}.btn--mint{background:var(--mint-deep);color:#fff;box-shadow:var(--shadow-md)}.btn--mint:hover:not(:disabled){background:#74b4a0}.btn--ghost{background:var(--surface);color:var(--ink-strong);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){border-color:var(--coral);background:#fffcfa}.btn--full{width:100%}.icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--coral);background:#fffcfa}.field{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--ink-deep);font:inherit;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:999px;padding:0 20px;font-size:16px}.field:focus{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral-soft);outline:none}.field::placeholder{color:#c4bbb1}.field--code{text-align:center;letter-spacing:.22em;text-transform:uppercase;padding-inline:12px;font-size:21px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px}.chip{white-space:nowrap;background:var(--coral-soft);height:30px;color:var(--coral-text);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.chip--mint{color:var(--mint-text);background:#e4f3ed}.chip--mist{color:#4e7c93;background:#e7f0f5}.chip--mute{color:var(--ink-mute);background:#f2eee9}.chip--warn{color:#96652b;background:#fdf3e7}.chip--action{color:var(--ink-strong);font:inherit;cursor:pointer;transition:background .18s var(--ease), transform .12s var(--ease);background:#f2eee9;border:none;font-size:12px;font-weight:600}.chip--action:hover{background:var(--coral-soft);color:var(--coral-text)}.chip--action:active{transform:scale(.95)}.chip--action:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.roomcode{letter-spacing:.18em;color:var(--ink-deep);text-align:center;font-size:34px;font-weight:700}.buzzlist{flex-direction:column;gap:10px;list-style:none;display:flex}.buzzitem{background:var(--surface);border:1px solid var(--border);animation:pop .32s var(--ease) both;border-radius:999px;align-items:center;gap:14px;padding:14px 18px 14px 14px;display:flex}.buzzitem--first{border-color:var(--coral);background:linear-gradient(90deg, var(--coral-soft), #fff8f4);box-shadow:var(--shadow-md)}.buzzitem--me{border-color:var(--mint-deep)}.rank{width:34px;height:34px;color:var(--ink-mute);background:#f2eee9;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.buzzitem--first .rank{background:var(--coral-deep);color:#fff}.buzzname{color:var(--ink-deep);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.buzzdelta{color:var(--ink-mute);font-size:13px}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.empty{color:var(--ink-mute);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex}.sheet{width:min(440px,100vw - 32px);max-height:86dvh;color:var(--ink);background:0 0;border:none;margin:auto;padding:0}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f29376b}.sheet__body{background:var(--surface);border:1px solid var(--border);max-height:86dvh;box-shadow:var(--shadow-lg);animation:sheetin .22s var(--ease) both;border-radius:28px;flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto}@keyframes sheetin{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.sheet__title{color:var(--ink-deep);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.sheet__close{min-height:38px;padding:0 18px;font-size:13px}.sheet__rule{border:none;border-top:1px solid var(--border-mut);margin:2px 0}.namelist{flex-direction:column;gap:8px;list-style:none;display:flex}.nameitem{background:var(--warm-white);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.nameitem--offline{opacity:.55}.dot--online{color:var(--mint-text)}.qrwrap{flex-direction:column;align-items:center;gap:8px;display:flex}.qr{width:190px;height:190px;image-rendering:pixelated;border:1px solid var(--border);background:#fff;border-radius:18px;padding:6px}.dock{background:linear-gradient(to top, var(--warm-white) 62%, #fdf9f400);padding-top:16px;position:sticky;bottom:0}.hostcard{margin-bottom:16px}.dockhint{text-align:center;color:var(--ink-mute);padding-top:10px;font-size:12px}.linkbtn{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.listarea{flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.buzzbtn{background:var(--coral-deep);color:#fff;width:100%;min-height:116px;font:inherit;letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .1s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.buzzbtn:active:not(:disabled){background:#ce6350;transform:scale(.96)}.buzzbtn:disabled{color:var(--ink-mute);box-shadow:none;cursor:default;background:#ede6de}.buzzbtn--done,.buzzbtn--done:disabled{background:var(--mint-deep);color:#fff;box-shadow:var(--shadow-md);opacity:1}.buzzbtn--locked,.buzzbtn--locked:disabled{color:#9b958d;box-shadow:none;opacity:1;background:#e6e5e2}.dock__pair{gap:12px;display:flex}.dock__pair .buzzbtn{gap:10px;min-height:92px;font-size:21px}.dock__pair .buzzbtn--clear{background:var(--mint-deep);flex:1.45}.dock__pair .buzzbtn--clear:active:not(:disabled){background:#74b4a0}.dock__pair .buzzbtn--pause{background:var(--surface);color:var(--ink-strong);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex:1}.dock__pair .buzzbtn--pause:active:not(:disabled){background:#f7f2ec}.dock__pair .buzzbtn--resume{background:var(--coral-deep);flex:1}.dock__pair .buzzbtn--resume:active:not(:disabled){background:#ce6350}.buzzbtn:focus-visible{outline:3px solid var(--coral-text);outline-offset:4px}.statusbar{border-bottom:1px solid var(--border-mut);flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex}.statusbar__row{align-items:center;gap:8px;display:flex}.banner{border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.banner--warn{color:#96652b;background:#fdf3e7}.banner--err{background:var(--coral-soft);color:var(--coral-text)}.link{color:var(--coral-text);border-bottom:1px solid var(--coral);padding-bottom:1px;font-weight:600;text-decoration:none}.link:hover{border-bottom-color:var(--coral-deep)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}