.cs-lens{left:var(--sp-4);right:var(--sp-4);bottom:calc(100% - var(--sp-6));z-index:3;gap:var(--sp-3);padding:var(--sp-3);color:var(--cs-ice);background:var(--cs-panel-bg);border:var(--bw) solid var(--cs-accent-line);border-radius:var(--r-xl);box-shadow:var(--cs-shadow-2), 0 0 60px color-mix(in srgb, var(--cs-glow) 18%, transparent);-webkit-backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);animation:cs-lens-in var(--t-med) var(--ease-spring) both;grid-template-columns:minmax(150px,230px) minmax(0,1fr);display:grid;position:absolute}.cs-root[data-dock=expanded] .cs-lens{bottom:calc(100% + var(--sp-2))}@keyframes cs-lens-in{0%{opacity:0;transform:translateY(10px)scaleY(.92)}}.cs-lens-loupe{aspect-ratio:16/9;background:var(--cs-steel);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--cs-hairline), inset 0 0 0 1px #0006;align-self:center;position:relative;overflow:hidden}.cs-lens-loupe img{object-fit:cover;width:100%;height:100%;animation:.35s both cs-lens-develop;display:block}@keyframes cs-lens-develop{0%{opacity:.4}}.cs-lens-loupe-fallback{height:100%;font:var(--fw-bold) var(--fs-2xl) / 1 var(--cs-font);color:var(--cs-label);background:repeating-linear-gradient(135deg, transparent 0 10px, #ffffff0a 10px 11px), var(--cs-steel);place-items:center;display:grid}.cs-lens-reticle{--c:color-mix(in srgb, var(--cs-ice) 80%, transparent);background:linear-gradient(var(--c), var(--c)) top left / 12px 1.5px, linear-gradient(var(--c), var(--c)) top left / 1.5px 12px, linear-gradient(var(--c), var(--c)) top right / 12px 1.5px, linear-gradient(var(--c), var(--c)) top right / 1.5px 12px, linear-gradient(var(--c), var(--c)) bottom left / 12px 1.5px, linear-gradient(var(--c), var(--c)) bottom left / 1.5px 12px, linear-gradient(var(--c), var(--c)) bottom right / 12px 1.5px, linear-gradient(var(--c), var(--c)) bottom right / 1.5px 12px;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:10px}.cs-lens-main{gap:var(--sp-2);min-width:0;display:grid}.cs-lens-head{align-items:center;column-gap:var(--sp-3);flex-wrap:wrap;row-gap:2px;min-width:0;display:flex}.cs-lens-title{font:var(--fw-semibold) var(--fs-xs) / 1 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label);margin:0}.cs-lens-time{font:var(--fw-bold) var(--fs-xl) / 1 var(--cs-font);letter-spacing:-.01em}.cs-lens-scene{font:var(--fw-semibold) var(--fs-sm) / 1.2 var(--cs-font)}.cs-lens-delta{font:var(--fw-medium) var(--fs-xs) / 1.2 var(--cs-font);color:var(--cs-ice-dim)}.cs-lens-zoom{background:color-mix(in oklab, var(--cs-base) 80%, black);border-radius:var(--r-pill);box-shadow:var(--cs-recess);gap:2px;margin-left:auto;padding:2px;display:inline-flex}.cs-lens-strip{cursor:ew-resize;touch-action:none;border-radius:var(--r-sm);padding:14px 0 18px;position:relative}.cs-lens-strip:focus-visible{outline:3px solid var(--cs-focus);outline-offset:3px}.cs-lens-frames{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--cs-hairline);background-color:#050608;background-image:radial-gradient(circle at 50% 2.5px,#262a31 0 1.5px,#0000 2px),radial-gradient(circle at 50% calc(100% - 2.5px),#262a31 0 1.5px,#0000 2px);background-size:9px 100%;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;margin:0;padding:5px 3px;list-style:none;display:grid}.cs-lens-frame{aspect-ratio:16/9;background:var(--cs-steel);opacity:.7;transition:opacity var(--t-fast) ease, transform var(--t-fast) ease;border-radius:2px;position:relative}.cs-lens-frame img{object-fit:cover;pointer-events:none;border-radius:2px;width:100%;height:100%;display:block}.cs-lens-frame-fallback{background:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff0d 6px 7px);height:100%;display:block}.cs-lens-frame[data-on]{z-index:1;opacity:1;box-shadow:0 0 0 2px var(--cs-citron), 0 6px 16px #0009;transform:scale(1.12)}.cs-lens-frame-time{font:var(--fw-medium) var(--fs-xs) / 1 var(--cs-font);color:var(--cs-ice-dim);white-space:nowrap;position:absolute;top:calc(100% + 7px);left:50%;translate:-50%}.cs-lens-frame:nth-child(2n) .cs-lens-frame-time{visibility:hidden}.cs-lens-frame[data-on] .cs-lens-frame-time{visibility:visible;color:var(--cs-ice);font-weight:var(--fw-bold)}.cs-lens-overlay{pointer-events:none;position:absolute;inset:14px 3px 18px}.cs-lens-cut{background:var(--cs-ice);width:2px;position:absolute;top:-3px;bottom:-3px;translate:-50%;box-shadow:0 0 0 1px #0009}.cs-lens-cut span{font:var(--fw-semibold) var(--fs-xs) / 1.25 var(--cs-font);white-space:nowrap;color:var(--cs-base);background:var(--cs-ice);border-radius:3px;padding:0 6px;position:absolute;bottom:calc(100% + 1px);left:3px}.cs-lens-pin{background:var(--cs-moment);border-radius:2px;width:3px;height:10px;position:absolute;top:-7px;translate:-50%}.cs-lens-pin[data-kind=anchor]{background:var(--cs-anchor);border-radius:1px;width:9px;height:9px;rotate:45deg}.cs-lens-playhead{background:color-mix(in srgb, var(--cs-ice) 70%, transparent);width:2px;position:absolute;top:0;bottom:0;translate:-50%}.cs-lens-needle{background:var(--cs-citron);width:2px;transition:left var(--t-fast) var(--ease-out);position:absolute;top:-10px;bottom:-8px;translate:-50%;box-shadow:0 0 0 1px #00000073}.cs-lens-needle:before{content:"";border:5px solid #0000;border-top:7px solid var(--cs-citron);position:absolute;top:-2px;left:50%;translate:-50%}.cs-lens-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.cs-lens-nudge{gap:2px;display:inline-flex}.cs-lens-chip,.cs-lens-jump{min-width:44px;min-height:36px;padding:0 var(--sp-3);font:var(--fw-semibold) var(--fs-sm) / 1 var(--cs-font);color:var(--cs-ice);cursor:pointer;background:color-mix(in srgb, var(--cs-glass) 80%, transparent);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-pill);transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease;justify-content:center;align-items:center;gap:6px;display:inline-flex}.cs-lens-chip svg{width:16px;height:16px}.cs-lens-chip[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-lens-jump{min-height:var(--h-ctl);padding:0 var(--sp-5);font-weight:var(--fw-bold);color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron);margin-left:auto}.cs-lens :is(.cs-lens-chip,.cs-lens-jump):disabled{opacity:.42;cursor:not-allowed}@media (hover:hover){.cs-lens-chip:hover:not(:disabled):not([aria-pressed=true]){background:var(--cs-steel);border-color:var(--cs-accent-line)}.cs-lens-jump:hover:not(:disabled){background:color-mix(in oklab, var(--cs-citron) 86%, white)}}.cs-lens button:focus-visible{outline:3px solid var(--cs-focus);outline-offset:2px}@container csstage (width<=860px){.cs-lens{grid-template-columns:minmax(0,1fr)}.cs-lens-loupe{display:none}}@container csstage (width<=640px){.cs-lens{left:var(--sp-2);right:var(--sp-2);padding:var(--sp-2)}.cs-lens-frames{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-lens-frame:is(:first-child,:nth-child(2),:nth-child(8),:nth-child(9)),.cs-lens-delta,.cs-lens-zoom{display:none}}@container csstage (width<=440px){.cs-lens-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-lens-frame:is(:nth-child(3),:nth-child(7)),.cs-lens-scene,.cs-lens-nudge>:is(:first-child,:last-child),.cs-lens-actions>.cs-lens-chip{display:none}.cs-lens-jump{padding:0 var(--sp-3)}}.cs-root[data-hc] .cs-lens{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-motion=reduce] :is(.cs-lens,.cs-lens-needle,.cs-lens-frame,.cs-lens-loupe img){transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-lens,.cs-lens-needle,.cs-lens-frame,.cs-lens-loupe img{transition:none;animation:none}}@media (forced-colors:active){.cs-lens{background:canvas;border:1px solid canvastext}.cs-lens-needle{background:highlight}.cs-lens-frame[data-on]{outline:2px solid highlight}}.cs-pod{--pod-play:64px;--pod-h:52px;--pod-seek-w:62px;--pod-ring-gap:5px;grid-template-columns:var(--pod-seek-w) var(--pod-play) var(--pod-seek-w);isolation:isolate;align-items:center;transition:opacity .3s;display:inline-grid;position:relative}.cs-pod:before{content:"";inset:calc((var(--pod-play) - var(--pod-h)) / 2) 0;z-index:-1;background:linear-gradient(180deg, #ffffff14, transparent 48%), linear-gradient(90deg, color-mix(in srgb, color-mix(in oklab, var(--cs-secondary) 30%, var(--cs-base)) 84%, transparent), color-mix(in srgb, var(--cs-base) 80%, transparent) 50%, color-mix(in srgb, color-mix(in oklab, var(--cs-secondary) 30%, var(--cs-base)) 84%, transparent));border:1px solid color-mix(in srgb, var(--cs-ice) 14%, transparent);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);position:absolute;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,0 14px 36px #00000073}.cs-pod[data-placement=dock]:before{box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059}.cs-pod[data-placement=stage][data-state=playing]{opacity:.86}.cs-pod[data-placement=stage]:is(:hover,:focus-within){opacity:1}.cs-root .cs-pod-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.cs-root .cs-pod-seek{width:var(--pod-seek-w);height:var(--pod-h);color:var(--cs-ice);transition:color var(--t-fast) ease, background-color var(--t-fast) ease;background:0 0}.cs-root .cs-pod-seek[data-side=back]{border-radius:var(--r-pill) 0 0 var(--r-pill)}.cs-root .cs-pod-seek[data-side=forward]{border-radius:0 var(--r-pill) var(--r-pill) 0}.cs-pod-glyph{place-items:center;width:32px;height:32px;display:grid;position:relative}.cs-pod-arc{width:100%;height:100%;position:absolute;inset:0}.cs-pod-num{font:600 11px / 1 var(--cs-font);font-variant-numeric:tabular-nums;letter-spacing:0;position:relative;translate:0 1px}@media (hover:hover){.cs-root .cs-pod-seek:hover{color:var(--cs-citron);background:color-mix(in srgb, var(--cs-ice) 8%, transparent)}}.cs-root .cs-pod-seek:active .cs-pod-glyph{scale:.92}.cs-pod-seek[data-side=back][data-nudge="0"] .cs-pod-glyph{animation:pod-nudge-back-a .22s var(--ease-out) both}.cs-pod-seek[data-side=back][data-nudge="1"] .cs-pod-glyph{animation:pod-nudge-back-b .22s var(--ease-out) both}.cs-pod-seek[data-side=forward][data-nudge="0"] .cs-pod-glyph{animation:pod-nudge-fwd-a .22s var(--ease-out) both}.cs-pod-seek[data-side=forward][data-nudge="1"] .cs-pod-glyph{animation:pod-nudge-fwd-b .22s var(--ease-out) both}@keyframes pod-nudge-back-a{40%{color:var(--cs-citron);transform:translate(-4px)rotate(-26deg)}}@keyframes pod-nudge-back-b{40%{color:var(--cs-citron);transform:translate(-4px)rotate(-26deg)}}@keyframes pod-nudge-fwd-a{40%{color:var(--cs-citron);transform:translate(4px)rotate(26deg)}}@keyframes pod-nudge-fwd-b{40%{color:var(--cs-citron);transform:translate(4px)rotate(26deg)}}.cs-pod-confirm{bottom:calc(50% + var(--pod-h) / 2 + 8px);z-index:2;font:600 var(--fs-xs) / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ink-on-citron);white-space:nowrap;background:var(--cs-citron);border-radius:var(--r-pill);pointer-events:none;animation:pod-confirm .9s var(--ease-out) both;padding:5px 10px;position:absolute;translate:-50%;box-shadow:0 6px 16px #0006}.cs-pod-confirm[data-side=back]{left:calc(var(--pod-seek-w) / 2);--pod-dx:-6px}.cs-pod-confirm[data-side=forward]{left:calc(100% - var(--pod-seek-w) / 2);--pod-dx:6px}@keyframes pod-confirm{0%{opacity:0;transform:translateY(6px)scale(.9)}22%{opacity:1;transform:translate(var(--pod-dx), 0) scale(1)}75%{opacity:1;transform:translate(var(--pod-dx), 0)}to{opacity:0;transform:translate(var(--pod-dx), -4px)}}.cs-root .cs-pod:has(.cs-pod-confirm) [data-tip]:after{opacity:0!important}.cs-root .cs-pod-play{z-index:1;width:var(--pod-play);height:var(--pod-play);color:var(--cs-ink-on-citron);background:linear-gradient(180deg, color-mix(in oklab, var(--cs-citron) 90%, white), var(--cs-citron));transition:transform .18s var(--ease-out), box-shadow .25s ease, filter .2s ease;border-radius:50%;box-shadow:inset 0 1px #ffffff59,0 8px 24px #00000073}@media (hover:hover){.cs-root .cs-pod-play:hover{filter:brightness(1.07)}}.cs-root .cs-pod-play:active{transform:scale(.95)}.cs-pod-ring,.cs-pod-sweep{inset:calc(var(--pod-ring-gap) * -1);pointer-events:none;border-radius:50%;position:absolute;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.cs-pod-ring{background:conic-gradient(from 210deg, var(--cs-citron), var(--cs-glow), var(--cs-secondary), var(--cs-citron));opacity:.38;transition:opacity .25s}.cs-pod:is([data-state=paused],[data-state=ended]) .cs-pod-ring{opacity:.95}.cs-pod-sweep{background:conic-gradient(from 0deg, transparent 0 62%, color-mix(in srgb, white 80%, var(--cs-citron)) 86%, transparent 100%);opacity:0}.cs-pod[data-state=playing] .cs-pod-sweep{animation:pod-sweep .26s var(--ease-out) both}@keyframes pod-sweep{0%{opacity:1;transform:rotate(-120deg)}to{opacity:0;transform:rotate(240deg)}}.cs-pod[data-state=playing] .cs-pod-play{animation:.24s ease-out pod-lit}@keyframes pod-lit{0%{filter:brightness(1.22)}}.cs-pod[data-buffering] .cs-pod-ring{background:conic-gradient(from 0deg, var(--cs-citron) 0 22%, transparent 22%);opacity:1;animation:.9s linear infinite pod-spin}@keyframes pod-spin{to{transform:rotate(360deg)}}.cs-pod-icons{aspect-ratio:1;width:46%;position:relative}.cs-pod-icons svg{opacity:0;width:100%;height:100%;transition:opacity .16s ease, transform .22s var(--ease-out);position:absolute;inset:0;transform:scale(.55)rotate(-24deg)}.cs-pod[data-state=paused] [data-icon=play],.cs-pod[data-state=playing] [data-icon=pause],.cs-pod[data-state=ended] [data-icon=replay]{opacity:1;transform:none}.cs-root .cs-pod-btn:focus-visible{outline:3px solid var(--cs-focus,var(--cs-citron));outline-offset:2px}.cs-root .cs-pod-play:focus-visible{outline-color:var(--cs-ice);outline-offset:calc(var(--pod-ring-gap) + 3px)}.cs-pod[data-placement=dock]{--pod-play:48px;--pod-h:42px;--pod-seek-w:46px;--pod-ring-gap:3px;margin:0 var(--sp-1)}.cs-pod[data-placement=dock] .cs-pod-glyph{width:28px;height:28px}.cs-pod[data-placement=dock] .cs-pod-num{font-size:10px}.cs-stagewrap[data-tier=compact] .cs-pod[data-placement=stage]{--pod-play:62px;--pod-h:50px;--pod-seek-w:58px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-pod[data-placement=stage]{--pod-play:58px;--pod-h:48px;--pod-seek-w:52px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-pod[data-placement=dock]{--pod-play:44px;--pod-h:40px;--pod-seek-w:44px;grid-template-columns:var(--pod-play);margin:0}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-pod[data-placement=dock] :is(.cs-pod-seek,.cs-pod-confirm),.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-pod[data-placement=dock]:before{display:none}@media (pointer:coarse){.cs-pod[data-placement=dock],.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-pod[data-placement=dock]{--pod-seek-w:48px;--pod-h:44px}}.cs-root[data-large] .cs-pod[data-placement=stage]{--pod-play:76px;--pod-h:60px;--pod-seek-w:72px}.cs-root[data-large] .cs-pod[data-placement=dock]{--pod-play:54px;--pod-h:50px;--pod-seek-w:54px}.cs-root[data-motion=reduce] :is(.cs-pod,.cs-pod-btn,.cs-pod-glyph,.cs-pod-ring,.cs-pod-sweep,.cs-pod-icons svg){transition:none!important;animation:none!important}.cs-root[data-motion=reduce] .cs-pod-confirm{animation:.9s linear both pod-confirm-still!important}@keyframes pod-confirm-still{0%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cs-pod,.cs-pod-btn,.cs-pod-glyph,.cs-pod-ring,.cs-pod-sweep,.cs-pod-icons svg{transition:none!important;animation:none!important}.cs-pod-confirm{animation:.9s linear both pod-confirm-still}}.cs-root[data-hc] .cs-pod:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-hc] .cs-pod-play{background:var(--cs-citron);box-shadow:0 0 0 3px #000,0 0 0 5px #fff}.cs-root[data-hc] .cs-pod-ring{display:none}.cs-root[data-hc] .cs-pod-confirm{color:#fff;background:#000;box-shadow:0 0 0 2px #fff}.cs-root[data-hc] .cs-pod[data-placement=stage]{opacity:1}@media (forced-colors:active){.cs-pod:before{background:canvas;border:1px solid canvastext}.cs-root .cs-pod-play{color:highlighttext;forced-color-adjust:none;background:highlight}.cs-pod-ring,.cs-pod-sweep{display:none}.cs-pod-confirm{border:1px solid canvastext}}.cs-seeklens{z-index:2;place-content:center;justify-items:center;gap:var(--sp-2);width:min(28%,280px);color:var(--cs-ice);pointer-events:none;transition:opacity .2s ease, transform .22s var(--ease-out);display:grid;position:absolute;top:0;bottom:0}.cs-seeklens[data-direction=backward]{background:radial-gradient(100% 62% at 0%,#0006,#00000024 55%,#0000 72%);left:0}.cs-seeklens[data-direction=forward]{background:radial-gradient(100% 62% at 100%,#0006,#00000024 55%,#0000 72%);right:0}.cs-seeklens:not([data-direction]){left:50%;translate:-50%}.cs-seeklens[data-starting-style],.cs-seeklens[data-ending-style]{opacity:0}.cs-seeklens[data-direction=backward][data-starting-style]{transform:translate(-14px)}.cs-seeklens[data-direction=forward][data-starting-style]{transform:translate(14px)}.cs-seeklens-arcs{gap:2px;display:flex}.cs-seeklens[data-direction=backward] .cs-seeklens-arcs{flex-direction:row-reverse}.cs-seeklens-arcs i{width:14px;height:34px;animation:lens-arc .6s var(--ease-out) both;border:3px solid #0000;border-radius:50%}.cs-seeklens[data-direction=forward] .cs-seeklens-arcs i{border-right-color:var(--cs-citron)}.cs-seeklens[data-direction=backward] .cs-seeklens-arcs i{border-left-color:var(--cs-citron)}.cs-seeklens-arcs i:nth-child(2){animation-delay:70ms}.cs-seeklens-arcs i:nth-child(3){animation-delay:.14s}@keyframes lens-arc{0%{opacity:.15}45%{opacity:1}to{opacity:.35}}.cs-seeklens-text{font:600 var(--fs-sm) / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ink-on-citron);background:var(--cs-citron);border-radius:var(--r-pill);padding:5px 12px;box-shadow:0 6px 16px #0006}.cs-root[data-motion=reduce] :is(.cs-seeklens,.cs-seeklens-arcs i){transition:none!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.cs-seeklens,.cs-seeklens-arcs i{transition:none!important;animation:none!important;transform:none!important}}.cs-root[data-hc] .cs-seeklens{background:0 0}.cs-root[data-hc] .cs-seeklens-text{color:#fff;background:#000;box-shadow:0 0 0 2px #fff}@media (forced-colors:active){.cs-seeklens{background:0 0}.cs-seeklens-text{border:1px solid canvastext}}@property --sc1{syntax:"<color>";inherits:true;initial-value:#1c1c1c}@property --sc2{syntax:"<color>";inherits:true;initial-value:#3a3a3a}@property --sc3{syntax:"<color>";inherits:true;initial-value:#6a6a6a}@property --sc4{syntax:"<color>";inherits:true;initial-value:#a0a0a0}@property --sc5{syntax:"<color>";inherits:true;initial-value:#e0e0e0}.cs-pause{--pause-bottom:132px;left:clamp(44px,4.5%,64px);bottom:calc(var(--pause-bottom) + var(--cs-console-h));z-index:4;justify-items:start;gap:var(--sp-2);pointer-events:none;max-width:min(46%,520px);animation:cs-slate-in .32s var(--ease-out) both;display:grid;position:absolute}.cs-root[data-dock=compact] .cs-pause{--pause-bottom:84px}.cs-root[data-dock=expanded] .cs-pause{--pause-bottom:var(--sp-4)}.cs-stagewrap:not([data-tier=full]) .cs-pause{--pause-bottom:112px;left:var(--sp-3);max-width:calc(100% - 24px)}@keyframes cs-slate-in{0%{opacity:0;transform:translateY(8px)}}.cs-pause:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--cs-base) 55%, transparent), transparent);pointer-events:none;position:absolute;inset:-60px -120px -40px -80px}.cs-slate{pointer-events:auto;filter:drop-shadow(0 14px 28px #00000073);width:min(100%,440px);display:grid}.cs-slate-stick{--ink:color-mix(in oklab, var(--cs-base) 55%, black);--chalk:#f4f1eae0;z-index:1;background:linear-gradient(var(--stick-angle,118deg), var(--sc1) 0 13%, var(--chalk) 13% 16%, var(--sc2) 16% 33%, var(--chalk) 33% 36%, var(--sc3) 36% 53%, var(--chalk) 53% 56%, var(--sc4) 56% 73%, var(--chalk) 73% 76%, var(--sc5) 76% 93%, var(--chalk) 93% 96%, var(--sc1) 96% 100%);border:1px solid color-mix(in srgb, var(--cs-ice) 22%, transparent);border-bottom-color:var(--ink);transform-origin:8px 100%;height:18px;animation:cs-slate-clap .5s var(--ease-out) both;border-radius:6px 6px 1px 1px;transition:--sc1 .6s,--sc2 .6s,--sc3 .6s,--sc4 .6s,--sc5 .6s;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 3px #0000004d}.cs-slate-stick:not([data-frame]){--sc1:color-mix(in oklab, var(--cs-base) 60%, var(--cs-glow));--sc2:var(--cs-secondary);--sc3:var(--cs-glow);--sc4:var(--cs-citron);--sc5:var(--cs-film-ink,var(--cs-ice))}.cs-slate-hinge{background:radial-gradient(circle at 35% 30%,#fff,#9aa0aa 55%,#3c4048);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:3px;translate:0 -50%;box-shadow:0 0 0 1px #00000080}@keyframes cs-slate-clap{0%,42%{rotate:-15deg}76%{rotate:1.5deg}to{rotate:0deg}}.cs-slate-board{gap:var(--sp-1);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);color:var(--cs-ice);background:linear-gradient(180deg, #ffffff0d, transparent 40%), color-mix(in srgb, color-mix(in oklab, var(--cs-base) 78%, black) 90%, transparent);border:1px solid color-mix(in srgb, var(--cs-ice) 16%, transparent);border-radius:0 0 var(--r-lg) var(--r-lg);-webkit-backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);border-top:0;animation:.5s linear both cs-slate-jolt;display:grid}@keyframes cs-slate-jolt{0%,74%{translate:0}80%{translate:0 1.5px}to{translate:0}}.cs-slate-head{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.cs-pause-led{background:var(--cs-citron);border-radius:50%;flex:none;width:7px;height:7px}.cs-slate-word{font:var(--fw-bold) var(--fs-xs) / 1 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-citron);flex:none}.cs-slate-title{min-width:0;font:var(--fw-semibold) var(--fs-sm) / 1.2 var(--cs-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-slate-head .cs-pause-close{margin-left:auto}.cs-slate-row{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.cs-slate-fields{margin:0;display:flex}.cs-slate-fields>div{padding:2px var(--sp-3);border-left:1px solid color-mix(in srgb, var(--cs-ice) 20%, transparent);gap:3px;display:grid}.cs-slate-fields>div:first-child{border-left:0;padding-left:0}.cs-slate-fields dt{font:var(--fw-semibold) .6875rem / 1 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label)}.cs-slate-fields dd{font:var(--fw-bold) var(--fs-md) / 1 var(--cs-font);font-variant-numeric:tabular-nums;letter-spacing:0;margin:0}.cs-slate-fields small{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--cs-ice-dim)}.cs-slate-scene{font:var(--fw-medium) var(--fs-sm) / 1.3 var(--cs-font);color:var(--cs-ice-dim);margin:0}.cs-pause-tools{gap:2px;display:flex}.cs-pause-btn{min-width:var(--h-ctl);min-height:var(--h-ctl);padding:0 var(--sp-3);font:var(--fw-semibold) var(--fs-sm) / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice);cursor:pointer;border-radius:var(--r-pill);transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;display:inline-flex}.cs-pause-btn svg{width:18px;height:18px}.cs-pause-btn[aria-expanded=true]{color:var(--cs-citron);background:var(--cs-accent-soft);border-color:var(--cs-accent-line)}.cs-pause-close{padding:0}@media (hover:hover){.cs-pause-btn:hover{background:var(--cs-steel)}}.cs-slate[data-tail] .cs-slate-board{border-top:1px solid color-mix(in srgb, var(--cs-ice) 16%, transparent);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0}.cs-slate-stick[data-tail]{border-top-color:var(--ink);border-bottom-color:color-mix(in srgb, var(--cs-ice) 22%, transparent);transform-origin:8px 0;--stick-angle:62deg;border-radius:1px 1px 6px 6px;animation-name:cs-slate-clap-tail}@keyframes cs-slate-clap-tail{0%,42%{rotate:15deg}76%{rotate:-1.5deg}to{rotate:0deg}}.cs-tail-next{align-items:center;gap:var(--sp-3);margin:var(--sp-1) 0;grid-template-columns:112px minmax(0,1fr);display:grid}.cs-tail-still{aspect-ratio:16/9;color:var(--cs-label);background:var(--cs-steel);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--cs-hairline);place-items:center;display:grid;overflow:hidden}.cs-tail-still img{object-fit:cover;width:100%;height:100%}.cs-tail-text{gap:3px;min-width:0;display:grid}.cs-tail-kicker{font:var(--fw-semibold) .6875rem / 1 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label)}.cs-tail-title{font:var(--fw-bold) var(--fs-md) / 1.2 var(--cs-font)}.cs-tail-meta{font:var(--fw-medium) var(--fs-xs) / 1.3 var(--cs-font);white-space:nowrap;text-overflow:ellipsis;color:var(--cs-ice-dim);overflow:hidden}.cs-tail-actions{gap:var(--sp-2);padding-bottom:var(--sp-1);flex-wrap:wrap;display:flex}.cs-tail-actions .cs-chip{min-height:var(--h-ctl)}.cs-pause-more{gap:var(--sp-2);width:min(100%,460px);padding:var(--sp-3);pointer-events:auto;background:color-mix(in srgb, var(--cs-base) 78%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-lg);box-shadow:var(--cs-bevel), 0 14px 36px #0006;-webkit-backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);animation:cs-slate-in .3s var(--ease-out) both;display:grid}.cs-pause-more>p{margin:0}.cs-pause-sub{font:var(--fw-medium) var(--fs-xs) / 1.3 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label)}.cs-pause-insight{padding-left:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-body);border-left:2px solid var(--cs-secondary);gap:2px;display:grid}.cs-pause-label{font:var(--fw-semibold) var(--fs-xs) / 1.2 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label)}.cs-pause-cards{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.cs-pause-card{align-items:center;gap:var(--sp-3);color:var(--cs-ice);text-align:left;cursor:pointer;background:color-mix(in srgb, var(--cs-glass) 70%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-md);transition:border-color var(--t-fast) ease;grid-template-columns:84px minmax(0,1fr);padding:5px;display:grid}.cs-pause-still{aspect-ratio:16/9;font:var(--fw-bold) var(--fs-sm) / 1 var(--cs-font);color:var(--cs-label);background:var(--cs-steel);border-radius:calc(var(--r-md) - 4px);place-items:center;display:grid;overflow:hidden}.cs-pause-still img{object-fit:cover;width:100%;height:100%}.cs-pause-card-text{gap:1px;min-width:0;display:grid}.cs-pause-card-title{font:var(--fw-semibold) var(--fs-sm) / 1.25 var(--cs-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-pause-card-time{font:var(--fw-medium) var(--fs-xs) / 1.2 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice-dim)}@media (hover:hover){.cs-pause-card:hover{border-color:var(--cs-accent-line)}}.cs-pause :is(button):focus-visible{outline:3px solid var(--cs-focus);outline-offset:2px}.cs-root[data-hc] :is(.cs-slate-board,.cs-pause-more,.cs-pause-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-hc] .cs-slate-stick{border:2px solid #fff}.cs-root[data-hc] .cs-pause:before{content:none}.cs-root[data-motion=reduce] :is(.cs-pause,.cs-pause-more,.cs-slate-stick,.cs-slate-board){transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-pause,.cs-pause-more,.cs-slate-stick,.cs-slate-board{transition:none;animation:none}}@media (forced-colors:active){.cs-pause:before{content:none}.cs-slate-board,.cs-pause-more,.cs-pause-card{background:canvas;border:1px solid canvastext}.cs-slate-stick{forced-color-adjust:none;border:1px solid canvastext}}.cs-slate-grip{width:28px;height:var(--h-ctl);color:var(--cs-label);cursor:grab;touch-action:none;border-radius:var(--r-sm);transition:color var(--t-fast) ease, background-color var(--t-fast) ease;background:0 0;border:0;flex:none;place-items:center;margin:-6px 0 -6px -8px;padding:0;display:grid}.cs-slate-grip svg{width:16px;height:16px}@media (hover:hover){.cs-slate-grip:hover{color:var(--cs-ice);background:var(--cs-steel)}}.cs-slate-grip:focus-visible{outline:3px solid var(--cs-focus);outline-offset:1px}.cs-pause[data-dragging]{z-index:6;cursor:grabbing;animation:none}.cs-pause[data-dragging] .cs-slate-grip{cursor:grabbing;color:var(--cs-citron)}.cs-pause[data-dragging] .cs-slate{filter:drop-shadow(0 18px 36px #0000008c)}.cs-root[data-motion=reduce] .cs-slate-grip{transition:none}.wheel{--R:196px;--step:33deg;--cx:58px;--card-w:172px;--card-h:97px;--hub:184px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:400px;min-width:0;min-height:300px;max-height:470px;position:relative;overflow:hidden}.wheel[data-variant=scenes]{--R:206px;--step:25deg;--card-w:150px;--card-h:84px}.wheel[data-dragging]{cursor:grabbing}.wheel-dial{left:calc(var(--cx) - var(--R) - 104px);top:calc(50% - var(--R) - 104px);width:calc((var(--R) + 104px) * 2);height:calc((var(--R) + 104px) * 2);background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--cs-ice) 30%, transparent) 0 .45deg, transparent .45deg 15deg), repeating-conic-gradient(from 0deg, var(--cs-line) 0 .5deg, transparent .5deg 3deg);-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--R) + 92px), #000 calc(var(--R) + 93px) calc(var(--R) + 102px), transparent calc(var(--R) + 103px));-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--R) + 92px), #000 calc(var(--R) + 93px) calc(var(--R) + 102px), transparent calc(var(--R) + 103px));mask:radial-gradient(circle, transparent 0 calc(var(--R) + 92px), #000 calc(var(--R) + 93px) calc(var(--R) + 102px), transparent calc(var(--R) + 103px));transform:rotate(calc(var(--wheel-h,0) * var(--step) * -1));will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.wheel-ring{left:calc(var(--cx) - var(--R));top:calc(50% - var(--R));width:calc(var(--R) * 2);height:calc(var(--R) * 2);background:conic-gradient(from 60deg, transparent 0 0deg, var(--cs-accent-line) 30deg, transparent 60deg);-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--R) - 1.5px), #000 calc(var(--R) - 1px) var(--R), transparent calc(var(--R) + .5px));-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--R) - 1.5px), #000 calc(var(--R) - 1px) var(--R), transparent calc(var(--R) + .5px));mask:radial-gradient(circle, transparent 0 calc(var(--R) - 1.5px), #000 calc(var(--R) - 1px) var(--R), transparent calc(var(--R) + .5px));box-shadow:inset 0 0 0 1px var(--cs-hairline);pointer-events:none;border-radius:50%;position:absolute}.wheel-light{left:calc(var(--cx) + var(--R) - var(--card-w));top:calc(50% - var(--card-h) * 1.2);width:calc(var(--card-w) * 2);height:calc(var(--card-h) * 2.4);background:radial-gradient(closest-side, color-mix(in srgb, var(--cs-glow) 34%, transparent), transparent);opacity:calc((.3 + var(--wheel-lock,1) * .7) * var(--wheel-fan,1));pointer-events:none;position:absolute}.wheel-hub{left:calc(var(--cx) - var(--hub) / 2);top:calc(50% - var(--hub) / 2);width:var(--hub);height:var(--hub);padding-right:calc(var(--hub) * .15);background:radial-gradient(circle at 70% 40%, color-mix(in oklab, var(--cs-base) 80%, white), var(--cs-base) 70%);box-shadow:inset 0 0 0 1px var(--cs-hairline), inset 0 0 0 7px color-mix(in srgb, var(--cs-base) 70%, transparent), inset 0 0 0 8px var(--cs-accent-line), 0 20px 50px #00000080;transform:scale(calc(.94 + var(--wheel-fan,1) * .06)) rotate(calc((1 - var(--wheel-fan,1)) * -10deg));pointer-events:none;border-radius:50%;place-content:center;justify-items:end;display:grid;position:absolute;overflow:hidden}.wheel-lens{object-fit:cover;opacity:.38;filter:saturate(.8);width:100%;height:100%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 40%,#0000 72%);mask:radial-gradient(circle,#000 40%,#0000 72%)}.wheel-readout{color:var(--cs-ice);font-family:var(--cs-font);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000c;align-items:baseline;gap:4px;display:flex;position:relative}.wheel-readout strong{font-size:1.75rem;font-weight:var(--fw-bold,700);letter-spacing:-.02em;line-height:1}.wheel-readout span{font-size:var(--fs-xs);font-weight:var(--fw-semibold,600);color:var(--cs-ice-dim)}.wheel-unit{font:var(--fw-semibold,600) var(--fs-xs) / 1 var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label);margin-top:2px;position:relative}.wheel-gate{--gw:calc(var(--card-w) * 1.1 + 14px);--gh:calc(var(--card-h) * 1.1 + 14px);--c:var(--cs-citron);--l:16px;left:calc(var(--cx) + var(--R) - var(--gw) / 2);top:calc(50% - var(--gh) / 2);z-index:6;width:var(--gw);height:var(--gh);background:linear-gradient(var(--c), var(--c)) top left / var(--l) 2px, linear-gradient(var(--c), var(--c)) top left / 2px var(--l), linear-gradient(var(--c), var(--c)) top right / var(--l) 2px, linear-gradient(var(--c), var(--c)) top right / 2px var(--l), linear-gradient(var(--c), var(--c)) bottom left / var(--l) 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px var(--l), linear-gradient(var(--c), var(--c)) bottom right / var(--l) 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px var(--l);opacity:calc(.55 + var(--wheel-lock,1) * .45 * var(--wheel-fan,1));pointer-events:none;background-repeat:no-repeat;border-radius:4px;position:absolute}.wheel-gate:before{content:"";border:6px solid #0000;border-left:8px solid var(--cs-citron);border-right:0;width:0;height:0;margin-top:-6px;position:absolute;top:50%;left:-15px}.wheel-gate[data-fired]{animation:wheel-fire .42s var(--ease-out) both}@keyframes wheel-fire{0%{scale:1}35%{scale:1.04}to{scale:1}}.wheel-coupler{top:50%;left:calc(var(--cx) + var(--R) + var(--card-w) * .55 + 9px);z-index:6;background:linear-gradient(90deg, color-mix(in srgb, var(--cs-citron) 75%, transparent), color-mix(in srgb, var(--cs-citron) 30%, transparent));height:1px;opacity:calc(.35 + var(--wheel-lock,1) * .65);pointer-events:none;animation:.45s ease-out both wheel-couple;display:none;position:absolute;right:0}.wheel-coupler:after{content:"";background:var(--cs-citron);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.cs-root[data-mode=explore] .wheel[data-layout=arc] .wheel-coupler{display:block}@keyframes wheel-couple{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.wheel-list{perspective:1100px;perspective-origin:calc(var(--cx) + var(--R)) 50%;margin:0;padding:0;list-style:none;position:absolute;inset:0}.wheel-li{--o:calc(var(--i) - var(--wheel-h,0));--ao:max(var(--o), calc(var(--o) * -1));--a:calc(var(--o) * var(--step));--r:calc(var(--R) * var(--wheel-fan,1));--near:max(0, 1 - var(--ao));left:calc(var(--cx) - var(--card-w) / 2);top:calc(50% - var(--card-h) / 2);width:var(--card-w);height:var(--card-h);transform:translate3d(calc(cos(var(--a)) * var(--r)), calc(sin(var(--a)) * var(--r)), calc(min(var(--ao), 3) * -30px)) rotate(calc(var(--a) * var(--wheel-fan,1))) rotateY(calc(min(var(--ao), 3) * 9deg)) scale(calc(max(.62, 1 - var(--ao) * .12 + var(--near) * .1) * (.55 + var(--wheel-fan,1) * .45)));opacity:calc(max(0, 1 - var(--ao) * .3) * var(--wheel-fan,1));filter:brightness(calc(1 - min(var(--ao), 2.5) * .16)) saturate(calc(1 - min(var(--ao), 2.5) * .1));will-change:transform;z-index:1;position:absolute}.wheel-li[data-d="0"]{z-index:5}.wheel-li:is([data-d="-1"],[data-d="1"]){z-index:4}.wheel-li:is([data-d="-2"],[data-d="2"]){z-index:3}.wheel-li:is([data-d="-3"],[data-d="3"],[data-d="-4"],[data-d="4"]){z-index:2}.wheel-li[data-hidden]{visibility:hidden;pointer-events:none}.wheel-item{cursor:pointer;width:100%;height:100%;color:var(--cs-ice);text-align:left;background:var(--cs-glass);border:1px solid var(--cs-hairline);border-radius:var(--r-md,12px);transition:border-color var(--t-med,.28s) ease, box-shadow var(--t-med,.28s) ease;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000080,inset 0 1px #ffffff14}.wheel[data-dragging] .wheel-item{cursor:grabbing}.wheel-item:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff24,#0000 38%);position:absolute;inset:0}.wheel-item[data-highlight]{border-color:var(--cs-accent-line);box-shadow:0 22px 44px #0009, 0 0 0 1px color-mix(in srgb, var(--cs-citron) 40%, transparent), 0 0 40px color-mix(in srgb, var(--cs-glow) 32%, transparent)}.wheel-item:focus-visible{outline:3px solid var(--cs-focus,var(--cs-citron));outline-offset:4px}.wheel-thumb{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.wheel-thumb-fallback{font:var(--fw-semibold,600) var(--fs-lg) / 1.1 var(--cs-font);text-align:center;color:var(--cs-label);background:repeating-linear-gradient(135deg, transparent 0 10px, #ffffff0a 10px 11px), var(--cs-steel);place-items:center;padding:8px;display:grid}.wheel-caption{background:linear-gradient(#0000,#04060a99 40%,#04060af0);gap:1px;padding:22px 10px 8px;display:grid;position:absolute;inset:auto 0 0}.wheel-label{font:var(--fw-semibold,600) var(--fs-sm) / 1.2 var(--cs-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wheel-meta{font:var(--fw-medium,500) var(--fs-xs) / var(--lh-snug) var(--cs-font);white-space:nowrap;text-overflow:ellipsis;color:var(--cs-ice-dim);overflow:hidden}.wheel[data-variant=scenes] .wheel-meta{display:none}.wheel-badge{font:var(--fw-bold,700) var(--fs-xs) / 1 var(--cs-font);letter-spacing:0;color:var(--cs-ink-on-citron);background:var(--cs-citron);border-radius:var(--r-pill,9999px);align-items:center;gap:5px;padding:3px 8px 3px 6px;display:inline-flex;position:absolute;top:7px;left:7px;box-shadow:0 2px 8px #0006}.wheel-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}@keyframes wheel-live{50%{opacity:.35}}.wheel-progress{background:#ffffff38;height:3px;position:absolute;inset:auto 0 0}.wheel-progress span{background:var(--cs-citron);height:100%;display:block}.wheel[data-layout=carousel]{--card-w:184px;--card-h:104px;touch-action:pan-x pan-y;cursor:auto;flex:none;height:auto;min-height:0;max-height:none;overflow:visible}.wheel[data-layout=carousel][data-variant=scenes]{--card-w:156px;--card-h:88px}.wheel[data-layout=carousel] .wheel-list{scroll-snap-type:x mandatory;scrollbar-width:thin;perspective:none;gap:10px;padding:10px 16px 14px;scroll-padding-inline:16px;display:flex;position:static;overflow-x:auto}.wheel[data-layout=carousel] .wheel-li{flex:0 0 var(--card-w);opacity:1;filter:none;will-change:auto;scroll-snap-align:start;position:relative;top:auto;left:auto;transform:none}.wheel[data-layout=carousel] .wheel-li[data-hidden]{visibility:visible;pointer-events:auto}.wheel[data-layout=carousel] .wheel-item[data-active]{border-color:var(--cs-citron);box-shadow:0 0 0 1px var(--cs-citron)}.rail{gap:var(--sp-3,12px);min-height:0;padding:var(--sp-1) 0 var(--sp-4);flex-direction:column;flex:auto;display:flex}.rail-head{gap:var(--sp-2);padding:0 var(--sp-5,20px);flex:none;display:grid}.rail-tabs{background:color-mix(in srgb, var(--cs-base) 70%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-md,12px);grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.rail-tabs:before{content:"";background:var(--cs-citron);border-radius:calc(var(--r-md,12px) - 3px);width:calc(50% - 3px);transition:translate var(--t-med,.28s) var(--ease-out,ease);animation:rail-face-a .32s var(--ease-out,ease);position:absolute;top:3px;bottom:3px;left:3px}.rail-tabs[data-face=scenes]:before{animation-name:rail-face-b;translate:100%}@keyframes rail-face-a{40%{scale:.94 .9}}@keyframes rail-face-b{40%{scale:.94 .9}}.rail-tab{min-height:calc(var(--h-ctl,44px) - 6px);font:var(--fw-semibold,600) var(--fs-sm) / 1 var(--cs-font);cursor:pointer;border-radius:calc(var(--r-md,12px) - 3px);color:var(--cs-ice-dim);transition:color var(--t-med,.28s) ease, scale var(--t-fast,.15s) ease;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.rail-tab:active{scale:.97}.rail-tab[aria-pressed=true]{color:var(--cs-ink-on-citron);font-weight:var(--fw-bold,700)}.rail-tab-count{font-size:var(--fs-xs);font-weight:var(--fw-medium,500);opacity:.75;font-variant-numeric:tabular-nums}.rail-tab:focus-visible{outline:3px solid var(--cs-focus,var(--cs-citron));outline-offset:2px}.rail-note,.rail-wait{font-size:var(--fs-xs);color:var(--cs-ice-dim);margin:0;line-height:1.45}.rail-wait{padding:0 var(--sp-5,20px)}.rail-detail{min-height:112px;margin:0 var(--sp-4,16px);padding:var(--sp-3) var(--sp-4);overscroll-behavior:contain;overflow-wrap:anywhere;background:color-mix(in srgb, var(--cs-base) 74%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-lg,16px);box-shadow:var(--cs-bevel,none);scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent;flex:0 auto;align-content:start;gap:4px;display:grid;overflow:hidden auto}.rail-detail:focus-visible{outline:3px solid var(--cs-focus,var(--cs-citron));outline-offset:2px}.rail-detail h2{font:var(--fw-bold,700) var(--fs-md) / var(--lh-tight) var(--cs-font);letter-spacing:var(--ls-display);color:var(--cs-ice);margin:0}.rail-facts{font:var(--fw-medium,500) var(--fs-xs) / 1.4 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice-dim);margin:0}.rail-note-body{font-size:var(--fs-sm);color:var(--cs-ice-dim);margin:2px 0 0;line-height:1.5}.rail-kicker{font:var(--fw-semibold,600) var(--fs-xs) / var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-label)}.rail-detail[data-face] .rail-kicker{color:var(--cs-citron)}.rail-actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.rail-actions .cs-chip{min-height:var(--h-ctl,44px)}.rail-actions .cs-chip svg{flex:none}.cs-root[data-motion=reduce] :is(.rail-tab,.wheel-item,.wheel-gate,.wheel-coupler),.cs-root[data-motion=reduce] .wheel-badge-dot,.cs-root[data-motion=reduce] .rail-tabs:before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.rail-tabs:before,.rail-tab,.wheel-item,.wheel-coupler{transition:none!important;animation:none!important}.wheel-gate[data-fired],.wheel-badge-dot{animation:none}}.cs-root[data-hc] .wheel-item{border:2px solid #fff}.cs-root[data-hc] .wheel-item[data-highlight]{border-color:var(--cs-citron)}.cs-root[data-hc] .wheel-caption,.cs-root[data-hc] .rail-detail,.cs-root[data-hc] .rail-tabs{box-shadow:none;background:#000;border:2px solid #fff}.cs-root[data-hc] .wheel-light{display:none}.cs-root[data-hc] .wheel-coupler{opacity:1;background:#fff}@media (forced-colors:active){.wheel-item{border:2px solid canvastext}.wheel-item[data-highlight]{border-color:highlight}.wheel-gate{filter:none;background:0 0;border:2px solid highlight}.wheel-light{display:none}.rail-tabs:before{background:highlight}.rail-tab[aria-pressed=true]{color:highlighttext;forced-color-adjust:none}.rail-detail{background:canvas;border:1px solid canvastext}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --cs-citron{syntax:"<color>";inherits:true;initial-value:#d8ff57}@property --cs-ink-on-citron{syntax:"<color>";inherits:true;initial-value:#0a0e17}@property --cs-base{syntax:"<color>";inherits:true;initial-value:#0a0e17}@property --cs-film-ink{syntax:"<color>";inherits:true;initial-value:#f4f6f2}@property --cs-secondary{syntax:"<color>";inherits:true;initial-value:#ada0f8}@property --cs-glow{syntax:"<color>";inherits:true;initial-value:#5a78c8}.cs-root{--cs-font-brand:"Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cs-font:var(--media-font-family,var(--cs-font-brand));--cs-font-ui:var(--cs-font);--cs-font-display:var(--cs-font);--cs-font-mono:var(--cs-font);--cs-base:var(--xenon-surface-color,#0a0e17);--cs-citron:var(--media-accent-color,#d8ff57);--cs-ink-on-citron:var(--media-accent-text-color,#0a0e17);--cs-glow:#5a78c8;--cs-obsidian:var(--cs-base);--cs-glass:color-mix(in oklab, var(--cs-base) 92%, white);--cs-steel:color-mix(in oklab, var(--cs-base) 84%, white);--cs-line:color-mix(in oklab, var(--cs-base) 74%, white);--cs-hairline:#ffffff17;--cs-ice:var(--cs-film-ink,#f4f6f2);--cs-ice-dim:color-mix(in oklab, var(--cs-ice) 72%, var(--cs-base));--cs-secondary:#ada0f8;--cs-lavender:#ada0f8;--cs-teal:#8dd3cf;--cs-danger:#ff8a8a;--cs-accent-soft:color-mix(in srgb, var(--cs-citron) 15%, transparent);--cs-accent-line:color-mix(in srgb, var(--cs-citron) 46%, transparent);--cs-label:color-mix(in oklab, var(--cs-citron) 58%, var(--cs-ice));--cs-panel-alpha:var(--xenon-panel-opacity,.9);--cs-panel-blur:var(--xenon-panel-blur,20px);--cs-panel-bg:color-mix(in srgb, var(--cs-glass) calc(var(--cs-panel-alpha) * 100%), transparent);--cs-dock-bg:color-mix(in srgb, var(--cs-base) calc(var(--cs-panel-alpha) * 78%), transparent);--cs-card-bg:color-mix(in srgb, var(--cs-base) 70%, transparent);--cs-shadow-1:0 1px 0 #ffffff0f inset, 0 8px 24px #00000059;--cs-shadow-2:0 1px 0 #ffffff12 inset, 0 24px 64px #0000008c;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:600;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--ls-display:-.01em;--ls-label:0;--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--ls-ui:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--r-xl:var(--media-border-radius,20px);--r-lg:calc(var(--r-xl) * .8);--r-md:calc(var(--r-xl) * .6);--r-sm:calc(var(--r-xl) * .4);--r-pill:9999px;--h-ctl:max(44px, var(--xenon-control-size,44px));--h-row:calc(var(--h-ctl) + 4px);--icon:20px;--w-panel:400px;--w-panel-wide:520px;--w-modal:640px;--bw:1px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.25, 1.15, .35, 1);--t-fast:.14s;--t-med:.28s;--t-slow:.5s;--cs-selected-bg:var(--cs-citron);--cs-selected-fg:var(--cs-ink-on-citron);--cs-focus:var(--cs-citron);--cs-moment:var(--cs-lavender);--cs-anchor:var(--cs-citron);--cs-danger-fg:var(--cs-danger);--cs-ok-fg:var(--cs-teal);font-family:var(--cs-font);font-size:var(--fs-md);line-height:var(--lh-body);font-optical-sizing:auto;transition:--cs-citron .7s,--cs-ink-on-citron .7s,--cs-base .7s,--cs-film-ink .7s,--cs-secondary .7s,--cs-glow .7s}.cs-root :is(input,textarea,select,button,output,kbd,code){font-family:var(--cs-font)}.cs-root[data-large]{--h-ctl:52px;--icon:24px;--fs-md:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--cs-target:52px}.cs-root[data-hc]{--bw:2px;--cs-line:#8b95b0;--cs-hairline:#fff;--cs-ice:#fff;--cs-ice-dim:#e6eaf2;--cs-panel-bg:#000;--cs-dock-bg:#000;--cs-card-bg:#000}@media (prefers-reduced-motion:reduce){.cs-root{transition:none}}.cs-root :is(.cs-time,.cs-line-time,.cs-offset-val,.atlas-time,.wheel-meta,.wheel-readout,.cs-tag,.cs-diag-status,.cs-range strong,.tp-time,.tp-facts,.cs-tl-time,kbd){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cs-root{--cs-target:44px;--cs-radius:14px;color:var(--cs-ice);background:var(--cs-obsidian);font-family:var(--cs-font-ui);isolation:isolate;border-radius:20px;display:block;position:relative;overflow:hidden;container:cs/inline-size}.cs-root *,.cs-root :before,.cs-root :after{box-sizing:border-box}:where(.cs-root) :where(button){font:inherit;color:inherit}.cs-sr,.cs-root>[role=status],[data-status-announcer-content]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.cs-stagewrap{flex-direction:column;min-width:0;display:flex;position:relative;container:csstage/inline-size}.cs-stagewrap>.cs-stage{flex:auto}.cs-stage{aspect-ratio:16/9;background:#000;min-width:0;position:relative;overflow:hidden}.cs-stage video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.cs-stage video::cue{color:#0000;text-shadow:none;background:0 0}.cs-stage video::-webkit-media-text-track-container{display:none}.cs-root[data-mode=explore] .cs-stage{aspect-ratio:auto}.cs-atlas{background:var(--cs-glass);border-top:1px solid var(--cs-line);min-width:0}.cs-root:fullscreen{border-radius:0;width:100vw;height:100vh}.cs-root:fullscreen .cs-stagewrap{height:100%}@container cs (width<=760px){.cs-root[data-mode=explore] .cs-stage{aspect-ratio:16/9}.cs-seg-btn span,.cs-btn-label:not([data-keep]) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.cs-controls{pointer-events:none;flex-direction:column;justify-content:space-between;transition:opacity .25s;display:flex;position:absolute;inset:0}.cs-controls>*{pointer-events:auto;transition:opacity .25s}.cs-controls:not([data-visible]):not(:has(:focus-visible)):not(:has([aria-expanded=true])):not(:has(.cs-lens))>*{opacity:0;pointer-events:none}.cs-top{background:linear-gradient(#05070cc7,#0000);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 36px;display:flex}.cs-titleblock{min-width:0}.cs-title{font:600 1.05rem/1.2 var(--cs-font-display);letter-spacing:.01em;text-shadow:0 1px 8px #0009;overflow-wrap:anywhere;margin:0}.cs-subtitle{color:var(--cs-ice-dim);text-shadow:0 1px 6px #0009;margin:2px 0 0;font-size:.8rem}.cs-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cs-center{align-self:center;align-items:center;gap:22px;display:flex}.cs-bottom{background:linear-gradient(#0000,#05070ce6);gap:4px;padding:40px 16px 12px;display:grid}.cs-row{align-items:center;gap:6px;display:flex}.cs-spacer{flex:1}.cs-time{font:500 var(--fs-sm)/var(--lh-snug) var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice);text-shadow:0 1px 6px #000000b3;white-space:nowrap;gap:6px;display:flex}.cs-btn,.cs-icon-btn,.cs-seg-btn{min-width:var(--cs-target);height:var(--cs-target);cursor:pointer;border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151b2cd1;border-radius:12px;grid-auto-flow:column;place-items:center;gap:8px;padding:0 12px;font-size:1.25rem;line-height:1;transition:background-color .15s,border-color .15s,transform .15s;display:inline-grid}.cs-btn-label{font-size:.85rem;font-weight:600}.cs-btn-label svg{font-size:1.25rem}.cs-btn[data-on],.cs-btn[aria-expanded=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-btn-round{border-radius:50%;width:56px;height:56px;padding:0;font-size:1.6rem;position:relative}.cs-seek-num{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.cs-btn-play{width:76px;height:76px;color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron);border-radius:50%;padding:0;font-size:2.2rem;box-shadow:0 8px 24px #0006}.cs-seg{border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151b2cd1;border-radius:14px;gap:3px;padding:3px;display:inline-flex}.cs-seg-btn{height:38px;min-width:var(--cs-target);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;font-size:1rem}.cs-seg-btn span{font-size:.85rem;font-weight:600}.cs-seg-btn[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron)}@media (hover:hover){.cs-btn:hover,.cs-icon-btn:hover,.cs-seg-btn:hover:not([aria-pressed=true]){background:var(--cs-steel);border-color:var(--cs-lavender)}.cs-btn-play:hover{background:#e6ff85}}.cs-root :is(button,input,[role=slider],[role=menuitemradio],[tabindex]):focus-visible{outline:3px solid var(--cs-citron);outline-offset:2px;box-shadow:0 0 0 6px #05070ce6}.cs-btn-play:focus-visible{outline-color:#fff}.cs-btn:disabled,.cs-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cs-timeslider,.cs-volslider{cursor:pointer;touch-action:none;align-items:center;height:28px;display:flex;position:relative}.cs-timeslider{width:100%}.cs-track{background:#f4f6f247;border-radius:9999px;width:100%;height:6px;position:relative;box-shadow:0 0 0 1px #05070c80}.cs-buffer,.cs-fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.cs-buffer{width:var(--media-slider-buffer,0%);background:#f4f6f259}.cs-fill{width:var(--media-slider-fill,0%);background:var(--cs-citron)}.cs-thumb{left:var(--media-slider-fill,0%);background:var(--cs-citron);border:2px solid var(--cs-obsidian);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;translate:-50% -50%}.cs-marker{pointer-events:none;border-radius:2px;width:4px;height:16px;position:absolute;top:50%;translate:-50% -50%}.cs-marker[data-kind=moment]{background:var(--cs-lavender);box-shadow:0 0 0 1px var(--cs-obsidian)}.cs-marker[data-kind=anchor]{background:var(--cs-citron);width:10px;height:10px;box-shadow:0 0 0 2px var(--cs-obsidian);border-radius:2px;rotate:45deg}.cs-marker[data-kind=scene]{background:#f4f6f280;height:8px}.cs-volume{align-items:center;gap:6px;display:flex}.cs-menu{min-width:200px;max-height:min(60vh,420px);color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:var(--cs-radius);z-index:30;padding:6px;overflow:auto;box-shadow:0 18px 40px #00000080}.cs-menu-heading{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-lavender);margin:8px 10px 4px}.cs-menu-group{display:grid}.cs-menu-item{min-height:var(--cs-target);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:0 12px;display:flex}.cs-menu-item[data-highlighted],.cs-menu-item:hover{background:var(--cs-steel)}.cs-menu-item[aria-checked=false] .cs-menu-check{visibility:hidden}.cs-menu-check{color:var(--cs-citron)}.cs-toast{text-align:center;background:var(--cs-glass);border:1px solid var(--cs-lavender);pointer-events:none;border-radius:9999px;max-width:min(90%,420px);margin:0;padding:8px 14px;font-size:.85rem;position:absolute;bottom:96px;left:50%;translate:-50%}.cs-toast:empty{display:none}.cs-buffering{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cs-spinner{border:4px solid #f4f6f240;border-top-color:var(--cs-citron);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite cs-spin}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-error{z-index:25;text-align:center;background:#05070ceb;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.cs-error:not([data-open]){display:none}.cs-error-title{font:600 1.2rem var(--cs-font-display);margin:0}.cs-error-desc{color:var(--cs-ice-dim);max-width:44ch;margin:0}.cs-dialog{width:min(640px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:18px;padding:0;box-shadow:0 30px 80px #0009}.cs-dialog::backdrop{background:#05070cb8}.cs-dialog-inner{grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 48px);display:grid}.cs-dialog-header{border-bottom:1px solid var(--cs-line);justify-content:space-between;align-items:center;padding:14px 16px 10px 20px;display:flex}.cs-dialog-header h2{font:600 1.1rem var(--cs-font-display);margin:0}.cs-dialog-body{padding:16px 20px 20px;overflow:auto}.cs-muted{color:var(--cs-ice-dim);font-size:.85rem;line-height:1.5}.cs-keytable{border-collapse:collapse;width:100%;font-size:.9rem}.cs-keytable th{text-align:left;font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-lavender);padding:6px 8px}.cs-keytable td{border-top:1px solid var(--cs-line);vertical-align:top;padding:8px}.cs-keytable kbd{min-width:26px;font:600 var(--fs-sm)/var(--lh-snug) var(--cs-font);text-align:center;background:var(--cs-steel);border:1px solid var(--cs-line);border-bottom-width:2px;border-radius:6px;padding:2px 7px;display:inline-block}.cs-diag-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.cs-diag-row{background:var(--cs-obsidian);border:1px solid var(--cs-line);border-radius:10px;grid-template-columns:150px 110px minmax(0,1fr);align-items:baseline;gap:10px;padding:10px 12px;display:grid}.cs-diag-status{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:0}.cs-diag-row[data-status=Pass] .cs-diag-status{color:var(--cs-teal)}.cs-diag-row[data-status=Needs\ review] .cs-diag-status{color:var(--cs-danger)}.cs-diag-row[data-status=Unavailable] .cs-diag-status{color:var(--cs-ice-dim)}.cs-diag-detail{color:var(--cs-ice-dim);overflow-wrap:anywhere;font-size:.85rem}@media (width<=560px){.cs-diag-row{grid-template-columns:1fr;gap:2px}}.cs-root[data-scrim=high-contrast] .cs-top,.cs-root[data-scrim=high-contrast] .cs-bottom{background:#000}.cs-root[data-scrim=high-contrast] .cs-btn,.cs-root[data-scrim=high-contrast] .cs-icon-btn,.cs-root[data-scrim=high-contrast] .cs-seg{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-scrim=high-contrast] .cs-track{background:#6b6f78}.cs-root[data-scrim=high-contrast] .cs-btn[data-on],.cs-root[data-scrim=high-contrast] .cs-btn[aria-expanded=true],.cs-root[data-scrim=high-contrast] .cs-seg-btn[aria-pressed=true]{background:var(--cs-citron);border-color:var(--cs-citron)}.cs-root[data-scrim=theater] :is(.cs-rail,.cs-atlas){opacity:.4;transition:opacity .25s}.cs-root[data-scrim=theater] :is(.cs-rail,.cs-atlas):is(:hover,:focus-within){opacity:1}.cs-root[data-scrim=theater] .cs-top,.cs-root[data-scrim=theater] .cs-bottom{background:linear-gradient(to var(--d,bottom), #000000f2, transparent)}.cs-root[data-scrim=theater] .cs-bottom{--d:top}@container cs (width<=520px){.cs-center{gap:12px}.cs-btn-round{width:48px;height:48px}.cs-btn-play{width:64px;height:64px}.cs-volslider{display:none}.cs-top{padding:10px 10px 28px}.cs-titleblock{display:none}.cs-toolbar{justify-content:flex-start;gap:6px}.cs-root{--cs-target:44px}.cs-stage,.cs-root[data-mode=explore] .cs-stage{aspect-ratio:4/3}.cs-root:fullscreen .cs-stage{aspect-ratio:auto}.cs-bottom{padding:28px 10px 8px}.cs-row{gap:4px}.cs-toast{bottom:80px}}@media (prefers-reduced-motion:reduce){.cs-root *,.cs-root :before,.cs-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cs-spinner{border-top-color:var(--cs-citron);border-right-color:var(--cs-citron);animation:none}}@media (forced-colors:active){.cs-btn,.cs-icon-btn,.cs-seg,.cs-menu,.cs-dialog{color:canvastext;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.cs-fill,.cs-thumb{background:highlight}.cs-seg-btn[aria-pressed=true],.cs-btn[data-on]{color:highlighttext;background:highlight}}@container csstage (width<=660px){.cs-row .cs-btn-label:not([data-keep]) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cs-volslider{display:none}.cs-row{gap:4px}}@container csstage (width<=420px){.cs-time{font-size:.75rem}}.cs-panel{z-index:20;width:min(400px,100% - 24px);max-height:calc(100% - 112px);color:var(--cs-ice);border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#151b2cf5;border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;bottom:96px;right:12px;box-shadow:0 24px 60px #0000008c}.cs-panel:focus{outline:none}.cs-panel:focus-visible{outline:3px solid var(--cs-citron);outline-offset:2px}.cs-panel-head{justify-content:space-between;align-items:center;padding:10px 10px 6px 18px;display:flex}.cs-panel-head h2{font:600 1rem var(--cs-font-display);margin:0}.cs-panel-body{align-content:start;gap:10px;padding:4px 14px 14px;display:grid;overflow-y:auto}.cs-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cs-card{background:var(--cs-obsidian);border:1px solid var(--cs-line);border-radius:14px;align-content:start;gap:8px;padding:12px;display:grid}.cs-cards>.cs-card:only-child,.cs-cards>.cs-card:nth-child(odd):last-child{grid-column:1/-1}.cs-card-title{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-lavender);margin:0}.cs-card-value{margin:0;font-weight:600}.cs-panel .cs-muted{margin:0}.cs-chips{flex-wrap:wrap;gap:6px;display:flex}.cs-chip{min-height:44px;font:inherit;cursor:pointer;color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:9999px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background-color .15s,border-color .15s}.cs-chip[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-chip:disabled{opacity:.45;cursor:not-allowed}@media (hover:hover){.cs-chip:hover:not([aria-pressed=true]):not(:disabled){border-color:var(--cs-lavender)}}.cs-swatch{align-items:center;gap:8px;display:inline-flex}.cs-swatch-dot{border:1px solid #ffffff80;border-radius:50%;width:14px;height:14px}.cs-tag{font:500 var(--fs-xs)/var(--lh-snug) var(--cs-font);color:var(--cs-ice-dim);margin-left:0}.cs-chip[aria-pressed=true] .cs-tag,.cs-choice[aria-pressed=true] .cs-tag{color:var(--cs-ink-on-citron)}.cs-panel :is(button,input,textarea,summary,a,[tabindex]):focus-visible{outline:3px solid var(--cs-citron);outline-offset:2px;box-shadow:none}.cs-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cs-list-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.cs-choice{width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:12px;flex-wrap:wrap;align-items:center;column-gap:8px;padding:0 14px;font-weight:600;display:flex}.cs-choice[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-offset{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cs-offset-val{text-align:center;min-width:64px;font:600 .95rem var(--cs-font)}.cs-details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.cs-form{gap:10px;padding-top:4px;display:grid}.cs-form label,.cs-form legend,.cs-timefield label{color:var(--cs-ice-dim);gap:4px;font-size:.8rem;display:grid}.cs-form fieldset{border:0;gap:6px;margin:0;padding:0;display:grid}.cs-form legend{padding:0}.cs-form input:not([type=range]):not([type=file]),.cs-form textarea,.cs-search input,.cs-timefield input{width:100%;min-height:44px;font:inherit;color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:10px;padding:0 12px}.cs-form textarea{font-family:var(--cs-font);resize:vertical;padding:10px 12px;font-size:.8rem}.cs-form input[type=range]{width:100%;min-height:44px;accent-color:var(--cs-citron)}.cs-timefield input[aria-invalid=true]{border-color:var(--cs-danger)}.cs-form-msg{margin:0;font-size:.82rem}.cs-form-msg[data-kind=error]{color:var(--cs-danger)}.cs-form-msg[data-kind=ok]{color:var(--cs-teal)}.cs-clip{gap:10px}.cs-timefield{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;display:grid}.cs-timefield .cs-form-msg{grid-column:1/-1}.cs-search{display:block}.cs-transcript{gap:2px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cs-line{width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;color:var(--cs-ice);background:0 0;border:0;border-radius:10px;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:8px 10px;font-size:.9rem;display:grid}.cs-line-time{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);color:var(--cs-lavender);padding-top:2px}.cs-line[aria-current=true]{background:var(--cs-steel);box-shadow:inset 3px 0 0 var(--cs-citron)}@media (hover:hover){.cs-line:hover{background:var(--cs-glass)}}.cs-captions{z-index:5;pointer-events:none;justify-content:center;padding:0 6%;transition:bottom .25s;display:flex;position:absolute;bottom:8%;left:0;right:0}.cs-root:has(.cs-controls[data-visible]) .cs-captions[data-position=bottom]{bottom:104px}.cs-captions[data-position=raised]{bottom:24%}.cs-captions[data-position=top]{top:12%;bottom:auto}.cs-caption-text{white-space:pre-line;max-width:100%;font:600 var(--cap-size,1.1rem) / 1.35 var(--cap-font,var(--cs-font));text-align:center;color:var(--cap-color,#fff);background:var(--cap-bg,#05070cbf);text-shadow:var(--cap-shadow,none);border-radius:6px;padding:.15em .55em;display:inline-block}.cs-cap-preview{background:linear-gradient(135deg,#3b4a6b,#1b2238 60%,#6a5f9c);border-radius:12px;justify-content:center;padding:18px 8px;display:flex}.cs-clip-range{border:1px solid var(--cs-lavender);pointer-events:none;background:#ada0f88c;border-radius:3px;height:10px;position:absolute;top:50%;translate:0 -50%}.cs-skip{z-index:8;position:absolute;bottom:112px;right:16px}@container (width<=520px){.cs-panel,.cs-panel[data-wide]{width:auto;max-height:none;box-shadow:none;border-width:1px 0 0;border-radius:0;margin-top:8px;position:static}.cs-root:fullscreen .cs-panel{border-width:1px;border-radius:18px;max-height:calc(100% - 88px);margin:0;position:absolute;bottom:76px;left:8px;right:8px}.cs-root:fullscreen .cs-panel[data-wide]{border-width:1px;border-radius:18px;max-height:calc(100% - 88px);margin:0;position:absolute;bottom:76px;left:8px;right:8px}.cs-transcript{max-height:40vh}.cs-cards{grid-template-columns:1fr}.cs-skip{bottom:96px}.cs-root:has(.cs-controls[data-visible]) .cs-captions[data-position=bottom]{bottom:84px}}@media (forced-colors:active){.cs-panel,.cs-card,.cs-chip,.cs-choice{color:canvastext;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.cs-chip[aria-pressed=true],.cs-choice[aria-pressed=true],.cs-line[aria-current=true]{color:highlighttext;background:highlight}}.cs-atmosphere{z-index:0;pointer-events:none;background:var(--cs-base);position:absolute;inset:0;overflow:hidden}.cs-atm-art,.cs-atm-color,.cs-atm-glow,.cs-atm-scrim{position:absolute}.cs-atm-art{background-image:var(--cs-atm-image);filter:blur(var(--cs-atm-blur,24px));opacity:var(--cs-atm-opacity,.55);background-position:50%;background-size:cover;animation:.7s both cs-atm-in;inset:-8%}.cs-atm-color{background:var(--cs-atm-color,#1f3b57);opacity:var(--cs-atm-opacity,.55);animation:.7s both cs-atm-in;inset:0}@keyframes cs-atm-in{0%{opacity:0}to{opacity:var(--cs-atm-opacity,.55)}}.cs-atm-glow{background:radial-gradient(70% 75% at 68% 45%, color-mix(in srgb, var(--cs-glow) calc(var(--cs-atm-glow-a,.2) * 100%), transparent), transparent 72%);inset:0}.cs-atm-scrim{background:color-mix(in srgb, var(--cs-base) calc(var(--cs-atm-scrim,.6) * 100%), transparent);inset:0}.cs-root[data-atm=on] .cs-layout{z-index:1;position:relative}.cs-root[data-atm=on] .cs-stage,.cs-root[data-atm=on] .cs-stage video{background:0 0}.cs-root[data-bg=solid] .cs-atmosphere,.cs-root[data-bg=solid] .cs-stage,.cs-root[data-bg=solid] .cs-stage video{background:var(--cs-base)}.cs-root[data-atm=on] .cs-atlas{background:var(--cs-surf-wheel);-webkit-backdrop-filter:blur(var(--cs-blur-wheel));backdrop-filter:blur(var(--cs-blur-wheel))}.cs-root[data-atm=on] .cs-top :is(.cs-seg,.cs-icon-btn,.cs-titleblock,.cs-btn):not([aria-expanded=true]){background:var(--cs-surf-header);-webkit-backdrop-filter:blur(var(--cs-blur-header));backdrop-filter:blur(var(--cs-blur-header))}.cs-root[data-atm=on] .cs-row,.cs-root[data-atm=on] .cs-center .cs-btn-round{background:var(--cs-surf-controls);-webkit-backdrop-filter:blur(var(--cs-blur-controls));backdrop-filter:blur(var(--cs-blur-controls))}.cs-switch{text-align:left;cursor:pointer;width:100%;min-height:56px;color:var(--cs-ice);background:var(--cs-glass);border:1px solid var(--cs-line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.cs-switch>span:first-child{gap:2px;display:grid}.cs-switch-state{min-width:52px;font:600 var(--fs-sm)/var(--lh-snug) var(--cs-font);text-align:center;color:var(--cs-ice-dim);background:var(--cs-obsidian);border:1px solid var(--cs-line);border-radius:9999px;padding:6px 12px}.cs-switch[aria-checked=true] .cs-switch-state{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.cs-fieldset legend{font:600 var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-lavender);padding:0 0 6px}.cs-range{color:var(--cs-ice-dim);gap:2px;font-size:.85rem;display:grid}.cs-range strong{color:var(--cs-ice);font-family:var(--cs-font)}.cs-range input{width:100%;min-height:44px;accent-color:var(--cs-citron)}.cs-arearow{gap:6px;font-size:.85rem;display:grid}.cs-palette{flex-wrap:wrap;gap:8px 16px;display:flex}.cs-palette-item{align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.cs-palette-item code{font-family:var(--cs-font);color:var(--cs-ice-dim)}.cs-swatch-lg{border-radius:6px;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.cs-atm-art,.cs-atm-color{animation:none}}@media (forced-colors:active){.cs-atmosphere{display:none}.cs-switch,.cs-switch-state{color:canvastext;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.cs-switch[aria-checked=true] .cs-switch-state{color:highlighttext;background:highlight}}.cs-spectrum{gap:var(--sp-2);display:grid}.cs-spectrum-bar{border-radius:var(--r-pill);height:14px;box-shadow:0 0 0 1px var(--cs-hairline), inset 0 1px 0 #ffffff2e;display:block}.cs-spectrum-stops{gap:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);color:var(--cs-ice-dim);flex-wrap:wrap;display:flex}.cs-spectrum-edit{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cs-spectrum-input{font-size:var(--fs-xs);color:var(--cs-ice-dim);text-align:center;justify-items:center;gap:4px;display:grid}.cs-spectrum-input input{width:100%;min-height:var(--h-ctl);cursor:pointer;border:1px solid var(--cs-hairline);border-radius:var(--r-md);background:0 0;padding:2px}.cs-label,.cs-rail-title,.rail-kicker,.cs-menu-heading,.cs-result-cat,.cs-fieldset legend,.cs-keytable th{font:var(--fw-semibold) var(--fs-xs)/var(--lh-snug) var(--cs-font);letter-spacing:var(--ls-label);color:var(--cs-lavender)}.cs-card-title{font:var(--fw-semibold) var(--fs-lg)/var(--lh-snug) var(--cs-font);letter-spacing:0;text-transform:none;color:var(--cs-ice);margin:0}.cs-card-desc,.cs-muted{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--cs-ice-dim);margin:0}.cs-subtitle,.wheel-meta{font-size:var(--fs-sm);color:var(--cs-ice-dim)}.cs-btn,.cs-chip,.cs-tab,.cs-seg-btn,.cs-choice,.cs-row-btn{font-family:var(--cs-font);font-weight:var(--fw-semibold);letter-spacing:var(--ls-ui)}.cs-root [data-tip]{position:relative}.cs-root [data-tip]:after{content:attr(data-tip);z-index:40;font:var(--fw-semibold) var(--fs-sm)/var(--lh-snug) var(--cs-font);white-space:nowrap;color:#fff;border-radius:var(--r-sm);opacity:0;pointer-events:none;background:#05070c;border:1px solid #3b4565;padding:6px 10px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 18px #0000008c}.cs-root [data-tip][data-tip-pos=below]:after{top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-4px)}.cs-root [data-tip][data-tip-align=end]:after{left:auto;right:0;transform:translateY(4px)}.cs-root [data-tip][data-tip-pos=below][data-tip-align=end]:after{transform:translateY(-4px)}.cs-root [data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.cs-root [data-tip][data-tip-align=end]:focus-visible:after{transform:translate(0)}@media (hover:hover){.cs-root [data-tip]:hover:after{opacity:1;transform:translate(-50%)}.cs-root [data-tip][data-tip-align=end]:hover:after{transform:translate(0)}}.cs-root [aria-expanded=true][data-tip]:after{display:none}.cs-btn,.cs-icon-btn,.cs-seg-btn{min-width:var(--h-ctl);height:var(--h-ctl);border-radius:var(--r-md);border-width:var(--bw)}.cs-btn svg,.cs-icon-btn svg,.cs-seg-btn svg,.cs-row-btn svg{width:var(--icon);height:var(--icon);flex:none}.cs-btn-label{font-size:var(--fs-md)}.cs-btn:active,.cs-icon-btn:active,.cs-chip:active,.cs-seg-btn:active,.cs-choice:active,.cs-row-btn:active{transform:translateY(1px)scale(.985)}.cs-chip,.cs-choice,.cs-row-btn,.cs-tab{transition:background-color .15s,border-color .15s,color .15s,transform .1s}:is(.cs-btn,.cs-icon-btn,.cs-chip,.cs-choice,.cs-tab,.cs-row-btn,.cs-seg-btn):disabled,:is(.cs-btn,.cs-chip,.cs-switch)[aria-disabled=true],.cs-switch:disabled{opacity:.5;cursor:not-allowed;border-style:dashed;transform:none}.cs-chip[aria-pressed=true]:before,.cs-choice[aria-pressed=true] .cs-choice-main:before{content:"";vertical-align:-2px;width:14px;height:14px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;margin-right:6px;display:inline-block}.cs-chip{min-height:var(--h-ctl);padding:0 var(--sp-4);font-size:var(--fs-md);justify-content:center;align-items:center;gap:var(--sp-1);text-decoration:none;display:inline-flex}.cs-chip-danger:hover:not(:disabled){border-color:var(--cs-danger);color:var(--cs-danger)}.cs-seg-btn[aria-pressed=true]{font-weight:var(--fw-bold);box-shadow:inset 0 -3px #00000059}.cs-seg-btn span{font-size:var(--fs-sm);letter-spacing:var(--ls-ui)}.cs-root :is(button,input,textarea,select,summary,a,[role=slider],[role=tab],[tabindex="0"]):focus-visible{outline:3px solid var(--cs-focus);outline-offset:2px;box-shadow:0 0 0 6px #05070ce6}.cs-panel{background:var(--cs-panel-bg);border-radius:var(--r-xl);border-width:var(--bw);width:min(var(--w-panel), calc(100% - 24px));animation:.18s cubic-bezier(.2,.8,.2,1) both cs-panel-in}.cs-panel[data-wide]{width:min(var(--w-panel-wide), calc(100% - 24px))}@keyframes cs-panel-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.cs-panel-head{padding:var(--sp-3) var(--sp-3) var(--sp-2) var(--sp-5)}.cs-panel-body{gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent;overscroll-behavior:contain}.cs-panel-body::-webkit-scrollbar{width:10px}.cs-dialog-body::-webkit-scrollbar{width:10px}.cs-panel-body::-webkit-scrollbar-track{background:0 0}.cs-dialog-body::-webkit-scrollbar-track{background:0 0}.cs-panel-body::-webkit-scrollbar-thumb{background:var(--cs-line);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}.cs-dialog-body::-webkit-scrollbar-thumb{background:var(--cs-line);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}.cs-panel-body::-webkit-scrollbar-thumb:hover{background:var(--cs-lavender);background-clip:padding-box}.cs-dialog-body::-webkit-scrollbar-thumb:hover{background:var(--cs-lavender);background-clip:padding-box}.cs-sethead{z-index:3;gap:var(--sp-2);padding:var(--sp-1) 0 var(--sp-3);background:var(--cs-panel-bg);display:grid;position:sticky;top:0}.cs-search input{width:100%;min-height:var(--h-ctl);padding:0 var(--sp-3) 0 var(--sp-4);font:var(--fw-medium) var(--fs-md)/1 var(--cs-font);color:var(--cs-ice);background:var(--cs-card-bg);border:var(--bw) solid var(--cs-line);border-radius:var(--r-md)}.cs-search input::placeholder{color:var(--cs-ice-dim);opacity:1}.cs-tabs{background:var(--cs-card-bg);border:var(--bw) solid var(--cs-line);border-radius:var(--r-md);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.cs-tab{min-height:calc(var(--h-ctl) - 4px);padding:0 var(--sp-3);font-size:var(--fs-md);color:var(--cs-ice-dim);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;flex:auto}.cs-tab[aria-selected=true]{color:var(--cs-selected-fg);background:var(--cs-selected-bg);font-weight:var(--fw-bold);box-shadow:inset 0 -3px #0000004d}@media (hover:hover){.cs-tab:hover:not([aria-selected=true]){color:var(--cs-ice);background:var(--cs-steel)}}.cs-cards{gap:var(--sp-3);grid-template-columns:1fr;display:grid}.cs-cards>div{gap:var(--sp-3);min-width:0;display:grid}.cs-result{gap:var(--sp-2);display:grid}.cs-result-cat{margin:var(--sp-1) 0 0}.cs-card{gap:var(--sp-3);padding:var(--sp-4);background:var(--cs-card-bg);border:var(--bw) solid var(--cs-line);border-radius:var(--r-lg);box-shadow:inset 0 1px #ffffff0a}.cs-card-head{gap:2px;display:grid}.cs-empty{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--cs-ice-dim);border:1px dashed var(--cs-line);border-radius:var(--r-md);margin:0}.cs-switch{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--h-row);padding:var(--sp-2) var(--sp-3);text-align:left;cursor:pointer;color:var(--cs-ice);background:var(--cs-glass);border:var(--bw) solid var(--cs-line);border-radius:var(--r-md);grid-template-columns:minmax(0,1fr) auto;transition:border-color .15s,background-color .15s;display:grid}.cs-switch-text{gap:2px;display:grid}.cs-switch-text strong{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.cs-switch-track{background:var(--cs-obsidian);border:2px solid var(--cs-ice-dim);border-radius:var(--r-pill);width:48px;height:28px;transition:background-color .18s,border-color .18s;position:relative}.cs-switch-knob{width:20px;height:20px;font-size:12px;font-weight:var(--fw-bold);color:var(--cs-ink-on-citron);background:var(--cs-ice-dim);border-radius:50%;place-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s;display:grid;position:absolute;top:2px;left:2px}.cs-switch[aria-checked=true]{border-color:var(--cs-selected-bg)}.cs-switch[aria-checked=true] .cs-switch-track{background:var(--cs-selected-bg);border-color:var(--cs-selected-bg)}.cs-switch[aria-checked=true] .cs-switch-knob{background:var(--cs-ink-on-citron);color:var(--cs-selected-bg);transform:translate(20px)}.cs-switch[aria-checked=true] .cs-switch-knob:before{content:"";vertical-align:-2px;width:12px;height:12px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}@media (hover:hover){.cs-switch:hover:not(:disabled){border-color:var(--cs-lavender)}}.cs-list{gap:var(--sp-2)}.cs-choice{min-height:var(--h-row);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);border-width:var(--bw);border-radius:var(--r-md);justify-content:space-between;gap:var(--sp-3)}.cs-choice-main{overflow-wrap:anywhere;min-width:0}.cs-tag{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--cs-ice-dim);margin:0}@media (hover:hover){.cs-choice:hover:not([aria-pressed=true]),.cs-chip:hover:not([aria-pressed=true]):not(:disabled){border-color:var(--cs-lavender);background:var(--cs-steel)}}.cs-form{gap:var(--sp-3)}.cs-form label,.cs-timefield label,.cs-range{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--cs-ice-dim)}.cs-form input:not([type=range]):not([type=file]),.cs-form textarea,.cs-timefield input{min-height:var(--h-ctl);font:var(--fw-regular) var(--fs-md)/1.2 var(--cs-font);border-width:var(--bw);border-radius:var(--r-md);background:var(--cs-card-bg)}.cs-form textarea{font-size:var(--fs-sm)}.cs-form-msg{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.cs-form-msg[data-kind=error]:before{content:"Problem: ";font-weight:var(--fw-bold)}.cs-form-msg[data-kind=ok]:before{content:"";vertical-align:-2px;width:14px;height:14px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;margin-right:4px;display:inline-block}.cs-fieldset,.cs-form fieldset{gap:var(--sp-2)}.cs-range input,.cs-form input[type=range]{accent-color:var(--cs-citron)}.cs-more{gap:var(--sp-2);display:grid}.cs-more-extra{gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:var(--bw) solid var(--cs-line);flex-wrap:wrap;display:flex}.cs-row-btn{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--h-row);padding:0 var(--sp-3);font-size:var(--fs-md);text-align:left;cursor:pointer;color:var(--cs-ice);background:var(--cs-glass);border:var(--bw) solid var(--cs-line);border-radius:var(--r-md);display:flex}@media (hover:hover){.cs-row-btn:hover{border-color:var(--cs-lavender);background:var(--cs-steel)}}.cs-keygroup{gap:var(--sp-2);margin-top:var(--sp-3);display:grid}.cs-keylist{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cs-keyrow{gap:var(--sp-3);min-height:var(--h-ctl);padding:var(--sp-1) 0;border-top:var(--bw) solid var(--cs-line);font-size:var(--fs-md);grid-template-columns:minmax(120px,160px) minmax(0,1fr);align-items:center;display:grid}.cs-keys{flex-wrap:wrap;gap:4px;display:flex}.cs-keytable kbd,.cs-keyrow kbd,.cs-root kbd{min-width:28px;min-height:28px;padding:0 var(--sp-2);font:var(--fw-semibold) var(--fs-sm)/1 var(--cs-font);color:var(--cs-ice);background:var(--cs-steel);border:var(--bw) solid var(--cs-line);border-radius:var(--r-sm);border-bottom-width:3px;place-items:center;display:inline-grid}.cs-dialog{width:min(var(--w-modal), calc(100vw - 32px));border-radius:var(--r-xl);background:var(--cs-panel-bg);border-width:var(--bw)}.cs-dialog-header{padding:var(--sp-3) var(--sp-3) var(--sp-2) var(--sp-5)}.cs-dialog-body{scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent}.cs-diag-row{border-width:var(--bw);border-radius:var(--r-md)}.cs-diag-label{font-weight:var(--fw-semibold)}.cs-diag-status{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:0}.cs-diag-row[data-status=Pass] .cs-diag-status:before{content:"";vertical-align:-2px;width:12px;height:12px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;margin-right:4px;display:inline-block}.cs-diag-row[data-status=Needs\ review] .cs-diag-status:before{content:"! "}.cs-diag-row[data-status=Unavailable] .cs-diag-status:before{content:"– "}.cs-buffering{gap:var(--sp-3);align-content:center;justify-items:center;display:grid}.cs-buffering[data-initial]{background:#05070c8c}.cs-loading-label{font:var(--fw-semibold) var(--fs-sm)/1 var(--cs-font);color:#fff;border:1px solid var(--cs-line);border-radius:var(--r-pill);background:#05070cd9;padding:6px 14px}.cs-error-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.cs-error-title{font:var(--fw-bold) var(--fs-xl)/var(--lh-tight) var(--cs-font)}.cs-error-title:before{content:"! "}.cs-marker[data-kind=moment]{background:var(--cs-moment)}.cs-marker[data-kind=anchor]{background:var(--cs-anchor)}.cs-time{font:var(--fw-semibold) var(--fs-sm)/1 var(--cs-font);min-width:0}.cs-stagewrap[data-tier=compact] .cs-seg-btn span,.cs-stagewrap[data-tier=tiny] .cs-seg-btn span,.cs-stagewrap[data-tier=micro] .cs-seg-btn span,.cs-stagewrap[data-tier=compact] .cs-row .cs-btn-label:not([data-keep]) span,.cs-stagewrap[data-tier=tiny] .cs-row .cs-btn-label:not([data-keep]) span,.cs-root[data-dock-labels=off] .cs-row .cs-btn-label:not([data-keep]) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cs-stagewrap[data-tier=compact] .cs-volslider,.cs-stagewrap[data-tier=tiny] .cs-volslider{display:none}.cs-root[data-dock-compact] .cs-row{gap:2px}.cs-stagewrap[data-tier=tiny] .cs-top,.cs-stagewrap[data-tier=micro] .cs-top{padding:var(--sp-2) var(--sp-2) var(--sp-5)}.cs-stagewrap[data-tier=tiny] .cs-bottom,.cs-stagewrap[data-tier=micro] .cs-bottom{padding:var(--sp-5) var(--sp-2) var(--sp-1)}.cs-stagewrap[data-tier=tiny] .cs-row,.cs-stagewrap[data-tier=micro] .cs-row{gap:2px}.cs-stagewrap[data-tier=tiny] .cs-btn-round,.cs-stagewrap[data-tier=micro] .cs-btn-round{width:44px;height:44px}.cs-stagewrap[data-tier=tiny] .cs-btn-play{width:60px;height:60px}.cs-stagewrap[data-tier=micro] .cs-btn-play{width:52px;height:52px}.cs-stagewrap[data-tier=tiny] .cs-center,.cs-stagewrap[data-tier=micro] .cs-center{gap:var(--sp-2)}.cs-stagewrap[data-tier=micro] .cs-time{font-size:var(--fs-xs)}.cs-stagewrap[data-tier=micro] .cs-time>span[aria-hidden],.cs-stagewrap[data-tier=micro] .cs-time>:last-child,.cs-stagewrap[data-tier=tiny] .cs-titleblock,.cs-stagewrap[data-tier=micro] .cs-titleblock{display:none}.cs-root[data-tier=tiny] .cs-top .cs-seg,.cs-root[data-tier=micro] .cs-top .cs-seg{padding:2px}.cs-root[data-large] .cs-btn-play{width:88px;height:88px}.cs-root[data-large] .cs-btn-round{width:64px;height:64px}.cs-root[data-large] .cs-thumb{width:22px;height:22px}.cs-root[data-large] .cs-track{height:8px}.cs-root[data-large] .cs-card,.cs-root[data-large] .cs-panel-body{gap:var(--sp-4)}.cs-root[data-hc] :is(.cs-btn,.cs-icon-btn,.cs-seg,.cs-chip,.cs-choice,.cs-tab,.cs-row-btn,.cs-switch,.cs-card,.cs-panel,.cs-dialog,.cs-menu){-webkit-backdrop-filter:none;background:#000;border-color:#fff}.cs-root[data-hc] :is(.cs-btn[data-on],.cs-btn[aria-expanded=true],.cs-seg-btn[aria-pressed=true],.cs-chip[aria-pressed=true],.cs-choice[aria-pressed=true],.cs-tab[aria-selected=true]){background:var(--cs-citron);color:var(--cs-ink-on-citron);border-color:var(--cs-citron)}.cs-root[data-hc] .cs-btn-play{background:var(--cs-citron)}.cs-root[data-hc] .cs-top,.cs-root[data-hc] .cs-bottom{background:#000}.cs-root[data-hc] .cs-track{background:#7b8296;box-shadow:0 0 0 1px #fff}.cs-root[data-hc] .cs-fill,.cs-root[data-hc] .cs-thumb{background:var(--cs-citron)}.cs-root[data-hc] .cs-thumb{border-color:#000;box-shadow:0 0 0 2px #fff}.cs-root[data-hc] :is(button,input,textarea,select,summary,a,[role=slider],[role=tab],[tabindex="0"]):focus-visible{outline-offset:3px;outline:4px solid #fff;box-shadow:0 0 0 8px #000}.cs-root[data-hc] .cs-caption-text{outline:2px solid #fff}.cs-root[data-atm=on] .cs-panel,.cs-root[data-atm=on] .cs-dialog,.cs-root[data-atm=on] .cs-menu{background:var(--cs-panel-bg);border-color:color-mix(in srgb, var(--cs-citron) 35%, var(--cs-line))}.cs-root[data-atm=on] .cs-switch,.cs-root[data-atm=on] .cs-choice,.cs-root[data-atm=on] .cs-row-btn,.cs-root[data-atm=on] .cs-chip:not([aria-pressed=true]){background:color-mix(in srgb, var(--cs-base) 70%, transparent)}.cs-root[data-motion=reduce] *,.cs-root[data-motion=reduce] :before,.cs-root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.cs-panel{animation:none}.cs-root [data-tip]:after,.cs-switch-knob,.cs-switch-track{transition:none}}@container (width<=520px){.cs-panel,.cs-panel[data-wide]{border-radius:var(--r-lg);animation-name:cs-fade-in}.cs-tabs{gap:2px}.cs-tab{padding:0 var(--sp-2);font-size:var(--fs-sm)}.cs-keyrow{grid-template-columns:1fr;gap:2px}}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-titleblock{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:#05070ccc;border:1px solid #ffffff24;align-self:flex-start;max-width:55%}.cs-root[data-atm=on] .cs-titleblock{background:color-mix(in srgb, var(--cs-base) 85%, transparent)}.cs-root[data-hc] .cs-titleblock{background:#000;border-color:#fff}.cs-title{text-shadow:none}.cs-subtitle{text-shadow:none;color:var(--cs-ice-dim);margin-top:2px}.cs-tab{padding:0 var(--sp-2);font-size:var(--fs-sm);white-space:nowrap}.cs-panel:focus,.cs-panel:focus-visible{outline:none}.cs-root[data-hc] :is(.cs-btn,.cs-icon-btn,.cs-seg,.cs-chip,.cs-choice,.cs-tab,.cs-row-btn,.cs-switch,.cs-card,.cs-panel,.cs-dialog,.cs-menu,.cs-titleblock):not([data-on]):not([aria-pressed=true]):not([aria-selected=true]):not([aria-expanded=true]):not(.cs-btn-play){background:#000!important;border-color:#fff!important}.cs-more-extra{gap:var(--sp-2);display:grid}.cs-more-extra .cs-seg{justify-content:stretch;width:100%}.cs-more-extra .cs-seg>*{flex:1}.cs-more-extra .cs-icon-btn,.cs-more-extra .cs-btn-label{justify-content:flex-start;gap:var(--sp-3);width:100%;height:auto;min-height:var(--h-row);padding:0 var(--sp-3);background:var(--cs-glass);font-size:var(--fs-md);font-weight:var(--fw-semibold);display:flex}.cs-more-extra .cs-icon-btn .cs-sr{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;position:static}.cs-more-extra .cs-btn-label span{clip-path:none!important;width:auto!important;height:auto!important;margin:0!important;position:static!important}.cs-root,.cs-root[data-atm=on]{--cs-panel-bg:color-mix(in srgb, var(--cs-glass) calc(var(--cs-panel-alpha) * 100%), transparent);--cs-card-bg:color-mix(in srgb, var(--cs-base) 70%, transparent);background:var(--cs-base);border-radius:var(--r-xl)}.cs-root[data-atm=on]{border:1px solid var(--cs-hairline)}.cs-root[data-hc]{--cs-panel-bg:#000;--cs-card-bg:#000}.cs-root .cs-announcer{pointer-events:none;top:0;left:0}.cs-top{gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-8);background:linear-gradient(to bottom, color-mix(in srgb, var(--cs-base) 80%, transparent), transparent)}.cs-root[data-atm=on] .cs-top{background:linear-gradient(to bottom, color-mix(in srgb, var(--cs-base) 80%, transparent), transparent)}.cs-titleblock,.cs-root[data-atm=on] .cs-titleblock{max-width:46%;padding:var(--sp-2) var(--sp-4) var(--sp-2) calc(var(--sp-4) + 7px);background:var(--cs-dock-bg);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-md);-webkit-backdrop-filter:blur(var(--cs-panel-blur));backdrop-filter:blur(var(--cs-panel-blur));position:relative}.cs-titleblock:before{content:"";background:var(--cs-citron);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:10px}.cs-title{font:var(--fw-bold) var(--fs-lg) / var(--lh-tight) var(--cs-font);letter-spacing:var(--ls-display)}.cs-subtitle{font:var(--fw-semibold) var(--fs-xs) / var(--lh-snug) var(--cs-font);letter-spacing:0;color:var(--cs-label);margin-top:3px}.cs-toolbar{gap:var(--sp-2)}.cs-btn,.cs-icon-btn{color:var(--cs-ice);background:var(--cs-dock-bg);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-md);-webkit-backdrop-filter:blur(var(--cs-panel-blur));backdrop-filter:blur(var(--cs-panel-blur));transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease, transform var(--t-fast) ease}.cs-btn-label{padding:0 var(--sp-4) 0 var(--sp-3);font-size:var(--fs-sm)}.cs-btn[data-on],.cs-btn[aria-expanded=true],.cs-icon-btn[aria-expanded=true]{color:var(--cs-citron);background:var(--cs-accent-soft);border-color:var(--cs-accent-line)}.cs-btn[data-on]:before,.cs-btn[aria-expanded=true]:before,.cs-icon-btn[aria-expanded=true]:before{content:"";background:currentColor;border-radius:1px;width:14px;height:2px;position:absolute;bottom:5px;left:50%;translate:-50%}.cs-btn,.cs-icon-btn{position:relative}@media (hover:hover){.cs-btn:hover,.cs-icon-btn:hover{background:var(--cs-steel);border-color:var(--cs-accent-line)}.cs-seg-btn:hover:not([aria-pressed=true]){background:var(--cs-steel);border-color:#0000}}.cs-btn:active,.cs-icon-btn:active,.cs-seg-btn:active{transform:scale(.95)}.cs-seg{background:var(--cs-dock-bg);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-md);-webkit-backdrop-filter:blur(var(--cs-panel-blur));backdrop-filter:blur(var(--cs-panel-blur));gap:2px;padding:3px}.cs-seg-btn{height:calc(var(--h-ctl) - 8px);padding:0 var(--sp-3);border-radius:calc(var(--r-md) - 3px);color:var(--cs-ice);transition:background-color var(--t-med) var(--ease-out), color var(--t-med) var(--ease-out), transform var(--t-fast) ease;border-color:#0000}.cs-seg-btn[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);box-shadow:none}.cs-btn.cs-btn-round{border-radius:50%;width:52px;height:52px;padding:0}.cs-btn.cs-btn-round svg{width:24px;height:24px}.cs-seek-num{font-size:.5625rem;transform:translate(-50%,-40%)}.cs-btn.cs-btn-play{width:76px;height:76px;color:var(--cs-ink-on-citron);background:var(--cs-citron);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px var(--cs-accent-line), 0 0 0 9px color-mix(in srgb, var(--cs-citron) 14%, transparent), 0 14px 34px #00000080;border-color:#0000;border-radius:50%;padding:0}.cs-btn.cs-btn-play svg{width:30px;height:30px}@media (hover:hover){.cs-btn.cs-btn-play:hover{background:color-mix(in oklab, var(--cs-citron) 86%, white);border-color:#0000}}.cs-bottom,.cs-root[data-atm=on] .cs-bottom{gap:var(--sp-2);padding:var(--sp-8) var(--sp-4) var(--sp-4);background:linear-gradient(to top, color-mix(in srgb, var(--cs-base) 90%, transparent), color-mix(in srgb, var(--cs-base) 45%, transparent) 55%, transparent)}.cs-row{background:var(--cs-dock-bg);border:var(--bw) solid var(--cs-hairline);border-radius:calc(var(--r-md) + 5px);-webkit-backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.3);backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.3);box-shadow:var(--cs-shadow-1);gap:2px;padding:5px}.cs-row .cs-btn:not([data-on]):not([aria-expanded=true]):not(.cs-btn-play),.cs-root[data-atm=on] .cs-row .cs-btn:not([data-on]):not([aria-expanded=true]):not(.cs-btn-play){background:0 0;border-color:#0000}.cs-row .cs-btn{-webkit-backdrop-filter:none;backdrop-filter:none}@media (hover:hover){.cs-row .cs-btn:hover:not([data-on]):not([aria-expanded=true]){background:var(--cs-steel)}}.cs-time{padding:0 var(--sp-3);font:var(--fw-semibold) var(--fs-sm) / 1 var(--cs-font);text-shadow:none;align-items:baseline;gap:5px}.cs-time>:last-child,.cs-time>span[aria-hidden]{color:var(--cs-ice-dim);font-weight:var(--fw-medium)}.cs-volume{padding-right:var(--sp-2);gap:2px}.cs-volslider{width:76px}.cs-tl{padding:0 var(--sp-1);position:relative}.cs-timeslider{height:24px}.cs-track{height:4px;transition:height var(--t-fast) ease;background:#ffffff42;box-shadow:0 0 0 1px #00000059}.cs-tl:hover .cs-track,.cs-timeslider:focus-within .cs-track{height:6px}.cs-buffer{background:#ffffff4d}.cs-thumb{background:var(--cs-citron);border:2px solid var(--cs-base);width:14px;height:14px;box-shadow:0 0 0 1px var(--cs-accent-line);transition:width var(--t-fast) ease, height var(--t-fast) ease}.cs-tl:hover .cs-thumb,.cs-timeslider:focus-within .cs-thumb{width:18px;height:18px}.cs-marker[data-kind=scene]{background:var(--cs-base);opacity:.85;border-radius:0;width:2px;height:8px}.cs-marker[data-kind=moment]{width:3px;height:14px;box-shadow:0 0 0 1px var(--cs-base)}.cs-marker[data-kind=anchor]{box-shadow:0 0 0 2px var(--cs-base)}.cs-tl-preview{left:clamp(52px, var(--x,50%), calc(100% - 52px));z-index:9;color:var(--cs-ice);background:var(--cs-glass);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-md);box-shadow:var(--cs-shadow-2);pointer-events:none;padding:4px;display:grid;position:absolute;bottom:calc(100% + 4px);translate:-50%}.cs-tl-preview[data-image]{left:clamp(96px, var(--x,50%), calc(100% - 96px))}.cs-tl-preview img{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r-md) - 4px);width:176px;display:block}.cs-tl-meta{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font:var(--fw-semibold) var(--fs-xs) / var(--lh-snug) var(--cs-font);white-space:nowrap;padding:4px 6px 2px;display:flex}.cs-tl-label{color:var(--cs-ice-dim)}.cs-tl-meta>:only-child{margin:0 auto}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-tl-preview img{display:none}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-tl-preview[data-image]{left:clamp(52px, var(--x,50%), calc(100% - 52px))}.cs-panel,.cs-root[data-atm=on] .cs-panel,.cs-dialog,.cs-root[data-atm=on] .cs-dialog{background:var(--cs-panel-bg);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-xl);box-shadow:var(--cs-shadow-2);-webkit-backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2);backdrop-filter:blur(var(--cs-panel-blur)) saturate(1.2)}.cs-panel{max-height:calc(100% - 116px);bottom:100px}.cs-dialog::backdrop{background:color-mix(in srgb, var(--cs-base) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cs-panel-head h2,.cs-dialog-header h2{font:var(--fw-bold) var(--fs-lg) / var(--lh-tight) var(--cs-font);letter-spacing:var(--ls-display)}.cs-dialog-header{border-bottom-color:var(--cs-hairline)}.cs-sethead{background:var(--cs-glass);margin:0 calc(var(--sp-4) * -1);padding:var(--sp-1) var(--sp-4) 0}.cs-tabs{scrollbar-width:none;border:0;border-bottom:var(--bw) solid var(--cs-hairline);background:0 0;border-radius:0;flex-wrap:nowrap;gap:0;padding:0;overflow-x:auto}.cs-tab{min-height:var(--h-ctl);padding:0 var(--sp-3);font:var(--fw-semibold) var(--fs-sm) / 1 var(--cs-font);letter-spacing:.01em;color:var(--cs-ice-dim);border-radius:var(--r-sm) var(--r-sm) 0 0;flex:1 0 auto}.cs-tab[aria-selected=true]{color:var(--cs-ice);font-weight:var(--fw-bold);box-shadow:inset 0 -2px 0 var(--cs-citron);background:0 0}.cs-card{background:var(--cs-card-bg);border:var(--bw) solid var(--cs-hairline);border-radius:var(--r-lg);box-shadow:none}.cs-card-title{font:var(--fw-semibold) var(--fs-md) / var(--lh-snug) var(--cs-font)}.cs-root :is(.cs-label,.cs-rail-title,.rail-kicker,.cs-menu-heading,.cs-result-cat,.cs-keytable th),.cs-root .cs-fieldset legend{color:var(--cs-label)}.cs-chip{border-color:var(--cs-line);border-radius:var(--r-pill);font-size:var(--fs-sm)}.cs-chip,.cs-choice,.cs-row-btn,.cs-switch,.cs-root[data-atm=on] :is(.cs-switch,.cs-choice,.cs-row-btn),.cs-root[data-atm=on] .cs-chip:not([aria-pressed=true]){background:color-mix(in srgb, var(--cs-glass) 80%, transparent)}.cs-chip[aria-pressed=true],.cs-choice[aria-pressed=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}.cs-choice,.cs-row-btn,.cs-switch{border-color:var(--cs-hairline)}@media (hover:hover){.cs-choice:hover:not([aria-pressed=true]),.cs-chip:hover:not([aria-pressed=true]):not(:disabled),.cs-row-btn:hover,.cs-switch:hover:not(:disabled){background:var(--cs-steel);border-color:var(--cs-accent-line)}}.cs-search input,.cs-form input:not([type=range]):not([type=file]),.cs-form textarea,.cs-timefield input{background:color-mix(in srgb, var(--cs-base) 70%, transparent);border-color:var(--cs-line)}.cs-line-time{color:var(--cs-label)}.cs-toast{font:var(--fw-semibold) var(--fs-sm) / var(--lh-snug) var(--cs-font);background:var(--cs-glass);border:var(--bw) solid var(--cs-accent-line);box-shadow:var(--cs-shadow-1);padding:8px 16px;bottom:112px}.cs-root [data-tip]:after{background:color-mix(in oklab, var(--cs-base) 60%, black);border-color:var(--cs-line);letter-spacing:0}.cs-spinner{border-width:3px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-row{padding:3px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-time{padding:0 var(--sp-2)}.cs-stagewrap[data-tier=tiny] .cs-btn.cs-btn-round,.cs-stagewrap[data-tier=micro] .cs-btn.cs-btn-round{width:44px;height:44px}.cs-stagewrap[data-tier=tiny] .cs-btn.cs-btn-play{width:60px;height:60px}.cs-stagewrap[data-tier=micro] .cs-btn.cs-btn-play{width:52px;height:52px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-bottom{padding:var(--sp-5) var(--sp-2) var(--sp-2)}.cs-root[data-large] .cs-btn.cs-btn-play{width:88px;height:88px}.cs-root[data-large] .cs-btn.cs-btn-round{width:64px;height:64px}@media (pointer:coarse){.cs-timeslider{height:32px}.cs-track{height:6px}}.cs-root[data-hc] :is(.cs-row,.cs-titleblock,.cs-tl-preview,.cs-toast),.cs-root[data-scrim=high-contrast] :is(.cs-row,.cs-titleblock){-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-hc] .cs-row .cs-btn:not([data-on]):not([aria-expanded=true]):not(.cs-btn-play),.cs-root[data-scrim=high-contrast] .cs-row .cs-btn:not([data-on]):not([aria-expanded=true]):not(.cs-btn-play){border-color:#0000!important}.cs-root[data-hc] .cs-btn[data-on]:before,.cs-root[data-hc] .cs-btn[aria-expanded=true]:before{background:var(--cs-ink-on-citron)}.cs-root[data-hc] .cs-tab[aria-selected=true]{color:var(--cs-ink-on-citron);background:var(--cs-citron);box-shadow:none}.cs-root[data-hc] .cs-marker[data-kind=scene]{opacity:1;background:#000}@media (forced-colors:active){.cs-row,.cs-titleblock,.cs-tl-preview,.cs-toast{color:canvastext;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.cs-titleblock:before,.cs-btn[data-on]:before{background:highlight}.cs-tab[aria-selected=true]{box-shadow:inset 0 -3px highlight}}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-top{padding:var(--sp-2) var(--sp-2) var(--sp-1)}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-bottom{padding:var(--sp-2) var(--sp-2) var(--sp-2);gap:2px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-timeslider{height:20px}.cs-root{--cs-metal:linear-gradient(180deg, color-mix(in oklab, var(--cs-base) 78%, white) 0%, color-mix(in oklab, var(--cs-base) 90%, white) 42%, color-mix(in oklab, var(--cs-base) 96%, black) 100%);--cs-bevel:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000073;--cs-recess:inset 0 1px 3px #0000008c, 0 1px 0 #ffffff0d;--cs-console-h:0px;box-shadow:0 0 0 1px var(--cs-hairline), 0 30px 80px #00000073, 0 0 120px color-mix(in srgb, var(--cs-glow) 12%, transparent)}.cs-root .cs-announcer{clip:rect(0 0 0 0);pointer-events:none;top:0;left:0;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.cs-root[data-dock=floating] .cs-buffering:not([data-initial]) .cs-spinner{display:none}.cs-center{gap:0}.cs-bottom{position:relative}.cs-row{background:linear-gradient(180deg, #ffffff0d, transparent 45%), var(--cs-dock-bg);box-shadow:var(--cs-bevel), 0 14px 40px #00000073;gap:4px;position:relative}.cs-row:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cs-secondary) 70%, transparent), transparent);pointer-events:none;height:1px;position:absolute;top:-1px;left:18%;right:18%}.cs-group{align-items:center;gap:2px;min-width:0;display:flex;position:relative}.cs-group-cap{display:none}.cs-group:is([data-group=tools],[data-group=audio],[data-group=view]){box-shadow:inset 1px 0 0 var(--cs-hairline);margin-left:2px;padding-left:6px}.cs-group[data-group=primary]+.cs-group[data-group=time]{box-shadow:inset 1px 0 0 var(--cs-hairline);padding-left:4px}.cs-group[data-group=time] .cs-time{background:color-mix(in oklab, var(--cs-base) 80%, black);border-radius:var(--r-sm);min-height:34px;box-shadow:var(--cs-recess);letter-spacing:.02em;align-items:center;margin:0 4px;padding:0 12px}@container csstage (width<=980px){.cs-row [data-group=tools] .cs-btn-label:not([data-keep]){width:var(--h-ctl);padding:0}.cs-row [data-group=tools] .cs-btn-label:not([data-keep]) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container csstage (width<=820px){.cs-volslider{display:none}}.cs-root[data-dock=compact] .cs-bottom{padding:var(--sp-6) var(--sp-3) var(--sp-3)}.cs-root[data-dock=compact] .cs-row{padding:4px}.cs-group-timeline{flex:auto;min-width:140px;padding:0 10px}.cs-group-timeline .cs-tl{width:100%;padding:0}.cs-root[data-dock=expanded]{--cs-console-h:122px}.cs-root[data-dock=expanded] .cs-stage{padding-bottom:var(--cs-console-h)}.cs-root[data-dock=expanded] .cs-bottom{height:var(--cs-console-h);padding:8px var(--sp-4) 10px;background:var(--cs-metal);box-shadow:inset 0 1px 0 var(--cs-hairline);align-content:end;gap:4px}.cs-root[data-dock=expanded] .cs-row{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:8px;padding:18px 0 0}.cs-root[data-dock=expanded] .cs-row:before{content:none}.cs-root[data-dock=expanded] .cs-group{background:color-mix(in oklab, var(--cs-base) 82%, black);border-radius:var(--r-md);box-shadow:var(--cs-recess);margin:0;padding:3px}.cs-root[data-dock=expanded] .cs-group-cap{max-width:100%;font:var(--fw-semibold) var(--fs-xs) / 1 var(--cs-font);letter-spacing:var(--ls-label);white-space:nowrap;text-overflow:ellipsis;color:var(--cs-label);display:block;position:absolute;bottom:calc(100% + 3px);left:6px;overflow:hidden}.cs-root[data-dock=expanded] .cs-group[data-group=time]{box-shadow:none;background:0 0}.cs-root[data-dock=expanded] .cs-group[data-group=time] .cs-group-cap{max-width:220px}.cs-root[data-dock=expanded] .cs-controls>.cs-bottom{opacity:1!important;pointer-events:auto!important}.cs-root[data-dock=expanded] .cs-captions{bottom:calc(var(--cs-console-h) + 4%)}.cs-root[data-dock=expanded]:has(.cs-controls[data-visible]) .cs-captions[data-position=bottom]{bottom:calc(var(--cs-console-h) + 16px)}.cs-root[data-dock=expanded] .cs-panel{bottom:calc(var(--cs-console-h) + 8px);max-height:calc(100% - var(--cs-console-h) - 24px)}.cs-root[data-dock=expanded] :is(.cs-toast,.cs-skip){bottom:calc(var(--cs-console-h) + 16px)}.cs-root[data-dock=expanded] .cs-stage :is(video,mux-video){height:100%}@container cs (width>=761px){.cs-root[data-dock=expanded] .cs-stagewrap{height:calc(56.25cqi + var(--cs-console-h))}.cs-root[data-dock=expanded][data-mode=explore] .cs-stagewrap{height:calc(max(56.25cqi, 580px) + var(--cs-console-h))}}@container csstage (width<=760px){.cs-root[data-dock=expanded] .cs-stage{aspect-ratio:auto;height:calc(100cqi * 9 / 16 + var(--cs-console-h))}}@container csstage (width<=520px){.cs-root[data-dock=expanded] .cs-stage{height:calc(100cqi * 3 / 4 + var(--cs-console-h))}.cs-root[data-dock=expanded]{--cs-console-h:104px}}.cs-root:fullscreen[data-dock=expanded] .cs-stage{height:100%}.cs-track{overflow:visible}.cs-graduation{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--cs-ice) 38%, transparent) 0 1px, transparent 1px var(--tl-unit,10%));opacity:0;height:4px;transition:opacity var(--t-fast) ease;pointer-events:none;position:absolute;top:calc(100% + 3px);left:0;right:0}.cs-tl:hover .cs-graduation,.cs-timeslider:focus-within .cs-graduation,.cs-root[data-lens] .cs-graduation{opacity:1}.cs-fill{background:linear-gradient(90deg, color-mix(in oklab, var(--cs-citron) 70%, var(--cs-base)), var(--cs-citron))}.cs-marker[data-kind=scene]{background:var(--cs-base);opacity:1;width:3px;height:10px}.cs-marker[data-kind=moment]{background:var(--cs-moment);height:12px;translate:-50% -85%}.cs-marker[data-kind=anchor]{background:var(--cs-anchor);width:11px;height:11px;box-shadow:0 0 0 2px var(--cs-base), 0 0 10px var(--cs-anchor)}.cs-thumb{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--cs-citron) 60%, white), var(--cs-citron) 60%)}.cs-tl-preview{border-color:var(--cs-accent-line)}.cs-tl-preview:after{content:"";background:inherit;border-right:1px solid var(--cs-accent-line);border-bottom:1px solid var(--cs-accent-line);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;translate:-50%;rotate:45deg}.cs-reel,.cs-root .cs-reel[data-tip]{left:0;top:calc((100% - var(--cs-console-h)) / 2);z-index:12;cursor:pointer;width:30px;height:172px;transition:translate var(--t-slow) var(--ease-spring), width var(--t-med) var(--ease-out), opacity var(--t-med) ease;background:0 0;border:0;padding:0;position:absolute;translate:0 -50%}.cs-reel-body{background:radial-gradient(160% 70% at -40% 50%, transparent 58%, #00000059 59%, transparent 61%), linear-gradient(90deg, color-mix(in oklab, var(--cs-base) 70%, black), color-mix(in oklab, var(--cs-secondary) 32%, var(--cs-base)) 70%, color-mix(in oklab, var(--cs-secondary) 55%, var(--cs-base)));border:1px solid var(--cs-hairline);box-shadow:inset -1px 0 0 #ffffff2e, inset 0 1px 0 #ffffff1f, 8px 0 26px #00000080, 0 0 30px color-mix(in srgb, var(--cs-glow) 18%, transparent);border-left:0;border-radius:0 100% 100% 0/0 50% 50% 0;position:absolute;inset:0;overflow:hidden}.cs-reel-window{background:var(--cs-steel);border-radius:0 999px 999px 0;width:15px;position:absolute;top:22%;bottom:22%;left:0;overflow:hidden;box-shadow:inset -2px 0 4px #0009}.cs-reel-window img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity var(--t-med) ease}.cs-reel-teeth{background:repeating-linear-gradient(#ffffff52 0 1.5px,#0000 1.5px 7px);position:absolute;inset:8px 0;-webkit-mask:linear-gradient(90deg,#0000 0 calc(100% - 7px),#000 calc(100% - 7px) calc(100% - 2px),#0000 calc(100% - 2px));mask:linear-gradient(90deg,#0000 0 calc(100% - 7px),#000 calc(100% - 7px) calc(100% - 2px),#0000 calc(100% - 2px))}.cs-reel-led{background:var(--cs-citron);border-radius:2px;width:3px;height:30px;position:absolute;top:50%;right:4px;translate:0 -50%;box-shadow:0 0 0 1px #00000073}@media (hover:hover){.cs-reel:hover{width:40px}.cs-reel:hover .cs-reel-window img{opacity:1}}.cs-reel:focus-visible{outline-offset:4px}.cs-root:not(:has(.cs-controls[data-visible])) .cs-reel:not(:focus-visible):not(:hover):not([aria-expanded=true]){opacity:.6;translate:-58% -50%}.cs-root[data-drawer=open] .cs-reel{opacity:0;pointer-events:none}.cs-root[data-tier=tiny] .cs-reel{width:24px;height:116px}.cs-root [data-tip][data-tip-pos=right]:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translate(4px,-50%)}.cs-root [data-tip][data-tip-pos=right]:is(:hover,:focus-visible):after{transform:translateY(-50%)}.cs-root[data-lens] .cs-center,.cs-root[data-lens]:is([data-tier=tiny],[data-tier=micro]) .cs-top{opacity:0;pointer-events:none}.cs-root:has(.cs-pause:not([data-compact])) .cs-titleblock{opacity:0}.cs-root :is(.cs-btn,.cs-chip):disabled{opacity:.42;cursor:not-allowed}.cs-root[data-hc] .cs-reel-body,.cs-root[data-hc][data-dock=expanded] .cs-bottom{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;border:2px solid #fff}.cs-root[data-hc] .cs-group[data-group=time] .cs-time,.cs-root[data-hc] .cs-marker[data-kind=scene]{background:#000;box-shadow:0 0 0 1px #fff}.cs-root[data-motion=reduce] :is(.cs-reel,.cs-graduation){transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-reel,.cs-graduation{transition:none!important;animation:none!important}}@media (forced-colors:active){.cs-reel-body{background:canvas;border:1px solid canvastext}.cs-reel-led{background:highlight}}.cs-root .cs-chip.cs-chip-primary:not(:disabled),.cs-root[data-atm=on] .cs-chip.cs-chip-primary:not(:disabled){color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}@media (hover:hover){.cs-root[data-atm] .cs-chip.cs-chip-primary:not(:disabled):hover{background:color-mix(in oklab, var(--cs-citron) 86%, white)}}@media (pointer:coarse){.cs-root .cs-seg-btn{height:var(--h-ctl)}}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-row{gap:0;padding:3px}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-group{box-shadow:none;margin-left:0;padding-left:0}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-group[data-group=time] .cs-time{box-shadow:none;background:0 0;margin:0;padding:0 6px}.cs-root[data-dock=compact] .cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-bottom,.cs-root[data-dock=expanded] .cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-bottom{padding-left:var(--sp-2);padding-right:var(--sp-2)}.cs-root[data-dock=expanded] .cs-stagewrap:not([data-tier=full]) .cs-group-cap{display:none}.cs-root[data-dock=expanded] .cs-stagewrap:not([data-tier=full]) .cs-row{padding-top:4px}.cs-root[data-dock=expanded] .cs-stagewrap:not([data-tier=full]){--cs-console-h:96px}.cs-root:has(.cs-pause) .cs-titleblock{opacity:1}.cs-tl-row{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.cs-tl-row>.cs-tl{flex:auto;min-width:0}.cs-root .cs-tl-expand{width:36px;height:36px;color:var(--cs-ice-dim);cursor:pointer;border-radius:var(--r-pill);transition:color var(--t-fast) ease, background-color var(--t-fast) ease;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:grid;position:relative}.cs-root .cs-tl-expand svg{width:18px;height:18px}.cs-root .cs-tl-expand[aria-expanded=true]{color:var(--cs-citron);background:var(--cs-accent-soft);border-color:var(--cs-accent-line)}@media (hover:hover){.cs-root .cs-tl-expand:hover{color:var(--cs-ice);background:var(--cs-steel)}}@media (pointer:coarse){.cs-root .cs-tl-expand{width:var(--h-ctl);height:var(--h-ctl)}}.cs-filmprint{border-radius:inherit;opacity:.55;transition:opacity var(--t-med) ease;pointer-events:none;position:absolute;inset:0}.cs-tl[data-filmprint] .cs-buffer{background:#ffffff2e}.cs-tl[data-filmprint]:is(:hover,:focus-within) .cs-filmprint,.cs-root[data-lens] .cs-tl[data-filmprint] .cs-filmprint{opacity:.95}.cs-tl[data-filmprint]:is(:hover,:focus-within) .cs-track,.cs-root[data-lens] .cs-tl[data-filmprint] .cs-track{height:10px}.cs-tether-band{background:repeating-linear-gradient(90deg, var(--cs-anchor) 0 4px, transparent 4px 7px);opacity:.8;pointer-events:none;height:2px;position:absolute;top:50%;translate:0 calc(-50% - 7px)}.cs-root .cs-tether-chip{min-height:34px;font:var(--fw-semibold) var(--fs-sm) / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ink-on-citron);cursor:pointer;background:var(--cs-anchor);border-radius:var(--r-pill);animation:cs-tether-in .35s var(--ease-spring) both;border:0;align-items:center;gap:6px;margin-left:2px;padding:0 12px 0 9px;display:inline-flex;box-shadow:0 6px 16px #0006}.cs-root .cs-tether-chip svg{width:16px;height:16px}@keyframes cs-tether-in{0%{opacity:0;transform:scale(.8)}}@media (pointer:coarse){.cs-root .cs-tether-chip{min-height:var(--h-ctl)}}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-tether-chip span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-root .cs-tether-chip,.cs-stagewrap:is([data-tier=tiny],[data-tier=micro]) .cs-tether-chip{padding:0 9px}.cs-journey-dots{align-items:center;gap:3px;display:inline-flex}.cs-journey-dots span{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.cs-journey-dots span:last-child{opacity:1;width:7px;height:7px}.cs-journey{gap:var(--sp-1);counter-reset:stop;margin:0;padding:0;list-style:none;display:grid}.cs-journey-stop{align-items:center;gap:var(--sp-3);width:100%;color:var(--cs-ice);text-align:left;cursor:pointer;background:color-mix(in srgb, var(--cs-glass) 70%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-md);grid-template-columns:88px minmax(0,1fr);padding:5px;display:grid}.cs-journey-stop[aria-current=step]{border-color:var(--cs-citron);box-shadow:inset 3px 0 0 var(--cs-citron)}.cs-journey-still{aspect-ratio:16/9;background:var(--cs-steel);border-radius:calc(var(--r-md) - 4px);overflow:hidden}.cs-journey-still img{object-fit:cover;width:100%;height:100%}.cs-journey-text{gap:2px;display:grid}.cs-journey-label{font:var(--fw-semibold) var(--fs-sm) / 1.25 var(--cs-font)}.cs-journey-time{font:var(--fw-medium) var(--fs-xs) / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice-dim)}@media (hover:hover){.cs-journey-stop:hover{border-color:var(--cs-accent-line)}}.cs-iris{z-index:3;pointer-events:none;position:absolute;inset:0}.cs-iris svg{width:100%;height:100%;display:block}.cs-iris-shade{fill:color-mix(in oklab, var(--cs-base) 55%, black)}.cs-iris-seams{fill:none;stroke:color-mix(in srgb, var(--cs-secondary) 55%, transparent);stroke-width:.35px}.cs-iris[data-mode=fade]{background:color-mix(in oklab, var(--cs-base) 70%, black);animation:.4s both cs-iris-fade}@keyframes cs-iris-fade{0%,to{opacity:0}40%,60%{opacity:.85}}.cs-atm-light{background:radial-gradient(38% 46% at 22% 30%, color-mix(in srgb, var(--cs-glow) 26%, transparent), transparent 70%), radial-gradient(34% 42% at 78% 72%, color-mix(in srgb, var(--cs-secondary) 20%, transparent), transparent 70%);will-change:transform;animation:48s ease-in-out infinite alternate cs-light-drift;position:absolute;inset:-20%}@keyframes cs-light-drift{0%{transform:translate(-3%,-2%)rotate(0)}to{transform:translate(3%,2%)rotate(6deg)}}.cs-root{box-shadow:0 0 0 1px color-mix(in srgb, var(--cs-ice) 9%, transparent), 0 30px 80px #00000073}.cs-root[data-motion=reduce] :is(.cs-atm-light,.cs-tether-chip,.cs-iris){animation:none!important}@media (prefers-reduced-motion:reduce){.cs-atm-light,.cs-tether-chip{animation:none}}.cs-root[data-hc] .cs-tether-chip{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.cs-root[data-hc] .cs-filmprint{opacity:.35}@media (forced-colors:active){.cs-filmprint,.cs-atm-light,.cs-tether-band{display:none}.cs-tether-chip{border:1px solid buttontext}.cs-iris-shade{fill:canvas}}.cs-root{--cs-rail-open-w:380px;--cs-rail-collapsed-w:64px;--cs-rail-w:var(--cs-rail-open-w)}.cs-root[data-rail=collapsed]{--cs-rail-w:var(--cs-rail-collapsed-w)}.cs-layout{min-width:0;transition:grid-template-columns var(--t-slow) var(--ease-out);grid-template-rows:auto auto;grid-template-columns:0 minmax(0,1fr);display:grid;position:relative}.cs-root[data-mode=explore] .cs-layout{grid-template-columns:var(--cs-rail-w) minmax(0, 1fr)}.cs-stagewrap{grid-area:1/2}@container cs (width>=761px){.cs-stagewrap,.cs-root[data-mode] .cs-stagewrap{height:calc(56.25cqi + var(--cs-plate-h,0px))}.cs-stage,.cs-root[data-mode=explore] .cs-stage{aspect-ratio:auto}}.cs-rail{isolation:isolate;visibility:hidden;min-width:0;min-height:0;transition:visibility 0s linear var(--t-slow);border-right:0;grid-area:1/1;position:relative;overflow:hidden}.cs-root[data-mode=explore] .cs-rail{visibility:visible;transition-delay:0s}.cs-rail>.cs-rail-inner{width:var(--cs-rail-open-w);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent;flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden auto}.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail{z-index:26;width:min(var(--cs-rail-open-w), 100%);visibility:visible;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--cs-ice) 14%, transparent), 28px 0 64px #00000080;animation:cs-drawer-in var(--t-slow) var(--ease-out) both;grid-area:1/2;transition-delay:0s;position:absolute;inset:0 auto 0 0}.cs-root[data-drawer=closing] .cs-rail{pointer-events:none;animation:cs-drawer-out .2s var(--ease-in,ease-in) both}.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail>.cs-rail-inner{width:100%}@keyframes cs-drawer-in{0%{opacity:0;transform:translate(-28px)}}@keyframes cs-drawer-out{to{opacity:0;transform:translate(-28px)}}.cs-rail,.cs-root[data-atm] .cs-rail{background:radial-gradient(120% 55% at 0% 36%, color-mix(in srgb, var(--cs-glow) 18%, transparent), transparent 70%), radial-gradient(90% 45% at 100% 100%, color-mix(in srgb, var(--cs-secondary) 12%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--cs-base) 62%, transparent), color-mix(in srgb, var(--cs-base) 80%, transparent));-webkit-backdrop-filter:blur(26px)saturate(1.35);backdrop-filter:blur(26px)saturate(1.35)}.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail{background:radial-gradient(120% 55% at 0% 36%, color-mix(in srgb, var(--cs-glow) 18%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--cs-base) 70%, transparent), color-mix(in srgb, var(--cs-base) 84%, transparent))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cs-rail,.cs-root[data-atm] .cs-rail,.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail{background:radial-gradient(120% 55% at 0% 36%, color-mix(in srgb, var(--cs-glow) 18%, transparent), transparent 70%), color-mix(in srgb, var(--cs-base) 92%, transparent)}}.cs-rail-bar{z-index:3;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2) var(--sp-5);background:linear-gradient(180deg, color-mix(in srgb, var(--cs-base) 72%, transparent) 60%, transparent);flex:none;display:flex;position:sticky;top:0}.cs-rail-title{align-items:center;gap:6px;display:inline-flex}.cs-rail-title svg{width:16px;height:16px}.cs-rail-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.cs-rail-toggle svg{transition:rotate .35s var(--ease-out)}.cs-root .cs-rail-toggle[aria-expanded=true]{color:var(--cs-ice);background:0 0;border-color:#0000}.cs-root .cs-rail-toggle[aria-expanded]:before{content:none}.cs-rail-body{flex-direction:column;flex:auto;min-width:0;min-height:0;transition:opacity .25s,visibility linear;display:flex}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail>.cs-rail-inner{overflow:hidden}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-bar{width:var(--cs-rail-collapsed-w);padding:var(--sp-3) 0 0;flex-direction:column}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-title{margin-top:var(--sp-2);writing-mode:vertical-rl;order:2;rotate:180deg}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-toggle svg{rotate:180deg}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-body{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .25s}@container csrail (height<=600px){.rail-note{display:none}}@container csrail (height<=560px){.cs-rail-bar{padding-top:var(--sp-2);padding-bottom:var(--sp-1)}.rail{gap:var(--sp-2);padding-bottom:var(--sp-3)}.wheel{--R:156px;--step:35deg;--cx:46px;--card-w:138px;--card-h:78px;--hub:140px;min-height:170px}.wheel[data-variant=scenes]{--R:164px;--step:27deg;--card-w:122px;--card-h:69px}.wheel-readout strong{font-size:1.35rem}.rail-detail{min-height:0;padding:var(--sp-2) var(--sp-3);gap:2px}.rail-actions{margin-top:var(--sp-1)}}.cs-rail>.cs-rail-inner{container:csrail/size}.cs-atlas{visibility:hidden;background:var(--cs-base);min-width:0;transition:grid-template-rows var(--t-slow) var(--ease-out), visibility 0s linear var(--t-slow);border-top:0;grid-area:2/1/auto/-1;grid-template-rows:0fr;display:grid}.cs-root[data-mode=remember] .cs-atlas{visibility:visible;grid-template-rows:1fr;transition-delay:0s}.cs-atlas-inner{min-height:0;box-shadow:inset 0 1px 0 var(--cs-hairline);overflow:hidden}@container cs (width<=760px){.cs-layout,.cs-root[data-mode=explore] .cs-layout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);transition:none}.cs-stagewrap{grid-column:1}.cs-root .cs-rail,.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail{z-index:auto;border-radius:var(--r-xl) var(--r-xl) 0 0;width:auto;box-shadow:0 -1px 0 color-mix(in srgb, var(--cs-ice) 14%, transparent);grid-area:2/1;animation:none;display:none;position:relative;inset:auto}.cs-root:is([data-mode=explore],[data-drawer=open]) .cs-rail{visibility:visible;display:block}.cs-root .cs-rail:after{content:"";background:color-mix(in srgb, var(--cs-ice) 30%, transparent);border-radius:2px;width:40px;height:4px;position:absolute;top:6px;left:50%;translate:-50%}.cs-root .cs-rail>.cs-rail-inner,.cs-root:is([data-drawer=open],[data-drawer=closing]) .cs-rail>.cs-rail-inner{width:auto;position:static;overflow:visible;container-type:normal}.cs-rail-bar{padding-top:var(--sp-4);position:static}.cs-atlas{grid-row:3}.cs-rail-body{max-height:1400px;transition:max-height .38s,opacity .25s,visibility linear}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-body{max-height:0;transition:max-height .3s,opacity .2s,visibility 0s linear .3s;overflow:hidden}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-bar{width:auto;padding:var(--sp-4) var(--sp-3) var(--sp-3) var(--sp-5);flex-direction:row}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-title{writing-mode:horizontal-tb;order:0;margin:0;rotate:none}.cs-rail-toggle svg{rotate:90deg}.cs-root[data-rail=collapsed]:not([data-drawer]) .cs-rail-toggle svg{rotate:-90deg}.cs-root[data-drawer] .cs-rail-toggle svg{rotate:90deg}}.cs-root:fullscreen .cs-layout{grid-template-rows:minmax(0,1fr) auto;height:100%}.cs-root:fullscreen[data-mode] .cs-stagewrap{height:100%}.cs-root:fullscreen .cs-stage{aspect-ratio:auto}.cs-root:fullscreen .cs-atlas-inner{max-height:46vh;overflow-y:auto}.cs-root[data-motion=reduce] :is(.cs-layout,.cs-rail,.cs-rail-inner,.cs-rail-body,.cs-atlas),.cs-root[data-motion=reduce] .cs-rail-toggle svg{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-layout,.cs-rail,.cs-rail>.cs-rail-inner,.cs-rail-body,.cs-rail-toggle svg,.cs-atlas{transition:none!important;animation:none!important}.cs-rail *{transition-property:none!important}}.cs-root[data-motion=reduce] .cs-rail *{transition-property:none!important}.cs-root[data-hc] .cs-rail,.cs-root[data-hc]:is([data-drawer=open],[data-drawer=closing]) .cs-rail{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;box-shadow:inset -2px 0 #fff}.cs-root[data-hc] .cs-rail-bar{background:#000}@media (forced-colors:active){.cs-rail{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-right:1px solid canvastext}.cs-rail-bar{background:canvas}}@property --pf-accent{syntax:"<color>";inherits:true;initial-value:#fff}@property --pf-glow{syntax:"<color>";inherits:true;initial-value:#fff}@property --pf-tint{syntax:"<color>";inherits:true;initial-value:#fff}.cs-root,.cs-root[data-atm]{--pf-edge:linear-gradient(170deg, #ffffff3d, #ffffff12 32%, #00000052 72%, #ffffff1f);border:0;box-shadow:0 18px 44px #00000061}.cs-photon{--pf-accent:var(--cs-citron);--pf-glow:var(--cs-glow);--pf-tint:var(--cs-secondary);--pf-corner:color-mix(in srgb, var(--cs-ice) 62%, var(--pf-accent));z-index:30;border-radius:var(--r-xl);pointer-events:none;transition:--pf-accent .9s,--pf-glow .9s,--pf-tint .9s;position:absolute;inset:0}.cs-photon-rim,.cs-photon:before{border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cs-photon-rim{background:var(--pf-edge), linear-gradient(170deg, transparent 40%, color-mix(in srgb, var(--pf-tint) 30%, transparent) 70%, transparent)}.cs-photon:before{content:"";background:linear-gradient(135deg, var(--pf-accent), transparent 22%, transparent 78%, var(--pf-accent));opacity:0;transition:opacity .4s}.cs-photon-corner{--arm:46px;--w:2px;width:var(--arm);height:var(--arm);border:0 solid var(--pf-corner);opacity:.5;transition:opacity .35s,border-color .35s;position:absolute}.cs-photon-corner[data-corner=tl]{border-top-width:var(--w);border-left-width:var(--w);border-top-left-radius:var(--r-xl);top:0;left:0;-webkit-mask:radial-gradient(circle at 0 0,#000 34%,#0000 82%);mask:radial-gradient(circle at 0 0,#000 34%,#0000 82%)}.cs-photon-corner[data-corner=tr]{border-top-width:var(--w);border-right-width:var(--w);border-top-right-radius:var(--r-xl);top:0;right:0;-webkit-mask:radial-gradient(circle at 100% 0,#000 34%,#0000 82%);mask:radial-gradient(circle at 100% 0,#000 34%,#0000 82%)}.cs-photon-corner[data-corner=br]{border-right-width:var(--w);border-bottom-width:var(--w);border-bottom-right-radius:var(--r-xl);bottom:0;right:0;-webkit-mask:radial-gradient(circle at 100% 100%,#000 34%,#0000 82%);mask:radial-gradient(circle at 100% 100%,#000 34%,#0000 82%)}.cs-photon-corner[data-corner=bl]{border-bottom-width:var(--w);border-left-width:var(--w);border-bottom-left-radius:var(--r-xl);bottom:0;left:0;-webkit-mask:radial-gradient(circle at 0 100%,#000 34%,#0000 82%);mask:radial-gradient(circle at 0 100%,#000 34%,#0000 82%)}.cs-photon-lens{--off:calc(var(--r-xl) * .3 + 3px);border:1px solid var(--pf-corner);border-radius:50%;width:7px;height:7px;transition:border-color .35s;position:absolute}.cs-photon-lens:after{content:"";background:var(--pf-corner);border-radius:50%;transition:background-color .35s;position:absolute;inset:1.5px}[data-corner=tl]>.cs-photon-lens{top:var(--off);left:var(--off)}[data-corner=tr]>.cs-photon-lens{top:var(--off);right:var(--off)}[data-corner=br]>.cs-photon-lens{right:var(--off);bottom:var(--off)}[data-corner=bl]>.cs-photon-lens{bottom:var(--off);left:var(--off)}.cs-root[data-playback=playing]:not(:has(.cs-controls[data-visible])) .cs-photon-corner{opacity:.22}.cs-root:is([data-playback=paused],[data-playback=ended]) .cs-photon-corner{opacity:.95;animation:.5s ease-out both pf-freeze}.cs-root:is([data-playback=paused],[data-playback=ended]) .cs-photon:before{opacity:.32;animation:.55s ease-out both pf-freeze-rim}.cs-photon-corner[data-corner=tr]{animation-delay:70ms}.cs-photon-corner[data-corner=br]{animation-delay:.14s}.cs-photon-corner[data-corner=bl]{animation-delay:.21s}@keyframes pf-freeze{0%{opacity:.5}35%{opacity:1;filter:brightness(1.5)}to{opacity:.95;filter:none}}@keyframes pf-freeze-rim{0%{opacity:0}30%{opacity:.7}to{opacity:.32}}.cs-root .cs-photon[data-flash] .cs-photon-corner{opacity:1}.cs-root .cs-photon[data-flash]:before{background:linear-gradient(135deg, var(--cs-lavender), color-mix(in srgb, var(--cs-lavender) 35%, transparent) 40%, color-mix(in srgb, var(--cs-lavender) 35%, transparent) 60%, var(--cs-lavender));animation:.9s ease-out both pf-saved-a}.cs-root .cs-photon[data-flash=b]:before{animation-name:pf-saved-b}@keyframes pf-saved-a{0%{opacity:.2}18%{opacity:1}70%{opacity:.85}to{opacity:0}}@keyframes pf-saved-b{0%{opacity:.2}18%{opacity:1}70%{opacity:.85}to{opacity:0}}.cs-root[data-mode=explore] .cs-rail{box-shadow:inset -1px 0 0 color-mix(in srgb, var(--cs-citron) 34%, transparent), inset -2px 0 6px -4px color-mix(in srgb, var(--cs-citron) 40%, transparent)}.cs-root:fullscreen .cs-photon{display:none}.cs-root:fullscreen{box-shadow:none}.cs-root:not([data-hc]):not([data-scrim=high-contrast]) .cs-row{border-color:#0000}.cs-row:after{content:"";inset:calc(var(--bw) * -1);background:var(--pf-edge), linear-gradient(170deg, transparent 45%, color-mix(in srgb, var(--cs-secondary) 26%, transparent) 75%, transparent);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cs-root[data-dock=expanded] .cs-row:after,.cs-root:is([data-hc],[data-scrim=high-contrast]) .cs-row:after{content:none}.cs-root[data-dock=expanded] .cs-bottom{box-shadow:inset 0 1px #ffffff24,inset 0 2px #00000059}.cs-pod:before{border-color:color-mix(in srgb, var(--cs-ice) 18%, transparent)}@container cs (width<=760px){.cs-photon-corner{--arm:32px}}@container cs (width<=520px){.cs-photon-corner{--arm:24px;animation:none!important}.cs-photon-lens{display:none}}@container cs (width<=339px){.cs-photon-corner{--arm:16px;--w:1px}.cs-photon:before{display:none}}.cs-root[data-motion=reduce] :is(.cs-photon,.cs-photon-corner,.cs-photon-lens),.cs-root[data-motion=reduce] .cs-photon:before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-photon,.cs-photon:before,.cs-photon-corner,.cs-photon-lens,.cs-photon-lens:after{transition:none!important;animation:none!important}}.cs-root[data-hc] .cs-photon-rim{background:#fff}.cs-root[data-hc] :is(.cs-photon,.cs-photon-corner,.cs-photon-lens){transition:none}.cs-root[data-hc] .cs-photon-corner{opacity:1;animation:none}.cs-root[data-hc] .cs-photon:before{display:none}@media (forced-colors:active){.cs-photon{display:none}}.cs-stagewrap{--cs-plate-h:40px}.cs-plate{z-index:1;height:var(--cs-plate-h);padding:0 var(--sp-5);background:linear-gradient(180deg, color-mix(in oklab, var(--cs-base) 88%, white) 0%, color-mix(in oklab, var(--cs-base) 94%, black) 100%);flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 2px #0006}.cs-lm{justify-content:center;align-items:center;gap:var(--sp-4);width:min(100%,880px);display:flex}.cs-lm-label{font:var(--fw-semibold) .6875rem / 1 var(--cs-font);letter-spacing:0;color:var(--cs-label);flex:none}.cs-lm-gauge{flex:0 560px;min-width:96px;height:28px;position:relative}.cs-lm-scale,.cs-lm-ticks{border-radius:2px;height:9px;position:absolute;top:5px;left:0;right:0}.cs-lm-scale{background-color:color-mix(in srgb, var(--cs-ice) 10%, transparent);box-shadow:0 0 0 1px #ffffff29,inset 0 1px #fff3}.cs-lm-ticks{background:repeating-linear-gradient(90deg,#ffffff8c 0 1px,#0000 1px 16.6667%) 0 0/100% 100% no-repeat,repeating-linear-gradient(90deg,#0000008c 0 1px,#0000 1px 5.55556%) 0 3px/100% 6px no-repeat}.cs-lm-marks{height:11px;font:var(--fw-medium) .625rem / 1 var(--cs-font);font-variant-numeric:tabular-nums;color:var(--cs-ice-dim);opacity:.75;position:absolute;top:17px;left:0;right:0}.cs-lm-marks i{font-style:normal;position:absolute;translate:-50%}.cs-lm-needle{background:var(--cs-citron);width:2px;height:19px;margin-left:-1px;transition:left 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;box-shadow:0 0 0 1px #00000059}.cs-lm-needle:before{content:"";border:4px solid #0000;border-top:5px solid var(--cs-citron);border-bottom:0;position:absolute;top:-4px;left:-3px}.cs-lm-read{min-width:13.5em;font:var(--fw-semibold) .75rem / 1 var(--cs-font);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;color:var(--cs-ice);flex:none}.cs-lm-dim,.cs-lm-dot{font-weight:var(--fw-medium);color:var(--cs-label)}.cs-plate[data-reading=off] .cs-lm-gauge,.cs-plate[data-reading=wait] .cs-lm-gauge{opacity:.45}@container cs (width<=760px){.cs-lm-marks{display:none}.cs-lm-gauge{height:16px}.cs-lm-scale,.cs-lm-ticks{top:4px}.cs-lm-needle{height:17px;top:-1px}}@container cs (width<=520px){.cs-stagewrap{--cs-plate-h:32px}.cs-plate{padding:0 var(--sp-3)}.cs-lm{gap:var(--sp-3)}.cs-lm-label,.cs-lm-k{display:none}.cs-lm-read{min-width:0}}@container cs (width<=339px){.cs-stagewrap{--cs-plate-h:0px}.cs-plate{display:none}}.cs-root:fullscreen .cs-stagewrap{--cs-plate-h:0px}.cs-root:fullscreen .cs-plate{display:none}@property --pf-catch{syntax:"<color>";inherits:true;initial-value:#fff}@property --pf-gp{syntax:"<number>";inherits:false;initial-value:0}.cs-photon{--pf-catch:var(--cs-light,var(--pf-accent));--pf-corner:color-mix(in srgb, var(--pf-catch) 78%, var(--cs-ice));transition:--pf-accent .9s,--pf-glow .9s,--pf-tint .9s,--pf-catch 1.1s}.cs-root:is([data-playback=paused],[data-playback=ended]) .cs-photon{--pf-corner:var(--pf-catch)}.cs-root .cs-photon[data-flash]{--pf-corner:var(--cs-lavender)}.cs-root[data-hc] .cs-photon{--pf-corner:#fff}.cs-photon-corner:before{--g0:200deg;--gx:var(--r-xl);--gy:var(--r-xl);content:"";inset:calc(var(--w) * -1);border:inherit;border-color:color-mix(in srgb, #fff 82%, var(--pf-catch));border-radius:inherit;opacity:0;-webkit-mask:conic-gradient(from calc(var(--g0) + var(--pf-gp) * 230deg - 14deg) at var(--gx) var(--gy), #000 0 28deg, transparent 28deg);-webkit-mask:conic-gradient(from calc(var(--g0) + var(--pf-gp) * 230deg - 14deg) at var(--gx) var(--gy), #000 0 28deg, transparent 28deg);mask:conic-gradient(from calc(var(--g0) + var(--pf-gp) * 230deg - 14deg) at var(--gx) var(--gy), #000 0 28deg, transparent 28deg);pointer-events:none;position:absolute}.cs-photon-corner[data-corner=tr]:before{--g0:290deg;--gx:calc(100% - var(--r-xl))}.cs-photon-corner[data-corner=br]:before{--g0:20deg;--gx:calc(100% - var(--r-xl));--gy:calc(100% - var(--r-xl))}.cs-photon-corner[data-corner=bl]:before{--g0:110deg;--gy:calc(100% - var(--r-xl))}.cs-photon[data-glint] .cs-photon-corner{opacity:1}.cs-photon[data-glint=a] .cs-photon-corner:before{animation:.7s ease-out both pf-glint-a}.cs-photon[data-glint=b] .cs-photon-corner:before{animation:.7s ease-out both pf-glint-b}.cs-photon[data-glint] .cs-photon-corner[data-corner=tr]:before{animation-delay:90ms}.cs-photon[data-glint] .cs-photon-corner[data-corner=br]:before{animation-delay:.18s}.cs-photon[data-glint] .cs-photon-corner[data-corner=bl]:before{animation-delay:.27s}@keyframes pf-glint-a{0%{--pf-gp:0;opacity:0}15%{opacity:1}80%{opacity:.9}to{--pf-gp:1;opacity:0}}@keyframes pf-glint-b{0%{--pf-gp:0;opacity:0}15%{opacity:1}80%{opacity:.9}to{--pf-gp:1;opacity:0}}.cs-photon-lens{width:9px;height:9px}.cs-photon-lens:after{clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);transform:scale(var(--pf-ap,.7)) rotate(calc((1 - var(--pf-ap,.7)) * 60deg));border-radius:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),background-color .35s;inset:1px}.cs-root[data-motion=reduce] .cs-lm-needle,.cs-root[data-motion=reduce] .cs-photon-corner:before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-lm-needle,.cs-photon-lens:after,.cs-photon-corner:before{transition:none!important;animation:none!important}}.cs-root[data-hc] .cs-photon-corner:before{display:none}.cs-root[data-hc] .cs-plate{background:#000;box-shadow:inset 0 2px #fff}.cs-root[data-hc] .cs-lm-scale{box-shadow:0 0 0 1px #fff}@media (forced-colors:active){.cs-plate{background:canvas;border-top:1px solid canvastext}.cs-lm-scale{forced-color-adjust:none;border:1px solid canvastext}.cs-lm-needle,.cs-lm-needle:before{forced-color-adjust:none;background:highlight;border-top-color:highlight}}@property --sg-1{syntax:"<color>";inherits:true;initial-value:#070a12}@property --sg-2{syntax:"<color>";inherits:true;initial-value:#1a2336}@property --sg-3{syntax:"<color>";inherits:true;initial-value:#4c6b8a}@property --sg-4{syntax:"<color>";inherits:true;initial-value:#cad9e6}.cs-root{--sg-k:.6;--sg-amb:.35;--sg-angle:160deg;transition:--sg-1 1.2s,--sg-2 1.2s,--sg-3 1.2s,--sg-4 1.2s}.cs-root[data-motion=reduce]{transition:none}@media (prefers-reduced-motion:reduce){.cs-root{transition:none}}@supports (color:color-mix(in srgb, red 50%, blue)){.cs-root:not([data-hc]):not([data-bg=solid]){--sg-mid:color-mix(in oklab, var(--sg-2) calc(var(--sg-k) * 62%), var(--sg-1));--sg-shell:radial-gradient(70% 60% at 6% 0%, color-mix(in srgb, var(--sg-3) calc(var(--sg-amb) * 30%), transparent), transparent 70%), radial-gradient(65% 70% at 100% 100%, color-mix(in srgb, var(--sg-2) calc(var(--sg-amb) * 85%), transparent), transparent 72%), linear-gradient(var(--sg-angle), var(--sg-1) 0%, var(--sg-mid) 52%, color-mix(in oklab, var(--sg-1) 80%, var(--sg-2)) 100%);--sg-glaze:radial-gradient(110% 90% at 0% 0%, color-mix(in srgb, var(--sg-3) calc(var(--sg-amb) * 24%), transparent), transparent 62%), linear-gradient(var(--sg-angle), color-mix(in srgb, var(--sg-2) calc(var(--sg-k) * 52%), transparent), color-mix(in srgb, var(--sg-1) calc(var(--sg-k) * 34%), transparent) 72%);--sg-glaze-soft:linear-gradient(var(--sg-angle), color-mix(in srgb, var(--sg-2) calc(var(--sg-k) * 34%), transparent), transparent 80%);--sg-edge:linear-gradient(170deg, color-mix(in srgb, var(--sg-4) 50%, transparent), #ffffff12 30%, #00000052 70%, color-mix(in srgb, var(--sg-3) 38%, transparent));--sg-fill:linear-gradient(90deg, color-mix(in oklab, var(--sg-3) 72%, var(--cs-citron)), var(--cs-citron));--sg-grain:repeating-linear-gradient(90deg, #ffffff05 0 1px, transparent 1px 3px);--pf-edge:var(--sg-edge);background:var(--sg-shell)}.cs-root:not([data-hc]):not([data-bg=solid]):not([data-scrim=high-contrast]) .cs-row{background:var(--sg-grain), var(--sg-glaze), var(--cs-surf-controls,var(--cs-dock-bg))}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-pod:before{background:var(--sg-grain), var(--sg-glaze), linear-gradient(180deg, #ffffff14, transparent 48%), color-mix(in srgb, var(--cs-base) 80%, transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-pod-play{background:radial-gradient(120% 120% at 30% 22%, color-mix(in oklab, var(--cs-citron) 70%, white) 0%, var(--cs-citron) 46%, color-mix(in oklab, var(--cs-citron) 64%, var(--sg-3)) 100%)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-pod-ring{background:conic-gradient(from 210deg, var(--cs-citron), var(--sg-3), var(--sg-4), var(--sg-2), var(--cs-citron))}.cs-root:not([data-hc]):not([data-bg=solid]):not([data-scrim=high-contrast]) .cs-fill{background:var(--sg-fill)}.cs-root:not([data-hc]):not([data-bg=solid]):not([data-scrim=high-contrast]) .cs-track{background-image:linear-gradient(90deg, color-mix(in srgb, var(--sg-2) 55%, transparent), color-mix(in srgb, var(--sg-3) 22%, transparent))}.cs-root[data-dock=expanded]:not([data-hc]):not([data-bg=solid]) .cs-bottom{background:var(--sg-grain), var(--sg-glaze), var(--cs-metal)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-plate{background:var(--sg-grain), linear-gradient(90deg, transparent, color-mix(in srgb, var(--sg-2) calc(var(--sg-k) * 40%), transparent) 50%, transparent), linear-gradient(180deg, color-mix(in oklab, var(--cs-base) 88%, white) 0%, color-mix(in oklab, var(--sg-1) 70%, black) 100%)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-rail{background:var(--sg-glaze), radial-gradient(90% 45% at 0% 42%, color-mix(in srgb, var(--sg-3) calc(var(--sg-amb) * 34%), transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--cs-base) 62%, transparent), color-mix(in srgb, var(--cs-base) 80%, transparent))}.cs-root:not([data-hc]):not([data-bg=solid]):is([data-drawer=open],[data-drawer=closing]) .cs-rail{background:var(--sg-glaze), linear-gradient(180deg, color-mix(in srgb, var(--cs-base) 72%, transparent), color-mix(in srgb, var(--cs-base) 86%, transparent))}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-rail-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--sg-1) 74%, transparent) 60%, transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) .rail-detail,.cs-root:not([data-hc]):not([data-bg=solid]) .rail-tabs{background:var(--sg-glaze-soft), color-mix(in srgb, var(--cs-base) 76%, transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) .wheel-hub{background:radial-gradient(circle at 68% 36%, color-mix(in oklab, var(--sg-2) 80%, white 6%), transparent 64%), radial-gradient(circle at 50% 50%, var(--sg-2), var(--sg-1) 74%)}.cs-root:not([data-hc]):not([data-bg=solid]) .wheel-ring{background:conic-gradient(from 60deg, transparent 0 0deg, var(--sg-3) 30deg, transparent 60deg)}.cs-root:not([data-hc]):not([data-bg=solid]) .wheel-light{background:radial-gradient(closest-side, color-mix(in srgb, var(--sg-3) calc(var(--sg-amb) * 70% + 10%), transparent), transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-slate-board{background:var(--sg-grain), var(--sg-glaze), color-mix(in srgb, color-mix(in oklab, var(--cs-base) 78%, black) 92%, transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) :is(.cs-pause-more,.cs-pause-card){background:var(--sg-glaze-soft), color-mix(in srgb, var(--cs-base) 80%, transparent)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-seeklens[data-direction=backward]{background:radial-gradient(100% 62% at 0% 50%, color-mix(in srgb, var(--sg-3) 34%, transparent), color-mix(in srgb, var(--sg-1) 22%, transparent) 55%, transparent 72%)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-seeklens[data-direction=forward]{background:radial-gradient(100% 62% at 100% 50%, color-mix(in srgb, var(--sg-3) 34%, transparent), color-mix(in srgb, var(--sg-1) 22%, transparent) 55%, transparent 72%)}.cs-root:not([data-hc]):not([data-bg=solid]) :is(.cs-panel,.cs-dialog,.cs-menu){background:var(--sg-glaze), var(--cs-panel-bg)}.cs-root:not([data-hc]):not([data-bg=solid]) :is(.cs-card,.cs-switch,.cs-choice,.cs-row-btn){background-image:var(--sg-glaze-soft)}.cs-root:not([data-hc]):not([data-bg=solid]) [data-tip]:after{background:linear-gradient(170deg, color-mix(in oklab, var(--sg-2) 55%, #05070c), #05070c 70%);border-color:color-mix(in srgb, var(--sg-3) 45%, #3b4565)}.cs-root:not([data-hc]):not([data-bg=solid]) :is(.cs-tl-preview,.cs-lens){background:var(--sg-glaze), var(--cs-panel-bg)}.cs-root:not([data-hc]):not([data-bg=solid]) .cs-atlas{background:var(--sg-glaze-soft), var(--cs-base)}}@media (forced-colors:active){.cs-root{background:canvas}}.cs-root{--m-quick:.16s;--m-move:.32s;--m-reveal:.7s;--m-ease:var(--ease-out,cubic-bezier(.2, .8, .2, 1))}.cs-controls>*{transition:opacity .25s ease, translate var(--m-move) var(--m-ease)}.cs-controls:not([data-visible]):not(:has(:focus-visible)):not(:has([aria-expanded=true])):not(:has(.cs-lens))>.cs-top{translate:0 -10px}.cs-controls:not([data-visible]):not(:has(:focus-visible)):not(:has([aria-expanded=true])):not(:has(.cs-lens))>.cs-bottom{translate:0 10px}.cs-root[data-dock=expanded] .cs-controls>.cs-bottom{translate:none}.cs-tl[data-develop] .cs-track{animation:cs-strip-develop var(--m-reveal) var(--m-ease) both}.cs-tl[data-develop] .cs-marker[data-kind=scene]{animation:cs-cut-in .3s var(--m-ease) both;animation-delay:calc(.12s + var(--i,0) * 50ms)}@keyframes cs-strip-develop{0%{clip-path:inset(-12px 100% -12px 0)}to{clip-path:inset(-12px 0)}}@keyframes cs-cut-in{0%{opacity:0;scale:1 0}}.cs-streak{z-index:2;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cs-citron) 75%, white) 72%, #fff);transform-origin:0;pointer-events:none;animation:cs-streak .46s var(--m-ease) both;border-radius:999px;position:absolute;top:-1px;bottom:-1px}.cs-streak[data-dir=back]{background:linear-gradient(270deg, transparent, color-mix(in srgb, var(--cs-citron) 75%, white) 72%, #fff);transform-origin:100%}@keyframes cs-streak{0%{opacity:1;transform:scaleX(0)}58%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.cs-splice{z-index:3;background:color-mix(in srgb, var(--cs-citron) 60%, white);pointer-events:none;width:2px;height:20px;animation:cs-splice .7s var(--m-ease) both;border-radius:1px;position:absolute;top:50%;translate:-50% -50%}.cs-splice:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cs-citron) 70%, white), transparent);width:28px;height:2px;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes cs-splice{0%{opacity:0;scale:1 .2}22%{opacity:1;scale:1}to{opacity:0;scale:1.6 1.3}}.cs-timeslider .cs-thumb:before{content:"";background:conic-gradient(from -40deg, var(--cs-citron) 0 16%, transparent 0 25%, var(--cs-citron) 0 41%, transparent 0 50%, var(--cs-citron) 0 66%, transparent 0 75%, var(--cs-citron) 0 91%, transparent 0);opacity:0;pointer-events:none;transition:opacity var(--m-quick) ease, scale var(--m-move) var(--m-ease), rotate var(--m-move) var(--m-ease);border-radius:50%;position:absolute;inset:-7px;rotate:-70deg;scale:.5;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.cs-timeslider[data-interactive] .cs-thumb:before,.cs-tl:hover .cs-thumb:before{opacity:.95;rotate:0deg;scale:1}.cs-timeslider[data-dragging] .cs-thumb:before{rotate:35deg;scale:.84}.cs-root[data-hc] .cs-timeslider .cs-thumb:before{background:#fff}.cs-root .capsule{animation:cs-capsule-in var(--m-move) var(--m-ease) both}.cs-root .capsule:nth-child(2){animation-delay:40ms}.cs-root .capsule:nth-child(3){animation-delay:80ms}.cs-root .capsule:nth-child(4){animation-delay:.12s}.cs-root .capsule:nth-child(n+5){animation-delay:.16s}@keyframes cs-capsule-in{0%{opacity:0;translate:0 10px;scale:.97}}.cs-root[data-motion=reduce] :is(.cs-streak,.cs-splice){display:none}.cs-root[data-motion=reduce] :is(.cs-tl .cs-track,.cs-tl .cs-marker,.capsule){animation:none}.cs-root[data-motion=reduce] .cs-controls>*{transition:opacity .01ms;translate:none!important}.cs-root[data-motion=reduce] .cs-timeslider .cs-thumb:before{transition:none;rotate:0deg}@media (prefers-reduced-motion:reduce){.cs-root :is(.cs-streak,.cs-splice){display:none}.cs-root :is(.cs-tl .cs-track,.cs-tl .cs-marker,.capsule){animation:none}.cs-root .cs-controls>*{transition:opacity .01ms;translate:none!important}.cs-root .cs-timeslider .cs-thumb:before{transition:none;rotate:0deg}}@media (forced-colors:active){.cs-root :is(.cs-streak,.cs-splice),.cs-root .cs-timeslider .cs-thumb:before{display:none}}.studio{gap:20px;display:grid}.studio-intro .lede{margin:0}.studio-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.studio-grid{grid-template-columns:minmax(0,1fr)}}.studio-controls{border:1px solid var(--line);background:#06191db3;border-radius:16px;gap:16px;padding:16px;display:grid;position:sticky;top:12px}@media (width<=900px){.studio-controls{position:static}}.studio-controls fieldset{border:0;border-bottom:1px solid var(--line);gap:12px;margin:0;padding:0 0 16px;display:grid}.studio-controls legend{font:500 .8125rem/1.2 var(--font);letter-spacing:0;color:var(--soft);padding:0 0 8px}.studio-presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-preset,.studio-chip,.studio-reset{min-height:44px;font:600 .875rem/1 var(--font);color:var(--fg);cursor:pointer;background:var(--depth);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.studio-preset[aria-pressed=true],.studio-chip[aria-pressed=true]{border-color:color-mix(in oklab, var(--fg) 55%, transparent);background:#f4f6f21a}.studio-chip[aria-pressed=true]:before{content:"";vertical-align:-2px;width:14px;height:14px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.studio-swatch{border:1px solid #ffffff40;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.studio-swatch span{border-radius:50%;width:10px;height:10px}.studio-row{flex-wrap:wrap;gap:8px;display:flex}.studio-field{gap:8px;font-size:.875rem;display:grid}.studio-field>span:first-child{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.studio-field strong{font-variant-numeric:tabular-nums}.studio-field input[type=range]{width:100%;min-height:32px;accent-color:var(--accent)}.studio-color{align-items:center;gap:10px;display:flex}.studio-color input{cursor:pointer;background:var(--depth);border:1px solid var(--line);border-radius:10px;width:44px;height:44px;padding:2px}.studio-hint{font:500 .75rem/1.3 var(--font);color:var(--soft);margin:0}.studio-check{color:#ffb4a8;margin:0;font-size:.8125rem}.studio-check[data-ok]{color:#9ee6b8}.studio-reset{background:0 0;justify-content:center}.studio-stage{gap:16px;min-width:0;display:grid}.studio-frame{max-width:100%;margin-inline:auto;transition:width .28s cubic-bezier(.2,.8,.2,1)}.studio-code{gap:10px;display:grid}.studio-code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-code h2,.studio-code .code{margin:0}.studio :is(button,input,pre):focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.studio-frame{transition:none}}.atlas{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5);display:grid}.atlas-bar{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.atlas-title{align-items:baseline;gap:var(--sp-3);font:var(--fw-bold) var(--fs-xl) / var(--lh-tight) var(--cs-font);letter-spacing:var(--ls-display);margin:2px 0 0;display:flex}.atlas-count{font:var(--fw-medium) var(--fs-sm) / 1 var(--cs-font);color:var(--cs-ice-dim);font-variant-numeric:tabular-nums}.atlas-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.atlas-actions .cs-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.atlas-actions .atlas-primary{color:var(--cs-ink-on-citron);background:var(--cs-citron);border-color:var(--cs-citron)}@media (hover:hover){.atlas-actions .atlas-primary:hover{background:color-mix(in oklab, var(--cs-citron) 86%, white);border-color:#0000}}.atlas-map{height:14px;margin:0 2px;position:relative}.atlas-map:before{content:"";background:var(--cs-line);border-radius:1px;height:2px;position:absolute;inset:6px 0 auto}.atlas-pin{background:var(--cs-moment);width:3px;height:12px;box-shadow:0 0 0 1px var(--cs-base);border-radius:2px;position:absolute;top:1px;translate:-50%}.atlas-empty{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--cs-ice-dim);background:color-mix(in srgb, var(--cs-base) 60%, transparent);border:1px dashed var(--cs-line);border-radius:var(--r-lg);margin:0;display:flex}.atlas-empty svg{width:22px;height:22px;color:var(--cs-moment);flex:none}.atlas-empty p{margin:0}.atlas-empty strong{color:var(--cs-ice)}.atlas-list{gap:var(--sp-3);padding:2px 2px var(--sp-2);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent;grid-auto-columns:minmax(220px,250px);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.atlas-card{align-content:start;gap:var(--sp-2);background:color-mix(in srgb, var(--cs-glass) 70%, transparent);border:1px solid var(--cs-hairline);border-radius:var(--r-lg);scroll-snap-align:start;padding:6px;display:grid}.atlas-frame{aspect-ratio:16/9;background:var(--cs-steel);border-radius:calc(var(--r-lg) - 6px);position:relative;overflow:hidden}.atlas-frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-out);display:block}.atlas-card:hover .atlas-frame img,.atlas-card:focus-within .atlas-frame img{transform:scale(1.04)}.atlas-fallback{height:100%;font:var(--fw-bold) var(--fs-xl) var(--cs-font);color:var(--cs-moment);place-items:center;display:grid}.atlas-index{font:var(--fw-bold) var(--fs-xs) / 1 var(--cs-font);color:#fff;text-shadow:0 1px 4px #000000e6;font-variant-numeric:tabular-nums;position:absolute;top:8px;left:10px}.atlas-time{font:var(--fw-bold) var(--fs-xs) / 1.2 var(--cs-font);color:#0a0e17;background:var(--cs-moment);border-radius:var(--r-sm);padding:3px 8px;position:absolute;bottom:8px;left:8px}.atlas-quick{gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.atlas-play,.atlas-peek{width:var(--h-ctl);height:var(--h-ctl);cursor:pointer;transition:transform var(--t-fast) ease, background-color var(--t-fast) ease;border-radius:50%;place-items:center;padding:0;display:grid}.atlas-play svg,.atlas-peek svg{width:20px;height:20px}.atlas-play{color:var(--cs-ink-on-citron);background:var(--cs-citron);border:0;box-shadow:0 4px 14px #00000080}.atlas-peek{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070cb3;border:1px solid #ffffff40}.atlas-play:active,.atlas-peek:active{transform:scale(.94)}.atlas-meta{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.atlas-input,.atlas-note{min-width:0;font:var(--fw-semibold) var(--fs-sm) / 1.3 var(--cs-font);color:var(--cs-ice);border-radius:var(--r-sm);transition:border-color var(--t-fast) ease, background-color var(--t-fast) ease;background:0 0;border:1px solid #0000;padding:0 10px}.atlas-input{height:var(--h-ctl)}.atlas-note{min-height:var(--h-ctl);font-weight:var(--fw-regular);color:var(--cs-ice-dim);resize:vertical;grid-column:1/-1;padding:8px 10px}.atlas-input:hover,.atlas-note:hover{border-color:var(--cs-line)}.atlas-input:focus,.atlas-note:focus{color:var(--cs-ice);background:color-mix(in srgb, var(--cs-base) 70%, transparent);border-color:var(--cs-line)}.atlas-note::placeholder{color:var(--cs-ice-dim);opacity:.8}.atlas-remove{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}@media (hover:hover){.atlas-remove:hover{color:var(--cs-danger);border-color:var(--cs-danger)}}.atlas :is(button,input,textarea):focus-visible{outline:3px solid var(--cs-focus);outline-offset:2px}@container cs (width<=520px){.atlas{padding:var(--sp-3)}.atlas-list{grid-auto-columns:minmax(200px,78%)}}.cs-root[data-hc] .atlas-card{background:#000;border:2px solid #fff}.cs-root[data-hc] :is(.atlas-input,.atlas-note){border-color:#fff}.cs-root[data-motion=reduce] .atlas-frame img{transition:none;transform:none!important}@media (prefers-reduced-motion:reduce){.atlas-frame img{transition:none}.atlas-card:hover .atlas-frame img{transform:none}}@media (forced-colors:active){.atlas-card,.atlas-play,.atlas-peek{border:1px solid canvastext}}.atlas-scope{margin-right:var(--sp-2);gap:4px;display:inline-flex}.atlas-list{grid-auto-columns:minmax(300px,340px)}.capsule{align-items:start;gap:var(--sp-3);padding:var(--sp-3);scroll-snap-align:start;background:radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--film-accent) 14%, transparent), transparent 55%), color-mix(in srgb, var(--film-base) 72%, var(--cs-base));border:1px solid color-mix(in srgb, var(--film-accent) 28%, var(--cs-hairline));border-radius:calc(var(--r-xl) + 8px);box-shadow:var(--cs-bevel), 0 10px 26px #00000059;grid-template-columns:72px minmax(0,1fr) auto;display:grid;position:relative}.capsule-lens{width:72px;height:72px;font:var(--fw-bold) var(--fs-sm) / 1 var(--cs-font);color:var(--film-accent);background:var(--cs-steel);box-shadow:0 0 0 2px var(--film-accent), 0 0 0 5px color-mix(in oklab, var(--film-base) 70%, black), 0 0 18px color-mix(in srgb, var(--film-accent) 30%, transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.capsule-lens img{object-fit:cover;width:100%;height:100%}.capsule-body{gap:2px;min-width:0;display:grid}.capsule-body>p{margin:0}.capsule-film{font:var(--fw-semibold) var(--fs-xs) / 1.3 var(--cs-font);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;color:var(--cs-label);align-items:center;gap:6px;display:flex;overflow:hidden}.capsule-scene{text-overflow:ellipsis;color:var(--cs-ice-dim);overflow:hidden}.capsule-dot{background:var(--film-accent);border-radius:50%;flex:none;width:8px;height:8px}.capsule-time{font:var(--fw-bold) var(--fs-lg) / 1.2 var(--cs-font);font-variant-numeric:tabular-nums}.capsule .atlas-input{height:36px;padding:0 8px}.capsule .atlas-note{grid-column:auto;min-height:36px;padding:6px 8px}.capsule-actions{gap:6px;display:grid}.capsule .atlas-play{color:#0a0e17;background:var(--film-accent)}.capsule .atlas-peek{color:var(--cs-ice);background:color-mix(in srgb, var(--cs-glass) 80%, transparent);border-color:var(--cs-hairline)}@container cs (width<=520px){.atlas-list{grid-auto-columns:minmax(270px,88%)}.capsule{grid-template-columns:56px minmax(0,1fr) auto}.capsule-lens{width:56px;height:56px}}.cs-root[data-hc] .capsule{background:#000;border:2px solid #fff}@media (forced-colors:active){.capsule{border:1px solid canvastext}.capsule-lens{outline:2px solid canvastext}}@property --page-base{syntax:"<color>";inherits:true;initial-value:#062b30}@property --page-glow{syntax:"<color>";inherits:true;initial-value:#145a60}@property --page-accent{syntax:"<color>";inherits:true;initial-value:#d8ff57}@property --page-sg-1{syntax:"<color>";inherits:true;initial-value:#04191c}@property --page-sg-2{syntax:"<color>";inherits:true;initial-value:#0d4248}@property --page-sg-3{syntax:"<color>";inherits:true;initial-value:#2b8a8f}@property --page-sg-4{syntax:"<color>";inherits:true;initial-value:#c6eee6}:root{--teal:color-mix(in oklab, var(--page-base) 92%, white);--depth:color-mix(in oklab, var(--page-base) 70%, black);--fg:var(--page-ink,#f4f6f2);--soft:color-mix(in oklab, var(--fg) 72%, var(--page-base));--line:color-mix(in oklab, var(--page-base) 72%, white);--accent:var(--page-accent);--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--font:"Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:var(--font);--mono:var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--page-base .9s,--page-glow .9s,--page-accent .9s,--page-sg-1 1.2s,--page-sg-2 1.2s,--page-sg-3 1.2s,--page-sg-4 1.2s}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--fg);background:radial-gradient(70% 45% at 10% -8%, color-mix(in srgb, var(--page-sg-3) calc(var(--page-sg-amb,.35) * 40%), transparent), transparent 70%), radial-gradient(60% 55% at 96% 26%, color-mix(in srgb, var(--page-sg-2) 62%, transparent), transparent 72%), radial-gradient(80% 40% at 50% 112%, color-mix(in srgb, var(--page-sg-4) calc(var(--page-sg-amb,.35) * 10%), transparent), transparent 70%), linear-gradient(var(--page-sg-angle,160deg), color-mix(in oklab, var(--page-sg-1) 70%, var(--page-sg-2)), var(--page-sg-1) 55%, color-mix(in oklab, var(--page-sg-1) 80%, black) 100%);font-family:var(--font);background-attachment:fixed;margin:0;line-height:1.5;position:relative}body:before{content:"";z-index:-1;background-image:var(--page-art,none);filter:blur(56px)saturate(1.15);opacity:.2;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .9s;position:fixed;inset:-6%}:root[data-page-bg=solid] body{background:var(--page-base)}:root[data-page-bg=solid] body:before{display:none}#root{isolation:isolate;position:relative}a{color:var(--fg);-webkit-text-decoration-color:color-mix(in oklab, var(--fg) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--fg) 40%, transparent);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;overflow:hidden;position:absolute!important}.skip{z-index:100;color:#0a0e17;background:var(--accent);border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(16px,4vw,40px);display:flex}.brand{color:var(--fg);font:600 .9375rem var(--font);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-sub{color:var(--soft);font-weight:400}.brand-mark{border:2px solid var(--accent);width:18px;height:18px;box-shadow:inset 0 0 0 4px var(--teal), inset 0 0 0 6px var(--accent);border-radius:50%}.site-header nav{gap:4px;display:flex}.site-header nav a{min-height:44px;color:var(--soft);border-radius:10px;place-items:center;padding:0 14px;text-decoration:none;display:inline-grid}.site-header nav a[aria-current=page],.site-header nav a:hover{color:var(--fg);background:#f4f6f214}main{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 64px}main:focus{outline:none}h2{font:600 1.375rem var(--display);margin:48px 0 16px}.page-h{font:600 1.6rem var(--display);margin:8px 0}.lede{max-width:62ch;color:var(--soft);font-size:1.05rem}.muted{color:var(--soft);font-size:.9rem}.empty{color:var(--soft);border:1px dashed var(--line);border-radius:14px;padding:18px}.player-note{margin-top:14px}kbd{min-width:24px;font:600 .8rem var(--mono);text-align:center;border:1px solid var(--line);background:#f4f6f21a;border-radius:6px;margin-right:4px;padding:1px 6px;display:inline-block}.code{font:.85rem var(--mono);background:var(--depth);border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto}.hero{background:var(--depth);border:1px solid var(--line);border-radius:24px;align-items:end;min-height:clamp(340px,52vw,520px);display:grid;position:relative;overflow:hidden}.hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#06191d33,#06191d80 45%,#06191df5 92%),linear-gradient(90deg,#06191dd9,#0000 65%);position:absolute;inset:0}.hero-copy{max-width:600px;padding:clamp(20px,4vw,48px);position:relative}.kicker{font:500 var(--fs-sm)/var(--lh-snug) var(--cs-font);color:var(--soft);margin:0 0 8px}.hero h1{font:600 clamp(2.2rem, 6vw, 3.8rem) / 1 var(--display);letter-spacing:-.01em;margin:0}.hero-desc{margin:12px 0 4px;font-size:1.0625rem}.hero-meta{color:var(--soft);margin:0 0 20px;font-size:.875rem}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{min-height:48px;color:var(--fg);border:1px solid var(--line);background:#f4f6f214;border-radius:12px;place-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-grid}.btn-primary{color:#0a0e17;background:var(--accent);border-color:var(--accent)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:44px;color:var(--fg);font:inherit;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:10px;padding:0 16px}.chip[aria-pressed=true]{color:#0a0e17;background:var(--accent);border-color:var(--accent)}.search input{width:min(100%,300px);min-height:44px;color:var(--fg);font:inherit;background:var(--depth);border:1px solid var(--line);border-radius:12px;padding:0 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px 20px;margin:0;padding:0;list-style:none;display:grid}.card{gap:4px;display:grid}.card-link{color:var(--fg);gap:4px;text-decoration:none;display:grid}.card-img{aspect-ratio:16/9;background:var(--depth);border:1px solid var(--line);border-radius:16px;display:block;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.card-link:hover .card-img img{transform:scale(1.04)}.card-progress{background:#f4f6f240;height:4px;position:absolute;inset:auto 0 0}.card-progress span{background:var(--accent);height:100%;display:block}.card-title{font:600 1.0625rem var(--display);margin-top:8px}.card-meta{color:var(--soft);font-size:.85rem}.link-btn{min-height:44px;color:var(--soft);font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--soft) 50%, transparent);text-decoration-color:color-mix(in oklab, var(--soft) 50%, transparent);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:.875rem}.link-btn:hover,.link-btn[aria-pressed=true]{color:var(--fg)}.tour-grid{grid-template-columns:minmax(0,1fr);gap:24px 32px;margin-top:24px;display:grid}@media (width>=800px){.tour-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)}}.tour-grid article{border-top:1px solid var(--line);padding-top:16px}.tour-grid h3,.tour-sub{font:600 1.0625rem var(--display);margin:0 0 8px}.tour-grid p{color:var(--soft);margin:0}.tour-sub{margin-top:40px}.keys{color:var(--soft);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px 24px;margin:0;padding:0;list-style:none;display:grid}.keys li{align-items:baseline;gap:4px;display:flex}.keys kbd{flex:none;margin-right:0}.keys li>span{margin-left:4px}.credits{color:var(--soft);gap:8px;padding-left:20px;display:grid}@media (prefers-reduced-motion:reduce){:root{transition:none}*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.card-link:hover .card-img img{transform:none}}.bench-wrap{gap:16px;display:grid}.bench{border:1px solid var(--line);background:#06191db3;border-radius:16px;gap:12px;padding:16px;display:grid}.bench-group{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.bench-label{min-width:96px;font:500 .8125rem/1.2 var(--font);letter-spacing:0;color:var(--soft)}.seg{background:var(--depth);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg-btn{min-height:40px;font:600 .9375rem/1 var(--font);color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;transition:background-color .15s,color .15s}.seg-btn[aria-checked=true]{color:#0a0e17;background:var(--fg)}.seg-btn[aria-checked=true]:before{content:"";vertical-align:-2px;width:14px;height:14px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;flex:none;margin-right:6px;display:inline-block}.seg-btn:hover:not([aria-checked=true]){color:var(--fg);background:#f4f6f214}.bench-readout{color:var(--soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.bench-reset{min-height:40px;font:600 .9375rem/1 var(--font);color:var(--fg);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:10px;padding:0 14px}.bench-reset:disabled{opacity:.5;cursor:not-allowed;border-style:dashed}.bench-note{color:var(--soft);margin:0;font-size:.875rem;line-height:1.5}.bench-note strong{color:var(--fg)}.bench-frame{max-width:100%;margin-inline:auto;transition:width .28s cubic-bezier(.2,.8,.2,1)}.bench-frame[data-size=desktop]{margin-inline:0}.bench-overlay{pointer-events:none;position:absolute;inset:0}.bench-overlay[data-footage=white]{background:#ffffffe0}.bench-overlay[data-footage=dark]{background:#000000b8}.seg-btn:focus-visible,.bench-reset:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bench-frame,.seg-btn{transition:none}}.lab{border:1px solid var(--line);background:color-mix(in oklab, var(--depth) 80%, transparent);border-radius:16px;overflow:hidden}.lab-toggle{width:100%;min-height:52px;font:600 .9375rem/1.2 var(--font);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;display:flex}.lab-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.lab-mark{border:2px solid var(--accent);width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--depth), inset 0 0 0 5px var(--accent);border-radius:50%}.lab-title{letter-spacing:.02em}.lab-summary{font:500 .8125rem/1.2 var(--font);color:var(--soft);font-variant-numeric:tabular-nums;margin-left:auto}.lab-chevron{border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);width:9px;height:9px;transition:rotate .2s,translate .2s;translate:0 -2px;rotate:45deg}.lab[data-open] .lab-chevron{translate:0 2px;rotate:-135deg}.lab .bench{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0}@media (width<=560px){.lab-summary{display:none}}@media (prefers-reduced-motion:reduce){.lab-chevron{transition:none}}