@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.woff2)format("woff2")}:root{--page:#1a211b;--card:#252e26;--line:#34403a;--track:#3a453a;--edge:#7d8c72;--text:#f2f3eb;--muted:#a9b5a3;--lime:#d3f86a;--ink:#202821;--warn:#f1ad75;--display:"Space Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";background:url(/bg.svg) 0 0/400px 400px;position:absolute;inset:0}.glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 14%, transparent), transparent);border-radius:50%;width:80vmax;position:absolute}.g0{inset-block-start:-40vmax;inset-inline-start:-30vmax}.g1{inset-block-start:10vh;inset-inline-end:-45vmax}.g2{inset-block-end:-50vmax;inset-inline-start:0}.wave{--band:max(40vw, 240px);width:var(--band);translate:calc(-1 * var(--band)) 0;position:absolute;inset:0 auto 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000)}.wave-tile{width:100vw;translate:var(--band) 0;background:url(/bg-wave.svg) 0 0/400px 400px;position:absolute;inset:-3px auto 3px 0}h1,h2,p{margin:0}h1,h2{font-family:var(--display);text-wrap:balance;line-height:1.15}p{text-wrap:pretty;line-height:1.5}h1{letter-spacing:-.02em;font-size:28px;font-weight:700}h2{letter-spacing:-.01em;font-size:20px;font-weight:600}button,a{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}svg{flex:none;width:20px;height:20px}.bar,.screen{max-width:30rem;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));margin-inline:auto}.bar{padding-block:calc(14px + env(safe-area-inset-top)) 14px;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.brand{white-space:nowrap;font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.brand .logo{width:30px;height:30px}.chip{border:1px solid var(--edge);color:var(--muted);letter-spacing:0;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:600}.net{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.net.off{color:var(--warn)}.people{color:var(--text);margin-inline-end:14px;display:inline-flex;position:relative}.people svg{width:26px;height:26px}.badge{background:var(--lime);min-width:22px;height:22px;color:var(--ink);font:700 13px/22px var(--display);text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;padding-inline:6px;position:absolute;inset-block-start:-10px;inset-inline-start:19px}.screen{padding-block:4px calc(24px + env(safe-area-inset-bottom));gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--card);border-radius:20px;gap:12px;padding:20px;display:grid}.quiet{color:var(--muted);font-size:15px}.address{color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-block-start:4px;font-size:17px;display:block}.intro{gap:12px;padding:8px 4px 0;display:grid}.display{letter-spacing:-.035em;font-size:40px;line-height:1.05}.bar:has(+.landing){max-width:66rem}.landing{max-width:66rem;padding:4px max(16px, env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:48px;margin-inline:auto;display:grid}.hero{gap:28px;display:grid}.pitch{justify-items:start;gap:16px;display:grid}.pitch .inline-form{width:100%;max-width:26rem}.inline-form .field-error{grid-column:1/-1}.pitch .display{font-size:clamp(44px,12vw,76px)}.word{display:inline-block}.hint{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 85%, transparent);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:14px}.lede{font-size:18px}.display,.lede,.pitch label,.pitch .field-error,.intro p,.steps>h2,.stage-name,.stage-line,.stage-host{text-shadow:0 0 12px var(--page), 0 0 3px var(--page)}.scene{aspect-ratio:5/4;border:1px solid var(--line);background:radial-gradient(55% 45% at 50% 0,#d3f86a29,#0000 70%),#1f2720;border-radius:24px;position:relative;overflow:hidden;container-type:size}.beam{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);transform-origin:50% 0;background:linear-gradient(#d3f86a33,#0000 85%);position:absolute;inset:0 18% 30%}.podium{background:#34401f;border-radius:999px;height:4%;position:absolute;inset-block-start:29%;inset-inline:30%;box-shadow:0 0 6cqw #d3f86a4d}.presenter{align-items:center;gap:2cqw;display:flex;position:absolute;inset-block-start:15%;inset-inline-start:46%}.presenter:before{content:"";aspect-ratio:1;background:var(--lime);width:8cqw;box-shadow:0 0 0 .5cqw var(--ink), 0 0 5cqw #d3f86a80;border-radius:50%}.scene .tag{background:var(--lime);color:var(--ink);font:700 3.2cqw/1.5 var(--display);border-radius:.4em;padding:0 .45em}.scene .live{font-size:2.8cqw;position:absolute;inset-block-start:4cqw;inset-inline-start:4cqw}.seat{aspect-ratio:1;background:var(--c);width:6cqw;box-shadow:0 0 0 .4cqw var(--ink);border-radius:50%;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}.react,.clap-pop{opacity:0;font-size:6cqw;line-height:1;position:absolute;inset-inline-start:var(--x)}.react{inset-block-start:60%}.clap-pop{inset-block-start:34%}.steps{gap:16px;display:grid}.steps ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:auto 1fr;gap:6px 16px;padding:18px;display:grid}.step-icon{background:#1f2720;border-radius:16px;grid-row:span 2;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.step h3{font:600 18px/1.25 var(--display);align-items:center;gap:8px;margin:0;display:flex}.step-number{background:var(--lime);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.step p{color:var(--muted);font-size:15px}@media (width>=760px){.hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;padding-block-start:24px}.steps ol{grid-template-columns:repeat(3,1fr)}.step{grid-template-columns:1fr;align-content:start}.step-icon{grid-row:auto}}.state{align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.pulse{background:var(--lime);border-radius:50%;width:10px;height:10px}.state[data-mood=paused] .pulse{background:var(--warn)}.state[data-mood=idle] .pulse{background:var(--edge)}.clock{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.time{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:72px;font-weight:700;line-height:1}.of{color:var(--muted);font-variant-numeric:tabular-nums}.track{background:var(--track);border-radius:5px;height:10px;position:relative;overflow:hidden}.fill{border-radius:inherit;background:var(--lime);width:0;height:100%}.result .fill{background:var(--text)}.mark{background:var(--card);width:3px;position:absolute;inset-block:0;inset-inline-start:var(--at)}.clock+.track{margin-block-end:8px}.button{border:1px solid var(--edge);min-height:52px;font-family:var(--display);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:17px;font-weight:600;text-decoration:none;transition:scale .15s cubic-bezier(.2,0,0,1),background-color .15s;display:flex}.button.primary{background:var(--lime);min-height:60px;color:var(--ink);border-color:#0000;font-size:20px;font-weight:700}.button:disabled{background:var(--track);color:var(--muted);cursor:default;border-color:#0000}.form{gap:12px;display:grid}.field{gap:8px;font-weight:600;display:grid}.input{border:1px solid var(--edge);background:var(--page);width:100%;min-height:52px;color:var(--text);font:inherit;border-radius:14px;padding:12px 14px;font-size:17px;font-weight:400}.input[aria-invalid=true]{border-color:var(--warn)}.field-error{color:var(--warn)}.timing-row{grid-template-columns:minmax(0,1fr) 84px auto;align-items:center;gap:10px;font-weight:600;display:grid}.timing-row .input{text-align:end;font-variant-numeric:tabular-nums}.ballot-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.closes,.closes-line{color:var(--lime);font-variant-numeric:tabular-nums;font-weight:600}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.inline-form label{grid-column:1/-1;font-weight:600}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.button.small{min-height:44px;padding:8px 14px;font-size:15px}.adjust{grid-template-columns:1fr 1fr;gap:8px;display:grid}.adjust .quiet{grid-column:1/-1}.live{background:var(--lime);color:var(--ink);font:700 12px/1.5 var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 8px;display:inline-flex}.live:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.live.next{color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--lime);background:0 0;padding-inline:10px}.live.next:before{display:none}.on-air{border-block-end:1px solid var(--line);justify-items:start;gap:8px;padding-block-end:14px;display:grid}.speaker{font:700 26px/1.15 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}.on-air-line{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;font-weight:600;display:flex}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:2px solid var(--edge);background:var(--page);min-height:148px;color:var(--text);text-align:start;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 16px 16px;transition:scale .15s cubic-bezier(.2,0,0,1),background-color .15s,border-color .15s;display:flex;position:relative}.emoji{font-size:44px;line-height:1}.choice-label{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.1}.tick{background:var(--ink);width:32px;height:32px;color:var(--lime);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.tick svg{width:18px;height:18px}.choice[aria-pressed=true]{border-color:var(--lime);background:var(--lime);color:var(--ink)}.choice:disabled{border-color:var(--line);color:var(--muted);cursor:default}.choice:disabled .emoji{opacity:.45;filter:grayscale()}.choice:disabled[aria-pressed=true]{border-color:var(--lime);background:var(--track);color:var(--text)}.choice:disabled[aria-pressed=true] .emoji{opacity:1;filter:none}.result{gap:6px;display:grid}.result-head{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.crowd-card{padding:12px 12px 16px}.crowd-card .quiet{padding-inline:8px}.crowd{aspect-ratio:4/3;background:radial-gradient(70% 60% at 50% 45%,#d3f86a12,#0000 70%),#1f2720;border-radius:12px;position:relative;overflow:hidden}.peer{position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}.peer:before{content:"";background:var(--c);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;display:block}.you{z-index:1;background:var(--lime);width:24px;height:24px;box-shadow:0 0 0 2.5px var(--ink), 0 0 0 8px #d3f86a40;border-radius:50%;position:absolute;inset-block-start:40%;inset-inline-start:44%}.you-tag{background:var(--lime);color:var(--ink);font:700 13px/1.4 var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 8px;position:absolute;inset-block-start:22px;inset-inline-start:30px}.cue{background:var(--lime) url(/bg-lime.svg) 0 0 / 400px 400px;min-height:100dvh;color:var(--ink);text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden}.cue h1{letter-spacing:-.04em;font-size:clamp(44px,13vw,160px);line-height:1;position:relative}.cue p{max-width:22ch;font-size:clamp(20px,4.5vmin,56px);position:relative}.clap{font-size:clamp(72px,22vw,200px);line-height:1;position:relative}.burst{display:none}.stage{text-align:center;flex-wrap:wrap;place-content:center;align-items:center;gap:4vmin 6vmin;min-height:100dvh;padding:max(9vmin,60px) 4vmin;display:flex;position:relative}.qr{aspect-ratio:1;background:#fff;border-radius:2vmin;flex:none;width:min(86vw,36vh);overflow:hidden}.qr svg{width:100%;height:100%;display:block}.stage-text{justify-items:center;gap:2vmin;min-width:0;display:grid}.stage-text .live{font-size:clamp(12px,2.4vmin,28px)}.stage-name{max-width:14ch;font-family:var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(36px,10vmin,130px);font-weight:700;line-height:1}.stage-line{text-wrap:balance;max-width:18ch;margin-inline:auto;font-size:clamp(24px,6vmin,80px);font-weight:700;line-height:1.15}.stage-time{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(56px,18vmin,220px);font-weight:700;line-height:1}.stage-host{overflow-wrap:anywhere;max-width:60vw;color:var(--muted);text-align:end;font-size:clamp(14px,2.8vmin,36px);position:absolute;inset-block-end:2.5vmin;inset-inline-end:3vmin}.stage-host strong{color:var(--text);font-variant-numeric:tabular-nums}@media (orientation:landscape){.stage{flex-wrap:nowrap}.qr{width:min(72vh,44vw)}.stage-text{flex:1;container-type:inline-size}.stage-name{font-size:min(10vmin,13cqi)}.stage-time{font-size:min(18vmin,30cqi)}}.stage-count{position:absolute;inset-block-start:3vmin;inset-inline-end:3vmin}.stage-count .people svg{width:clamp(28px,5vmin,64px);height:clamp(28px,5vmin,64px)}.stage-count .badge{border-radius:999px;min-width:clamp(22px,3.6vmin,46px);height:clamp(22px,3.6vmin,46px);padding-inline:.8vmin;font-size:clamp(13px,2.2vmin,28px);line-height:clamp(22px,3.6vmin,46px);inset-block-start:-1.6vmin;inset-inline-start:72%}.fx{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}[data-role=stage] #app{z-index:1;position:relative}[data-role=stage] .fx{z-index:0}.cheer{inset-inline-start:var(--x);animation:cheer 2.8s cubic-bezier(.22, 1, .36, 1) var(--d) both;font-size:34px;line-height:1;position:absolute;bottom:-64px}[data-role=stage] .cheer{font-size:clamp(44px,9vmin,120px)}.confetti{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);border-radius:var(--br);background:var(--c);animation:.9s cubic-bezier(.22,1,.36,1) both confetti;position:absolute}.ask{border:1px solid var(--line);background:var(--card);width:min(26rem,100vw - 32px);color:var(--text);border-radius:20px;padding:20px}.ask::backdrop{background:#0009}.ask p{margin:0 0 16px;font-size:17px}.notice{pointer-events:none;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--text);max-width:28rem;color:var(--ink);border-radius:12px;margin-inline:auto;padding:14px 16px;font-size:15px;position:fixed}@media (forced-colors:active){.ambient{display:none}.crowd,.scene,.burst{forced-color-adjust:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.button:active:not(:disabled),.choice:active:not(:disabled){scale:.96}.beam{animation:7s ease-in-out infinite alternate sway}.presenter:before{animation:2.4s ease-in-out infinite alternate drift}.seat{animation:wave 8s ease-in-out var(--w) infinite}.react{animation:float 6s cubic-bezier(.22, 1, .36, 1) var(--d) infinite}.clap-pop{animation:applaud 8s cubic-bezier(.22, 1, .36, 1) var(--w) infinite}.wave{animation:20s cubic-bezier(.45,0,.55,1) 3s infinite sweep}.wave-tile{animation:20s cubic-bezier(.45,0,.55,1) 3s infinite sweep-back}.glow{animation:27s ease-in-out infinite alternate roam}.g1{animation-duration:34s;animation-direction:alternate-reverse}.g2{animation-duration:41s}.state[data-mood=open] .pulse{animation:1.6s ease-out infinite pulse}.peer{animation:hop 20s ease-in-out var(--w) infinite}.peer:before{animation:drift 5s ease-in-out var(--d) infinite alternate}.peer.fresh{animation:arrive .5s cubic-bezier(.2, 0, 0, 1) both, hop 20s ease-in-out var(--w) infinite}.you{animation:3.5s ease-in-out infinite alternate drift}.clap{animation:.7s ease-in-out infinite alternate clap}.burst{display:block;position:absolute;inset:0}.rise{inset-inline-start:var(--x);width:var(--s);aspect-ratio:1;background:var(--c);box-shadow:0 0 0 2px var(--ink);animation:rise 3.2s cubic-bezier(.2, 0, 0, 1) var(--d) infinite;border-radius:50%;position:absolute;bottom:-48px}.live:not(.next):before{animation:1.6s ease-out infinite pulse}.enter{animation:reveal .5s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 60ms) both}.state.enter{animation:.15s ease-in-out both swap}.tick.enter{animation:.5s cubic-bezier(.34,1.35,.64,1) both check}.emoji.enter{animation:.35s cubic-bezier(.34,1.96,.64,1) press}.notice.enter{animation:.35s cubic-bezier(.22,1,.36,1) both toast}.input.enter{animation:.4s cubic-bezier(.22,1,.36,1) shake}.badge.enter{animation:.5s cubic-bezier(.34,1.36,.64,1) both badge}.badge.pop{animation:.5s cubic-bezier(.34,1.45,.64,1) pop}}@keyframes pulse{50%{opacity:.3}}@keyframes sweep{0%{translate:calc(-1 * var(--band)) 0}22%,to{translate:100vw}}@keyframes sweep-back{0%{translate:var(--band) 0}22%,to{translate:-100vw}}@keyframes hop{0%,6%,to{translate:0}3%{translate:0 -7px}}@keyframes sway{0%{rotate:-5deg}to{rotate:5deg}}@keyframes wave{0%,62%,to{translate:0;scale:1}68%{translate:0 -3cqh;scale:1.2}75%{translate:0;scale:1}}@keyframes float{0%{opacity:0;translate:0;scale:.6}12%{opacity:1;scale:1}75%{opacity:.9}to{opacity:0;translate:var(--dx) -36cqh;scale:.9}}@keyframes applaud{0%,63%{opacity:0;translate:0 4cqh;scale:.4}68%{opacity:1;translate:0;scale:1.15}80%{opacity:1;translate:0 -6cqh;scale:1}90%,to{opacity:0;translate:0 -12cqh}}@keyframes roam{50%{translate:14vw 8vh;scale:1.2}to{translate:-8vw 18vh;scale:.9}}@keyframes drift{to{translate:0 -6px}}@keyframes arrive{0%{opacity:0;scale:.25}}@keyframes clap{to{rotate:-6deg;scale:1.12}}@keyframes reveal{0%{opacity:0;filter:blur(3px);translate:0 12px}}@keyframes swap{0%{opacity:0;filter:blur(2px);translate:0 4px}}@keyframes check{0%{opacity:0;filter:blur(8px);translate:0 12px;rotate:80deg}}@keyframes press{30%{scale:.82}}@keyframes toast{0%{opacity:0;filter:blur(2px);translate:0 16px;scale:.97}}@keyframes shake{20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:4px}}@keyframes badge{0%{opacity:0;filter:blur(2px);translate:-8px 12px;scale:0}}@keyframes pop{0%{opacity:0;filter:blur(2px);translate:0 8px}}@keyframes cheer{0%{opacity:0;translate:0;rotate:0deg;scale:.5}12%{opacity:1;scale:1}70%{opacity:.9}to{opacity:0;translate:0 -75dvh;rotate:var(--r)}}@keyframes confetti{0%{opacity:0;translate:0;rotate:0deg;scale:.4}15%{opacity:1;scale:1}to{opacity:0;translate:var(--px) calc(var(--py) + 90px);rotate:var(--r)}}@keyframes rise{0%{opacity:0;translate:0}15%{opacity:1}to{opacity:0;translate:0 -110dvh}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.step{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 70%}}}
