.cue-frame{width:100%;height:100%;position:relative;overflow:hidden}.cue-frame.stage{background:#000}.cue-canvas{transform-origin:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;transition:opacity .2s;position:absolute;top:50%;left:50%;overflow:hidden}.scene{font-family:var(--body);z-index:1;-webkit-font-smoothing:antialiased;flex-direction:column;padding:110px 130px 140px;display:flex;position:absolute;inset:0;overflow:hidden}.scene[data-tone=dark]{background:var(--ink);color:var(--paper)}.scene[data-tone=light]{background:var(--paper);color:var(--ink)}.scene[data-tone=accent]{background:var(--accent);color:var(--on-accent)}.scene>div{flex-direction:column;flex:1;min-height:0;display:flex}.scene>div>:not(.orb){z-index:1;position:relative}.kicker{font:600 26px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:36px}.h1{font:800 150px/.95 var(--display);letter-spacing:-.035em;text-wrap:balance;max-width:1560px;margin:0}.h2{font:700 84px/1 var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:1500px;margin:0}.lede{opacity:.78;text-wrap:pretty;max-width:1300px;margin:48px 0 0;font-size:44px;line-height:1.3}.scene[data-tone=accent] .kicker{color:inherit;opacity:.7}.chrome-foot{font:600 24px/1 var(--body);opacity:.5;z-index:2;justify-content:space-between;align-items:baseline;display:flex;position:absolute;bottom:52px;left:130px;right:130px}.chrome-foot .foot-logo{font:800 34px/1 var(--display);letter-spacing:-.03em;align-self:center;align-items:center;gap:16px;display:inline-flex}.logo-mark{width:auto;max-width:360px;height:40px;display:block}.logo-mark img{opacity:0;width:auto;max-width:360px;height:40px;display:block}.logo-mark.tint{-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor}img.logo-mark{border-radius:8px}.data-badge{font:600 22px/1 var(--body);letter-spacing:.02em;align-items:center;gap:14px;display:inline-flex}.data-badge:before{content:"";background:currentColor;border-radius:50%;width:14px;height:14px}.data-badge.live:before{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);animation:2s ease-in-out infinite pulse}.data-badge.stale:before{background:0 0;border:3px solid}.scene[data-tone=accent] .data-badge.live:before{background:currentColor}@keyframes pulse{50%{box-shadow:0 0 0 12px #0000}}.blackout{opacity:0;pointer-events:none;z-index:10;background:#000;transition:opacity .45s;position:absolute;inset:0}.blackout.on{opacity:1}.scene.in{animation:.75s cubic-bezier(.2,.7,.2,1) both scene-in}.scene.out{z-index:0;animation:.6s both scene-out}.scene[data-motion=calm].in{animation-name:fade-in}.scene.in .kicker,.scene.in .h1,.scene.in .h2,.scene.in .lede,.scene.in .sig,.scene.in .by{animation:.8s cubic-bezier(.2,.7,.2,1) both rise}.scene.in .h1,.scene.in .h2{animation-delay:80ms}.scene.in .lede,.scene.in .sig{animation-delay:.22s}.scene.in .by{animation-delay:.35s}.b{transition:opacity .3s}.b:not(.on){opacity:0}.scene.in .b.on{animation:.65s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(.25s + var(--i,0) * 90ms)}.scene.in[data-build] .b.on{animation-delay:50ms}.scene.in[data-build] .b.on:first-child{animation-delay:.3s}.scene[data-motion=calm].in .b.on{animation-name:fade-in}.still .scene,.still .scene *{transition:none!important;animation:none!important}@keyframes scene-in{0%{opacity:0;transform:translateY(26px)scale(.985)}}@keyframes scene-out{to{opacity:0;transform:scale(1.01)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(34px)}}@keyframes drift{to{transform:translate(-80px,60px)scale(1.08)rotate(8deg)}}@keyframes grow{0%{transform:scaleY(0)}}.orb{background:radial-gradient(circle at 32% 32%, var(--accent), transparent 58%), radial-gradient(circle at 70% 64%, var(--accent2), transparent 55%);filter:blur(30px);opacity:.6;pointer-events:none;border-radius:50%;width:1150px;height:1150px;animation:16s ease-in-out infinite alternate drift;position:absolute;top:-320px;right:-240px}.scene[data-tone=light] .orb{opacity:.4}.scene[data-tone=accent] .orb{opacity:.35;mix-blend-mode:soft-light}.l-title{justify-content:center}.l-title .h1{max-width:1450px;font-size:172px}.l-section{border-left:14px solid var(--accent);justify-content:center;margin-left:-84px;padding-left:70px}.l-statement{justify-content:center}.l-statement .h1{font-size:124px;line-height:1}.l-closing{text-align:center;justify-content:center;align-items:center}.l-closing .h1{max-width:1500px;font-size:150px}.l-closing .lede{max-width:1100px}.l-closing .sig{font:800 64px/1 var(--display);letter-spacing:-.03em;color:var(--accent);margin-top:56px}.list{align-content:start;gap:34px 90px;margin:70px 0 0;padding:0;list-style:none;display:grid}.list:has(li:nth-child(4)){grid-template-columns:1fr 1fr}.list li{border-top:2px solid color-mix(in srgb, currentColor 14%, transparent);grid-template-columns:96px 1fr;align-items:baseline;padding-top:30px;display:grid}.list .num{font:700 38px/1 var(--display);color:var(--accent)}.list strong{font:700 54px/1.05 var(--display);letter-spacing:-.02em;display:block}.list span:not(.num){opacity:.72;margin-top:12px;font-size:34px;line-height:1.3;display:block}.scene[data-tone=accent] .list .num{color:inherit;opacity:.6}.stats{grid-template-columns:repeat(var(--n), 1fr);gap:70px;margin-top:auto;display:grid}.stat .value{font:800 calc(260px - var(--n) * 28px)/.9 var(--display);letter-spacing:-.05em;color:var(--accent);white-space:nowrap}.stat .label{opacity:.75;max-width:480px;margin-top:28px;font-size:34px;line-height:1.3}.scene[data-tone=accent] .stat .value{color:inherit}.bars{align-items:flex-end;gap:52px;height:600px;margin-top:auto;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar-value{font:700 54px/1 var(--display);letter-spacing:-.02em;margin-bottom:18px}.bar-fill{height:calc(var(--h) * 440px);border-radius:var(--radius) var(--radius) 6px 6px;background:color-mix(in srgb, var(--accent) 42%, transparent);transform-origin:bottom;min-height:8px}.bar:last-child .bar-fill{background:var(--accent)}.scene.in .bar.on .bar-fill{animation:.9s cubic-bezier(.2,.7,.2,1) both grow;animation-delay:calc(.3s + var(--i,0) * .11s)}.bar-label{opacity:.7;margin-top:20px;font-size:30px}.l-table .cells{border-collapse:collapse;width:100%;margin-top:auto;font-size:32px;line-height:1.2}.l-table th{font:600 24px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:left;padding:0 36px 24px 0}.l-table td{border-top:2px solid color-mix(in srgb, currentColor 14%, transparent);padding:18px 36px 18px 0}.l-table td:first-child{font-weight:600}.l-table th:last-child,.l-table td:last-child{padding-right:0}.l-table .num{text-align:right;font-variant-numeric:tabular-nums}.scene[data-tone=accent] .l-table th{color:inherit;opacity:.7}.cards{grid-template-columns:1fr 1fr;gap:48px;margin-top:auto;display:grid}.card{border-radius:var(--radius);background:color-mix(in srgb, currentColor 7%, transparent);min-height:460px;padding:64px}.card.hi{background:var(--accent);color:var(--on-accent)}.card h3{font:700 62px/1.05 var(--display);letter-spacing:-.02em;margin:0 0 28px}.card p{opacity:.85;margin:0;font-size:38px;line-height:1.35}.track{grid-auto-columns:1fr;grid-auto-flow:column;gap:56px;margin-top:auto;padding-top:70px;display:grid;position:relative}.track .line{background:color-mix(in srgb, currentColor 20%, transparent);height:3px;position:absolute;top:18px;left:0;right:0}.stop{position:relative}.stop .dot{background:var(--accent);width:38px;height:38px;box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;position:absolute;top:-70px}.stop .when{font:600 26px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.stop h3{font:700 54px/1.05 var(--display);letter-spacing:-.02em;margin:22px 0 16px}.stop p{opacity:.75;margin:0;font-size:32px;line-height:1.35}.l-quote{justify-content:center}.l-quote .mark{font:800 380px/.7 var(--display);color:var(--accent);height:170px}.scene[data-tone=accent] .l-quote .mark{color:inherit;opacity:.35}.l-quote blockquote{font:700 96px/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:1600px;margin:0}.l-quote .by{margin-top:64px;font-size:36px}.l-quote .by strong{display:block}.l-quote .by span{opacity:.7}.l-split{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid!important}.l-split .media{object-fit:cover;border-radius:var(--radius);width:100%;height:780px}.l-image{inset:0;position:absolute!important}.l-image img{object-fit:cover;width:100%;height:100%}.l-image:after{content:"";background:linear-gradient(#0000 55%,#000000a6);position:absolute;inset:0}.l-image .caption{z-index:1;color:#fff;font:700 72px/1.05 var(--display);max-width:1400px;position:absolute;bottom:130px;left:130px}.l-phone{grid-template-columns:1fr 470px;align-items:center;gap:140px;display:grid!important}.phone{background:var(--paper);width:470px;height:900px;color:var(--ink);border:14px solid #0b0b0d;border-radius:72px;flex-direction:column;justify-content:flex-end;margin:-40px 0 -120px;padding:104px 26px 34px;display:flex;position:relative;box-shadow:0 40px 120px #00000059}.phone .island{background:#0b0b0d;border-radius:20px;width:140px;height:40px;margin-left:-70px;position:absolute;top:22px;left:50%}.chat{flex-direction:column;gap:18px;display:flex}.msg{border-radius:32px;max-width:84%;padding:22px 26px;font-size:27px;line-height:1.32}.msg.user{background:var(--accent);color:var(--on-accent);border-bottom-right-radius:8px;align-self:flex-end}.msg.assistant{background:color-mix(in srgb, var(--ink) 8%, var(--paper));border-bottom-left-radius:8px;align-self:flex-start}:root{--bg:#f5f2ea;--surface:#fff;--text:#17181b;--sub:#6f6d68;--line:#e5e0d4;--brand:#ff5a36;--brand-ink:#101114;--r:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}textarea,input{font:inherit;color:inherit}code{word-break:break-all;background:#0000000f;border-radius:6px;padding:2px 6px;font-size:.9em}body.hide-cursor,body.hide-cursor *{cursor:none!important}.app{flex-direction:column;min-height:100%;display:flex}.center{justify-content:center;align-items:center}.muted{color:var(--sub)}.small{font-size:13px}.error{color:#c0341d;font-size:14px}.grow{flex:1}.primary{background:var(--brand-ink);color:#fff;border:0;border-radius:999px;padding:11px 20px;font-weight:600}.primary:not(:disabled):hover{background:#2a2c31}.primary.big{padding:16px 30px;font-size:18px}.primary.wide{width:100%}.ghost{border:1px solid var(--line);background:0 0;border-radius:999px;padding:10px 18px;font-weight:500}.ghost:hover{background:#0000000a}.link{color:var(--brand);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.pill{text-transform:uppercase;letter-spacing:.06em;background:#0000000f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:5;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.04em;color:var(--brand-ink);align-items:center;gap:8px;font:800 24px/1 Bricolage Grotesque,Inter,sans-serif;text-decoration:none;display:inline-flex}.logo .dot{background:var(--brand);border-radius:50%;width:14px;height:14px}.ws,.crumb{font-weight:600}.crumb{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.signin-page{padding:24px}.signin{background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;width:min(420px,100%);padding:32px 28px;display:flex;box-shadow:0 10px 40px #0000000f}.signin h1{letter-spacing:-.03em;margin:8px 0 0;font:800 30px/1.1 Bricolage Grotesque,Inter,sans-serif}.signin p{margin:0;line-height:1.5}.signin .provider{text-align:center;color:var(--text);font-weight:600;text-decoration:none;display:block}.signin .link{align-self:flex-start}.email-form{flex-direction:column;gap:10px;display:flex}.email-form input,.invite input,.members select,.invite select,.share-new select,.ws-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 16px}.dev-link{background:var(--bg);border-radius:var(--r);flex-direction:column;gap:8px;padding:12px;display:flex}.wide{width:100%}.account{align-items:center;gap:10px;display:flex}.account .who{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.avatar{border-radius:50%;width:28px;height:28px}.ws-switch{padding:6px 12px;font-weight:600}.pill.light{background:#ffffff24}.dash{flex-direction:column;gap:48px;width:min(1180px,100%);margin:0 auto;padding:48px 24px 80px;display:flex}.hero h1{letter-spacing:-.04em;margin:0 0 12px;font:800 52px/1 Bricolage Grotesque,Inter,sans-serif}.hero p{max-width:640px;margin:0 0 24px;font-size:17px;line-height:1.5}.composer{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 10px 40px #0000000d}.composer textarea,.panel textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;font-size:16px;line-height:1.5}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.notice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-width:640px;padding:14px 16px;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--sub);margin:0 0 16px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.deck-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.deck-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000014}.deck-card .thumb{aspect-ratio:16/9;background:#ddd}.deck-card .meta{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.members{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0 0 16px;padding:0;list-style:none}.members li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.members li:first-child{border-top:0}.members select{padding:6px 12px}.invite input{min-width:260px}.brand-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:18px;padding:16px 18px;display:flex}.brand-card p{margin:6px 0 0}.swatches{display:flex}.swatches span{border:2px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-left:-8px}.swatches span:first-child{margin-left:0}.brand-page{flex:1;grid-template-columns:440px 1fr;min-height:0;display:grid}.brand-side{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:14px;padding:24px;display:flex;overflow-y:auto}.brand-side>*{flex-shrink:0}.brand-side h1{letter-spacing:-.03em;margin:0;font:800 34px/1 Bricolage Grotesque,Inter,sans-serif}.brand-side>p{margin:0;line-height:1.5}.brand-side h3{text-transform:uppercase;letter-spacing:.1em;color:var(--sub);margin:12px 0 0;font-size:13px}.brand-side input[type=text],.brand-side textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;padding:9px 12px;font-size:14px;font-weight:400}.brand-side textarea{resize:vertical;line-height:1.45}.import-row{gap:8px;display:flex}.import-row input[type=text]{border-radius:999px;flex:1;padding:11px 14px;font-size:15px}.import-notes{background:var(--bg);border-radius:var(--r);padding:12px 14px;font-size:14px;line-height:1.5}.import-notes p{margin:0}.import-notes ul,.fix-notes{margin:8px 0 0;padding-left:18px}.tokens{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.colors{flex-direction:column;gap:8px;display:flex}.color-row{grid-template-columns:38px 92px 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.color-row input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:38px;height:38px;padding:2px}.brand-side input.hex{padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.checks{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.checks li{align-items:center;gap:10px;display:flex}.checks .chip{width:34px;height:24px;box-shadow:0 0 0 1px var(--line);border-radius:6px;place-items:center;font-size:12px;font-weight:700;display:grid}.checks .ratio{font-variant-numeric:tabular-nums;color:var(--sub)}.checks .verdict{text-align:right;color:#1f7a4d;width:74px;font-weight:600}.checks li.bad .verdict{color:#c0341d}.logos{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.logo-tile{border:1px solid var(--line);background:var(--tile-bg);height:64px;color:var(--tile-fg);border-radius:10px;place-items:center;padding:8px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.logo-tile .logo-mark,.logo-tile .logo-mark img{max-width:100%;height:30px}.logo-tile.on{box-shadow:0 0 0 2px var(--brand-ink);border-color:#0000}.save-bar{background:var(--surface);gap:10px;margin-top:auto;padding:12px 0 0;display:flex;position:sticky;bottom:-24px}.ok-note{color:#1f7a4d;margin:0;font-size:14px}.brand-preview{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));align-content:start;gap:20px;padding:28px;display:grid;overflow-y:auto}@media (width<=1000px){.brand-page{grid-template-columns:1fr}.brand-side{border-right:0}}.deck-page{height:100%}.deck-layout{flex:1;grid-template-columns:200px 1fr 340px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 12px;display:flex;overflow-y:auto}.rail-item{text-align:left;background:0 0;border:0;grid-template-columns:18px 1fr;align-items:start;gap:8px;padding:0;display:grid}.rail-item .n{color:var(--sub);padding-top:4px;font-size:12px}.rail-item .thumb{aspect-ratio:16/9;outline-offset:2px;border-radius:8px;outline:2px solid #0000;overflow:hidden}.rail-item.sel .thumb{outline-color:var(--brand)}.preview{flex-direction:column;gap:14px;padding:28px;display:flex;overflow-y:auto}.preview-frame{aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.preview-meta{gap:8px;display:flex}.bound{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}.bound-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.bound-head strong{text-transform:uppercase;letter-spacing:.08em;color:var(--sub);font-size:12px}.bound ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bound li{grid-template-columns:64px 1fr auto auto;align-items:baseline;gap:4px 12px;font-size:14px;display:grid}.bound .what{font-weight:600}.bound .src{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bound .val{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:600;overflow:hidden}.bound .full{grid-column:2/-1}.data-toggle{color:#ffffffbf;align-items:baseline;gap:8px;margin-top:-8px;display:flex}.notes{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:0;padding:14px 16px;line-height:1.5}.notes strong{text-transform:uppercase;letter-spacing:.08em;color:var(--sub);margin-bottom:4px;font-size:12px;display:block}.panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.panel>*{flex-shrink:0}.panel h3{text-transform:uppercase;letter-spacing:.1em;color:var(--sub);margin:8px 0 0;font-size:13px}.panel textarea{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);padding:12px}.seg{background:var(--bg);border-radius:999px;padding:3px;display:flex}.seg button{color:var(--sub);background:0 0;border:0;border-radius:999px;flex:1;padding:7px;font-size:13px;font-weight:600}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001a}.shares{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.shares li{border-left:2px solid var(--brand);flex-direction:column;gap:3px;padding-left:12px;display:flex}.shares li.expired{border-left-color:var(--line);opacity:.7}.row.tight{gap:14px;margin:0}.share-new{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-new select{padding:7px 12px;font-size:13px}.versions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.versions li{border-left:2px solid var(--line);flex-direction:column;gap:3px;padding:2px 0 2px 12px;display:flex}.versions li.current{border-left-color:var(--brand)}.present-root{background:#000;position:fixed;inset:0}.progress{z-index:20;background:#ffffff80;height:3px;transition:width .4s;position:fixed;bottom:0;left:0}.live-badge{z-index:20;color:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.35;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:opacity .2s;display:flex;position:fixed;bottom:12px;right:14px}.live-badge:hover{opacity:1}.led{background:#999;border-radius:50%;width:8px;height:8px;display:inline-block}.led.live{background:#2fd479;box-shadow:0 0 8px #2fd479}.led.connecting{background:#f5b700}.led.offline,.led.ended{background:#e5484d}.start{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#0a0a0cb8;place-items:center;display:grid;position:fixed;inset:0}.start-card{flex-direction:column;align-items:flex-start;gap:18px;width:min(760px,92vw);display:flex}.start-card h1{letter-spacing:-.04em;margin:0;font:800 56px/1 Bricolage Grotesque,Inter,sans-serif}.start .muted{color:#fff9}.start .primary{color:#000;background:#fff}.start code{background:#ffffff1f}.pair{background:#ffffff0f;border-radius:18px;align-items:center;gap:20px;margin-top:10px;padding:16px;display:flex}.qr{background:#fff;border-radius:10px;flex:none;width:150px;height:150px;padding:6px}.qr svg{width:100%;height:100%;display:block}.remote{color:#f2f2f2;padding:max(12px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));background:#0d0e10;flex-direction:column;gap:12px;display:flex;position:fixed;inset:0}.remote.center{text-align:center;justify-content:center;align-items:center;padding:24px}.remote .muted{color:#8b8d93}.r-top{align-items:center;gap:10px;font-size:14px;display:flex}.timer{font:700 20px/1 ui-monospace,SFMono-Regular,monospace}.timer.over{color:#ff6b5b}.r-views{grid-template-columns:1fr;gap:10px;display:grid}.r-current{aspect-ratio:16/9;border-radius:12px;overflow:hidden}.r-next{display:none}.r-notes{background:#17191c;border-radius:14px;flex:1;min-height:80px;padding:14px 16px;font-size:19px;line-height:1.5;overflow-y:auto}.r-controls{grid-template-columns:90px 1fr;gap:10px;height:26vh;min-height:120px;display:grid}.r-controls button{color:#fff;border:0;border-radius:22px;font-size:26px;font-weight:700}.r-back{background:#24272b}.r-next-btn{background:var(--brand)}.r-controls button:active{filter:brightness(1.1);transform:scale(.98)}.r-tools{align-items:center;gap:10px;display:flex}.r-tools button{color:#fff;background:#24272b;border:0;border-radius:999px;padding:10px 16px;font-weight:600}.r-tools button.on{color:#000;background:#fff}.r-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#000c;flex-direction:column;gap:6px;padding:60px 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.r-list button{text-align:left;color:#fff;background:#1b1d21;border:0;border-radius:12px;padding:14px;font-size:16px}.r-list button.sel{outline:2px solid var(--brand)}.r-list button span{color:#8b8d93;margin-right:8px}.end{aspect-ratio:16/9;color:#8b8d93;background:#17191c;border-radius:12px;place-items:center;display:grid}@media (width>=900px){.remote{padding:20px}.r-views{grid-template-columns:1.6fr 1fr;align-items:start}.r-next{flex-direction:column;gap:6px;display:flex}.r-next>.cue-frame{aspect-ratio:16/9;border-radius:10px}.r-controls{grid-template-columns:120px 1fr;height:90px;min-height:0}.r-notes{font-size:22px}}