.story-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;margin-bottom:clamp(24px,4vw,48px);display:grid}.story-intro .lede{justify-self:end;max-width:26em}.story-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);display:grid;position:relative}.story-beats{counter-reset:beat;padding:6vh 0 10vh;position:relative}.story-beats:before{content:"";background:linear-gradient(var(--rule-2), var(--rule-2)) no-repeat;width:1px;position:absolute;top:6vh;bottom:10vh;left:5px}.beat{min-height:46vh;transition:opacity .6s var(--e-soft);flex-direction:column;justify-content:center;padding-left:40px;display:flex;position:relative}:root[data-motion=on] .story-grid .beat:not([data-active]){opacity:.3}.beat:before{content:"";background:var(--paper);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--rule-2);transition:background-color .4s var(--e-soft), box-shadow .4s var(--e-soft), transform .6s var(--e-out);border-radius:50%;margin-top:-5.5px;position:absolute;top:50%;left:0}.beat[data-active]:before,.beat[data-past]:before{background:var(--orange);box-shadow:inset 0 0 0 1.5px var(--orange)}.beat[data-active]:before{box-shadow:inset 0 0 0 1.5px var(--orange), 0 0 0 6px #ff680024;transform:scale(1.3)}.beat-time{font-family:var(--mono);letter-spacing:.08em;color:var(--accent);margin-bottom:14px;font-size:13px}.beat>.h3{max-width:15em;margin-bottom:14px}.beat>p{max-width:28em;color:var(--ink-2);font-size:16.5px}.beat-scene:empty{display:none}.story-stage-inner{top:calc(var(--nav-h) + 20px);height:calc(100vh - var(--nav-h) - 40px);flex-direction:column;gap:18px;max-height:820px;display:flex;position:sticky}.story-clockbar{align-items:flex-end;gap:28px;display:flex}.clock{letter-spacing:-.04em;align-items:baseline;font-size:clamp(48px,4.6vw,72px);font-weight:500;line-height:1;display:inline-flex}.clock-digit{height:1em;display:inline-block;overflow:hidden}.clock-digit>span{transition:transform .9s var(--e-out);flex-direction:column;display:flex}.clock-digit>span>span{height:1em;line-height:1}.clock-colon{color:var(--accent);margin:0 .04em;transform:translateY(-.06em)}.story-day{flex:1;align-items:center;gap:12px;padding-bottom:8px;display:flex}.story-track{background:var(--rule-2);flex:1;height:1px;position:relative}.story-track b{background:var(--orange);transform-origin:0;transition:transform .9s var(--e-out);position:absolute;inset:-.5px 0}.story-track i{z-index:1;background:var(--paper);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--rule-2);border-radius:50%;margin:-3.5px 0 0 -3.5px;transition:background-color .4s,box-shadow .4s;position:absolute;top:50%}.story-track i[data-on]{background:var(--orange);box-shadow:inset 0 0 0 1.5px var(--orange)}.story-desk{background-color:var(--paper-2);background-image:radial-gradient(var(--rule) 1px, transparent 1.2px);min-height:0;box-shadow:inset 0 0 0 1px var(--rule);background-position:11px 11px;background-size:22px 22px;border-radius:24px;flex:1;position:relative;overflow:hidden}.story-scene{opacity:0;visibility:hidden;transition:opacity .5s var(--e-soft), transform .9s var(--e-out), visibility 0s linear .5s;place-items:center;padding:6% 7%;display:grid;position:absolute;inset:0;transform:translateY(18px)scale(.985)}.story-scene[data-active]{opacity:1;visibility:visible;transition:opacity .6s var(--e-soft) .1s, transform .9s var(--e-out) .1s, visibility 0s;transform:none}.story-scene--phone{padding:5% 0}.story-coda{letter-spacing:-.045em;text-align:center;max-width:18em;margin:clamp(48px,6vw,96px) auto 0;font-size:clamp(30px,3.6vw,54px);font-weight:500;line-height:1.04}.sc-phone,.sc-window{--s-bg:#f9fafb;--s-card:#fff;--s-text:#111827;--s-muted:#6b7280;--s-faint:#9ca3af;--s-line:#eceef1;--s-field:#fff;--s-field-line:#e5e7eb;--s-orange:#ea580c;--s-head:#f8fafc;--amber-bg:#fffbeb;--amber:#b45309;--amber-line:#fde68a;--green-bg:#ecfdf5;--green:#047857;--green-line:#a7f3d0;--rose-bg:#fff1f2;--rose:#be123c;--rose-line:#fecdd3;--blue-bg:#eff6ff;--blue:#1d4ed8;--blue-line:#bfdbfe;--slate-bg:#f1f5f9;--slate:#475569;font-family:var(--sans);color:var(--s-text);text-align:left;container-type:inline-size}:root[data-theme=dark] :is(.sc-phone,.sc-window){--s-bg:#030712;--s-card:#0f172a;--s-text:#f8fafc;--s-muted:#94a3b8;--s-faint:#64748b;--s-line:#1e293b;--s-field:#111827;--s-field-line:#334155;--s-orange:#f97316;--s-head:#0b1222;--amber-bg:#fbbf241a;--amber:#fcd34d;--amber-line:#fbbf2459;--green-bg:#34d3991a;--green:#6ee7b7;--green-line:#34d39959;--rose-bg:#fb71851a;--rose:#fda4af;--rose-line:#fb718559;--blue-bg:#60a5fa1f;--blue:#93c5fd;--blue-line:#60a5fa59;--slate-bg:#94a3b81f;--slate:#cbd5e1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.sc-phone,.sc-window){--s-bg:#030712;--s-card:#0f172a;--s-text:#f8fafc;--s-muted:#94a3b8;--s-faint:#64748b;--s-line:#1e293b;--s-field:#111827;--s-field-line:#334155;--s-orange:#f97316;--s-head:#0b1222;--amber-bg:#fbbf241a;--amber:#fcd34d;--amber-line:#fbbf2459;--green-bg:#34d3991a;--green:#6ee7b7;--green-line:#34d39959;--rose-bg:#fb71851a;--rose:#fda4af;--rose-line:#fb718559;--blue-bg:#60a5fa1f;--blue:#93c5fd;--blue-line:#60a5fa59;--slate-bg:#94a3b81f;--slate:#cbd5e1}}[data-tone=amber]{--t-bg:var(--amber-bg);--t:var(--amber);--t-line:var(--amber-line)}[data-tone=green]{--t-bg:var(--green-bg);--t:var(--green);--t-line:var(--green-line)}[data-tone=rose]{--t-bg:var(--rose-bg);--t:var(--rose);--t-line:var(--rose-line)}[data-tone=blue]{--t-bg:var(--blue-bg);--t:var(--blue);--t-line:var(--blue-line)}[data-tone=slate]{--t-bg:var(--slate-bg);--t:var(--slate);--t-line:var(--s-field-line)}.sc-phone{--u:.2564cqw;aspect-ratio:390/820;background:var(--s-bg);height:100%;max-height:680px;box-shadow:0 0 0 8px #1b1b1d, 0 0 0 9px #3a3a3e, var(--shadow-2);border-radius:44px;flex-direction:column;font-size:14px;line-height:1.4;display:flex;position:relative;overflow:hidden}.sc-phone svg{width:calc(16 * var(--u));height:calc(16 * var(--u));flex:none}.sc-status{height:calc(46 * var(--u));padding:calc(10 * var(--u)) calc(30 * var(--u)) 0;background:var(--s-card);font-size:calc(14 * var(--u));justify-content:space-between;align-items:center;font-weight:600;display:flex}.sc-status i{width:calc(110 * var(--u));height:calc(30 * var(--u));background:#000;border-radius:99px}.sc-bars{align-items:flex-end;gap:calc(2 * var(--u));height:calc(11 * var(--u));display:flex}.sc-bars b{width:calc(3.5 * var(--u));background:currentColor;border-radius:1px}.sc-bars b:first-child{height:35%}.sc-bars b:nth-child(2){height:55%}.sc-bars b:nth-child(3){height:78%}.sc-bars b:nth-child(4){height:100%}.sc-appbar{justify-content:center;align-items:center;gap:calc(6 * var(--u));height:calc(44 * var(--u));border-bottom:1px solid var(--s-line);background:var(--s-card);font-size:calc(17 * var(--u));letter-spacing:-.02em;font-weight:700;display:flex}.sc-appbar img{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:calc(7 * var(--u))}.sc-appbar b{color:var(--s-orange)}.sc-body{min-height:0;padding:calc(18 * var(--u)) calc(16 * var(--u));flex:1;position:relative;overflow:hidden}.sc-tabs{padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(22 * var(--u));border-top:1px solid var(--s-line);background:var(--s-card);color:var(--s-faint);font-size:calc(10.5 * var(--u));justify-content:space-around;font-weight:500;display:flex}.sc-tabs span{align-items:center;gap:calc(3 * var(--u));flex-direction:column;display:flex}.sc-tabs svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.sc-tabs [data-on]{color:var(--s-orange)}.sc-head{margin-bottom:calc(14 * var(--u));flex-direction:column;display:flex}.sc-head strong{font-size:calc(26 * var(--u));letter-spacing:-.03em;font-weight:800;line-height:1.15}.sc-head span{color:var(--s-muted);font-size:calc(13.5 * var(--u))}.sc-seg{padding:calc(4 * var(--u));margin-bottom:calc(14 * var(--u));border-radius:calc(14 * var(--u));background:var(--s-line);display:flex}.sc-seg span{justify-content:center;align-items:center;gap:calc(6 * var(--u));height:calc(36 * var(--u));border-radius:calc(11 * var(--u));color:var(--s-muted);font-weight:700;font-size:calc(13.5 * var(--u));flex:1;display:flex}.sc-seg [data-on]{background:var(--s-card);color:var(--s-text);box-shadow:0 1px 3px #00000014}.sc-seg [data-on] svg{color:var(--s-orange)}.sc-label{margin:calc(4 * var(--u)) 0 calc(8 * var(--u));color:var(--s-muted);font-family:var(--mono);font-size:calc(10.5 * var(--u));letter-spacing:.18em;text-transform:uppercase}.sc-card{border:1px solid var(--s-line);border-radius:calc(20 * var(--u));background:var(--s-card);display:block}.sc-form{padding:calc(16 * var(--u));margin-bottom:calc(14 * var(--u));flex-direction:column;display:flex}.sc-flabel{margin-bottom:calc(5 * var(--u));color:var(--s-muted);font-size:calc(12 * var(--u));font-weight:500}.sc-form .sc-flabel:not(:first-child){margin-top:calc(11 * var(--u))}.sc-field{align-items:center;gap:calc(8 * var(--u));min-height:calc(40 * var(--u));padding:0 calc(12 * var(--u));border:1px solid var(--s-field-line);border-radius:calc(9 * var(--u));background:var(--s-field);font-size:calc(13.5 * var(--u));display:flex}.sc-field svg{color:var(--s-faint);width:calc(14 * var(--u));height:calc(14 * var(--u))}.sc-type{justify-content:space-between}.sc-note{margin-top:calc(6 * var(--u));color:var(--s-faint);font-size:calc(11.5 * var(--u))}.sc-area{min-height:calc(70 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(12 * var(--u));align-items:flex-start}.sc-typed{white-space:nowrap;border-right:1.5px solid #0000;display:inline-block;overflow:hidden}.story-scene[data-active] .sc-typed{animation:1.2s steps(27,end) .6s both type,.9s step-end .6s 2 caret}@keyframes type{0%{width:0}to{width:27ch}}@keyframes caret{50%{border-color:var(--s-orange)}}.sc-submit{justify-content:center;align-items:center;gap:calc(8 * var(--u));height:calc(48 * var(--u));border-radius:calc(16 * var(--u));background:var(--s-orange);color:#fff;font-size:calc(15 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #ea580c40;font-weight:700;display:flex}.story-scene[data-active] .sc-submit{animation:press .5s var(--e-out) 2s both}@keyframes press{40%{filter:brightness(.9);transform:scale(.96)}}.sc-toast{left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(16 * var(--u));align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u));color:#fff;font-size:calc(12.5 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #00000040;opacity:0;transform:translateY(calc(20 * var(--u)));background:#111827;display:flex;position:absolute}.sc-toast svg{width:calc(26 * var(--u));height:calc(26 * var(--u));padding:calc(5 * var(--u));color:#fff;background:#10b981;border-radius:50%}.sc-toast span{flex-direction:column;display:flex}.sc-toast b{font-size:calc(13.5 * var(--u))}.story-scene[data-active] .sc-toast{animation:toast .6s var(--e-out) 2.35s both}@keyframes toast{to{opacity:1;transform:none}}.sc-filter{gap:calc(6 * var(--u));margin-bottom:calc(12 * var(--u));white-space:nowrap;display:flex;overflow:hidden}.sc-filter span{padding:calc(6 * var(--u)) calc(11 * var(--u));border:1px solid var(--s-line);background:var(--s-card);color:var(--s-muted);font-size:calc(12 * var(--u));border-radius:99px;font-weight:600}.sc-filter [data-on]{border-color:var(--s-orange);background:var(--s-orange);color:#fff}.sc-repair{gap:calc(12 * var(--u));padding:calc(14 * var(--u));margin-bottom:calc(10 * var(--u));display:flex}.sc-repair[data-focus]{border-color:color-mix(in srgb, var(--s-orange) 35%, var(--s-line));box-shadow:0 0 0 calc(3 * var(--u)) color-mix(in srgb, var(--s-orange) 10%, transparent)}.sc-ichip{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:var(--t-bg,var(--blue-bg));color:var(--t,var(--blue));flex:none;place-items:center;transition:background-color .5s,color .5s;display:grid}.sc-repair-text{flex-direction:column;flex:1;min-width:0;display:flex}.sc-repair-top{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));font-size:calc(14 * var(--u));display:flex}.sc-desc{margin-top:calc(3 * var(--u));color:var(--s-muted);font-size:calc(13 * var(--u));line-height:1.45}.sc-date{margin-top:calc(6 * var(--u));color:var(--s-faint);font-family:var(--mono);font-size:calc(10 * var(--u));letter-spacing:.04em}.sc-pill{align-items:center;gap:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));background:var(--t-bg);color:var(--t);font-size:calc(11 * var(--u));white-space:nowrap;border-radius:99px;font-weight:700;display:inline-flex}.sc-pill svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.sc-pill-stack{justify-items:end;display:grid}.sc-pill-stack>*{opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity .35s var(--e-soft), transform .5s var(--e-out);grid-area:1/1}.sc-pill-stack .sc-p1{opacity:1;transform:none}.story-scene[data-active] .sc-pill-stack .sc-p1{animation:pill-out .4s var(--e-soft) 1.1s both}.story-scene[data-active] .sc-pill-stack .sc-p2{animation:pill-in .5s var(--e-out) 1.2s both, pill-out .4s var(--e-soft) 2.4s both}.story-scene[data-active] .sc-pill-stack .sc-p3{animation:pill-in .5s var(--e-out) 2.5s both}@keyframes pill-in{0%{opacity:0;transform:translateY(calc(6 * var(--u)))}to{opacity:1;transform:none}}@keyframes pill-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-6 * var(--u)))}}.sc-ichip--live{--t-bg:var(--amber-bg);--t:var(--amber)}.story-scene[data-active] .sc-ichip--live{animation:2.6s linear both chip-tone}@keyframes chip-tone{0%,45%{background:var(--amber-bg);color:var(--amber)}48%,92%{background:var(--green-bg);color:var(--green)}96%,to{background:var(--blue-bg);color:var(--blue)}}.story-scene:not([data-active]) .sc-ichip--live{background:var(--blue-bg);color:var(--blue)}.sc-window{--u:.1136cqw;aspect-ratio:880/610;background:var(--s-bg);width:100%;max-width:1000px;max-height:100%;box-shadow:0 0 0 1px #20201e1f, var(--shadow-2);border-radius:14px;flex-direction:column;font-size:14px;line-height:1.45;display:flex;overflow:hidden}.sc-window svg{width:calc(17 * var(--u));height:calc(17 * var(--u));flex:none}.sc-window-bar,.demo-frame-bar{align-items:center;gap:calc(8 * var(--u));height:calc(42 * var(--u));padding:0 calc(16 * var(--u));border-bottom:1px solid var(--s-line);background:var(--s-card);display:flex}.sc-window-bar i{width:calc(11 * var(--u));height:calc(11 * var(--u));background:var(--s-line);border-radius:50%}.sc-window-bar span{padding-right:calc(60 * var(--u));color:var(--s-faint);font-family:var(--mono);font-size:calc(12.5 * var(--u));margin:0 auto}.sc-window-body{flex:1;min-height:0;position:relative;overflow:hidden}.sc-dash{height:100%;padding:calc(30 * var(--u)) calc(36 * var(--u));gap:calc(18 * var(--u));flex-direction:column;display:flex;position:relative}.sc-dash-head{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));display:flex}.sc-dash-head>div{gap:calc(3 * var(--u));flex-direction:column;display:flex}.sc-dash-head strong{font-size:calc(28 * var(--u));letter-spacing:-.03em;font-weight:700;line-height:1.1}.sc-dash-head>div>span{color:var(--s-muted);font-size:calc(14.5 * var(--u))}.sc-chip{align-items:center;gap:calc(6 * var(--u));padding:calc(7 * var(--u)) calc(14 * var(--u));border:1px solid var(--s-field-line);border-radius:calc(10 * var(--u));background:var(--s-card);font-size:calc(14 * var(--u));font-weight:600;display:inline-flex}.sc-chip svg{color:var(--s-orange)}.sc-stats{gap:calc(12 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.sc-stats span{gap:calc(2 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));border:1px solid var(--s-line);border-radius:calc(14 * var(--u));background:var(--s-card);color:var(--s-muted);font-size:calc(13.5 * var(--u));flex-direction:column;display:flex}.sc-stats b{color:var(--t,var(--s-text));font-size:calc(26 * var(--u));letter-spacing:-.03em;font-weight:700;line-height:1.15}.sc-table{border:1px solid var(--s-line);border-radius:calc(16 * var(--u));background:var(--s-card);overflow:hidden}.sc-tr{align-items:center;gap:calc(14 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u));border-top:1px solid var(--s-line);font-size:calc(14 * var(--u));grid-template-columns:3.1fr 1.2fr 1.4fr 1.15fr 2.2fr;transition:background-color .5s;display:grid}.sc-th{background:var(--s-head);color:var(--s-muted);font-size:calc(12.5 * var(--u));padding-block:calc(11 * var(--u));border-top:0;font-weight:600}.sc-tr small{color:var(--s-faint);font-size:calc(12 * var(--u));display:block}.sc-who{align-items:flex-start;gap:calc(12 * var(--u));min-width:0;display:flex}.sc-who>span{min-width:0}.sc-who b{font-weight:600;display:block}.sc-who em{margin-top:calc(3 * var(--u));color:var(--s-muted);font-size:calc(12.5 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-style:normal;display:block;overflow:hidden}.sc-who i,.sc-row i{width:calc(38 * var(--u));height:calc(38 * var(--u));font-style:normal;font-weight:700;font-size:calc(14 * var(--u));border-radius:50%;flex:none;place-items:center;display:grid}[data-tone=teal]{color:#0f766e;background:#2dd4bf29}[data-tone=indigo]{color:#4338ca;background:#818cf829}.sc-who [data-tone=rose],.sc-row [data-tone=slate]{background:var(--t-bg);color:var(--t)}.sc-badge{align-items:center;gap:calc(6 * var(--u));padding:calc(2 * var(--u)) calc(10 * var(--u));border:1px solid var(--t-line);background:var(--t-bg);color:var(--t);font-size:calc(12 * var(--u));white-space:nowrap;border-radius:99px;font-weight:600;display:inline-flex}.sc-badge:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));opacity:.8;background:currentColor;border-radius:50%}.sc-badge-swap{display:inline-grid}.sc-badge-swap>*{grid-area:1/1}.sc-badge-swap .sc-b2{opacity:0;transform:scale(.8)}.story-scene[data-active] .sc-badge-swap .sc-b1{animation:fade-out .3s var(--e-soft) 1.75s both}.story-scene[data-active] .sc-badge-swap .sc-b2{animation:badge-in .5s var(--e-out) 1.8s both}@keyframes fade-out{to{opacity:0}}@keyframes badge-in{to{opacity:1;transform:none}}.sc-actions{justify-content:flex-end;gap:calc(8 * var(--u));display:flex}.sc-btn{align-items:center;gap:calc(6 * var(--u));height:calc(32 * var(--u));padding:0 calc(12 * var(--u));border:1px solid var(--t-line);border-radius:calc(8 * var(--u));background:var(--t-bg);color:var(--t);font-size:calc(13.5 * var(--u));white-space:nowrap;font-weight:600;display:inline-flex}.sc-btn svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.sc-btn--solid{background:var(--s-orange);color:#fff;border:0}.sc-tr[data-focus]{background:color-mix(in srgb, var(--s-orange) 5%, var(--s-card))}.story-scene[data-active] .sc-tr[data-focus] .sc-actions{animation:actions-out .4s var(--e-soft) 1.75s both}.story-scene[data-active] .sc-tr[data-focus] .sc-btn[data-tone=green]{animation:press .45s var(--e-out) 1.35s both}@keyframes actions-out{to{opacity:.25}}.sc-cursor{z-index:2;width:calc(22 * var(--u));height:calc(22 * var(--u));filter:drop-shadow(0 2px 3px #00000040);opacity:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5l15 9.3-6.6 1.5 3.9 7.2-2.6 1.4-3.9-7.2L5 19z' fill='%23111' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/contain no-repeat;position:absolute;top:52%;left:46%}.sc-btn{position:relative}.story-scene[data-active] .sc-cursor{animation:cursor 2.2s var(--e-in-out) .15s both}@keyframes cursor{0%{opacity:0;transform:translate(calc(150 * var(--u)), calc(190 * var(--u)))}12%{opacity:1}52%{transform:translate(0)}58%{transform:translate(0)scale(.82)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(14 * var(--u)), calc(22 * var(--u)))}}.sc-steps{gap:calc(8 * var(--u));counter-reset:step;display:flex}.sc-steps span{align-items:center;gap:calc(8 * var(--u));padding-top:calc(10 * var(--u));border-top:calc(3 * var(--u)) solid var(--s-line);color:var(--s-faint);font-size:calc(13 * var(--u));flex:1;font-weight:600;display:flex}.sc-steps span:before{counter-increment:step;content:counter(step);width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--s-line);color:var(--s-muted);font-size:calc(11.5 * var(--u));border-radius:50%;place-items:center;display:grid}.sc-steps [data-done],.sc-steps [data-on]{border-color:var(--s-orange);color:var(--s-text)}.sc-steps [data-done]:before{content:"✓";background:var(--s-orange);color:#fff}.sc-steps [data-on]:before{background:var(--s-text);color:var(--s-bg)}.sc-map{align-items:center;gap:calc(12 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border:1px dashed color-mix(in srgb, var(--s-orange) 50%, var(--s-line));border-radius:calc(12 * var(--u));background:color-mix(in srgb, var(--s-orange) 5%, var(--s-card));font-size:calc(14 * var(--u));display:flex}.sc-map-from{color:var(--s-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose)}.sc-map-arrow{width:calc(36 * var(--u));background:var(--s-orange);height:1.5px;position:relative}.sc-map-arrow:after{content:"";width:calc(7 * var(--u));height:calc(7 * var(--u));border-top:1.5px solid var(--s-orange);border-right:1.5px solid var(--s-orange);position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.sc-map-to{font-weight:600}.sc-map-count{color:var(--s-muted);font-size:calc(13 * var(--u));margin-left:auto}.sc-sheet .sc-tr{padding-block:calc(11 * var(--u));grid-template-columns:.4fr 2fr 1fr 2.3fr .8fr}.sc-n{color:var(--s-faint);font-family:var(--mono);font-size:calc(12.5 * var(--u))}[data-fix]{display:inline-grid}[data-fix]>*{grid-area:1/1}[data-fix] .sc-old{color:var(--rose)}[data-fix] .sc-new{color:var(--green);opacity:0;font-weight:600}.story-scene[data-active] [data-fix] .sc-old{animation:fade-out .4s var(--e-soft) 1s both}.story-scene[data-active] [data-fix] .sc-new{animation:badge-in .5s var(--e-out) 1.1s both}.story-scene[data-active] .sc-map{animation:map-in .7s var(--e-out) .5s both}@keyframes map-in{0%{opacity:0;transform:translateY(calc(-8 * var(--u)))}}.sc-progress{align-items:center;gap:calc(16 * var(--u));color:var(--s-muted);font-size:calc(14 * var(--u));margin-top:auto;display:flex}.sc-progress b{color:var(--s-text)}.sc-progress>i{height:calc(6 * var(--u));background:linear-gradient(var(--s-orange), var(--s-orange)) left / 100% 100% no-repeat, var(--s-line);border-radius:99px;flex:1}.story-scene[data-active] .sc-progress>i{animation:fill 1.4s var(--e-out) .9s both}@keyframes fill{0%{background-size:62% 100%,auto}}.sc-live{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));background:var(--green-bg);color:var(--green);font-size:calc(13 * var(--u));border-radius:99px;font-weight:700;display:inline-flex}.sc-live i{width:calc(8 * var(--u));height:calc(8 * var(--u));background:currentColor;border-radius:50%;animation:1.6s ease-in-out infinite live}@keyframes live{50%{opacity:.25}}.sc-punch-grid{gap:calc(18 * var(--u));flex:1;grid-template-columns:.9fr 1.4fr;min-height:0;display:grid}.sc-punch-side{gap:calc(12 * var(--u));flex-direction:column;min-height:0;display:flex}.sc-onleave{animation:map-in .6s var(--e-out) both}.sc-closed{color:var(--s-muted);animation:map-in .5s var(--e-out) both}.sc-split-counts{gap:calc(8 * var(--u));margin-top:calc(14 * var(--u));opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity .4s var(--e-soft), transform .6s var(--e-out);grid-template-columns:1fr 1fr;display:grid}.sc-split-counts[data-show]{opacity:1;transform:none}.sc-split-counts>span{padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));background:var(--t-bg);color:var(--t);font-size:calc(12.5 * var(--u));flex-direction:column;font-weight:600;display:flex}.sc-split-counts b{font-size:calc(24 * var(--u));letter-spacing:-.03em;font-weight:700;line-height:1.1}.sc-punch-total{padding:calc(24 * var(--u));border:1px solid var(--s-line);border-radius:calc(18 * var(--u));background:var(--s-card);flex-direction:column;display:flex}.sc-punch-total>b{margin-top:calc(6 * var(--u));font-size:calc(84 * var(--u));letter-spacing:-.05em;font-weight:700;line-height:1}.sc-of{margin-top:calc(8 * var(--u));color:var(--s-muted);font-size:calc(14 * var(--u))}.sc-meter{height:calc(8 * var(--u));margin-top:calc(20 * var(--u));background:var(--s-line);border-radius:99px;overflow:hidden}.sc-meter i{border-radius:inherit;background:var(--s-orange);height:100%;transition:width .5s var(--e-out);display:block}.sc-device{align-items:center;gap:calc(8 * var(--u));padding-top:calc(16 * var(--u));border-top:1px solid var(--s-line);color:var(--s-muted);font-size:calc(13 * var(--u));margin-top:auto;display:flex}.sc-device svg{color:var(--s-orange)}.sc-feed{gap:calc(8 * var(--u));padding:calc(14 * var(--u));border:1px solid var(--s-line);border-radius:calc(18 * var(--u));background:var(--s-card);flex-direction:column;display:flex;overflow:hidden}.sc-feed li{align-items:center;gap:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(12 * var(--u));background:var(--s-bg);font-size:calc(14 * var(--u));animation:punch .55s var(--e-out) both;display:flex}.sc-feed li:first-child{background:color-mix(in srgb, var(--green) 9%, var(--s-bg))}@keyframes punch{0%{opacity:0;transform:translateY(calc(-14 * var(--u)))}}.sc-feed li i{width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--green-bg);color:var(--green);border-radius:50%;place-items:center;display:grid}.sc-feed li>span{flex-direction:column;flex:1;display:flex}.sc-feed li b{font-weight:600}.sc-feed small{color:var(--s-faint);font-size:calc(12 * var(--u))}.sc-feed time{color:var(--s-muted);font-family:var(--mono);font-size:calc(12.5 * var(--u))}.sc-punch-side .sc-feed{flex:1;min-height:0}.sc-panel{gap:calc(8 * var(--u));padding:calc(18 * var(--u));border:1px solid var(--s-line);border-radius:calc(18 * var(--u));background:var(--s-card);flex-direction:column;display:flex}.sc-row{align-items:center;gap:calc(12 * var(--u));padding:calc(10 * var(--u));border-radius:calc(12 * var(--u));font-size:calc(14 * var(--u));display:flex}.sc-row>span:not(.sc-badge){flex-direction:column;flex:1;display:flex}.sc-row small{color:var(--s-faint);font-size:calc(12 * var(--u))}.sc-row[data-focus]{background:color-mix(in srgb, var(--amber) 8%, var(--s-card));box-shadow:inset 0 0 0 1px var(--amber-line)}.story-scene[data-active] .sc-row[data-focus]{animation:glow-row 1.2s var(--e-out) .6s both}@keyframes glow-row{0%{background:var(--s-card);box-shadow:inset 0 0 0 1px #0000}}@media (max-width:1023px){.story-intro{grid-template-columns:1fr;gap:20px}.story-intro .lede{justify-self:start}.story-grid{grid-template-columns:1fr}.story-stage{display:none}.story-beats{padding:24px 0 0}.story-beats:before{top:30px;bottom:0}.beat{min-height:0;padding:0 0 72px 32px}.beat:before{margin-top:0;top:6px}:root[data-motion=on] .story-grid .beat:not([data-active]){opacity:1}.beat-scene{background-color:var(--paper-2);background-image:radial-gradient(var(--rule) 1px, transparent 1.2px);box-shadow:inset 0 0 0 1px var(--rule);background-size:18px 18px;border-radius:18px;margin-top:28px;overflow:hidden}.beat-scene .story-scene{opacity:1;visibility:visible;padding:7% 5%;position:relative;inset:auto;transform:none}.beat-scene .story-scene--phone{padding:8% 0}.beat-scene .sc-phone{width:min(62%,300px);height:auto;box-shadow:0 0 0 6px #1b1b1d, 0 0 0 7px #3a3a3e, var(--shadow-2);border-radius:34px}.beat-scene .sc-window{border-radius:10px}}:root[data-motion=off] .story-scene *{animation:none!important}:root[data-motion=off] .sc-pill-stack .sc-p1,:root[data-motion=off] .sc-pill-stack .sc-p2,:root[data-motion=off] .sc-badge-swap .sc-b1,:root[data-motion=off] [data-fix] .sc-old,:root[data-motion=off] .sc-cursor{opacity:0}:root[data-motion=off] .sc-pill-stack .sc-p3,:root[data-motion=off] .sc-badge-swap .sc-b2,:root[data-motion=off] [data-fix] .sc-new,:root[data-motion=off] .sc-toast{opacity:1;transform:none}