:root{--ink: #16130f;--ink-soft: #6b6155;--paper: #fdfaf5;--card: #ffffff;--line: #e8ded0;--accent: #b8442c;--accent-ink: #ffffff;--gold: #d4a24a;--ok: #2f7a4f;--warn: #b3541e;--radius: 14px;--shadow: 0 1px 2px rgb(22 19 15 / 6%), 0 8px 24px -12px rgb(22 19 15 / 18%)}@media(prefers-color-scheme:dark){:root{--ink: #f2ece3;--ink-soft: #a2988a;--paper: #17150f;--card: #211e17;--line: #322d24;--accent: #e0603f;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px -12px rgb(0 0 0 / 60%)}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:34rem;margin:0 auto;padding:1.5rem 1.1rem 5rem}h1{font-size:2rem;margin:0 0 .3rem;letter-spacing:-.02em}h2{font-size:1.3rem;margin:0 0 .5rem;letter-spacing:-.01em}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.hero{margin:1rem 0 2rem}.wordmark{font-size:2.9rem;font-weight:800;letter-spacing:-.045em;margin:0;line-height:1.02}.wordmark em{font-style:normal;color:var(--accent)}.tagline{color:var(--ink-soft);margin:.5rem 0 0;font-size:1.08rem;max-width:26rem}.steps{list-style:none;margin:1.75rem 0 0;padding:0}.steps li{display:flex;align-items:flex-start;gap:.85rem;padding:.55rem 0;color:var(--ink);line-height:1.45}.steps li+li{border-top:1px solid var(--line)}.steps__glyph{flex:none;font-size:1.35rem;line-height:1.4;width:1.9rem;text-align:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.join-card{padding:1.35rem;border-radius:18px;box-shadow:0 2px 4px #16130f0f,0 18px 40px -20px #16130f4d}.join-card label{font-size:.95rem;margin-bottom:.45rem}.join-card input{padding:.85rem .9rem;font-size:1.05rem}.join-card .big{margin-top:1rem}.you-are-in{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.big-position{font-size:3.4rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}.hold-note{margin:0;padding:.8rem .9rem;border-radius:10px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);font-size:.9rem;line-height:1.5}.hold-note strong{color:var(--ink)}.manage-foot{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);text-align:center}.linklike{background:none;border:none;padding:.4rem;color:var(--ink-soft);font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none}.linklike:hover{color:var(--accent);filter:none}label{display:block;font-weight:600;font-size:.875rem;margin:0 0 .3rem}.field{margin-bottom:1rem}input[type=text],input[type=password],textarea{width:100%;padding:.7rem .8rem;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:10px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}button{font:inherit;font-weight:650;padding:.75rem 1.1rem;border-radius:10px;border:1.5px solid transparent;background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:transform .06s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button.tiny{padding:.3rem .55rem;font-size:.8rem;font-weight:600}button.block{width:100%}button.big{width:100%;padding:1.05rem;font-size:1.15rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap-row{flex-wrap:wrap}.spacer{flex:1}.serving{display:flex;gap:1rem;margin-bottom:1rem}.serving>div{flex:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem}.serving .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700}.serving .who{font-size:1.15rem;font-weight:700;margin-top:.15rem}.serving .now{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card))}ol.line{list-style:none;margin:0;padding:0}ol.line li{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:.4rem}ol.line li.you{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card))}.pos{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:1px solid var(--line);font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums}li.you .pos{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.who-name{font-weight:600;overflow-wrap:anywhere}.you-tag{font-size:.7rem;font-weight:800;color:var(--accent);letter-spacing:.06em}.banner{border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;border:1px solid var(--line);background:var(--card)}.banner.bad{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--card))}.banner.info{border-color:var(--line)}.youre-up{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:color-mix(in srgb,var(--accent) 92%,black);color:#fff;text-align:center;animation:flash .6s ease-in-out 3 alternate}.youre-up h2{font-size:2.6rem;margin-bottom:.4rem}@keyframes flash{0%{background:color-mix(in srgb,var(--accent) 92%,black)}to{background:color-mix(in srgb,var(--accent) 70%,black)}}.emoji-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.emoji-float{position:absolute;bottom:4rem;font-size:2rem;animation:rise 3s ease-out forwards;will-change:transform,opacity}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-2rem) scale(1.1);opacity:1}to{transform:translateY(-60vh) scale(1);opacity:0}}.emoji-bar{position:fixed;bottom:0;left:0;right:0;z-index:55;display:flex;gap:.3rem;justify-content:center;padding:.6rem;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.emoji-bar button{background:transparent;border:1px solid var(--line);font-size:1.35rem;padding:.3rem .5rem;line-height:1}.owner-actions{display:flex;gap:.4rem;margin-left:auto}.status-pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line)}.status-pill.live{color:var(--ok);border-color:var(--ok)}.status-pill.paused{color:var(--warn);border-color:var(--warn)}.redacted{filter:blur(7px);-webkit-user-select:none;user-select:none;transition:filter .12s ease}.redacted:hover,.redacted:focus-within{filter:blur(0)}.history li{display:flex;gap:.5rem;align-items:center;padding:.3rem 0}.outcome{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.outcome.served{color:var(--ok)}.outcome.skipped{color:var(--warn)}.outcome.left{color:var(--ink-soft)}.share{display:flex;gap:.4rem;align-items:center;background:var(--paper);border:1px dashed var(--line);border-radius:10px;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere}.conn{font-size:.75rem;font-weight:600;color:var(--ink-soft)}.conn .dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.3rem;background:var(--ok)}.conn.reconnecting .dot{background:var(--warn);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.center{text-align:center}.stack>*+*{margin-top:1rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.stat-tile.warn{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--card))}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-soft)}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value.big{font-size:2.4rem;color:var(--accent)}.stat-sub{font-size:.78rem;color:var(--ink-soft);margin-top:.1rem}.stat-tile.warn .stat-sub{color:var(--warn);font-weight:600}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid var(--line)}.stat-row:first-of-type{border-top:none}.stat-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.emoji-float{animation:fade-only 1.5s ease-out forwards}@keyframes fade-only{0%{opacity:1}to{opacity:0}}}