:root,:root[data-theme=light] :is(.stage,.verify,.walkie,.rec-bar,.draw-bar,.compare-bar,.review-hud,.film-poster,.poster-frame,.c-thumb,.lightbox,.inbox-stage,.inbox-stage-box,.inbox-thumb,.so-tip,.aud-media,.aud-thumb,.cv-loop,.cv-rl){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);--ink-0:#070707;--ink-1:#0d0d0e;--ink-2:#131314;--ink-3:#1a1a1b;--ink-4:#232324;--ink-5:#2d2d2f;--line:#1f1f21;--line-2:#2c2c2e;--line-3:#444446;--line-4:#5a5a5c;--fg:#eeebe4;--fg-2:#bebab2;--muted:#8c8982;--faint:#5e5c58;--must:#ff453a;--should:#ffc043;--nice:#5ac8fa;--idea:#bf5af2;--ok:#3ddc97;--claude:#d97757;--must-bg:#ff453a1f;--should-bg:#ffc0431f;--idea-bg:#bf5af21f;--ok-bg:#3ddc971a;--claude-bg:#d977571f;--sel:#eeebe412;--sel-on:#eeebe41f;--must-2:#ff8f86;--ok-2:#c9f6e2;--claude-2:#e8977a;--claude-3:#f0a58a;--edge:#8a6d2c;--edge-2:#c9a24a;--danger-hi:#ff5b51;--danger:#d3263e;--danger-glow:#d3263e57;--on-fg:#111;--on-fg-2:#333;--on-fg-3:#555;--on-fg-tint:#000;--on-fg-ok:#0a7a4d;--fg-hi:#fff;--hi:#fff;--on-must:#fff;--on-should:#2a1a00;--on-nice:#032030;--on-idea:#1c0626;--on-ok:#032417;--on-claude:#2a0f06;--scroll:#2a2a2c;--backdrop:#0000008f;--tip-bg:#2d2d2f;--tip-fg:var(--fg);--tip-fg-2:var(--fg-2);--tip-edge:#eeebe41f;--tip-ok:var(--ok);--veil:#050505d1;--well:#080808;--tl-bg:#080808;--tl-film:#040404;--tl-hole:#1e1e20;--tl-lane:#0b0b0c;--tl-grid:#1b1b1c;--tl-tick:#3a3a3c;--tl-text:#79766f;--tl-wave:#333335;--tl-wave-rms:#7d7a73;--tl-wave-in:#8f8b83;--tl-wave-rms-in:#eeebe4;--tl-closed:#4a4a4c;--tl-verified:#3fd99a;--tl-words:#1c1c1e;--tl-word-text:#a19d95;--tl-seg-a:#262628;--tl-seg-b:#323234;--playhead:#eeebe4;--grain:var(--noise);--grain-o:.05;--shadow:0 24px 60px #0000008c, 0 2px 10px #0006;--shadow-up:0 -12px 32px #00000073;--must-glow:#ff453a47;--brand:#f25a1d;--brand-ink:#1a0b04;--brand-deep:#cf430c;--on-brand:#fff;--brand-hot:#ff9a5c;--brand-glow:#f25a1d6b;--brand-haze:#f25a1d29;--cool-haze:#7892ff1a;--ruler:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='10'%3E%3Cpath d='M.5 1v8M8.5 3v4M16.5 2v6M24.5 3v4' stroke='%233a3a3d'/%3E%3C/svg%3E");--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%238c8982' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");--film-a:#141416;--film-b:#060607;--film-hi:#ffe4c80b;--film-glow:#f2682a1f;--film-mat:#0e0e10;--film-edge:#eeebe41a;--film-top:#ffffff12;--film-view:#0b0b0c;--film-view-edge:#ffffff0f;--film-stock:#0c0c0e;--film-stock-edge:#eeebe414;--film-label:#7b776f;--film-perf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Crect x='4' y='1' width='8' height='6' rx='1.5' fill='%23202023'/%3E%3C/svg%3E");--shadow-film:0 2px 4px #00000073, 0 30px 60px -26px #000000d9;--lt-a:#141416;--lt-b:#060607;--lt-hi:#ffe4c80b;--lt-glow:#f2682a1f;--lt-lbl:#7b776f;--lt-key:#57575c;--fb-mat:#0e0e10;--fb-edge:#eeebe41a;--fb-top:#ffffff12;--fb-shadow:0 2px 4px #00000073, 0 30px 60px -26px #000000d9;--fb-view-edge:#ffffff0f;--ruler-lt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10'%3E%3Cpath d='M.5 1v8M30.5 3v4M60.5 3v4M90.5 3v4' stroke='%23343437'/%3E%3C/svg%3E");--gs-a:#1a1a1b;--gs-b:#131314}:root{--cast:#000;--cast-k:1;--fr-bg:var(--fb-mat);--fr-edge:var(--fb-edge);--fr-top:var(--fb-top);--fr-shadow:var(--fb-shadow);--shadow-hair:0 1px 2px color-mix(in srgb, var(--cast) calc(8% * var(--cast-k)), transparent);--shadow-fade-up:0 -18px 18px -4px var(--ink-1);--shadow-small:0 1px 2px color-mix(in srgb, var(--cast) calc(22% * var(--cast-k)), transparent), 0 6px 16px color-mix(in srgb, var(--cast) calc(22% * var(--cast-k)), transparent);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:24px;--fs-3xl:36px;--fs-4xl:56px;--fs-touch:16px;--fw-text:400;--fw-ui:500;--fw-strong:650;--lh-tight:1.1;--lh-ui:1.3;--lh-body:1.5;--track-title:-.02em;--track-eyebrow:.06em;--sp-0_5:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-sm:4px;--r:8px;--r-lg:12px;--r-full:999px;--radius:var(--r-lg);--radius-sm:var(--r);--ic-sm:14px;--ic:16px;--ic-lg:20px;--ic-play-nudge:1px;--shadow-float:inset 0 1px 0 color-mix(in srgb, var(--hi) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--cast) calc(24% * var(--cast-k)), transparent), 0 8px 24px color-mix(in srgb, var(--cast) calc(26% * var(--cast-k)), transparent), 0 24px 64px color-mix(in srgb, var(--cast) calc(34% * var(--cast-k)), transparent);--shadow-scrim:0 0 0 100vmax var(--backdrop);--float-bg:var(--ink-3);--float-line:color-mix(in srgb, var(--fg) 11%, transparent);--float-sel:color-mix(in srgb, var(--fg) 8%, transparent);--shadow-raise:0 8px 24px color-mix(in srgb, var(--cast) calc(30% * var(--cast-k)), transparent), 0 1px 3px color-mix(in srgb, var(--cast) calc(30% * var(--cast-k)), transparent);--focus-ring:0 0 0 3px color-mix(in srgb, var(--fg) 14%, transparent);--sunk:inset 0 1px 2px color-mix(in srgb, var(--cast) calc(18% * var(--cast-k)), transparent);--raise-sheen:linear-gradient(to bottom, color-mix(in srgb, var(--hi) 12%, transparent), transparent 60%);--raise-edge:inset 0 1px 0 color-mix(in srgb, var(--hi) 38%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--cast) calc(22% * var(--cast-k)), transparent);--raise-drop:0 1px 2px color-mix(in srgb, var(--cast) calc(38% * var(--cast-k)), transparent), 0 3px 10px color-mix(in srgb, var(--cast) calc(16% * var(--cast-k)), transparent);--raise:var(--raise-edge), var(--raise-drop);--press:inset 0 1px 3px color-mix(in srgb, var(--cast) calc(45% * var(--cast-k)), transparent);--shadow-brand:0 8px 28px var(--brand-glow), 0 1px 2px color-mix(in srgb, var(--cast) calc(30% * var(--cast-k)), transparent);--shadow-danger:0 8px 24px var(--danger-glow), 0 1px 2px color-mix(in srgb, var(--cast) calc(30% * var(--cast-k)), transparent);--shadow-window:0 0 120px 24px var(--brand-glow), 0 0 32px var(--brand-haze);--focus-ring-brand:0 0 0 4px color-mix(in srgb, var(--brand) 26%, transparent), 0 0 32px var(--brand-haze);--shadow-gate:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent), 0 0 24px color-mix(in srgb, var(--brand) 16%, transparent);--h-xs:20px;--h-sm:26px;--h:30px;--h-lg:40px;--h-touch:44px;--h-xl:52px;--ui:"Instrument Sans Variable", "Instrument Sans", -apple-system, sans-serif;--display:"Instrument Sans Variable", "Instrument Sans", -apple-system, sans-serif;--mono:"Martian Mono Variable", "SF Mono", ui-monospace, monospace;--keys:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI Symbol", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--z-topbar:30;--z-inbox:45;--z-overlay:50;--z-sheet:51;--z-dialog:52;--z-menu:55;--z-float:60;--z-palette:61;--z-uploads:70;--z-toast:80;--z-top:90;--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--dur-page:.14s;--dur-page-in:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, .75, .3);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .16 0 0 0 0 .1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--kg-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M6 .8 11.2 6 6 11.2 .8 6Z'/%3E%3C/svg%3E");--kg-half:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M6 .8 11.2 6 6 11.2 .8 6ZM6 3 9 6 6 9Z'/%3E%3C/svg%3E");--kg-outline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M6 .8 11.2 6 6 11.2 .8 6ZM6 3 9 6 6 9 3 6Z'/%3E%3C/svg%3E");--kg-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M6 1.2A4.8 4.8 0 1 1 6 10.8 4.8 4.8 0 1 1 6 1.2ZM6 3.3A2.7 2.7 0 1 0 6 8.7 2.7 2.7 0 1 0 6 3.3Z'/%3E%3C/svg%3E");--kg-ease:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M1.6 1.4h8.8L6 6l4.4 4.6H1.6L6 6Z'/%3E%3C/svg%3E");--kg-hold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M3.1 1.6h5.8c.8 0 1.5.7 1.5 1.5v5.8c0 .8-.7 1.5-1.5 1.5H3.1c-.8 0-1.5-.7-1.5-1.5V3.1c0-.8.7-1.5 1.5-1.5Z'/%3E%3C/svg%3E")}:root[data-theme=light],body.printing{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cast:#3a2e1c;--cast-k:.32;--ink-0:#e9e5dc;--ink-1:#f2efe7;--ink-2:#f8f6f0;--ink-3:#fffdf8;--ink-4:#e8e4da;--ink-5:#dcd7cc;--line:#e1dcd1;--line-2:#d4cec2;--line-3:#b4ad9f;--line-4:#8f887b;--fg:#1c1b19;--fg-2:#3b3833;--muted:#69645b;--faint:#868075;--must:#b31434;--should:#9a4f04;--nice:#00679a;--idea:#8b2db8;--ok:#157548;--claude:#a3461f;--must-bg:#b3143417;--should-bg:#9a4f041a;--idea-bg:#8b2db817;--ok-bg:#15754817;--claude-bg:#a3461f1a;--sel:#1c1b190f;--sel-on:#1c1b191a;--must-2:#9a1030;--ok-2:#0f5f39;--claude-2:#924020;--claude-3:#86391c;--edge:#7a5a17;--edge-2:#7a5a17;--danger-hi:#9a1030;--danger:#b31434;--danger-glow:#b3143438;--on-fg:#f7f4ec;--on-fg-2:#d6d0c4;--on-fg-3:#b9b3a7;--on-fg-tint:#fff;--on-fg-ok:#6fdcaa;--fg-hi:#3a3732;--hi:#fff;--on-must:#fff;--on-should:#fffaf0;--on-nice:#f0faff;--on-idea:#fbf3ff;--on-ok:#f2fff8;--on-claude:#fff6f1;--scroll:#cbc5b8;--backdrop:#2a221633;--tip-bg:var(--fg);--tip-fg:var(--on-fg);--tip-fg-2:var(--on-fg-2);--tip-edge:transparent;--tip-ok:var(--on-fg-ok);--veil:#f2efe7db;--well:#e9e5dc;--tl-bg:#efebe3;--tl-film:#e2ddd2;--tl-hole:#f7f4ed;--tl-lane:#f7f5ef;--tl-grid:#e3ded4;--tl-tick:#b7b0a2;--tl-text:#6d685f;--tl-wave:#d2ccbf;--tl-wave-rms:#8d877b;--tl-wave-in:#9a9387;--tl-wave-rms-in:#2a2824;--tl-closed:#b3ada0;--tl-verified:#157548;--tl-words:#e6e1d7;--tl-word-text:#58534b;--tl-seg-a:#dcd6ca;--tl-seg-b:#cfc8bb;--playhead:#1c1b19;--grain:var(--noise-ink);--grain-o:.07;--shadow:0 24px 60px #3a2e1c29, 0 2px 10px #3a2e1c1a;--shadow-up:0 -12px 32px #3a2e1c1f;--must-glow:#b314342e;--brand-hot:#ff8a4a;--brand-glow:#f25a1d57;--brand-haze:#f25a1d21;--cool-haze:#4660d212;--ruler:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='10'%3E%3Cpath d='M.5 1v8M8.5 3v4M16.5 2v6M24.5 3v4' stroke='%23c4bdb0'/%3E%3C/svg%3E");--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2369645b' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");--film-a:#fdfcf9;--film-b:#eeeae2;--film-hi:#fffffff2;--film-glow:#fff0;--film-mat:#fff;--film-edge:#1c1b191f;--film-top:#fff;--film-view-edge:#00000014;--film-stock:#fff;--film-stock-edge:#1c1b1921;--film-label:#8f887b;--film-perf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Crect x='4' y='1' width='8' height='6' rx='1.5' fill='%23e6e0d5'/%3E%3C/svg%3E");--shadow-film:0 1px 1px #2e241412, 0 4px 10px #2e24140d, 0 28px 50px -26px #2e241452;--lt-a:#fdfcf9;--lt-b:#eeeae2;--lt-hi:#fffffff2;--lt-glow:#fff0;--lt-lbl:#8f887b;--lt-key:#b4ad9f;--fb-mat:#fff;--fb-edge:#1c1b191f;--fb-top:#fff;--fb-shadow:0 1px 1px #2e241412, 0 4px 10px #2e24140d, 0 28px 50px -26px #2e241452;--fb-view-edge:#00000014;--ruler-lt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10'%3E%3Cpath d='M.5 1v8M30.5 3v4M60.5 3v4M90.5 3v4' stroke='%23cfc8bb'/%3E%3C/svg%3E");--gs-a:#fffdf8;--gs-b:#f8f6f0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink-1);color:var(--fg);font:var(--fs-md) / var(--lh-body) var(--ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--fg)}b,strong{font-weight:var(--fw-strong)}.icon{flex:none;display:block}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:var(--track-title);font-stretch:87.5%}.muted{color:var(--muted)}.faint{color:var(--faint)}.grow{flex:1;min-width:0}.row{align-items:center;gap:var(--sp-2);display:flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ellipsis-start{text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:rtl;overflow:hidden}.ellipsis-start>span{direction:ltr;unicode-bidi:plaintext}.serif{font-family:var(--display);font-weight:var(--fw-strong);letter-spacing:var(--track-title);font-stretch:87.5%}.eyebrow{font:var(--fw-ui) var(--fs-xs) / var(--lh-ui) var(--ui);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted)}::selection{background:color-mix(in srgb, var(--fg) 22%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:var(--r);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:1.5px solid var(--fg);outline-offset:2px}:root[data-pointer] select:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s;--dur-page:0s;--dur-page-in:0s}*,:before,:after{scroll-behavior:auto!important;transition:none!important}:not(.spinner),:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.grain{isolation:isolate;position:relative}.grain:after{content:"";background-image:var(--grain);opacity:var(--grain-o);pointer-events:none;z-index:-1;position:absolute;inset:0}body.printing{color:#111;background:#fff;overflow:auto}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--h);padding:0 var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--ink-3);color:var(--fg);cursor:pointer;white-space:nowrap;font-weight:var(--fw-ui);text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--ink-4);border-color:var(--line-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:var(--raise-sheen), var(--brand-deep);border-color:var(--brand-deep);color:var(--on-brand);font-weight:var(--fw-strong);box-shadow:var(--raise)}.btn.primary:hover{background:var(--raise-sheen), var(--brand-deep);border-color:var(--brand-deep);box-shadow:var(--raise-edge), var(--shadow-brand)}.btn.primary:not(:disabled):active{box-shadow:var(--press)}.icon.spark{color:var(--claude)}.btn.ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--ink-3);color:var(--fg)}.btn.ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 35%, transparent);color:var(--ok)}.btn.ok:hover{background:color-mix(in srgb, var(--ok) 18%, transparent)}.btn.danger:hover{color:var(--must);border-color:color-mix(in srgb, var(--must) 45%, transparent)}.btn.sm{height:var(--h-sm);padding:0 var(--sp-2);font-size:var(--fs-sm);gap:var(--sp-1)}.btn.icon-only{width:var(--h);padding:0}.btn.sm.icon-only{width:var(--h-sm)}.btn.on{background:var(--raise-sheen), var(--ink-3);border-color:var(--line-2);color:var(--fg);box-shadow:var(--raise)}.btn.on:hover{background:var(--raise-sheen), var(--ink-3);color:var(--fg)}.btn.voice-btn.on,.btn.voice-btn.on:hover{background:var(--must-bg);box-shadow:none;color:var(--must);border-color:#0000}kbd{font:var(--fw-ui) var(--fs-xs) / var(--lh-tight) var(--keys);padding:var(--sp-0_5) var(--sp-1) 1px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--ink-2);color:var(--muted);border-bottom-width:2px}.btn.ok kbd{background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:color-mix(in srgb, var(--ok) 30%, transparent);color:var(--ok)}.btn.primary kbd{background:color-mix(in srgb, var(--on-brand) 14%, transparent);border-color:color-mix(in srgb, var(--on-brand) 30%, transparent);color:var(--on-brand)}.input{height:var(--h);padding:0 var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--ink-0);outline:none;min-width:0;transition:border-color .15s,box-shadow .15s}.input:hover{border-color:var(--line-3)}.input:focus,.textarea:focus{border-color:var(--fg-2);box-shadow:var(--focus-ring)}textarea{resize:none;field-sizing:content;max-height:40vh}.textarea{width:100%;min-height:74px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--ink-0);line-height:var(--lh-body);outline:none}.textarea::placeholder,.input::placeholder{color:var(--faint)}.select.sm{height:var(--h-sm);font-size:var(--fs-sm)}select.input{padding-right:var(--sp-6);appearance:none;background-image:var(--chevron);cursor:pointer;background-position:right 8px center;background-repeat:no-repeat}.seg{padding:var(--sp-0_5);gap:var(--sp-0_5);border-radius:var(--r);background:var(--ink-0);border:1px solid var(--line);box-shadow:var(--sunk);display:inline-flex}.seg button{height:calc(var(--h) - 6px);padding:0 var(--sp-2);border-radius:var(--r);color:var(--muted);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-ui);align-items:center;gap:var(--sp-1);background:0 0;border:0;transition:color .15s,background .15s;display:inline-flex}.seg button:hover{color:var(--fg)}.seg button.on{background:var(--raise-sheen), var(--ink-3);color:var(--fg);box-shadow:var(--raise)}.tabs{padding:var(--sp-0_5);gap:var(--sp-0_5);border-radius:var(--r);background:var(--ink-0);border:1px solid var(--line);box-shadow:var(--sunk);display:inline-flex}.tabs button{height:calc(var(--h) - 6px);padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-ui);gap:var(--sp-1);white-space:nowrap;background:0 0;border:0;align-items:center;display:inline-flex;position:relative}.tabs button .n{font:var(--fw-ui) var(--fs-xs) / 1 var(--ui);font-variant-numeric:tabular-nums;color:var(--muted)}.tabs button .n.ok{color:var(--ok)}.tabs button .n.idea{color:var(--idea)}.tabs button .n.q{color:var(--claude-2)}.tabs button:hover{color:var(--fg)}.tabs button.on{color:var(--fg);background:var(--raise-sheen), var(--ink-3);box-shadow:var(--raise)}.tabs button.on .n{color:var(--fg-2)}.chip{align-items:center;gap:var(--sp-1);height:var(--h-xs);padding:0 var(--sp-2);border-radius:var(--r-full);border:1px solid var(--line-2);color:var(--fg-2);font-size:var(--fs-sm);white-space:nowrap;background:0 0;transition:all .12s;display:inline-flex}button.chip{cursor:pointer}button.chip:hover{border-color:var(--line-3);color:var(--fg)}.chip.on{background:var(--raise-sheen), var(--fg);border-color:var(--fg);color:var(--on-fg);font-weight:var(--fw-ui);box-shadow:var(--raise)}.chip.love.on{background:var(--raise-sheen), var(--ok);border-color:var(--ok);color:var(--on-ok)}.nav-kg{--kg-size:8px;color:var(--faint)}.nav-kg.must{color:var(--must)}.nav-kg.ok{color:var(--ok)}.nav-kg.live{color:var(--claude);animation:kg-turn 3.2s var(--ease-in-out) infinite}.dot{background:var(--faint);width:8px;height:8px;-webkit-mask:var(--kg-outline) center / contain no-repeat;-webkit-mask:var(--kg-outline) center / contain no-repeat;mask:var(--kg-outline) center / contain no-repeat;flex:none}.dot.must{background:var(--must);-webkit-mask-image:var(--kg-diamond);-webkit-mask-image:var(--kg-diamond);mask-image:var(--kg-diamond)}.dot.ok{background:var(--ok);-webkit-mask-image:var(--kg-half);-webkit-mask-image:var(--kg-half);mask-image:var(--kg-half)}.dot.live{background:var(--claude);-webkit-mask-image:var(--kg-ease);-webkit-mask-image:var(--kg-ease);mask-image:var(--kg-ease);animation:kg-turn 3.2s var(--ease-in-out) infinite}@keyframes kg-turn{0%,40%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}.sev{align-items:center;gap:var(--sp-1);font:var(--fw-strong) var(--fs-xs) / var(--lh-tight) var(--ui);display:inline-flex}.sev:before{content:"";width:9px;height:9px;-webkit-mask:var(--kg,var(--kg-diamond)) center / contain no-repeat;-webkit-mask:var(--kg,var(--kg-diamond)) center / contain no-repeat;mask:var(--kg,var(--kg-diamond)) center / contain no-repeat;background:currentColor;flex:none}.sev.must{color:var(--must)}.sev.should{--kg:var(--kg-half);color:var(--should)}.sev.nice{--kg:var(--kg-outline);color:var(--nice)}.sev.idea{--kg:var(--kg-circle);color:var(--idea)}.sev.question,.sev.info,.sev.agent{color:var(--claude-2)}.sev.question,.sev.agent{--kg:var(--kg-ease)}.sev.info{--kg:var(--kg-hold)}.badge{align-items:center;gap:var(--sp-1);height:20px;padding:0 var(--sp-2);border-radius:var(--r-sm);font:var(--fw-ui) var(--fs-xs) var(--ui);background:var(--ink-4);color:var(--fg-2);white-space:nowrap;border:0;font-stretch:87.5%;display:inline-flex}button.badge{cursor:pointer}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--should-bg);color:var(--should)}.badge.idea{background:var(--idea-bg);color:var(--idea)}.badge.danger{background:var(--must-bg);color:var(--must)}.badge.accent,.badge.claude{background:var(--claude-bg);color:var(--claude-3)}.spinner{border-radius:var(--r-full);border:1.75px solid color-mix(in srgb, var(--fg) 16%, transparent);border-top-color:var(--fg);flex:none;width:14px;height:14px;animation:.75s linear infinite spin}.btn.primary .spinner{border-color:color-mix(in srgb, var(--on-brand) 30%, transparent);border-top-color:var(--on-brand)}@keyframes spin{to{transform:rotate(360deg)}}.seg.icons button{justify-content:center;width:28px;padding:0}.seg.icons button:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.textarea.autotext{min-height:0;max-height:none;font:inherit;font-size:var(--fs-md);overflow:hidden}.slider{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.slider-track{border-radius:var(--r-sm);background:var(--line-3);flex:1;height:3px;position:relative}.slider-range{border-radius:var(--r-sm);background:var(--fg-2);height:100%;position:absolute}.slider-thumb{border-radius:var(--r-full);background:var(--fg);width:14px;height:14px;box-shadow:var(--raise-drop);transition:transform var(--dur-fast) var(--ease-out);display:block}.slider-thumb:hover{transform:scale(1.12)}.slider-thumb:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.more-r{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--sp-8)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--sp-8)), transparent)}.more-l{-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--sp-8)), transparent);mask-image:linear-gradient(to left, #000 calc(100% - var(--sp-8)), transparent)}.more-l.more-r{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sp-8), #000 calc(100% - var(--sp-8)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--sp-8), #000 calc(100% - var(--sp-8)), transparent)}.dock{border-top:1px solid var(--line);background:var(--ink-1);padding:var(--sp-2) var(--sp-3) var(--sp-2);gap:var(--sp-2);grid-area:dock;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.transport{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;min-width:0;display:flex;container-type:inline-size}@container (width<=1120px){.transport .lbl,.transport .lbl.tr-stack,.transport .tr-edge{display:none}.transport .tc{min-width:0}.transport{column-gap:var(--sp-2)}}@container (width<=760px){.transport .tc .sub{display:none}}.transport>.group{align-items:center;gap:var(--sp-1);flex-wrap:nowrap;display:flex}.transport>.group.right{margin-left:auto}.playbtn{border-radius:var(--r-full);background:var(--fg);width:38px;height:38px;color:var(--on-fg);cursor:pointer;box-shadow:0 0 0 4px color-mix(in srgb, var(--fg) 6%, transparent), var(--raise-drop);margin:0 var(--sp-0_5);border:0;place-items:center;padding:0;transition:transform .12s,background .15s;display:grid}.playbtn:hover{background:var(--fg-hi)}.playbtn:active{transform:scale(.93)}.playbtn.playing{background:var(--ink-4);color:var(--fg);box-shadow:0 0 0 1px var(--line-3)}.playbtn>.i-play{transform:translateX(var(--ic-play-nudge))}.tc{align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-3);margin:0 var(--sp-1);border-radius:var(--r);background:var(--ink-0);box-shadow:var(--sunk), 0 0 0 1px var(--line);min-width:262px;display:flex}.tc .main{font:var(--fw-text) var(--fs-xl) / var(--lh-tight) var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);text-shadow:0 0 16px color-mix(in srgb, var(--fg) 22%, transparent)}.tc .sub{gap:var(--sp-1);font:var(--fw-ui) var(--fs-xs) / var(--lh-tight) var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;display:grid}.tc .sub b{color:var(--fg-2);font-weight:var(--fw-strong)}.transport .tr-mark{min-width:var(--h-sm);justify-content:center}.transport .tr-safe{gap:var(--sp-1)}.transport .tr-chev{opacity:.6}.transport .tr-stack{justify-items:start;display:inline-grid}.transport .tr-stack>span{white-space:nowrap;grid-area:1/1}.transport .tr-stack>.ghost{visibility:hidden}.vsep{background:var(--line-2);width:1px;height:22px;margin:0 var(--sp-0_5)}.timeline{border-radius:var(--r);background:var(--tl-bg);box-shadow:0 0 0 1px var(--line), var(--sunk);cursor:pointer;position:relative;overflow:hidden}.timeline canvas{width:100%;display:block}.tl-playhead{pointer-events:none;will-change:transform;width:0;position:absolute;top:0;left:0}.tl-playhead:before{content:"";background:var(--fg);width:1.5px;position:absolute;top:8px;bottom:0;left:-.75px}.tl-playhead:after{content:"";background:var(--fg);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);width:12px;height:12px;position:absolute;top:0;left:-6px}.tl-gate{background:color-mix(in srgb, var(--fg) 12%, transparent);position:absolute;top:10px;bottom:0}.tl-hover{font:var(--fw-strong) var(--fs-xs) var(--mono);padding:var(--sp-0_5) var(--sp-1);border-radius:var(--r-sm);background:var(--fg);color:var(--on-fg);pointer-events:none;white-space:nowrap;z-index:3;box-shadow:var(--shadow-raise);align-items:baseline;display:inline-flex;position:absolute;top:14px;transform:translate(-50%)}.tl-tip{margin-left:var(--sp-2);padding-left:var(--sp-2);border-left:1px solid color-mix(in srgb, var(--on-fg) 22%, transparent);font:var(--fw-ui) var(--fs-xs) var(--ui);color:color-mix(in srgb, var(--on-fg) 70%, transparent)}.tl-mark{z-index:2;align-items:center;gap:var(--sp-1);height:var(--h-xs);padding:0 var(--sp-1) 0 var(--sp-2);border-radius:var(--r-sm);background:var(--playhead);color:var(--tl-bg);font:var(--fw-strong) var(--fs-xs) var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--shadow-raise);border:0;display:inline-flex;position:absolute}span.tl-mark{padding-right:var(--sp-2);pointer-events:none}button.tl-mark{cursor:pointer}button.tl-mark:hover,button.tl-mark[data-state=open]{background:var(--fg-hi)}button.tl-mark:focus-visible{box-shadow:var(--focus-ring);outline:none}.tl-mark-len,.tl-mark-chev{font-weight:var(--fw-ui);opacity:.7}.tr-zoom-slot{display:contents}.zoomctl{align-items:center;gap:var(--sp-0_5);border:0;min-width:0;margin:0;padding:0;display:flex}.zoomctl .zoomctl-level{padding:0 var(--sp-1);color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;display:inline-grid}.zoomctl .zoomctl-level:before{content:attr(data-wide);visibility:hidden;grid-area:1/1}.zoomctl-level>span{grid-area:1/1}.zoomctl:not([data-level=fit]) .zoomctl-level{color:var(--fg)}@container (width<=820px){.tr-zoom .zoomctl-level{display:none}}.tl-head{margin:var(--sp-1) 0 var(--sp-2);justify-content:flex-end;display:flex}.tl-head .zoomctl .btn{height:var(--h);min-height:0;min-width:var(--h-touch);position:relative}.tl-head .zoomctl .btn:after{content:"";inset:calc((var(--h) - var(--h-touch)) / 2) 0;position:absolute}.tl-head .zoomctl .zoomctl-level{padding:0 var(--sp-2)}.zoomtip{z-index:var(--z-topbar);align-items:center;gap:var(--sp-1);max-width:calc(100vw - 2 * var(--sp-2));padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3);border-radius:var(--r);background:var(--tip-bg);color:var(--tip-fg);font:var(--fw-ui) var(--fs-sm) / var(--lh-ui) var(--ui);box-shadow:0 0 0 1px var(--tip-edge), var(--shadow-float);animation:zoomtip-in var(--dur) var(--ease-out);display:flex;position:fixed}.zoomtip-words{min-width:0}.zoomtip .kbd{background:color-mix(in srgb, var(--tip-fg) 10%, transparent);border-color:color-mix(in srgb, var(--tip-fg) 16%, transparent);color:var(--tip-fg-2)}.zoomtip:after{content:"";width:var(--sp-2);height:var(--sp-2);border-right:1px solid var(--tip-edge);border-bottom:1px solid var(--tip-edge);background:var(--tip-bg);position:absolute;transform:rotate(45deg)}.zoomtip[data-side=top]:after{top:calc(100% - var(--sp-1));left:calc(var(--zoomtip-arrow) - var(--sp-1))}.zoomtip[data-side=left]:after{left:calc(100% - var(--sp-1));top:calc(var(--zoomtip-arrow) - var(--sp-1));transform:rotate(-45deg)}.zoomtip .zoomtip-x{width:var(--h-xs);height:var(--h-xs);border-radius:var(--r-full);color:color-mix(in srgb, currentColor 64%, transparent);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.zoomtip .zoomtip-x:hover,.zoomtip .zoomtip-x:focus-visible{background:color-mix(in srgb, currentColor 16%, transparent);color:inherit;outline:none}@keyframes zoomtip-in{0%{opacity:0;transform:translateY(var(--sp-1))}}.zoomtip[data-side=left]{animation-name:zoomtip-in-left}@keyframes zoomtip-in-left{0%{opacity:0;transform:translateX(var(--sp-1))}}@media (hover:none),(pointer:coarse){.zoomtip .zoomtip-x{position:relative}.zoomtip .zoomtip-x:after{content:"";inset:calc((var(--h-xs) - var(--h-touch)) / 2);position:absolute}}.tl-over-head{background:var(--playhead);pointer-events:none;will-change:transform;width:2px;position:absolute;left:-1px}.dock-foot{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);min-height:20px;display:flex}button.hint{color:inherit;cursor:pointer;font:var(--fw-ui) var(--fs-xs) var(--ui);gap:var(--sp-1);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}button.hint:hover{color:var(--fg)}@media (width<=1320px){button.hint{display:none}}.dock[inert] .tl-playhead{visibility:hidden}.tl-wrap{min-width:0;position:relative}.tl-preview{border-radius:var(--r);background-color:var(--ink-0);box-shadow:0 0 0 1px var(--line-3), var(--shadow-float);pointer-events:none;z-index:8;background-repeat:no-repeat;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.dock-foot .viewers{cursor:pointer}.dock-foot .viewers:hover{color:var(--fg)}.dock-foot .viewers.on{background:var(--raise-sheen), var(--ink-3);color:var(--fg);box-shadow:var(--raise)}.popover.viewers-pop{width:360px;min-width:0;max-width:calc(100vw - var(--sp-8));padding:var(--sp-1)}.viewers-head{align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-1);font-size:var(--fs-sm);display:flex}.viewers-band{justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 var(--sp-2) var(--sp-1);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm);color:var(--fg-2);cursor:pointer;display:flex}.viewers-rows{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.viewer-row{column-gap:var(--sp-2);padding:var(--sp-2);font-size:var(--fs-sm);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pic who when""pic how how";align-items:center;display:grid}.viewer-row>:first-child{grid-area:pic}.viewer-who{gap:var(--sp-2);white-space:nowrap;text-overflow:ellipsis;grid-area:who;align-items:baseline;min-width:0;display:flex;overflow:hidden}.viewer-how{color:var(--fg-2);font-size:var(--fs-xs);grid-area:how}.viewer-when{font-size:var(--fs-xs);grid-area:when}.page{flex-direction:column;height:100%;display:flex}.topbar{z-index:var(--z-topbar);align-items:center;gap:var(--sp-2);height:54px;padding:0 var(--sp-4);border-bottom:1px solid var(--line);background:var(--ink-1);flex:none;display:flex;position:relative}.brand{align-items:center;gap:var(--sp-2);color:var(--fg);text-decoration:none;display:flex}.brand-logo{aspect-ratio:464.44/203.89;width:auto;height:30px;color:var(--fg);flex:none;display:block}.brand-mark{color:var(--fg);flex:none;display:block}.brand-window{fill:var(--brand)}@media (width<=820px){body{overflow:auto}.hide-sm{display:none!important}}.app-down{min-height:100dvh;padding:var(--sp-6) var(--sp-4);place-items:center;display:grid}.app-down>.empty-state{width:min(560px,100%);min-height:0}.em-body{background:var(--ink-0)}.em{background:var(--ink-0);width:100%;height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;container:em/size}.em[data-idle]{cursor:none}.em-video{object-fit:contain;background:var(--ink-0);width:100%;height:100%;display:block;position:absolute;inset:0}.em-surface{position:absolute;inset:0}.em-big.playbtn{width:var(--h-xl);height:var(--h-xl);box-shadow:0 0 0 6px color-mix(in srgb, var(--fg) 10%, transparent), var(--shadow-float);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.em-big.playbtn:hover{transform:translate(-50%,-50%)scale(1.04)}.em-big.playbtn:active{transform:translate(-50%,-50%)scale(.96)}.em-shade{height:calc(var(--h-xl) * 2);background:linear-gradient(to top, color-mix(in srgb, var(--ink-0) 82%, transparent), color-mix(in srgb, var(--ink-0) 40%, transparent) 55%, transparent);pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.em-bar{gap:var(--sp-0_5);padding:0 var(--sp-3) var(--sp-2);transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.em[data-bar=hidden] .em-bar{opacity:0;transform:translateY(var(--sp-1));pointer-events:none}.em[data-bar=hidden] .em-shade{opacity:0}.em-row{align-items:center;gap:var(--sp-1);min-width:0;height:var(--h);display:flex}.em-btn.btn.ghost{color:var(--fg);position:relative}.em-btn.btn.ghost:hover,.em-btn.btn.ghost.em-on{background:color-mix(in srgb, var(--fg) 14%, transparent);color:var(--fg-hi)}.em-btn.em-on:before{content:"";left:50%;bottom:var(--sp-0_5);width:var(--sp-3);border-radius:var(--r-full);background:var(--fg);height:2px;position:absolute;transform:translate(-50%)}.em-play.playbtn,.em-play.playbtn.playing{width:var(--h);height:var(--h);margin:0 var(--sp-1) 0 0;background:var(--fg);color:var(--on-fg);box-shadow:none}.em-play.playbtn:hover{background:var(--fg-hi)}.em-clock{align-items:baseline;gap:var(--sp-2);min-width:0;padding:0 var(--sp-2);flex:1;display:flex}.em-time{font:var(--fw-text) var(--fs-md) / var(--lh-tight) var(--mono);font-variant-numeric:tabular-nums;letter-spacing:var(--track-title);white-space:nowrap;color:var(--fg);flex:none}.em-total{color:var(--muted)}.em-rate{font:var(--fw-ui) var(--fs-xs) / var(--lh-tight) var(--mono);color:var(--fg-2);flex:none}.em-chapter{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--fw-ui) var(--fs-sm) / var(--lh-tight) var(--ui);color:var(--fg-2);overflow:hidden}.em-chapter:before{content:"·";margin-right:var(--sp-2);color:var(--muted)}.em-mark{width:var(--h);height:var(--h);margin-left:var(--sp-1);border-radius:var(--r);color:var(--fg-2);transition:color var(--dur-fast);place-items:center;display:grid}.em-mark:hover,.em-mark:focus-visible{color:var(--fg-hi)}.em-corner{right:var(--sp-2);bottom:var(--sp-2);position:absolute}.em-scrub{height:var(--sp-4);margin:0 var(--sp-1);cursor:pointer;touch-action:none;outline-offset:var(--sp-0_5);border-radius:var(--r-sm);position:relative}.em-track{border-radius:var(--r-full);background:color-mix(in srgb, var(--fg) 22%, transparent);height:3px;transition:height var(--dur-fast) var(--ease-out);position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.em-scrub[data-active] .em-track{height:5px}.em-loaded,.em-played{position:absolute;inset:0 auto 0 0}.em-loaded{width:calc(var(--loaded) * 100%);background:color-mix(in srgb, var(--fg) 22%, transparent)}.em-played{width:calc(var(--at) * 100%);background:var(--fg)}.em-head{top:50%;left:calc(var(--at) * 100%);border-radius:var(--r-full);background:var(--fg-hi);width:3px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink-0) 45%, transparent);transition:height var(--dur-fast) var(--ease-out);position:absolute;transform:translate(-50%,-50%)}.em-scrub[data-active] .em-head{height:15px}.em-ch{top:50%;left:calc(var(--x) * 100%);background:var(--ink-0);width:13px;height:13px;-webkit-mask:var(--kg-diamond) center / contain no-repeat;-webkit-mask:var(--kg-diamond) center / contain no-repeat;mask:var(--kg-diamond) center / contain no-repeat;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.em-ch:after{content:"";background:var(--fg-2);-webkit-mask:var(--kg-diamond) center / contain no-repeat;-webkit-mask:var(--kg-diamond) center / contain no-repeat;mask:var(--kg-diamond) center / contain no-repeat;position:absolute;inset:2px}.em-ch[data-passed]:after{background:var(--fg-hi)}.em-peek{bottom:calc(100% + var(--sp-2));gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r);background:var(--tip-bg);color:var(--tip-fg);box-shadow:0 0 0 1px var(--tip-edge), var(--shadow-float);pointer-events:none;display:grid;position:absolute;transform:translate(-50%)}.em-peek-frame{border-radius:var(--r-sm);background-color:var(--ink-0);background-repeat:no-repeat;width:100%;max-height:100px}.em-peek-tc{text-align:center;font:var(--fw-ui) var(--fs-xs) / var(--lh-tight) var(--mono);font-variant-numeric:tabular-nums}.em-peek-ch{text-overflow:ellipsis;white-space:nowrap;text-align:center;font:var(--fw-ui) var(--fs-xs) / var(--lh-tight) var(--ui);color:var(--tip-fg-2);padding:0 var(--sp-1) var(--sp-0_5);overflow:hidden}.em-cue{left:50%;bottom:var(--sp-4);max-width:86%;padding:var(--sp-0_5) var(--sp-2);border-radius:var(--r-sm);background:color-mix(in srgb, var(--ink-0) 78%, transparent);color:var(--fg-hi);font:var(--fw-ui) var(--fs-md) / var(--lh-ui) var(--ui);text-align:center;white-space:pre-line;pointer-events:none;transition:bottom var(--dur-slow) var(--ease-out);position:absolute;transform:translate(-50%)}.em[data-bar=shown] .em-cue{bottom:calc(var(--h) + var(--sp-4) + var(--sp-6))}.em-tip{z-index:var(--z-float);align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--tip-bg);color:var(--tip-fg);box-shadow:0 0 0 1px var(--tip-edge);font:var(--fw-ui) var(--fs-xs) / var(--lh-ui) var(--ui);white-space:nowrap;pointer-events:none;transform:translate(-50%, calc(-100% - var(--sp-2)));display:flex;position:absolute}.em-tip-key{padding:0 var(--sp-1);border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--tip-fg) 18%, transparent);color:var(--tip-fg-2);font:var(--fw-ui) var(--fs-xs) / var(--lh-ui) var(--keys)}.em-wait,.em-gone{align-content:center;place-items:center;gap:var(--sp-2);padding:var(--sp-4);color:var(--muted);font:var(--fw-ui) var(--fs-md) / var(--lh-ui) var(--ui);text-align:center;display:grid}.em-wait{background:color-mix(in srgb, var(--ink-0) 55%, transparent);color:var(--fg-2);position:absolute;inset:0}@container em (width<=479px){.em-step,.em-chapter{display:none}.em-bar{padding:0 var(--sp-2) var(--sp-1)}}@container em (width<=419px){.em-total,.em-rate{display:none}}@container em (width>=720px){.em-cue{font-size:var(--fs-lg)}}@container em (width>=1100px){.em-cue{font-size:var(--fs-xl)}.em-bar{padding:0 var(--sp-4) var(--sp-3)}}@media (pointer:coarse){.em-btn:after,.em-play:after,.em-mark:after{content:"";inset:calc((var(--h-touch) - var(--h)) / -2);position:absolute}.em-play.playbtn,.em-mark{position:relative}}