@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chakra-petch-latin-400-normal-SafcrIr2.woff2) format("woff2"),url(/assets/chakra-petch-latin-400-normal-D7EtbySE.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2) format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-italic-CVWRB2kY.woff2) format("woff2"),url(/assets/chakra-petch-latin-600-italic-CsB0nalP.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/michroma-latin-400-normal-4gS0VCia.woff2) format("woff2"),url(/assets/michroma-latin-400-normal-C7Pn7qca.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}:root,.astro{--rgb-cyan: 127 233 255;--rgb-glow: 92 225 255;--rgb-cyan-bright: 191 244 255;--rgb-cyan-deep: 47 184 224;--rgb-ice: 230 251 255;--rgb-line: 140 230 255;--rgb-ice-tint: 120 205 240;--rgb-glass-tint: 120 210 255;--rgb-glass-hi: 160 235 255;--rgb-glass-panel: 140 220 255;--rgb-glass-low: 20 60 90;--rgb-glass-deep: 10 40 60;--rgb-sheen: 200 240 255;--rgb-sheen-soft: 160 230 255;--rgb-lens: 6 18 30;--rgb-vignette: 4 10 20;--rgb-scrim: 0 8 16;--rgb-frost: 217 247 255;--rgb-star-pink: 255 140 205;--rgb-star-gold: 255 214 110;--rgb-star-amber: 255 168 88;--rgb-white: 255 255 255;--rgb-black: 0 0 0;--rgb-shade: 2 7 12;--rgb-glass: 6 18 28;--rgb-glass-lit: 18 52 72;--mask-opaque: #000;--clr-void: #03060b;--clr-abyss: #060d16;--clr-deep: #0a1622;--clr-navy: #0e2131;--clr-stage: #0b0f1a;--clr-preview-bg: #05080d;--clr-cyan: #7fe9ff;--clr-glow: #5ce1ff;--clr-cyan-bright: #bff4ff;--clr-cyan-deep: #2fb8e0;--clr-value: #a9e6f5;--clr-cyan-a10: rgb(var(--rgb-cyan) / .1);--clr-cyan-a18: rgb(var(--rgb-cyan) / .18);--clr-cyan-a30: rgb(var(--rgb-cyan) / .3);--clr-cyan-a50: rgb(var(--rgb-cyan) / .5);--clr-cyan-a70: rgb(var(--rgb-cyan) / .7);--clr-white: #fff;--clr-ice: #e6fbff;--clr-ice-a85: rgb(var(--rgb-ice) / .85);--clr-ice-a60: rgb(var(--rgb-ice) / .6);--clr-ice-a45: rgb(var(--rgb-ice) / .45);--clr-ice-a35: rgb(var(--rgb-ice) / .35);--clr-ice-a32: rgb(var(--rgb-ice) / .32);--clr-ice-a30: rgb(var(--rgb-ice) / .3);--clr-ice-a22: rgb(var(--rgb-ice) / .22);--clr-ice-a18: rgb(var(--rgb-ice) / .18);--clr-text: #e6fbff;--clr-text-dim: #a9c3cf;--clr-text-faint: #6f8c99;--clr-frost: #d9f7ff;--clr-frost-a25: rgb(var(--rgb-frost) / .25);--clr-frost-a12: rgb(var(--rgb-frost) / .12);--clr-danger: #ff7a8a;--rgb-void: 3 6 11;--rgb-sky: 50 184 251;--clr-black: #000;--clr-frame-line: #132a36;--clr-bar: #041522;--clr-bar-line: #27465d;--clr-field-text: #6688aa;--clr-idle: #376080;--clr-hint: #87949c;--clr-key-low: #142136;--clr-key-line: #1d2c46;--clr-panel-line: #26354e;--clr-thumb-line: #7ee8ff;--clr-thumb-hi: #285271;--clr-streak-start: #b3eaf7;--clr-streak-end: #fdffff;--clr-glow-a10: rgb(var(--rgb-glow) / .1);--surface-features: rgb(var(--rgb-void) / .8);--gradient-key: linear-gradient(180deg, var(--clr-void) 0%, var(--clr-key-low) 100%);--gradient-thumb: linear-gradient(108.74deg, var(--clr-thumb-hi) 0%, var(--clr-navy) 101.32%);--gradient-streak: linear-gradient(90deg, var(--clr-streak-start) 0%, var(--clr-streak-end) 100%);--glow-feature: 0 0 7px var(--clr-glow);--glow-chevron: drop-shadow(0 0 3.05px var(--clr-glow));--shadow-thumb: 0 0 7px rgb(113 209 229 / .4);--shadow-mini-fill: 0 0 5.57px rgb(var(--rgb-glow) / .8);--shadow-mini-head: 0 0 8.91px rgb(var(--rgb-glow) / .9);--shadow-mini-orb: 0 5.84px 15.19px rgb(var(--rgb-black) / .35), inset 0 -5.84px 10.52px rgb(var(--rgb-glow) / .16);--glass-mini-orb: rgb(var(--rgb-glass-hi) / .18);--icon-glow-mini: drop-shadow(0 0 5.84px rgb(var(--rgb-glow) / .8));--blur-features: blur(7px);--blur-features-glow: blur(150px);--blur-mini-orb: blur(2.92px);--blur-thumb-side: blur(2px);--clr-footer: #737e8f;--rgb-readout: 8 41 48;--clr-keymap-line: rgb(var(--rgb-cyan) / .28);--clr-key-idle-line: rgb(var(--rgb-white) / .07);--clr-key-mapped-line: rgb(var(--rgb-cyan) / .35);--clr-key-active-top: #e9fdff;--clr-key-active-low: #8fefff;--clr-key-active-text: #03111c;--clr-readout-bg: rgb(var(--rgb-readout) / .3);--clr-readout-line: rgb(var(--rgb-glow) / .4);--clr-readout-body: rgb(var(--rgb-white) / .7);--gradient-keymap: linear-gradient(180deg, rgb(140 219 255 / .09) 0%, rgb(8 24 38 / .32) 100%);--gradient-key-idle: linear-gradient(180deg, rgb(var(--rgb-white) / .05) 0%, rgb(var(--rgb-white) / .015) 100%);--gradient-key-mapped: linear-gradient(180deg, rgb(var(--rgb-cyan) / .16) 0%, rgb(var(--rgb-cyan) / .05) 100%);--gradient-key-active: linear-gradient(180deg, var(--clr-key-active-top) 0%, var(--clr-key-active-low) 100%);--shadow-keymap: 0 calc(22.7273 * var(--keymap-u)) calc(50.5051 * var(--keymap-u)) rgb(var(--rgb-black) / .4);--shadow-key: 0 calc(3.78788 * var(--keymap-u)) 0 rgb(var(--rgb-black) / .55);--shadow-key-active: 0 calc(1.26263 * var(--keymap-u)) 0 rgb(var(--rgb-black) / .55), 0 0 calc(27.7778 * var(--keymap-u)) rgb(var(--rgb-glow) / .6);--shadow-readout: 0 0 32px var(--clr-black);--line-key: calc(1.26263 * var(--keymap-u));--blur-keymap: blur(calc(11.3636 * var(--keymap-u)));--blur-readout: blur(15px);--surface-glass: rgb(8 22 34 / .58);--surface-glass-strong: rgb(6 16 26 / .86);--surface-glass-hover: rgb(16 40 58 / .7);--surface-scrim: rgb(2 6 11 / .72);--surface-line: rgb(var(--rgb-line) / .26);--surface-line-strong: rgb(var(--rgb-line) / .55);--blur-glass: blur(14px) saturate(140%);--starfield-opacity: .75;--glass-orb: linear-gradient(180deg, rgb(var(--rgb-glass-hi) / .18), rgb(var(--rgb-glass-low) / .12));--glass-panel: linear-gradient(180deg, rgb(var(--rgb-glass-panel) / .16), rgb(var(--rgb-glass-deep) / .26));--glass-tip: linear-gradient(180deg, rgb(var(--rgb-glass-panel) / .2), rgb(var(--rgb-glass-deep) / .35));--glass-hover: rgb(var(--rgb-glass-tint) / .16);--glass-row-hover: rgb(var(--rgb-glass-hi) / .14);--glass-row-selected: rgb(var(--rgb-glass-hi) / .18);--glint-rest: rgb(var(--rgb-white) / .2);--glint-on: rgb(var(--rgb-white) / .42);--glint-icon: rgb(var(--rgb-white) / .35);--blur-orb: blur(10px) saturate(1.7);--blur-icon: blur(10px) saturate(1.6);--blur-tip: blur(14px) saturate(1.6);--blur-panel: blur(18px) saturate(1.6);--dim-live: .55;--font-display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-body: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-ui: "Manrope", "Segoe UI", system-ui, sans-serif;--font-label: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--text-kicker: .7817rem;--text-ui-sm: .625rem;--text-feature-num: .875rem;--text-feature-name: 1rem;--text-feature-big: 2rem;--text-mini-pill: .5843rem;--text-section: clamp(.855rem, 3.2vw, 2.25rem);--leading-kicker: .9;--leading-title: 1.4211;--leading-section: 1.4167;--leading-ui: 1.3571;--leading-ui-sm: 1.4;--leading-hint: 1.3333;--leading-feature: 1.4375;--leading-feature-num: 1.4286;--leading-mini-pill: 1.2836;--text-feature-lead: 1rem;--leading-feature-lead: 1.5625;--text-key-min: .5625rem;--text-readout-title: 1.25rem;--text-readout-body: 1rem;--leading-key: 1.2794;--leading-readout-title: 1.4;--leading-readout-body: 1.375;--tracking-ui: -.02em;--tracking-kicker: -.02em;--tracking-pill: .04em;--text-3xs: .625rem;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-hero: clamp(2.25rem, max(min(11.5vw, 2.875rem), 6vw), 4.75rem);--tracking-hud: .22em;--tracking-wide: .12em;--tracking-tag: .1em;--tracking-title: .24em;--tracking-head: .2em;--tracking-osd: .32em;--tracking-mono: -.01em;--weight-hud: 500;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-pill: 999rem;--radius-player: .8789rem;--radius-key: .5rem;--radius-bar: .75rem;--radius-load: .375rem;--radius-features: .875rem;--size-touch: 2.75rem;--size-target-min: 1.5rem;--size-icon: 1.25rem;--size-rail-btn: 2.75rem;--size-play: 4.75rem;--shadow-md: 0 8px 32px rgb(var(--rgb-black) / .45);--shadow-panel: 0 18px 50px rgb(var(--rgb-black) / .45), inset 0 -14px 30px rgb(var(--rgb-glow) / .12);--shadow-orb: inset 0 -10px 18px rgb(var(--rgb-glow) / .16), 0 10px 26px rgb(var(--rgb-black) / .35);--shadow-icon-hover: 0 8px 22px rgb(var(--rgb-black) / .3);--shadow-tip: 0 10px 28px rgb(var(--rgb-black) / .45);--shadow-preview: 0 0 0 1px rgb(var(--rgb-cyan) / .75), 0 0 10px rgb(var(--rgb-glow) / .55), 0 0 22px rgb(var(--rgb-glow) / .2), 0 14px 40px rgb(var(--rgb-black) / .55);--shadow-fill: 0 0 10px rgb(var(--rgb-glow) / .9);--shadow-knob: 0 0 12px rgb(var(--rgb-glow) / .9);--shadow-head: 0 0 12px var(--clr-white);--shadow-seg: 0 0 6px var(--clr-glow);--glow-sm: 0 0 8px rgb(var(--rgb-cyan) / .45);--glow-md: 0 0 18px rgb(var(--rgb-cyan) / .4), 0 0 2px rgb(var(--rgb-cyan) / .9);--glow-text: 0 0 10px rgb(var(--rgb-cyan) / .55);--text-glow: 0 0 6px rgb(var(--rgb-glow) / .75), 0 1px 2px rgb(var(--rgb-black) / .6);--text-halo: 0 0 .1em rgb(var(--rgb-shade) / .9), 0 0 .25em rgb(var(--rgb-shade) / .65);--track-halo: rgb(var(--rgb-shade) / .8);--track-base: rgb(var(--rgb-ice) / .66);--track-buffer: rgb(var(--rgb-ice) / .1);--icon-glow: drop-shadow(0 0 4px rgb(var(--rgb-glow) / .9));--play-glow: drop-shadow(0 0 5px var(--clr-glow));--arc-glow: drop-shadow(0 0 4px rgb(var(--rgb-glow) / .8));--osd-glow: drop-shadow(0 0 5px rgb(var(--rgb-glow) / .85));--fill-glow: drop-shadow(0 0 5px var(--clr-glow));--shadow-icon: drop-shadow(0 1px 2px rgb(var(--rgb-black) / .75));--focus-ring: 0 0 0 2px var(--clr-void), 0 0 0 4px var(--clr-cyan-bright);--focus-outline: 1.5px solid var(--clr-white);--focus-offset: 3px;--focus-offset-ring: 6px;--focus-player: 2px solid rgb(var(--rgb-cyan) / .6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .48s;--dur-hud: .38s;--dur-enter: .9s;--dur-enter-title: 1.3s;--dur-enter-player: 1.1s;--dur-preview-morph: .6s;--dur-rotate: .8s;--delay-enter: .11s;--enter-rise: 1rem;--enter-blur: .25em;--enter-title-scale: 1.06;--ease-spring: cubic-bezier(.34, 1.9, .5, 1);--ease-magnet: cubic-bezier(.3, .7, .4, 1);--ease-glide: cubic-bezier(.2, .9, .25, 1.1);--ease-label: cubic-bezier(.2, .9, .25, 1.12);--ease-tip: cubic-bezier(.2, .9, .25, 1.2);--ease-preview: cubic-bezier(.2, .8, .3, 1.04);--ease-in-quick: cubic-bezier(.5, 0, .75, 0);--ease-loop: cubic-bezier(.55, 0, .25, 1);--ease-sweep: cubic-bezier(.4, .1, .2, 1);--ease-draw: cubic-bezier(.4, 0, .2, 1);--dur-magnet-follow: .16s;--dur-magnet-release: .75s;--dur-label-in: .55s;--dur-label-out: .3s;--dur-panel-in: .6s;--dur-panel-out: .35s;--dur-arc: .55s;--dur-bump: .3s;--dur-preview: .4s;--dur-visor-in: .85s;--dur-visor-out: .45s;--dur-visor-fade-in: .55s;--dur-visor-blur-in: .5s;--dur-visor-fade-out: .3s;--dur-lens: .6s;--dur-osd: .6s;--dur-osd-fade: .4s;--delay-visor-top: 40ms;--delay-visor-rails: .1s;--delay-visor-timeline: .14s;--delay-visor-deck: .2s;--osd-hold: 1400;--vz-artboard: 1280;--vz-artboard-h: 720;--vz-perspective: 900;--vz-top: 92;--vz-top-w: 420;--vz-top-gap: 8;--vz-top-tilt: -30deg;--vz-seg-gap: 4;--vz-seg-h: 2;--vz-title: 13;--vz-rail-inset: 70;--vz-rail-h: 300;--vz-rail-gap: 14;--vz-rail-tilt: 42deg;--vz-arc-w: 20;--vz-rail-arc-gap: 14;--vz-arc-off-1: -25.66;--vz-arc-off-2: -92.55;--vz-arc-off-3: -159.45;--vz-arc-off-4: -226.34;--vz-btn: 52;--vz-icon: 27;--vz-zone: 18;--vz-label: 15;--vz-label-gap: 2;--vz-label-perspective: 500;--vz-vol-w: 150;--vz-vol-h: 30;--vz-vol-track: 8;--vz-vol-knob: 18;--vz-vol-value: 40;--vz-flyout-gap: 10;--vz-orb: 84;--vz-pill: 60;--vz-pill-offset: 120;--vz-pill-text: 16;--vz-play-icon: 28;--vz-timeline-w: 760;--vz-timeline-bottom: 46;--vz-timeline-tilt: 46deg;--vz-timeline-gap: 8;--vz-time-leading: 1.5;--vz-time: 20;--vz-seek-h: 18;--vz-seek-pad: 10;--vz-tick-h: 6;--vz-tick-step: 14;--vz-head-w: 4;--vz-head-h: 20;--vz-marker-w: 2;--vz-marker-h: 12;--vz-hover-h: 16;--vz-preview-w: 200;--vz-preview-h: 112;--vz-preview-lift: 14;--vz-preview-edge: 12;--vz-preview-text: 14;--vz-preview-chap: 11;--vz-tip-text: 14;--vz-panel-w: 248;--vz-panel-pad: 10;--vz-panel-r: 22;--vz-panel-gap: 14;--vz-row-h: 46;--vz-row-r: 14;--vz-row-text: 16;--vz-value-text: 14;--vz-head-text: 13;--vz-x-btn: 36;--vz-x-r: 12;--vz-row-icon: 18;--vz-osd-left: 80;--vz-osd-h: 300;--vz-osd-arc-w: 40;--vz-osd-gap: 22;--vz-osd-num: 104;--vz-osd-label: 14;--vz-osd-min-w: 160;--vz-osd-tilt: 24deg;--vz-hide-top: 70;--vz-hide-side: 110;--vz-hide-bottom: 90;--vz-hide-tilt: 100deg;--vz-hide-deck: .82;--vz-hide-osd: 120;--vz-hide-osd-tilt: 80deg;--vz-label-flip: 90deg;--vz-panel-flip: 80deg;--vz-panel-shift: 30;--vz-preview-flip: 38deg;--vz-magnet-rail: 9.8;--vz-magnet-pill: 14;--vz-magnet-orb: 11.2;--vz-parallax: 7;--blur-visor-hide: blur(6px);--blur-lens-1: blur(2px);--blur-lens-2: blur(5px);--blur-lens-3: blur(10px);--blur-lens-4: blur(20px);--blur-lens-5: blur(38px) saturate(1.2);--page-max: 62.5rem;--landscape-fit-chrome: calc(var(--space-sm) * 2 + var(--text-xl) + var(--space-xs));--page-gutter: clamp(1rem, 3vw, 2.5rem);--hero-gap-title: clamp(.75rem, 3.6vh, 2.4375rem);--hero-gap-row: clamp(.75rem, 4.6vh, 3.125rem);--hero-gap-hint: clamp(.75rem, 4vh, 2.6875rem);--section-gap: clamp(2.5rem, 4.4vw, 5.25rem);--source-row-gap: .9375rem;--preview-button-h: 3.0625rem;--feature-h: 15.5625rem;--feature-art-w: 15.625rem;--feature-glow: 29.875rem;--feature-lead-gap: .75rem;--feature-dim-num: .5;--feature-dim-art: .45;--feature-dim-name: .3;--blur-feature-name: blur(6px);--logo-w: 6.7813rem;--logo-h: 1.6163rem;--logo-mark-end: 24.31%;--mask-logo-word: linear-gradient(to bottom, transparent 15%, black 31%, black 69%, transparent 85%);--logo-roll-step: 60%;--logo-mark-scale: 1.06;--dur-logo-mark: .42s;--dur-logo-roll: .56s;--mask-roll-line: linear-gradient(to bottom, transparent, black 18%, black 82%, transparent);--roll-step-line: 100%;--keymap-u: .1cqi;--km-pad: 32.8283;--km-gap: 8.84;--km-radius: 30.303;--km-key: 58.08;--km-key-pad: 10.101;--km-key-radius: 11.3636;--km-text: 16.4141;--km-w-esc: 78.28;--km-w-home: 88.38;--km-w-tab: 90.91;--km-w-caps: 108.59;--km-w-shift: 136.36;--km-w-space: 454.55;--km-readout-gap: 30.77;--keys-overlap: .45em;--readout-w: 28.9375rem;--readout-pad-x: 1.25rem;--readout-gap: .625rem;--readout-corner: .625rem;--readout-corner-out: .25rem;--readout-rise: .375rem;--footer-gap-top: clamp(2rem, 5vw, 4.25rem);--footer-inset: 2.1875rem;--footer-gap: 1.1875rem;--footer-logo-gap: 2.5rem;--ratio-player: 16 / 9;--ratio-player-portrait: 405 / 563;--page-top-phone: 1.9463rem;--page-gutter-phone: clamp(.5rem, 2.25vw, 1rem);--hero-gap-title-phone: 2.125rem;--ratio-player-inline: 518.4 / 530;--vz-inline-h: 530;--vz-inline-top: 103.29;--vz-inline-timeline-bottom: 74;--vz-inline-sub-y: 100;--vz-inline-trx-top: 56;--clr-player-card-core: #294d61;--clr-player-card-mid: #0d1c29;--clr-player-card-edge: #03050a;--gradient-player-card: radial-gradient(50% 50% at 50% 50%, var(--clr-player-card-core) 0%, var(--clr-player-card-mid) 55%, var(--clr-player-card-edge) 100%);--radius-player-card: .829rem;--player-card-pad-bottom: 1.375rem;--player-card-inset: var(--space-3xs);--source-phone-pad: .375rem .8125rem .5rem;--source-phone-gap: .375rem;--source-phone-field-gap: .3125rem;--source-phone-field-h: 2.125rem;--source-phone-load-h: 1.875rem;--section-gap-phone: 3.8125rem;--feature-h-phone: 12.8125rem;--feature-h-phone-first: 13.3125rem;--ratio-phone: 9 / 19.5;--ratio-phone-landscape: 19.5 / 9;--phone-short: 24.375rem;--phone-long: 52.75rem;--phone-bezel: .75rem;--radius-phone: var(--radius-player);--radius-phone-screen: max(0rem, calc(var(--radius-phone) - var(--phone-bezel)));--preview-rotate-size: var(--preview-button-h);--z-video: 0;--z-visor: 1;--z-effects: 2;--z-overlay: 3;--z-controls: 4;--z-osd: 5;--z-hud-subtitles: 1;--z-hud-preview: 2;--z-popup: 8;--rgb-pink: 255 140 198;--rgb-pink-glass: 255 120 190;--rgb-alert: 255 111 163;--rgb-alert-soft: 255 156 194;--rgb-alert-glow: 255 92 150;--rgb-alert-text: 255 179 206;--rgb-alert-dot: 255 208 225;--rgb-alert-deep: 60 10 30;--rgb-amber: 255 194 77;--rgb-amber-text: 255 213 138;--rgb-mint: 92 242 196;--rgb-mint-text: 156 255 217;--rgb-violet: 123 140 255;--rgb-orchid: 192 132 252;--rgb-night: 2 8 14;--rgb-sub-glass: 10 30 45;--rgb-frost-tint: 70 165 205;--freeze-wash: rgb(var(--rgb-black) / .32);--rgb-frost-edge: 160 240 255;--rgb-frost-flash: 200 245 255;--rgb-frost-hex: 180 238 255;--rgb-frost-band: 170 230 255;--rgb-frost-line: 190 245 255;--rgb-frost-core: 225 250 255;--rgb-frost-glow: 150 235 255;--clr-pink: rgb(var(--rgb-pink));--clr-alert: rgb(var(--rgb-alert));--clr-alert-soft: rgb(var(--rgb-alert-soft));--clr-alert-glow: rgb(var(--rgb-alert-glow));--clr-alert-text: rgb(var(--rgb-alert-text));--clr-alert-dot: rgb(var(--rgb-alert-dot));--clr-amber: rgb(var(--rgb-amber));--clr-amber-text: rgb(var(--rgb-amber-text));--clr-mint: rgb(var(--rgb-mint));--clr-mint-text: rgb(var(--rgb-mint-text));--clr-violet: rgb(var(--rgb-violet));--clr-orchid: rgb(var(--rgb-orchid));--clr-group-range: #8fc7d6;--clr-segment: #9fd3e2;--clr-knob: #cfeff7;--clr-card: #06121c;--glass-switch-on: rgb(var(--rgb-cyan) / .5);--glass-segment: rgb(var(--rgb-ice) / .07);--glass-segment-thumb: rgb(var(--rgb-glass-hi) / .2);--glass-row-glide: rgb(var(--rgb-glass-hi) / .17);--glass-pill: linear-gradient(180deg, rgb(var(--rgb-glass-hi) / .2), rgb(var(--rgb-glass-low) / .2));--glass-toast: linear-gradient(180deg, rgb(var(--rgb-glass-panel) / .2), rgb(var(--rgb-glass-deep) / .38));--glass-toast-alert: linear-gradient(180deg, rgb(var(--rgb-pink-glass) / .22), rgb(var(--rgb-alert-deep) / .42));--glass-freeze-pill: linear-gradient(180deg, rgb(var(--rgb-glass-panel) / .22), rgb(var(--rgb-glass-deep) / .38));--blur-overlay: blur(24px) saturate(1.2);--blur-pill: blur(10px);--blur-toast: blur(14px) saturate(1.4);--blur-freeze-pill: blur(12px) saturate(1.5);--blur-sub: blur(8px);--blur-net: blur(8px);--blur-ambient: blur(12.5px) saturate(1.9) brightness(1.25);--ambient-pad: 2.75rem;--ambient-opacity: .35;--blur-orb-glow: blur(16px);--blur-band: blur(4px) brightness(1.5) saturate(.6);--shadow-row-glide: inset 0 1px 0 rgb(var(--rgb-frost-flash) / .22), 0 0 16px rgb(var(--rgb-glow) / .18), 0 10px 22px rgb(var(--rgb-black) / .35);--shadow-segment-thumb: inset 0 1px 0 rgb(var(--rgb-frost-flash) / .28), 0 0 14px rgb(var(--rgb-glow) / .22);--shadow-switch-on: inset 0 0 0 1px rgb(var(--rgb-frost-edge) / .5), 0 0 12px rgb(var(--rgb-glow) / .45);--shadow-switch-off: inset 0 0 0 1px rgb(var(--rgb-ice) / .45), 0 0 0 1px rgb(var(--rgb-shade) / .6);--shadow-knob-small: 0 2px 4px rgb(var(--rgb-black) / .4);--shadow-bip-knob: 0 0 12px rgb(var(--rgb-glow) / .9), 0 2px 6px rgb(var(--rgb-black) / .4);--shadow-card: 0 14px 34px rgb(var(--rgb-black) / .45);--shadow-card-hover: 0 0 30px rgb(var(--rgb-glow) / .28), 0 18px 40px rgb(var(--rgb-black) / .5);--shadow-toast: 0 10px 30px rgb(var(--rgb-black) / .35);--shadow-freeze-pill: 0 0 18px rgb(var(--rgb-glow) / .35), 0 8px 22px rgb(var(--rgb-black) / .35);--shadow-sub: 0 0 14px rgb(var(--rgb-glow) / .28);--text-glow-row: 0 0 10px rgb(var(--rgb-glow) / .95), 0 3px 6px rgb(var(--rgb-black) / .6);--text-glow-title: 0 0 16px rgb(var(--rgb-glow) / .55), 0 2px 4px rgb(var(--rgb-black) / .6);--text-glow-line: 0 0 22px rgb(var(--rgb-glow) / .45);--text-shadow-sub: 0 0 8px rgb(var(--rgb-black) / .95), 0 2px 3px rgb(var(--rgb-black) / .9);--icon-glow-pink: drop-shadow(0 0 5px rgb(var(--rgb-pink-glass) / .85));--loader-glow: drop-shadow(0 0 6px rgb(var(--rgb-glow) / .7));--loader-glow-alert: drop-shadow(0 0 6px rgb(var(--rgb-alert-glow) / .7));--font-title: "Michroma", "Chakra Petch", "Segoe UI", system-ui, sans-serif;--tracking-chapter: .34em;--tracking-chapter-title: .14em;--tracking-group: .26em;--tracking-button: .22em;--tracking-segment: .14em;--tracking-toast: .2em;--tracking-freeze: .16em;--ease-icon: cubic-bezier(.3, .7, .3, 1);--ease-line: cubic-bezier(.3, 1.35, .5, 1);--ease-row: cubic-bezier(.2, .9, .25, 1.25);--ease-page: cubic-bezier(.2, .9, .25, 1);--ease-knob: cubic-bezier(.3, 1.4, .5, 1);--ease-segment: cubic-bezier(.2, .9, .25, 1.15);--ease-morph: cubic-bezier(.65, 0, .25, 1.25);--ease-pill-in: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.2, .9, .25, 1.3);--ease-toast: cubic-bezier(.2, .9, .25, 1.1);--dur-row: .32s;--dur-page: .4s;--dur-morph: .42s;--dur-overlay: .5s;--dur-freeze: .7s;--dur-ambient: .7s;--typing-ms: 32;--dur-collapse: .55s;--dur-aurora: 16s;--dur-deck-shift: .56s;--dur-deck-shift-step: 70ms;--delay-deck-shift-step: 50ms;--ease-collapse: cubic-bezier(.65, 0, .35, 1);--seek-osd-hold: 1100;--vz-chapter-num: 11;--vz-chapter-title: 26;--vz-pill-slide: 120;--vz-left-panel-w: 220;--vz-switch-w: 40;--vz-switch-h: 22;--vz-switch-knob: 16;--vz-bip-h: 28;--vz-bip-track: 6;--vz-segment-h: 40;--vz-reset-h: 38;--vz-loader: 136;--vz-orb-glow: 110;--vz-net-left: 92;--vz-net-top: 156;--vz-net-label: 12;--vz-toast-top: 34;--vz-freeze-pill-top: 184;--vz-freeze-corner: 38;--vz-freeze-corner-inset: 64;--vz-sosd-h: 200;--vz-sosd-num: 44;--vz-sub-text: 24;--vz-sub-max: 820;--vz-sub-x: 640;--vz-sub-y: 572;--vz-trx-side: 250;--vz-trx-top: 110;--vz-deck-trx-gap: 28;--vz-deck-trx-scale: .75;--vz-phone-h: 500;--vz-phone-w: 1000;--vz-phone-top: 28;--vz-phone-net-top: 51;--vz-phone-net-left: 68;--vz-phone-rail-inset: 52;--vz-phone-timeline-w: 820;--vz-phone-timeline-bottom: 22;--vz-phone-trx-top: 80;--vz-phone-sub-bottom: 122;--panel-clear-short: 3.5rem;--vz-portrait-w: 518.4;--vz-portrait-h: 720.64;--vz-portrait-u-max: .0625rem;--vz-portrait-title-h: 50.24;--vz-portrait-net-top: 165.68;--vz-portrait-net-left: 31.85;--vz-portrait-net-label: 10;--vz-portrait-rail-inset: 14.72;--vz-portrait-rail-y: 6.4;--vz-portrait-rail-h: 256;--vz-portrait-arc-w: 19.2;--vz-portrait-btn: 48;--vz-portrait-icon: 24;--vz-portrait-rail-gap: 18;--vz-portrait-orb: 82.06;--vz-portrait-pill: 58.62;--vz-portrait-pill-offset: 83.2;--vz-portrait-pill-text: 15.63;--vz-portrait-play-icon: 27.35;--vz-portrait-timeline-h: 48.59;--vz-portrait-timeline-side: 17.97;--vz-portrait-timeline-gap: 6.27;--vz-portrait-time: 19.12;--vz-portrait-tick-step: 6.35;--vz-portrait-tick-major: 5.08;--vz-portrait-tick-minor: 3.17;--vz-portrait-tick-w: .64;--vz-portrait-head-w: 1.91;--vz-portrait-head-h: 13.96;--vz-portrait-head-turn: 12deg;--vz-portrait-arc-off-1: -9.98;--vz-portrait-arc-off-2: -87.33;--vz-portrait-arc-off-3: -164.67;--vz-portrait-arc-off-4: -242.02;--vz-portrait-rail-clear: 90;--vz-portrait-sub-y: 140.8;--vz-portrait-deck-trx: 99;--vz-portrait-trx-top: 70;--vz-portrait-trx-bottom: 139;--vz-portrait-trx-line: 24;--vz-portrait-sheet-drop: 28;--vz-portrait-sheet-fade: 56;--vz-portrait-sheet-pad: 10;--vz-trx-line: 32;--vz-ue-row-h: 172;--vz-ue-row-rise: 72;--vz-ue-actions-drop: 150;--vz-card-w: 216;--vz-card-h: 122;--vz-card-gap: 22;--vz-card-r: 12;--vz-card-turn: 10deg;--vz-card-lift: 22;--vz-card-play: 42;--bp-tablet: 1024px;--bp-mobile: 768px;--rgb-aurora-1: 112 238 206;--rgb-aurora-2: 108 182 255;--rgb-aurora-3: 166 132 255;--rgb-aurora-4: 246 138 204;--gradient-aurora: linear-gradient(90deg, rgb(var(--rgb-aurora-1)), rgb(var(--rgb-aurora-2)), rgb(var(--rgb-aurora-3)), rgb(var(--rgb-aurora-4)), rgb(var(--rgb-aurora-1)), rgb(var(--rgb-aurora-2)), rgb(var(--rgb-aurora-3)), rgb(var(--rgb-aurora-4)), rgb(var(--rgb-aurora-1)));--gradient-aurora-soft: linear-gradient(90deg, rgb(var(--rgb-aurora-1) / .6), rgb(var(--rgb-aurora-2) / .6), rgb(var(--rgb-aurora-3) / .6), rgb(var(--rgb-aurora-4) / .6), rgb(var(--rgb-aurora-1) / .6), rgb(var(--rgb-aurora-2) / .6), rgb(var(--rgb-aurora-3) / .6), rgb(var(--rgb-aurora-4) / .6), rgb(var(--rgb-aurora-1) / .6))}[data-theme]{--clr-cyan: rgb(var(--rgb-cyan));--clr-glow: rgb(var(--rgb-glow));--clr-cyan-bright: rgb(var(--rgb-cyan-bright));--clr-cyan-deep: rgb(var(--rgb-cyan-deep));--gradient-swatch: linear-gradient(135deg, rgb(var(--rgb-cyan-deep)) 0%, rgb(var(--rgb-cyan)) 55%, rgb(var(--rgb-cyan-bright)) 100%);--shadow-swatch: inset 0 0 0 1px rgb(var(--rgb-white) / .28), 0 0 8px rgb(var(--rgb-glow) / .3);--shadow-swatch-on: inset 0 0 0 1px rgb(var(--rgb-white) / .4), 0 0 0 2px rgb(var(--rgb-shade) / .9), 0 0 0 3.5px var(--clr-white), 0 0 14px rgb(var(--rgb-glow) / .75);--clr-swatch-check: var(--clr-void)}[data-theme=electric]{--rgb-cyan: 127 233 255;--rgb-glow: 92 225 255;--rgb-cyan-bright: 191 244 255;--rgb-cyan-deep: 47 184 224;--rgb-line: 140 230 255;--rgb-glass-tint: 120 210 255;--rgb-glass-hi: 160 235 255;--rgb-glass-panel: 140 220 255;--rgb-glass-low: 20 60 90;--rgb-glass-deep: 10 40 60;--rgb-sheen: 200 240 255;--rgb-sheen-soft: 160 230 255;--clr-value: #a9e6f5;--clr-segment: #9fd3e2;--clr-group-range: #8fc7d6;--track-base: rgb(var(--rgb-ice) / .66)}[data-theme=violet]{--rgb-cyan: 198 172 255;--rgb-glow: 166 122 255;--rgb-cyan-bright: 230 218 255;--rgb-cyan-deep: 128 84 228;--rgb-line: 200 178 255;--rgb-glass-tint: 184 150 255;--rgb-glass-hi: 210 188 255;--rgb-glass-panel: 194 168 255;--rgb-glass-low: 44 26 92;--rgb-glass-deep: 28 16 62;--rgb-sheen: 228 212 255;--rgb-sheen-soft: 204 182 255;--clr-value: #d3c4f8;--clr-segment: #c4b5ea;--clr-group-range: #b3a3d9;--track-base: rgb(var(--rgb-ice) / .54)}[data-theme=emerald]{--rgb-cyan: 112 240 182;--rgb-glow: 50 214 140;--rgb-cyan-bright: 192 255 224;--rgb-cyan-deep: 20 168 108;--rgb-line: 132 236 188;--rgb-glass-tint: 112 230 172;--rgb-glass-hi: 160 245 206;--rgb-glass-panel: 140 235 190;--rgb-glass-low: 14 70 50;--rgb-glass-deep: 8 46 34;--rgb-sheen: 200 255 228;--rgb-sheen-soft: 160 240 202;--clr-value: #a9ecca;--clr-segment: #9fd8bb;--clr-group-range: #8cc7a9;--track-base: rgb(var(--rgb-ice) / .65)}[data-theme=solar]{--rgb-cyan: 255 198 112;--rgb-glow: 255 146 58;--rgb-cyan-bright: 255 228 172;--rgb-cyan-deep: 228 116 36;--rgb-line: 255 202 132;--rgb-glass-tint: 255 182 112;--rgb-glass-hi: 255 212 152;--rgb-glass-panel: 255 196 132;--rgb-glass-low: 90 44 14;--rgb-glass-deep: 60 28 8;--rgb-sheen: 255 232 200;--rgb-sheen-soft: 255 212 160;--clr-value: #f5d4a4;--clr-segment: #e8c79a;--clr-group-range: #d6b48a;--track-base: rgb(var(--rgb-ice) / .62)}[data-theme=crimson]{--rgb-cyan: 255 124 154;--rgb-glow: 234 50 92;--rgb-cyan-bright: 255 198 214;--rgb-cyan-deep: 186 22 62;--rgb-line: 255 142 172;--rgb-glass-tint: 255 122 152;--rgb-glass-hi: 255 172 192;--rgb-glass-panel: 255 150 176;--rgb-glass-low: 86 14 32;--rgb-glass-deep: 58 8 22;--rgb-sheen: 255 216 226;--rgb-sheen-soft: 255 182 202;--clr-value: #f5b9c8;--clr-segment: #e6aaba;--clr-group-range: #d497a7;--track-base: rgb(var(--rgb-ice) / .48)}[data-theme=aurora]{--rgb-cyan: 128 238 214;--rgb-glow: 138 150 255;--rgb-cyan-bright: 216 200 255;--rgb-cyan-deep: 58 176 204;--rgb-line: 156 214 244;--rgb-glass-tint: 142 196 255;--rgb-glass-hi: 182 222 255;--rgb-glass-panel: 162 200 255;--rgb-glass-low: 30 40 92;--rgb-glass-deep: 18 26 64;--rgb-sheen: 220 230 255;--rgb-sheen-soft: 190 210 255;--clr-value: #c6d4f5;--clr-segment: #b8cae8;--clr-group-range: #a8b8d8;--track-base: rgb(var(--rgb-ice) / .43);--gradient-swatch: var(--gradient-aurora)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;color-scheme:dark;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--clr-text);background:var(--clr-void);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--clr-cyan-bright);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.keymap{container:keymap / inline-size}.keymap-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(var(--km-gap) * var(--keymap-u));padding:calc(var(--km-pad) * var(--keymap-u));border:var(--line-key) solid var(--clr-keymap-line);border-radius:calc(var(--km-radius) * var(--keymap-u));box-shadow:var(--shadow-keymap)}.keymap-panel:before{content:"";position:absolute;z-index:-1;inset:calc(var(--line-key) * -1);background:var(--gradient-keymap);-webkit-backdrop-filter:var(--blur-keymap);backdrop-filter:var(--blur-keymap);border-radius:inherit}.keymap-row{display:flex;gap:calc(var(--km-gap) * var(--keymap-u))}.keymap-key{position:relative;isolation:isolate;display:flex;flex:0 1 auto;justify-content:center;align-items:center;box-sizing:border-box;width:calc(var(--km-key) * var(--keymap-u));min-width:0;height:calc(var(--km-key) * var(--keymap-u));padding:0 calc(var(--km-key-pad) * var(--keymap-u));font-family:var(--font-display);font-size:max(var(--text-key-min),calc(var(--km-text) * var(--keymap-u)));font-weight:600;line-height:var(--leading-key);text-align:center;white-space:nowrap;color:var(--clr-ice-a32);background:var(--gradient-key-idle);border:var(--line-key) solid var(--clr-key-idle-line);border-radius:calc(var(--km-key-radius) * var(--keymap-u));box-shadow:var(--shadow-key);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.keymap-key[data-size=esc]{width:calc(var(--km-w-esc) * var(--keymap-u))}.keymap-key[data-size=home]{width:calc(var(--km-w-home) * var(--keymap-u))}.keymap-key[data-size=tab]{width:calc(var(--km-w-tab) * var(--keymap-u))}.keymap-key[data-size=caps]{width:calc(var(--km-w-caps) * var(--keymap-u))}.keymap-key[data-size=shift]{width:calc(var(--km-w-shift) * var(--keymap-u))}.keymap-key[data-size=space]{width:calc(var(--km-w-space) * var(--keymap-u))}.keymap-key[data-size=fill]{flex:1 1 0;width:auto}.keymap-key[data-mapped]{color:var(--clr-ice);background:var(--gradient-key-mapped);border-color:var(--clr-key-mapped-line);cursor:pointer}.keymap-key:before{content:"";position:absolute;z-index:-1;inset:calc(var(--line-key) * -1);background:var(--gradient-key-active);border-radius:inherit;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.keymap-key[data-active]{color:var(--clr-key-active-text);border-color:transparent;box-shadow:var(--shadow-key-active)}.keymap-key[data-active]:before{opacity:1}.keymap-key:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.keymap-readout{position:absolute;z-index:1;left:var(--readout-x, 0);display:flex;flex-direction:column;gap:var(--readout-gap);box-sizing:border-box;width:min(var(--readout-w),100%);padding:var(--space-sm) var(--readout-pad-x);background:var(--clr-readout-bg);-webkit-backdrop-filter:var(--blur-readout);backdrop-filter:var(--blur-readout);border:1px solid var(--clr-readout-line);box-shadow:var(--shadow-readout);pointer-events:none;visibility:hidden;opacity:0;translate:0 var(--readout-rise);transition:opacity var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}.keymap-readout[data-place=above]{bottom:calc(100% - var(--readout-y, 0px) + var(--km-readout-gap) * var(--keymap-u))}.keymap-readout[data-place=below]{top:calc(var(--readout-y, 0px) + var(--km-readout-gap) * var(--keymap-u))}.keymap-readout[data-open]{visibility:visible;opacity:1;translate:none;transition-delay:0s}.keymap-readout:before{--bracket: linear-gradient(var(--clr-glow), var(--clr-glow));content:"";position:absolute;inset:calc(var(--readout-corner-out) * -1);background:var(--bracket) top left / var(--readout-corner) 1px,var(--bracket) top left / 1px var(--readout-corner),var(--bracket) top right / var(--readout-corner) 1px,var(--bracket) top right / 1px var(--readout-corner),var(--bracket) bottom right / var(--readout-corner) 1px,var(--bracket) bottom right / 1px var(--readout-corner),var(--bracket) bottom left / var(--readout-corner) 1px,var(--bracket) bottom left / 1px var(--readout-corner);background-repeat:no-repeat}.keymap-readout-title{margin:0;font-family:var(--font-title);font-size:var(--text-readout-title);font-weight:400;line-height:var(--leading-readout-title);text-transform:uppercase;color:var(--clr-white)}.keymap-readout-body{margin:0;font-family:var(--font-ui);font-size:var(--text-readout-body);font-weight:500;line-height:var(--leading-readout-body);letter-spacing:var(--tracking-ui);color:var(--clr-readout-body)}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.keymap-panel:before,.keymap-readout{background:var(--surface-glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.keymap-key,.keymap-key:before,.keymap-readout{transition:none}.keymap-readout{translate:none}}:is([data-icon-anim=draw],[data-icon-anim=draw-line],[data-icon-anim=draw-x],[data-icon-anim=draw-box]){stroke-dasharray:1}.icon-glyph-text{font-family:var(--font-display)}[data-icon-anim=needle]{transform-box:view-box;transform-origin:50% 54.1667%}:is([data-icon-anim=nudge],[data-icon-anim^=corner],[data-icon-anim^=fade]){transform-box:view-box}[data-icon-anim=shake]{transform-box:fill-box;transform-origin:100% 50%}[data-icon-anim=pop]{transform-box:fill-box;transform-origin:50% 50%}[data-icon-anim=lap-1]{transform-box:view-box;translate:66.6667% 25%}[data-icon-anim=lap-2]{transform-box:view-box;translate:33.3333% 75%;rotate:180deg}@supports (offset-path: path("M0 0")){:is([data-icon-anim=lap-1],[data-icon-anim=lap-2]){translate:none;rotate:none;transform-box:fill-box;offset-anchor:center;offset-rotate:auto;offset-path:path("M4 12V11A5 5 0 0 1 9 6H17A3 3 0 0 1 20 9V13A5 5 0 0 1 15 18H7A3 3 0 0 1 4 15Z")}[data-icon-anim=lap-1]{offset-distance:32.27%}[data-icon-anim=lap-2]{offset-distance:82.27%}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=snake]{animation:icon-snake 1.15s var(--ease-loop) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=lap-1]{animation:icon-lap-1 1.15s var(--ease-loop) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=lap-2]{animation:icon-lap-2 1.15s var(--ease-loop) both}}[data-icon=transcript] [data-line]{transform-box:view-box;transform-origin:50% 50%;transition:transform .5s var(--ease-line),opacity .25s ease}[data-icon=transcript] [data-line="1"]{transform:translateY(-25%)}[data-icon=transcript] [data-line="3"]{transform:translateY(25%)}[aria-expanded=true]>[data-icon=transcript] [data-line="1"]{transform:rotate(45deg) scaleX(.86)}[aria-expanded=true]>[data-icon=transcript] [data-line="3"]{transform:rotate(-45deg) scaleX(.86)}[aria-expanded=true]>[data-icon=transcript] :is([data-line="2"],[data-line="4"]){opacity:0;transform:scaleX(.2)}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=draw]{animation:icon-draw .4s var(--ease-icon) var(--icon-delay, 0s) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=draw][style]{animation-duration:.45s}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=shake]{animation:icon-shake .55s var(--ease-icon) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=pop]{animation:icon-pop .5s var(--ease-icon) .05s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=draw-x]{animation:icon-draw .3s var(--ease-icon) var(--icon-delay, 0s) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=needle]{animation:icon-spin .9s var(--ease-icon) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=gear]{animation:icon-gear .8s var(--ease-icon) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=draw-box]{animation:icon-draw .6s var(--ease-draw) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=fade]{animation:icon-fade-up .3s ease-out .35s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=fade-1]{animation:icon-fade-up .25s ease-out .3s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=fade-2]{animation:icon-fade-up .25s ease-out .45s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=draw-line]{animation:icon-draw .3s ease-out var(--icon-delay, 0s) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=nudge]{animation:icon-nudge .5s ease-in-out .1s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=corner-1]{animation:icon-corner-1 .65s var(--ease-icon) both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=corner-2]{animation:icon-corner-2 .65s var(--ease-icon) .05s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=corner-3]{animation:icon-corner-3 .65s var(--ease-icon) .1s both}[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim=corner-4]{animation:icon-corner-4 .65s var(--ease-icon) .15s both}[data-magnet]:is(:hover,:has(:focus-visible)) [aria-expanded=true]>[data-icon=transcript]{animation:icon-x-spin .55s var(--ease-icon) both}[data-magnet]:is(:hover,:has(:focus-visible)) [aria-expanded=true]>[data-icon=transcript] [data-icon-anim]{animation:none}@keyframes icon-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes icon-spin{0%{rotate:0deg}78%{rotate:380deg}to{rotate:360deg}}@keyframes icon-gear{0%{rotate:0deg}80%{rotate:190deg}to{rotate:180deg}}@keyframes icon-x-spin{0%{rotate:0deg}70%{rotate:100deg}to{rotate:90deg}}@keyframes icon-nudge{0%,to{translate:0 0}45%{translate:12.5% 0}}@keyframes icon-fade-up{0%{opacity:0;translate:0 8.3333%}to{opacity:1;translate:0 0}}@keyframes icon-shake{0%,to{rotate:0deg;translate:0 0}18%{rotate:-9deg;translate:-.6% 0}36%{rotate:7deg;translate:0 0}54%{rotate:-4deg}72%{rotate:2deg}}@keyframes icon-pop{0%{scale:.55;rotate:-90deg;opacity:.2}60%{scale:1.18;rotate:8deg;opacity:1}to{scale:1;rotate:0deg;opacity:1}}@keyframes icon-corner-1{0%,to{translate:0 0}45%{translate:-10.4167% -10.4167%}}@keyframes icon-corner-2{0%,to{translate:0 0}45%{translate:10.4167% -10.4167%}}@keyframes icon-corner-3{0%,to{translate:0 0}45%{translate:10.4167% 10.4167%}}@keyframes icon-corner-4{0%,to{translate:0 0}45%{translate:-10.4167% 10.4167%}}@keyframes icon-snake{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes icon-lap-1{0%{offset-distance:32.27%}to{offset-distance:132.27%}}@keyframes icon-lap-2{0%{offset-distance:82.27%}to{offset-distance:182.27%}}@media(prefers-reduced-motion:reduce){[data-magnet]:is(:hover,:has(:focus-visible)) [data-icon-anim],[data-magnet]:is(:hover,:has(:focus-visible)) [aria-expanded=true]>[data-icon=transcript]{animation:none}[data-icon=transcript] [data-line]{transition:none}}.source{position:relative;flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-ui);font-weight:700}.source-bar{display:flex;align-items:center;gap:.875rem;padding-inline-start:.75rem;background:var(--clr-bar);border:1px solid var(--clr-bar-line);border-radius:var(--radius-bar);overflow:hidden}.source-head{display:flex;flex:none;flex-direction:column;padding-block:.5rem}.source-state{display:flex;align-items:center;gap:.1875rem;margin:0;font-size:var(--text-ui-sm);line-height:var(--leading-ui-sm);text-transform:uppercase;color:var(--clr-glow)}.source-state:before{content:"";width:.3125rem;height:.3125rem;background:currentColor;border-radius:50%}.source-state[data-tone=busy]{color:var(--clr-field-text)}.source-state[data-tone=error]{color:var(--clr-danger)}.source-label{font-size:var(--text-sm);line-height:var(--leading-ui);text-transform:uppercase;color:var(--clr-white)}.source-field{display:flex;flex:1 1 auto;align-self:stretch;justify-content:space-between;align-items:center;gap:.625rem;min-width:0;padding:.25rem .5rem .25rem .875rem;background:var(--clr-black);border-radius:var(--radius-bar) 0 0 var(--radius-bar)}.source-field:has(.source-input[aria-invalid]){box-shadow:inset 0 0 0 1px var(--clr-danger)}.source-input{flex:1 1 auto;min-width:0;min-height:var(--size-target-min);padding:0;font:inherit;font-size:var(--text-sm);line-height:var(--leading-ui);text-transform:uppercase;color:var(--clr-field-text);caret-color:var(--clr-glow);background:transparent;border:0;border-radius:var(--radius-xs)}.source-input::placeholder{color:var(--clr-idle);opacity:1}.source-input:focus-visible{outline:none}.source-load{display:flex;flex:none;align-items:center;gap:.375rem;padding:.375rem .5rem;font:inherit;font-size:var(--text-sm);line-height:var(--leading-ui);text-transform:uppercase;color:var(--clr-glow);background:var(--clr-glow-a10);border-radius:var(--radius-load);cursor:pointer;transition:background-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.source-load svg{font-size:var(--text-md)}.source-load-word{display:grid;-webkit-mask-image:var(--mask-roll-line);mask-image:var(--mask-roll-line)}.source-load-text{grid-area:1 / 1;transition:translate var(--dur-logo-roll) var(--ease-loop)}.source-load-text[data-copy=next]{translate:0 var(--roll-step-line)}@media(hover:hover){.source-load:hover{background-color:var(--glass-hover);box-shadow:var(--glow-sm)}.source-load:hover .source-load-text[data-copy=current]{translate:0 calc(var(--roll-step-line) * -1)}.source-load:hover .source-load-text[data-copy=next]{translate:none}}.source-load:focus-visible .source-load-text[data-copy=current]{translate:0 calc(var(--roll-step-line) * -1)}.source-load:focus-visible .source-load-text[data-copy=next]{translate:none}.source-load:focus-visible{outline:var(--focus-outline);outline-offset:calc(var(--focus-offset) * -1)}.source-load[aria-disabled]{cursor:progress;opacity:.6}.source-status{position:absolute;top:calc(100% + var(--space-2xs));left:0;right:0;margin:0;font-size:var(--text-xs);line-height:var(--leading-hint);color:var(--clr-danger)}.source-status:not([data-tone=error]){width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.source-load,.source-load-text{transition:none}.source-load:hover .source-load-text[data-copy=current],.source-load:focus-visible .source-load-text[data-copy=current]{translate:none}.source-load:hover .source-load-text[data-copy=next],.source-load:focus-visible .source-load-text[data-copy=next]{translate:0 var(--roll-step-line)}}@media(max-width:768px),(orientation:landscape)and (max-height:500px){.source-status[data-tone=error]{position:static;margin-top:var(--space-2xs)}}@media(max-width:600px)and (orientation:portrait){.source-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--source-phone-gap) var(--space-xs);padding:var(--source-phone-pad)}.source-head,.source-field{display:contents}.source-label{grid-area:1 / 1}.source-state{grid-area:1 / 2}.source-input{grid-column:1 / -1;min-height:var(--source-phone-field-h);margin-top:var(--source-phone-field-gap);padding-inline:var(--space-xs);text-overflow:ellipsis;background:var(--clr-black);border-radius:var(--radius-load)}.source-input[aria-invalid]{box-shadow:inset 0 0 0 1px var(--clr-danger)}.source-load{grid-column:1 / -1;justify-content:center;min-height:var(--source-phone-load-h)}}[data-magnet]>button{transition-property:transform,background-color,background-image,box-shadow,border-color,color,backdrop-filter;transition-duration:var(--dur-magnet-release),.4s,.4s,.25s,.25s,var(--dur-fast),.25s;transition-timing-function:var(--ease-spring),ease,ease,ease,ease,ease,ease}[data-magnet=active]>button{transform:translate(calc(var(--magnet-x, 0) * var(--magnet-reach, calc(var(--vz-magnet-rail) * var(--u)))),calc(var(--magnet-y, 0) * var(--magnet-reach, calc(var(--vz-magnet-rail) * var(--u))))) matrix(var(--magnet-a, 1),var(--magnet-b, 0),var(--magnet-b, 0),var(--magnet-d, 1),0,0);transition-duration:var(--dur-magnet-follow),.2s,.2s,.25s,.25s,var(--dur-fast),.25s;transition-timing-function:var(--ease-magnet),ease,ease,ease,ease,ease,ease}[data-magnet]>button>:is(svg,span){transition:translate var(--dur-magnet-release) var(--ease-spring)}[data-magnet=active]>button>:is(svg,span){translate:calc(var(--magnet-x, 0) * var(--vz-parallax) * var(--u)) calc(var(--magnet-y, 0) * var(--vz-parallax) * var(--u));transition:translate var(--dur-magnet-follow) var(--ease-magnet)}@media(prefers-reduced-motion:reduce){[data-magnet=active]>button,[data-magnet=active]>button>:is(svg,span){transform:none;translate:none}}.deck{--deck-orb: calc(var(--vz-orb) * var(--u));--deck-pill: calc(var(--vz-pill) * var(--u));--deck-gap: calc((var(--vz-pill-offset) - var(--vz-orb) / 2 - var(--vz-pill) / 2) * var(--u));--deck-icon: calc(var(--vz-play-icon) * var(--u));--deck-text: max(calc(var(--vz-pill-text) * var(--u)), var(--text-xs));--deck-shift-s: var(--vz-deck-trx-scale);--deck-shift-y: calc(50cqb - var(--trx-deck-y));--deck-shift-x: calc(((var(--deck-orb) + var(--deck-pill)) / 2 + var(--deck-gap)) * (1 - var(--deck-shift-s)));position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:var(--deck-gap);translate:-50% -50%}.deck-slot{display:grid;place-items:center;--magnet-reach: calc(var(--vz-magnet-pill) * var(--u))}.deck-core{position:relative;display:grid;place-items:center;width:var(--deck-orb);height:var(--deck-orb);--magnet-reach: calc(var(--vz-magnet-orb) * var(--u));transition:translate var(--shift-dur) var(--ease-out) var(--shift-delay),scale var(--shift-dur) var(--ease-out) var(--shift-delay)}.deck-slot[data-side=forward]{--shift-dur: var(--dur-deck-shift);--shift-delay: 0s}.deck-slot[data-side=back]{--shift-dur: calc(var(--dur-deck-shift) + var(--dur-deck-shift-step));--shift-delay: var(--delay-deck-shift-step)}.deck-core{--shift-dur: calc(var(--dur-deck-shift) + 2 * var(--dur-deck-shift-step));--shift-delay: calc(2 * var(--delay-deck-shift-step))}.astro:has(.transcript[data-open]) .deck-core{--shift-dur: var(--dur-deck-shift);--shift-delay: 0s;translate:0 var(--deck-shift-y);scale:var(--deck-shift-s)}.astro:has(.transcript[data-open]) .deck-slot[data-side=back]{translate:var(--deck-shift-x) var(--deck-shift-y);scale:var(--deck-shift-s)}.astro:has(.transcript[data-open]) .deck-slot[data-side=forward]{--shift-dur: calc(var(--dur-deck-shift) + 2 * var(--dur-deck-shift-step));--shift-delay: calc(2 * var(--delay-deck-shift-step));translate:calc(var(--deck-shift-x) * -1) var(--deck-shift-y);scale:var(--deck-shift-s)}.deck-warp,.deck-play{--glint: var(--glint-rest);position:relative;display:flex;align-items:center;justify-content:center;padding:0;color:var(--clr-white);background:radial-gradient(circle at var(--magnet-hx, 50%) var(--magnet-hy, 50%),var(--glint),transparent 58%),var(--glass-orb);border:0;border-radius:50%;box-shadow:var(--shadow-orb);-webkit-backdrop-filter:var(--blur-orb);backdrop-filter:var(--blur-orb);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-magnet=active]>:is(.deck-warp,.deck-play){--glint: var(--glint-on)}.deck-warp:focus-visible,.deck-play:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.deck-warp{width:var(--deck-pill);height:var(--deck-pill)}.deck-warp-value{font-size:var(--deck-text);font-weight:var(--weight-hud);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:var(--text-halo),var(--text-glow)}.deck-warp[data-active]{color:var(--clr-cyan);box-shadow:var(--shadow-orb),0 0 0 1px rgb(var(--rgb-cyan) / .7),0 0 18px rgb(var(--rgb-glow) / .55)}.deck-play{width:var(--deck-orb);height:var(--deck-orb);font-size:var(--deck-icon)}.deck-play>svg{overflow:visible;filter:var(--play-glow);transition:transform var(--dur-morph) var(--ease-morph),opacity .25s ease}.deck-play [data-icon=play-pause] path{transition:d var(--dur-morph) var(--ease-morph)}.deck-dots{position:absolute;top:50%;left:50%;display:flex;gap:calc(6 * var(--u));pointer-events:none;translate:-50% -50%}.deck-dots i{width:calc(6 * var(--u));min-width:3px;aspect-ratio:1;background:var(--clr-white);border-radius:50%;box-shadow:0 0 8px var(--clr-glow);opacity:0;scale:0;transition:opacity .25s ease,scale .35s var(--ease-pop)}.deck-core:has(.deck-loader[data-visible]) .deck-play>svg{opacity:0;transform:scale(.3)}.deck-core:has(.deck-loader[data-visible]) .deck-dots i{opacity:1;scale:1;animation:deck-dot 1s ease-in-out infinite}.deck-core:has(.deck-loader[data-visible]) .deck-dots i:nth-child(2){animation-delay:.14s}.deck-core:has(.deck-loader[data-visible]) .deck-dots i:nth-child(3){animation-delay:.28s}.deck-core:has(.deck-loader[data-alert]) .deck-dots i{background:var(--clr-alert-dot);box-shadow:0 0 8px var(--clr-alert-glow)}@keyframes deck-dot{0%,to{translate:0 calc(2 * var(--u));opacity:.45}40%{translate:0 calc(-4 * var(--u));opacity:1}}.deck-glow{position:absolute;top:50%;left:50%;width:calc(var(--vz-orb-glow) / var(--vz-orb) * 100%);aspect-ratio:1;pointer-events:none;background:conic-gradient(from 0deg,var(--clr-glow),var(--clr-violet),var(--clr-orchid),var(--clr-mint),var(--clr-glow));border-radius:50%;filter:var(--blur-orb-glow);opacity:0;translate:-50% -50%;transform:scale(.7);transition:opacity var(--dur-freeze) ease,transform .9s var(--ease-toast)}.deck-glow[data-active]{opacity:.45;transform:none;animation:deck-glow-spin 6s linear infinite,deck-glow-breath 2.6s ease-in-out infinite alternate}@keyframes deck-glow-spin{to{rotate:360deg}}@keyframes deck-glow-breath{0%{scale:.9;opacity:.32}to{scale:1.1;opacity:.55}}.deck-ring{position:absolute;inset:-16%;width:132%;height:132%;rotate:-90deg;overflow:visible;pointer-events:none}.deck-ring-track,.deck-ring-progress{fill:none;opacity:0;transition:opacity var(--dur-base) var(--ease-out),stroke-dashoffset 90ms linear}.deck-ring-track{stroke:var(--clr-cyan-a18);stroke-width:.8}.deck-ring-progress{stroke:var(--clr-cyan);stroke-width:1.6;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--clr-glow))}.deck-core[data-warp] :is(.deck-ring-track,.deck-ring-progress){opacity:1}.deck-loader{position:absolute;top:50%;left:50%;width:calc(var(--vz-loader) / var(--vz-orb) * 100%);height:calc(var(--vz-loader) / var(--vz-orb) * 100%);overflow:visible;pointer-events:none;filter:var(--loader-glow);opacity:0;translate:-50% -50%;transform:scale(.82) rotate(-40deg);transition:opacity .35s ease,transform .6s var(--ease-page)}.deck-loader[data-visible]{opacity:1;transform:none}.deck-loader:not([data-visible]) circle{animation-play-state:paused}.deck-loader circle{fill:none;transform-box:view-box;transform-origin:50% 50%}.deck-loader-track{stroke:rgb(var(--rgb-cyan) / .14);stroke-width:2}.deck-loader-ticks{stroke:rgb(var(--rgb-cyan) / .35);stroke-width:3;stroke-dasharray:1 7.6;animation:deck-loader-spin 9s linear infinite}.deck-loader-arc[data-arc=outer]{stroke:var(--clr-white);stroke-width:3;stroke-linecap:round;stroke-dasharray:70 282;animation:deck-loader-spin 1.05s linear infinite,deck-loader-arc 2.1s ease-in-out infinite}.deck-loader-arc[data-arc=inner]{stroke:var(--clr-cyan);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:34 280;animation:deck-loader-spin 1.7s linear infinite reverse}.deck-loader[data-alert]{filter:var(--loader-glow-alert)}.deck-loader[data-alert] .deck-loader-arc[data-arc=outer]{stroke:var(--clr-alert);animation-duration:1.8s,3.4s}.deck-loader[data-alert] .deck-loader-arc[data-arc=inner]{stroke:var(--clr-alert-soft);animation-duration:2.8s}@keyframes deck-loader-spin{to{rotate:360deg}}@keyframes deck-loader-arc{0%,to{stroke-dasharray:28 324}50%{stroke-dasharray:150 202}}@property --slot-in{syntax: "<number>"; inherits: true; initial-value: 1;}.deck-slot[data-side]{transition:transform .7s var(--ease-pill-in) .2s,--slot-in .7s var(--ease-draw) .2s,translate var(--shift-dur) var(--ease-out) var(--shift-delay),scale var(--shift-dur) var(--ease-out) var(--shift-delay)}.deck-slot[data-side]>.deck-warp{opacity:calc(var(--hud-in, 1) * var(--slot-in, 1))}.astro-controls:not([data-visible]) .deck-slot[data-side]{--slot-in: 0;transition:transform .3s var(--ease-in-quick),--slot-in .22s ease,translate var(--shift-dur) var(--ease-out) var(--shift-delay),scale var(--shift-dur) var(--ease-out) var(--shift-delay)}.astro-controls:not([data-visible]) .deck-slot[data-side=back]{transform:translate(calc(var(--vz-pill-slide) * var(--u))) scale(.6)}.astro-controls:not([data-visible]) .deck-slot[data-side=forward]{transform:translate(calc(var(--vz-pill-slide) * var(--u) * -1)) scale(.6)}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.deck{--deck-shift-y: calc(50cqb - var(--tl-bottom) - var(--vz-portrait-deck-trx) * var(--u))}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.astro:has(.hud-popup[data-open]:not([data-ending-style])) .deck-core{--shift-dur: var(--dur-deck-shift);--shift-delay: 0s;translate:0 var(--deck-shift-y);scale:var(--deck-shift-s)}.astro:has(.hud-popup[data-open]:not([data-ending-style])) .deck-slot[data-side=back]{translate:var(--deck-shift-x) var(--deck-shift-y);scale:var(--deck-shift-s)}.astro:has(.hud-popup[data-open]:not([data-ending-style])) .deck-slot[data-side=forward]{--shift-dur: calc(var(--dur-deck-shift) + 2 * var(--dur-deck-shift-step));--shift-delay: calc(2 * var(--delay-deck-shift-step));translate:calc(var(--deck-shift-x) * -1) var(--deck-shift-y);scale:var(--deck-shift-s)}}@container astro (max-width: 768px) and (max-height: 260px){.deck{--deck-orb: 3.75rem;--deck-pill: 2.75rem;--deck-gap: clamp(1rem, 7cqi, 3rem);--deck-icon: 1.3rem;--deck-text: var(--text-sm);--deck-shift-y: calc(50cqb - 8.5rem) }}@container astro (max-height: 260px){.deck{--deck-orb: 3.4rem;--deck-pill: 2.5rem;--deck-gap: clamp(1rem, 6cqi, 2.5rem);--deck-icon: 1.2rem;--deck-text: var(--text-xs);--deck-shift-y: calc(50cqb - 7.9rem) }}@container astro (max-width: 380px) and ((orientation: landscape) or (max-height: 260px)){.deck{--deck-orb: 3rem;--deck-pill: 2.25rem;--deck-gap: .75rem}}@container astro (max-height: 260px){.deck{--deck-orb: 2.6rem;--deck-pill: 2rem;--deck-gap: .6rem;--deck-icon: 1rem;--deck-text: var(--text-2xs);--deck-shift-s: 1;--deck-shift-y: 0rem;top:36%}}@media(prefers-reduced-motion:reduce){.deck-loader circle,.deck-loader-ticks,.deck-loader-arc[data-arc],.deck-loader[data-alert] .deck-loader-arc[data-arc],.deck-core:has(.deck-loader[data-visible]) .deck-dots i,.deck-glow[data-active]{animation:none}.deck-dots i{scale:1;transition-property:opacity}.deck-loader,.deck-glow{transform:none;transition-property:opacity}.deck-play [data-icon=play-pause] path{transition:none}.deck-slot[data-side],.astro-controls:not([data-visible]) .deck-slot[data-side]{transform:none;transition:none}.deck-core{transition:none}}.hud-popup{--media-popover-side-offset: calc(82 * var(--u));--media-popover-boundary-offset: .6rem;--panel-tilt: -24deg;--panel-hinge: 100% 50%;--panel-swing: var(--vz-panel-flip);--panel-shift: calc(var(--vz-panel-shift) * var(--u));z-index:var(--z-popup);display:flex;flex-direction:column;box-sizing:border-box;width:calc(var(--vz-panel-w) * var(--u));min-width:15rem;padding:calc(var(--vz-panel-pad) * var(--u));overflow:hidden;font-family:var(--font-display);color:var(--clr-ice);text-shadow:var(--text-glow);background:var(--glass-panel);border:0;border-radius:calc(var(--vz-panel-r) * var(--u));box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transform-origin:var(--panel-hinge);transform:perspective(calc(var(--vz-perspective) * var(--u))) rotateY(var(--panel-tilt));transition:opacity .35s ease,transform var(--dur-panel-in) var(--ease-out)}.hud-popup:not([data-open]){display:none}.hud-popup[data-starting-style],.hud-popup[data-ending-style]{opacity:0;transform:perspective(calc(var(--vz-perspective) * var(--u))) rotateY(var(--panel-swing)) translate(var(--panel-shift))}.hud-popup[data-ending-style]{transition:opacity .25s ease,transform var(--dur-panel-out) var(--ease-in-quick)}.side-panel{--media-popover-side-offset: calc(9 * var(--u));--panel-tilt: 24deg;--panel-hinge: 0 50%;--panel-swing: calc(var(--vz-panel-flip) * -1);--panel-shift: calc(var(--vz-panel-shift) * var(--u) * -1);width:calc(var(--vz-left-panel-w) * var(--u));min-width:13.5rem}.quality-panel{--media-popover-align-offset: calc(80 * var(--u))}.settings-panel{--media-popover-align-offset: calc(-46 * var(--u))}.speed-panel{--media-popover-align-offset: calc(16 * var(--u))}.subtitles-panel{--media-popover-align-offset: calc(-111 * var(--u))}.panel-body{display:contents}.panel-page{position:relative;display:flex;flex-direction:column;gap:calc(2 * var(--u))}.panel-page[data-direction=forward]{animation:panel-page-forward var(--dur-page) var(--ease-page) both}.panel-page[data-direction=back]{animation:panel-page-back var(--dur-page) var(--ease-page) both}@keyframes panel-page-forward{0%{opacity:0;translate:calc(40 * var(--u)) 0}to{opacity:1;translate:0 0}}@keyframes panel-page-back{0%{opacity:0;translate:calc(-40 * var(--u)) 0}to{opacity:1;translate:0 0}}.panel-glide{position:absolute;top:0;right:0;left:0;z-index:0;height:var(--glide-h, 0);pointer-events:none;background:var(--glass-row-glide);border-radius:calc(var(--vz-row-r) * var(--u));box-shadow:var(--shadow-row-glide);transform-origin:var(--panel-hinge);opacity:0;transform:translateY(var(--glide-y, 0)) scale(1);transition:opacity .2s ease}.panel-glide[data-state=on],.panel-glide[data-state=slide]{opacity:1;transform:translateY(var(--glide-y, 0)) scale(1.045)}.panel-glide[data-state=slide]{transition:transform .35s var(--ease-glide),height .25s ease,opacity .2s ease}.panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:calc(2 * var(--u)) calc(2 * var(--u)) calc(8 * var(--u)) calc(12 * var(--u))}.panel-head[data-variant=sub]{justify-content:flex-start;padding-left:calc(2 * var(--u))}.panel-title{flex:1;margin:0;font-size:max(calc(var(--vz-head-text) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-head);text-transform:uppercase}.panel-icon-button{display:flex;flex:none;align-items:center;justify-content:center;width:max(calc(var(--vz-x-btn) * var(--u)),var(--size-target-min));height:max(calc(var(--vz-x-btn) * var(--u)),var(--size-target-min));padding:0;font-size:max(calc(var(--vz-row-icon) * var(--u)),var(--text-md));color:var(--clr-ice);background:transparent;border:0;border-radius:calc(var(--vz-x-r) * var(--u));cursor:pointer}.panel-icon-button>svg{stroke-width:2}.panel-icon-button:hover{background:var(--glass-row-hover)}.panel-row{position:relative;z-index:1;display:flex;flex-shrink:0;align-items:center;gap:calc(10 * var(--u));width:100%;min-height:max(calc(var(--vz-row-h) * var(--u)),var(--size-touch));padding:0 calc(12 * var(--u));font-family:var(--font-display);font-size:max(calc(var(--vz-row-text) * var(--u)),var(--text-sm));font-weight:var(--weight-hud);color:var(--clr-ice);text-align:left;text-shadow:inherit;background:transparent;border:0;border-radius:calc(var(--vz-row-r) * var(--u));cursor:pointer;transform-origin:var(--panel-hinge);transition:transform var(--dur-row) var(--ease-row),text-shadow .25s ease}.panel-row:is(:hover,:focus-visible):not(:disabled){transform:scale(1.045);text-shadow:var(--text-glow-row)}.side-panel .panel-row-label{transition:translate var(--dur-row) var(--ease-row)}.side-panel .panel-row:is(:hover,:focus-visible) .panel-row-label{translate:calc(3 * var(--u)) 0}.panel-row[data-active]{background:var(--glass-row-selected)}.panel-row:focus-visible,.panel-icon-button:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.panel-row-label{flex:1}.panel-row-value{font-size:max(calc(var(--vz-value-text) * var(--u)),var(--text-xs));font-variant-numeric:tabular-nums;color:var(--clr-value)}.panel-row-icon{flex:none;font-size:max(calc(var(--vz-row-icon) * var(--u)),var(--text-md));stroke-width:2}.panel-row-glyph{flex:none;font-size:max(calc(20 * var(--u)),var(--text-md));stroke-width:1.7;opacity:.95}.panel-switch{position:relative;flex:none;width:calc(var(--vz-switch-w) * var(--u));height:calc(var(--vz-switch-h) * var(--u));min-width:2rem;min-height:1.1rem;background:var(--clr-ice-a18);border-radius:var(--radius-pill);box-shadow:var(--shadow-switch-off);transition:background .25s ease,box-shadow .25s ease}.panel-switch[data-active]{background:var(--glass-switch-on);box-shadow:var(--shadow-switch-on)}.panel-switch-knob{position:absolute;top:50%;left:calc(3 / var(--vz-switch-w) * 100%);width:calc(var(--vz-switch-knob) / var(--vz-switch-w) * 100%);aspect-ratio:1;background:var(--clr-knob);border-radius:50%;box-shadow:var(--shadow-knob-small);translate:0 -50%;transition:transform var(--dur-row) var(--ease-knob),background .2s}.panel-switch[data-active] .panel-switch-knob{background:var(--clr-white);transform:translate(calc((var(--vz-switch-w) - var(--vz-switch-knob) - 6) / var(--vz-switch-knob) * 100%))}.panel-display{position:relative;z-index:1;display:flex;flex-direction:column;gap:calc(16 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u))}.panel-field{display:flex;flex-direction:column;gap:calc(4 * var(--u))}.panel-field-head{display:flex;align-items:baseline;justify-content:space-between;font-size:max(calc(15 * var(--u)),var(--text-sm));font-weight:var(--weight-hud)}.panel-field-value{font-size:max(calc(13 * var(--u)),var(--text-xs));font-variant-numeric:tabular-nums;color:var(--clr-value)}.bipolar{position:relative;display:flex;align-items:center;height:max(calc(var(--vz-bip-h) * var(--u)),1.5rem);border-radius:var(--radius-sm);cursor:pointer;touch-action:none}.bipolar:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bipolar-track{position:relative;width:100%;height:calc(var(--vz-bip-track) * var(--u));min-height:.3rem;background:var(--clr-ice-a18);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px rgb(var(--rgb-ice) / .12)}.bipolar-mid{position:absolute;top:50%;left:50%;width:max(calc(2 * var(--u)),1px);height:300%;background:rgb(var(--rgb-ice) / .5);border-radius:var(--radius-xs);translate:-50% -50%}.bipolar-fill{position:absolute;top:0;bottom:0;left:var(--bip-from);width:var(--bip-size);background:var(--clr-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-fill)}.bipolar-knob{position:absolute;top:50%;left:var(--bip-at);width:calc(var(--vz-vol-knob) * var(--u));min-width:.9rem;aspect-ratio:1;background:var(--clr-white);border-radius:50%;box-shadow:var(--shadow-bip-knob);translate:-50% -50%;transition:scale .2s ease}.bipolar[data-dragging] .bipolar-knob{scale:1.18}.segmented{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:calc(4 * var(--u));background:var(--glass-segment);border-radius:calc(var(--vz-row-r) * var(--u));box-shadow:inset 0 0 0 1px rgb(var(--rgb-ice) / .12)}.segmented-thumb{position:absolute;top:calc(4 * var(--u));bottom:calc(4 * var(--u));left:calc(4 * var(--u));width:calc(50% - 4 * var(--u));background:var(--glass-segment-thumb);border-radius:calc(10 * var(--u));box-shadow:var(--shadow-segment-thumb);transition:transform .38s var(--ease-segment)}.segmented[data-value=fill] .segmented-thumb{transform:translate(100%)}.segmented-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:max(calc(var(--vz-segment-h) * var(--u)),2rem);font-family:var(--font-display);font-size:max(calc(13 * var(--u)),var(--text-xs));font-weight:600;letter-spacing:var(--tracking-segment);text-transform:uppercase;color:var(--clr-segment);text-shadow:inherit;background:transparent;border:0;border-radius:calc(10 * var(--u));cursor:pointer;transition:color .25s ease}.segmented-option[data-active]{color:var(--clr-white)}.segmented-option>svg,.panel-reset>svg{font-size:max(calc(16 * var(--u)),var(--text-sm));stroke-width:1.8}.segmented-option:focus-visible,.panel-reset:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.panel-reset{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:max(calc(var(--vz-reset-h) * var(--u)),2rem);font-family:var(--font-display);font-size:max(calc(14 * var(--u)),var(--text-xs));font-weight:var(--weight-hud);letter-spacing:.04em;color:var(--clr-value);text-shadow:inherit;background:transparent;border:0;border-radius:calc(var(--vz-x-r) * var(--u));box-shadow:inset 0 0 0 1px rgb(var(--rgb-ice) / .14);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.panel-reset:hover:not(:disabled){color:var(--clr-white);background:rgb(var(--rgb-glass-hi) / .12)}.panel-reset:disabled{opacity:.35;cursor:default}.panel-theme{position:relative;z-index:1;display:flex;flex-direction:column;gap:calc(10 * var(--u));margin-top:calc(4 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));border-top:1px solid var(--surface-line)}.panel-theme-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(2 * var(--u)) calc(8 * var(--u))}.panel-theme-title{margin:0;font-size:max(calc(var(--vz-head-text) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-tag);text-transform:uppercase}.panel-theme-swatches{display:flex;justify-content:space-between;gap:calc(6 * var(--u))}.panel-theme-swatch{display:grid;flex:none;place-items:center;width:max(calc(26 * var(--u)),var(--size-target-min));aspect-ratio:1;padding:0;font-size:max(calc(14 * var(--u)),var(--text-xs));color:var(--clr-swatch-check);background:var(--gradient-swatch);border:0;border-radius:50%;box-shadow:var(--shadow-swatch);cursor:pointer;transition:scale var(--dur-row) var(--ease-row),box-shadow .25s ease}.panel-theme-swatch:hover{scale:1.1}.panel-theme-swatch[data-active]{box-shadow:var(--shadow-swatch-on)}.panel-theme-swatch:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset-ring)}.panel-theme-check{stroke-width:2.6}.panel-theme-swatch[data-theme=aurora]{background-size:200% 100%;animation:panel-aurora-flow var(--dur-aurora) linear infinite}[data-theme=aurora] .panel-switch[data-active]{background:var(--gradient-aurora-soft);background-size:200% 100%;animation:panel-aurora-flow var(--dur-aurora) linear infinite}@keyframes panel-aurora-flow{0%{background-position:100% 50%}to{background-position:0% 50%}}@container astro (max-width: 768px){.hud-popup{--u: .0625rem;--media-popover-side-offset: .6rem;--media-popover-align-offset: 0px;transform:none}}@container astro (max-height: 460px){.hud-popup{--u: .0625rem;--media-popover-side-offset: .6rem;--media-popover-align-offset: 0px;max-height:var(--media-popover-available-height, 90cqb);overflow-y:auto;transform:none}}@container astro (orientation: landscape) and (max-height: 460px) and (min-height: 261px){.hud-popup{--media-popover-boundary-offset: var(--panel-clear-short)}}@media(prefers-reduced-motion:reduce){.hud-popup,.hud-popup[data-ending-style]{transition:opacity var(--dur-fast) linear}.hud-popup[data-starting-style],.hud-popup[data-ending-style]{transform:perspective(calc(var(--vz-perspective) * var(--u))) rotateY(var(--panel-tilt))}.panel-page[data-direction]{animation:none}.panel-row,.panel-row:is(:hover,:focus-visible):not(:disabled){transform:none;transition:none}.side-panel .panel-row-label,.side-panel .panel-row:is(:hover,:focus-visible) .panel-row-label{translate:none;transition:none}.panel-glide[data-state=on],.panel-glide[data-state=slide]{transform:translateY(var(--glide-y, 0));transition:opacity .2s ease}.panel-switch-knob,.segmented-thumb,.bipolar-knob{transition:none}.panel-theme-swatch,.panel-theme-swatch:hover{scale:none;transition:none}.panel-theme-swatch[data-theme=aurora],[data-theme=aurora] .panel-switch[data-active]{animation:none}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.hud-popup{--u: inherit;--sheet-drop: calc(var(--vz-portrait-sheet-drop) * var(--u));--sheet-fade: calc(var(--vz-portrait-sheet-fade) * var(--u));--sheet-pad: max(calc(var(--vz-portrait-sheet-pad) * var(--u)), var(--space-xs));inset:calc(var(--sheet-top) + var(--sheet-drop)) auto auto var(--sheet-left)!important;width:var(--sheet-width);height:calc(var(--sheet-height) - var(--sheet-drop));min-width:0;max-height:none;margin:0!important;padding:0 var(--sheet-pad) var(--sheet-fade);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(var(--mask-opaque) calc(100% - var(--sheet-fade)),transparent);mask-image:linear-gradient(var(--mask-opaque) calc(100% - var(--sheet-fade)),transparent);background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none;translate:none!important;transform:none;transition:opacity .45s ease,transform .65s var(--ease-out)}.hud-popup::-webkit-scrollbar{display:none}.hud-popup .panel-row-label{min-width:0;overflow-wrap:break-word}.hud-popup .panel-theme-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(calc(26 * var(--u)),var(--size-target-min)),1fr));gap:calc(8 * var(--u)) calc(6 * var(--u));justify-items:center}.hud-popup[data-starting-style],.hud-popup[data-ending-style]{opacity:0;transform:translateY(calc(26 * var(--u)))}.hud-popup[data-ending-style]{transition:opacity .25s ease,transform var(--dur-panel-out) var(--ease-in-quick)}}@media(prefers-reduced-motion:reduce){@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.hud-popup[data-starting-style],.hud-popup[data-ending-style]{transform:none}}}.rail{--arc-off: -126;--rail-btn: calc(var(--vz-btn) * var(--u));--rail-icon: calc(var(--vz-icon) * var(--u));--zone: calc(var(--vz-zone) * var(--u));position:absolute;top:50%;display:flex;align-items:center;gap:calc(var(--vz-rail-arc-gap) * var(--u));height:calc(var(--vz-rail-h) * var(--u));translate:0 -50%}.rail[data-side=left]{left:calc(var(--vz-rail-inset) * var(--u));transform-origin:0 50%;transform:rotateY(var(--vz-rail-tilt))}.rail[data-side=right]{right:calc(var(--vz-rail-inset) * var(--u));transform-origin:100% 50%;transform:rotateY(calc(var(--vz-rail-tilt) * -1))}.rail-arc{flex:none;width:calc(var(--vz-arc-w) * var(--u));height:100%;overflow:visible;filter:var(--arc-glow)}.rail-arc-line{fill:none;stroke:var(--clr-cyan);stroke-width:1.5}.rail-arc-mark{fill:none;stroke:var(--clr-white);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:48 1000;stroke-dashoffset:var(--arc-off);transition:stroke-dashoffset var(--dur-arc) var(--ease-glide)}.rail[data-count="4"]:has(.rail-slot:nth-child(1) [aria-expanded=true]){--arc-off: var(--vz-arc-off-1)}.rail[data-count="4"]:has(.rail-slot:nth-child(2) [aria-expanded=true]){--arc-off: var(--vz-arc-off-2)}.rail[data-count="4"]:has(.rail-slot:nth-child(3) [aria-expanded=true]){--arc-off: var(--vz-arc-off-3)}.rail[data-count="4"]:has(.rail-slot:nth-child(4) [aria-expanded=true]){--arc-off: var(--vz-arc-off-4)}.rail[data-count="4"]:has(.rail-slot:nth-child(1):is([data-magnet=active],:has(:focus-visible))){--arc-off: var(--vz-arc-off-1)}.rail[data-count="4"]:has(.rail-slot:nth-child(2):is([data-magnet=active],:has(:focus-visible))){--arc-off: var(--vz-arc-off-2)}.rail[data-count="4"]:has(.rail-slot:nth-child(3):is([data-magnet=active],:has(:focus-visible))){--arc-off: var(--vz-arc-off-3)}.rail[data-count="4"]:has(.rail-slot:nth-child(4):is([data-magnet=active],:has(:focus-visible))){--arc-off: var(--vz-arc-off-4)}.rail-items{display:flex;flex-direction:column;gap:calc(var(--vz-rail-gap) * var(--u))}.rail[data-side=right] .rail-items{align-items:flex-end}.rail-slot{position:relative;display:inline-flex;padding:var(--zone);margin:calc(var(--zone) * -1);--magnet-reach: calc(var(--vz-magnet-rail) * var(--u))}.rail-button{position:relative;display:flex;align-items:center;justify-content:center;width:var(--rail-btn);height:var(--rail-btn);padding:0;font-size:var(--rail-icon);color:var(--clr-ice);background-color:rgb(var(--rgb-glass-tint) / 0);border:1px solid transparent;border-radius:50%;cursor:pointer;touch-action:manipulation}.rail-button>svg{filter:var(--icon-glow)}[data-magnet=active]>.rail-button,.rail-button[aria-expanded=true]{background-color:var(--glass-hover);background-image:radial-gradient(circle at var(--magnet-hx, 50%) var(--magnet-hy, 50%),var(--glint-icon),transparent 60%);box-shadow:var(--shadow-icon-hover);-webkit-backdrop-filter:var(--blur-icon);backdrop-filter:var(--blur-icon)}.rail-button[data-active],.rail-button[aria-pressed=true]{color:var(--clr-cyan)}.rail-button[data-variant=transcript][aria-expanded=true]{color:var(--clr-pink);background-color:rgb(var(--rgb-pink-glass) / .16)}.rail-button[data-variant=transcript][aria-expanded=true]>svg{filter:var(--icon-glow-pink)}.rail-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.rail-button:disabled,.rail-button[aria-disabled=true]{opacity:calc(.4 * var(--hud-in, 1));cursor:not-allowed}.rail-button[hidden]{display:none}.rail-label,.rail-flyout{position:absolute;top:50%;display:flex;align-items:center;gap:calc(var(--vz-flyout-gap) * var(--u));white-space:nowrap;pointer-events:none;opacity:0;transition:transform var(--dur-label-out) var(--ease-in-quick),opacity .2s ease .08s}.rail[data-side=left] :is(.rail-label,.rail-flyout){left:100%;margin-left:calc(var(--vz-label-gap) * var(--u));transform-origin:0 50%;transform:translateY(-50%) perspective(calc(var(--vz-label-perspective) * var(--u))) rotateY(calc(var(--vz-label-flip) * -1))}.rail[data-side=right] .rail-label{right:100%;margin-right:calc(var(--vz-label-gap) * var(--u));flex-direction:row-reverse;transform-origin:100% 50%;transform:translateY(-50%) perspective(calc(var(--vz-label-perspective) * var(--u))) rotateY(var(--vz-label-flip))}.rail-slot:is([data-magnet=active],[data-flash],:has(:focus-visible))>:is(.rail-label,.rail-flyout){opacity:1;transform:translateY(-50%) perspective(calc(var(--vz-label-perspective) * var(--u))) rotateY(0);transition:transform var(--dur-label-in) var(--ease-label),opacity .3s ease}.rail-slot:is([data-magnet=active],[data-flash],:has(:focus-visible))>.rail-flyout{pointer-events:auto}.rail:has([data-panel-trigger][aria-expanded=true]) .rail-slot>:is(.rail-label,.rail-flyout),.rail-slot[data-label-hidden]>.rail-label{opacity:0;transform:translateY(-50%) perspective(calc(var(--vz-label-perspective) * var(--u))) rotateY(var(--vz-label-flip));transition:transform var(--dur-label-out) var(--ease-in-quick),opacity .2s ease}.rail-slot:has(>[data-variant=transcript][aria-expanded=true])>.rail-label{opacity:1;transform:translateY(-50%) perspective(calc(var(--vz-label-perspective) * var(--u))) rotateY(0)}.rail-label-text{font-size:max(calc(var(--vz-label) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-tag);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--clr-ice)}.rail-label-text[data-variant=value]{min-width:calc(40 * var(--u))}.rail-label-key{font-family:var(--font-display);font-size:max(calc(12 * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);letter-spacing:.04em;color:var(--clr-cyan)}.volume-slider{position:relative;display:flex;align-items:center;width:calc(var(--vz-vol-w) * var(--u));height:calc(var(--vz-vol-h) * var(--u));border-radius:calc(8 * var(--u));cursor:pointer;touch-action:none}.volume-slider-track{position:relative;width:100%;height:calc(var(--vz-vol-track) * var(--u));background:var(--clr-ice-a22);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px rgb(var(--rgb-white) / .25)}.volume-slider-fill{position:absolute;top:0;bottom:0;left:0;width:var(--media-slider-fill);background:var(--clr-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-fill)}.volume-slider-thumb{position:absolute;top:50%;left:var(--media-slider-fill);width:calc(var(--vz-vol-knob) * var(--u));height:calc(var(--vz-vol-knob) * var(--u));background:var(--clr-white);border-radius:50%;box-shadow:var(--shadow-knob);translate:-50% -50%}.volume-slider-thumb:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.rail{top:calc(50% + var(--vz-portrait-rail-y) * var(--u))}}@container astro (max-width: 768px) and (max-height: 260px){.rail{--rail-btn: 2.6rem;--rail-icon: 1.3rem;--zone: 0rem;top:auto;bottom:3.9rem;height:auto;translate:none}.rail[data-side=left]{left:3%}.rail[data-side=right]{right:3%}.rail[data-side]{transform:none}.rail-arc,.rail-label{display:none}.rail-items{flex-direction:row;gap:.15rem}.rail[data-side=left] .rail-flyout,.rail-slot:is([data-magnet=active],[data-flash],:has(:focus-visible))>.rail-flyout{top:auto;bottom:calc(100% + .4rem);left:0;margin:0;padding:.35rem .7rem;background:var(--glass-tip);border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-tip);backdrop-filter:var(--blur-tip);transform:none;--u: .0625rem}}@container astro (max-height: 260px){.rail{--rail-btn: 2.5rem;--rail-icon: 1.25rem;--zone: 0rem;top:auto;bottom:3.6rem;height:auto;translate:none}.rail[data-side=left]{left:3%}.rail[data-side=right]{right:3%}.rail[data-side]{transform:none}.rail-arc,.rail-label{display:none}.rail-items{flex-direction:row;gap:.15rem}.rail[data-side=left] .rail-flyout,.rail-slot:is([data-magnet=active],[data-flash],:has(:focus-visible))>.rail-flyout{top:auto;bottom:calc(100% + .4rem);left:0;margin:0;padding:.35rem .7rem;background:var(--glass-tip);border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-tip);backdrop-filter:var(--blur-tip);transform:none;--u: .0625rem}}@container astro (max-width: 400px) and ((orientation: landscape) or (max-height: 260px)){.rail{--rail-btn: 2.25rem;--rail-icon: 1.15rem}.rail-items{gap:0}}@container astro (max-height: 260px){.rail{--rail-btn: 1.9rem;--rail-icon: 1rem;bottom:2.9rem}}@media(prefers-reduced-motion:reduce){.rail-arc-mark,.rail-label,.rail-flyout,.rail-slot:is([data-magnet=active],[data-flash],:has(:focus-visible))>:is(.rail-label,.rail-flyout),.rail:has([data-panel-trigger][aria-expanded=true]) .rail-slot>:is(.rail-label,.rail-flyout),.rail-slot[data-label-hidden]>.rail-label{transition:opacity .2s ease}}.network{position:absolute;top:calc(var(--vz-net-top) * var(--u));left:calc(var(--vz-net-left) * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u)) calc(7 * var(--u)) calc(10 * var(--u));pointer-events:none;border-radius:var(--radius-pill);transform-origin:0 50%;transform:perspective(calc(600 * var(--u))) rotateY(22deg);transition:opacity .45s ease,transform .7s var(--ease-out),background-color .4s,box-shadow .4s}.network-bars{width:calc(20 * var(--u));min-width:.9rem;height:auto;overflow:visible}.network-bars rect{fill:var(--clr-ice-a22);transition:fill .4s ease}.network-bars [data-bar=x]{fill:none;stroke:var(--clr-alert);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .3s}.network[data-level=good] .network-bars rect{fill:var(--clr-white);filter:drop-shadow(0 0 3px var(--clr-glow))}.network[data-level=low] .network-bars :is([data-bar="1"],[data-bar="2"]){fill:var(--clr-amber);filter:drop-shadow(0 0 3px rgb(var(--rgb-amber) / .8))}.network[data-level=low] .network-bars [data-bar="2"]{animation:network-blink 1.6s ease-in-out infinite}.network[data-level=off] .network-bars [data-bar=x]{opacity:1}@keyframes network-blink{50%{opacity:.35}}.network-label{font-size:max(calc(var(--vz-net-label) * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-toast);text-transform:uppercase;color:var(--clr-ice)}.network[data-level=low] .network-label{color:var(--clr-amber-text);text-shadow:0 0 6px rgb(var(--rgb-amber) / .7)}.network[data-level=off] .network-label{color:var(--clr-alert-text);text-shadow:0 0 6px rgb(var(--rgb-alert-glow) / .7)}.network:is([data-level=low],[data-level=off]){background:rgb(var(--rgb-sub-glass) / .35);-webkit-backdrop-filter:var(--blur-net);backdrop-filter:var(--blur-net)}.astro-controls:not([data-visible]) .network[data-level=good]{opacity:0;transform:perspective(calc(600 * var(--u))) translateY(calc(-18 * var(--u))) rotateY(60deg)}.network-toast{position:absolute;top:calc(var(--vz-toast-top) * var(--u));left:50%;z-index:var(--z-osd);display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(9 * var(--u)) calc(18 * var(--u)) calc(9 * var(--u)) calc(14 * var(--u));white-space:nowrap;pointer-events:none;color:var(--clr-ice);text-shadow:var(--text-glow);background:var(--glass-toast);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px rgb(var(--rgb-cyan) / .28),var(--shadow-toast);-webkit-backdrop-filter:var(--blur-toast);backdrop-filter:var(--blur-toast);translate:-50% 0;opacity:0;transform:translateY(calc(-24 * var(--u))) scale(.94);transition:opacity .35s ease,transform .6s var(--ease-toast)}.network-toast[data-kind]{opacity:1;transform:none}.network-toast>svg{font-size:max(calc(20 * var(--u)),var(--text-md))}.network-toast-title{font-size:max(calc(13 * var(--u)),var(--text-2xs));font-weight:600;letter-spacing:var(--tracking-toast);text-transform:uppercase}.network-toast[data-kind=off]{color:var(--clr-alert-text);background:var(--glass-toast-alert);box-shadow:inset 0 0 0 1px rgb(var(--rgb-pink-glass) / .4),0 0 24px rgb(var(--rgb-alert-glow) / .25),var(--shadow-toast)}.network-toast[data-kind=low]{color:var(--clr-amber-text);box-shadow:inset 0 0 0 1px rgb(var(--rgb-amber) / .4),var(--shadow-toast)}.network-toast[data-kind=ok]{color:var(--clr-mint-text);box-shadow:inset 0 0 0 1px rgb(var(--rgb-mint) / .4),var(--shadow-toast)}.network-toast [data-icon-anim=blink]{animation:network-blink 1.6s ease-in-out infinite}.network-toast-dots:after{content:"";animation:network-dots 1.4s steps(4) infinite}@keyframes network-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.network{top:calc(50cqb - var(--vz-portrait-net-top) * var(--u));left:calc(var(--vz-portrait-net-left) * var(--u));transform:none}.network-label{font-size:calc(var(--vz-portrait-net-label) * var(--u))}}@container astro (max-width: 768px) and (max-height: 260px){.network{top:clamp(2.6rem,11cqb,4rem);left:3%;transform:none}}@container astro (max-height: 260px){.network{display:none}}@media(prefers-reduced-motion:reduce){.network,.network-toast{transition:opacity .3s ease}.network-bars rect,.network-toast *,.network-toast-dots:after{animation:none}.astro-controls:not([data-visible]) .network[data-level=good]{transform:perspective(calc(600 * var(--u))) rotateY(22deg)}}.subtitles{position:absolute;top:calc(var(--sub-y) * var(--u));left:calc(var(--sub-x) * var(--u));z-index:var(--z-hud-subtitles);pointer-events:auto;box-sizing:border-box;width:max-content;max-width:min(calc(var(--vz-sub-max) * var(--u)),92cqi);padding:calc(8 * var(--u)) calc(18 * var(--u));font-family:var(--font-display);font-size:max(calc(var(--vz-sub-text) * var(--u)),var(--text-sm));font-weight:var(--weight-hud);line-height:1.35;color:var(--clr-white);text-align:center;text-shadow:var(--text-shadow-sub);background-color:rgb(var(--rgb-sub-glass) / 0);border:1px solid transparent;border-radius:calc(12 * var(--u));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;translate:-50% -50%;transition:background-color .2s,border-color .2s,box-shadow .2s}.subtitles:before{position:absolute;top:calc(-11 * var(--u));left:50%;width:calc(30 * var(--u));height:calc(4 * var(--u));min-height:2px;content:"";background:rgb(var(--rgb-cyan) / .85);border-radius:var(--radius-pill);box-shadow:0 0 8px rgb(var(--rgb-glow) / .8);opacity:0;translate:-50% 0;transition:opacity .2s}.subtitles:is(:hover,:focus-visible),.subtitles[data-mode=drag]{background-color:rgb(var(--rgb-sub-glass) / .38);border-color:rgb(var(--rgb-cyan) / .45);box-shadow:var(--shadow-sub);-webkit-backdrop-filter:var(--blur-sub);backdrop-filter:var(--blur-sub)}.subtitles:is(:hover,:focus-visible):before,.subtitles[data-mode=drag]:before{opacity:1}.subtitles:focus{outline:none}.subtitles[data-mode=drag]{cursor:grabbing}.subtitles[data-mode=snap]{transition:left .45s var(--ease-label),top .45s var(--ease-label),background-color .2s,border-color .2s,box-shadow .2s}.subtitles-rest{color:transparent;text-shadow:none}.subtitles-caret{display:inline-block;width:0;height:1.05em;vertical-align:-.17em;box-shadow:0 0 0 1px var(--clr-cyan),0 0 8px var(--clr-glow);animation:subtitles-blink .8s steps(1) infinite}@keyframes subtitles-blink{50%{opacity:0}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.subtitles{top:calc(var(--sub-y) * 100cqi / var(--vz-artboard));left:calc(var(--sub-x) * 100cqi / var(--vz-artboard));max-width:calc(100cqi - 2 * var(--vz-portrait-rail-clear) * var(--u))}.subtitles:not([data-moved]){top:calc(50cqb + var(--vz-portrait-sub-y) * var(--u));left:50%}}@container astro (max-width: 768px) and (max-height: 260px){.subtitles{max-width:88cqi;font-size:clamp(.85rem,3.6cqi,1.25rem)}.subtitles:not([data-moved]){top:calc(100cqb - 8.4rem)}}@container astro (max-height: 260px){.subtitles:not([data-moved]){top:max(4.6rem,calc(50cqb - 5.5rem))}}@container astro (orientation: landscape) and (max-height: 460px) and (min-height: 261px){.subtitles{top:calc(var(--sub-y) * 100cqi / var(--vz-artboard));left:calc(var(--sub-x) * 100cqi / var(--vz-artboard))}.subtitles:not([data-moved]){top:calc(100cqb - var(--vz-phone-sub-bottom) * var(--u))}}@container astro (max-height: 260px){.subtitles{padding:.2rem .6rem;font-size:var(--text-xs)}.subtitles:not([data-moved]){top:1.4rem}}@media(prefers-reduced-motion:reduce){.subtitles[data-mode=snap]{transition:none}.subtitles-caret{animation:none}}.warp-field{position:absolute;inset:0;z-index:var(--z-effects);overflow:hidden;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.warp-field[data-direction]{opacity:1}.warp-field-streaks{position:absolute;inset:-25%;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 3.1deg,rgb(var(--rgb-cyan-bright) / .2) 3.1deg 3.35deg,transparent 3.35deg 5.4deg,rgb(var(--rgb-cyan-bright) / .09) 5.4deg 5.55deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 26%,rgb(var(--rgb-black) / .55) 46%,var(--mask-opaque) 72%);mask-image:radial-gradient(circle at 50% 50%,transparent 26%,rgb(var(--rgb-black) / .55) 46%,var(--mask-opaque) 72%)}.warp-field[data-direction=forward] .warp-field-streaks{animation:warp-pull .42s linear infinite}@keyframes warp-pull{0%{scale:.92;opacity:.35}to{scale:1.18;opacity:.9}}.warp-field-edges{position:absolute;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 55%,var(--mask-opaque) 100%);mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 55%,var(--mask-opaque) 100%);box-shadow:inset 0 0 90px rgb(var(--rgb-cyan) / .28)}.freeze-field{position:absolute;inset:0;z-index:var(--z-effects);overflow:hidden;pointer-events:none;visibility:hidden}.freeze-field[data-state]{visibility:visible}.freeze-field>*{position:absolute;opacity:0;transition:opacity .6s ease}.freeze-field[data-state=active]>*{opacity:1}.freeze-field-tint,.freeze-field-edge,.freeze-field-flash,.freeze-field-hex,.freeze-field-particles{inset:0}.freeze-field-hex{width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 62%,rgb(var(--rgb-black) / .5) 85%,var(--mask-opaque) 104%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 62%,rgb(var(--rgb-black) / .5) 85%,var(--mask-opaque) 104%)}.freeze-field-tint{background:var(--freeze-wash)}.freeze-field-edge{box-shadow:inset 0 0 calc(140 * var(--u)) rgb(var(--rgb-glow) / .28),inset 0 0 calc(40 * var(--u)) rgb(var(--rgb-frost-edge) / .18)}.freeze-field-flash{background:radial-gradient(ellipse 70% 70% at 50% 50%,rgb(var(--rgb-frost-flash) / .35),rgb(var(--rgb-glow) / .12) 60%,rgb(var(--rgb-glow) / 0))}.freeze-field[data-state=active] .freeze-field-flash{animation:freeze-flash .9s ease-out both}@keyframes freeze-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.freeze-field-hex path{fill:none;stroke:rgb(var(--rgb-frost-hex) / .45);stroke-width:1}.freeze-field[data-state=active] .freeze-field-hex{opacity:.22}.freeze-field-scan{top:0;right:0;left:0;height:0}.freeze-field[data-state=active] .freeze-field-scan[data-line="1"]{animation:freeze-scan 3.24s linear .25s infinite}.freeze-field[data-state=active] .freeze-field-scan[data-line="2"]{animation:freeze-scan-2 3.24s linear .25s infinite}@keyframes freeze-scan{0%{transform:translateY(-4.17cqb);opacity:0}2.9%{opacity:1}24.12%{opacity:1}30.86%{transform:translateY(105.56cqb);opacity:0}to{transform:translateY(105.56cqb);opacity:0}}@keyframes freeze-scan-2{0%{transform:translateY(-4.17cqb);opacity:0}6.75%{transform:translateY(-4.17cqb);opacity:0}8.69%{opacity:1}24.12%{opacity:1}29.9%{transform:translateY(105cqb)}30.86%{transform:translateY(105.28cqb);opacity:0}to{transform:translateY(105.28cqb);opacity:0}}.freeze-field-band{position:absolute;right:0;bottom:0;left:0;height:16.67cqb;background:linear-gradient(180deg,rgb(var(--rgb-frost-band) / 0),rgb(var(--rgb-frost-band) / .2));-webkit-backdrop-filter:var(--blur-band);backdrop-filter:var(--blur-band);-webkit-mask-image:linear-gradient(transparent,var(--mask-opaque));mask-image:linear-gradient(transparent,var(--mask-opaque))}.freeze-field-line{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:linear-gradient(90deg,rgb(var(--rgb-frost-line) / 0),rgb(var(--rgb-frost-line) / .5) 14%,rgb(var(--rgb-frost-core) / .65),rgb(var(--rgb-frost-line) / .5) 86%,rgb(var(--rgb-frost-line) / 0));box-shadow:0 0 8px 1px rgb(var(--rgb-frost-glow) / .32),0 0 24px 4px rgb(var(--rgb-glow) / .12)}.freeze-field-scan[data-line="2"] .freeze-field-line{bottom:0;height:1px;background:linear-gradient(90deg,rgb(var(--rgb-frost-line) / 0),rgb(var(--rgb-frost-line) / .22) 18%,rgb(var(--rgb-frost-core) / .34),rgb(var(--rgb-frost-line) / .22) 82%,rgb(var(--rgb-frost-line) / 0));box-shadow:0 0 5px rgb(var(--rgb-glow) / .15)}.freeze-field-corner{--corner: calc(var(--vz-freeze-corner) * var(--u));--inset: calc(var(--vz-freeze-corner-inset) * var(--u));width:var(--corner);height:var(--corner);border:0 solid rgb(var(--rgb-ice) / .95);filter:drop-shadow(0 0 5px rgb(var(--rgb-glow) / .9));transition:opacity .35s ease,transform .75s var(--ease-out)}.freeze-field-corner[data-corner=tl]{top:var(--inset);left:var(--inset);border-top-width:1.5px;border-left-width:1.5px;transform:translate(calc(-90 * var(--u)),calc(-70 * var(--u))) scale(2.2)}.freeze-field-corner[data-corner=tr]{top:var(--inset);right:var(--inset);border-top-width:1.5px;border-right-width:1.5px;transform:translate(calc(90 * var(--u)),calc(-70 * var(--u))) scale(2.2)}.freeze-field-corner[data-corner=bl]{bottom:var(--inset);left:var(--inset);border-bottom-width:1.5px;border-left-width:1.5px;transform:translate(calc(-90 * var(--u)),calc(70 * var(--u))) scale(2.2)}.freeze-field-corner[data-corner=br]{right:var(--inset);bottom:var(--inset);border-right-width:1.5px;border-bottom-width:1.5px;transform:translate(calc(90 * var(--u)),calc(70 * var(--u))) scale(2.2)}.freeze-field[data-state=active] .freeze-field-corner{transform:none}@container astro (max-width: 768px) and (orientation: portrait){.freeze-field-corner{display:none}}@container astro (orientation: landscape) and (max-height: 460px) and (min-height: 261px){.freeze-field-corner{display:none}}.freeze-field-particles span{position:absolute;top:calc(var(--p-y) / var(--vz-artboard-h) * 100cqb);left:calc(var(--p-x) * var(--u));width:max(calc(var(--p-size) * var(--u)),1px);aspect-ratio:1;background:var(--clr-ice);border-radius:50%;box-shadow:0 0 6px 1px rgb(var(--rgb-cyan) / .9)}.freeze-field[data-state=active] .freeze-field-particles span{animation:freeze-float var(--p-duration) ease-in-out var(--p-delay) infinite alternate}@keyframes freeze-float{0%{transform:translateY(0);opacity:.2}to{transform:translateY(calc(-16 * var(--u)));opacity:.95}}@media(prefers-reduced-motion:reduce){.warp-field[data-direction] .warp-field-streaks,.freeze-field[data-state=active] .freeze-field-flash,.freeze-field[data-state=active] .freeze-field-scan[data-line],.freeze-field[data-state=active] .freeze-field-particles span{animation:none}.warp-field[data-direction] .warp-field-streaks{opacity:.55}.freeze-field .freeze-field-scan,.freeze-field .freeze-field-flash{display:none}.freeze-field .freeze-field-particles span{opacity:.6}.freeze-field-corner,.freeze-field[data-state=active] .freeze-field-corner{transform:none;transition:opacity var(--dur-base) linear}}.astro-controls{--tl-w: calc(var(--vz-timeline-w) * var(--u));--tl-bottom: calc(var(--vz-timeline-bottom) * var(--u));--seek-pad: calc(var(--vz-seek-pad) * var(--u));--seek-h: calc(var(--vz-seek-h) * var(--u));--pv-room: calc(((var(--vz-artboard) - var(--vz-timeline-w)) / 2 - var(--vz-preview-edge)) * var(--u));--pv-w: calc(var(--vz-preview-w) * var(--u));--pv-h: calc(var(--vz-preview-h) * var(--u))}@container astro (orientation: landscape) and (max-height: 460px) and (min-height: 261px){.astro-controls{--pv-room: calc((100cqi - var(--tl-w)) / 2 - var(--vz-preview-edge) * var(--u))}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.astro-controls{--tl-w: calc(100cqi - 2 * var(--vz-portrait-timeline-side) * var(--u));--tl-bottom: var(--portrait-tl-bottom);--pv-room: calc((100cqi - var(--tl-w)) / 2 - var(--vz-preview-edge) * var(--u))}}.timeline{position:absolute;bottom:var(--tl-bottom);left:50%;display:flex;flex-direction:column;gap:calc(var(--vz-timeline-gap) * var(--u));width:var(--tl-w);translate:-50% 0;transform-origin:50% 100%;transform:rotateX(var(--vz-timeline-tilt))}.timeline-times{display:flex;justify-content:space-between;pointer-events:none}.timeline-code{font-size:max(calc(var(--vz-time) * var(--u)),var(--text-xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-mono);font-variant-numeric:tabular-nums;color:var(--clr-white)}.timeline-code[data-type=duration]{color:var(--clr-cyan-bright)}.timeline-slider{position:relative;height:var(--seek-h);padding-block:var(--seek-pad);margin-block:calc(var(--seek-pad) * -1);box-sizing:content-box;cursor:pointer;touch-action:none;outline:none}.timeline-ruler{position:absolute;top:var(--seek-pad);right:0;left:0;height:calc(var(--vz-tick-h) * var(--u));background:repeating-linear-gradient(90deg,var(--clr-ice-a45) 0 max(calc(var(--u) * 1),1px),transparent max(calc(var(--u) * 1),1px) calc(var(--vz-tick-step) * var(--u)));pointer-events:none}.timeline-track{position:absolute;top:var(--seek-pad);left:0;width:100%;height:calc(20 * var(--u));overflow:visible;pointer-events:none}.timeline-track path{fill:none;transition:d var(--dur-bump) var(--ease-glide),stroke-width .25s ease}.timeline-slider:is([data-pointing],[data-dragging]) .timeline-track path{transition:stroke-width .25s ease}.timeline-slider:is([data-pointing],[data-dragging]) :is(.timeline-thumb,.timeline-hover){transition:none}.timeline-track-halo{fill:none;stroke:var(--track-halo);stroke-width:6}.timeline-segment[data-hovered] .timeline-track-halo{stroke-width:8.5}.timeline-track-base,.timeline-track-buffer{stroke:var(--track-base);stroke-width:2}.timeline-track-buffer{stroke:var(--track-buffer)}.timeline-track-fill{stroke:var(--clr-cyan);stroke-width:4;stroke-linecap:butt;filter:var(--fill-glow)}[data-theme=aurora] .timeline-track-fill{stroke:var(--timeline-flow)}.timeline-flow-stop{stop-color:rgb(var(--rgb-aurora-1))}.timeline-flow-stop[data-stop="2"]{stop-color:rgb(var(--rgb-aurora-2))}.timeline-flow-stop[data-stop="3"]{stop-color:rgb(var(--rgb-aurora-3))}.timeline-flow-stop[data-stop="4"]{stop-color:rgb(var(--rgb-aurora-4))}[data-theme=aurora] .timeline-flow-stop{animation:timeline-aurora-flow var(--dur-aurora) linear infinite}[data-theme=aurora] .timeline-flow-stop[data-stop="2"]{animation-delay:calc(var(--dur-aurora) * -.75)}[data-theme=aurora] .timeline-flow-stop[data-stop="3"]{animation-delay:calc(var(--dur-aurora) * -.5)}[data-theme=aurora] .timeline-flow-stop[data-stop="4"]{animation-delay:calc(var(--dur-aurora) * -.25)}@keyframes timeline-aurora-flow{0%,to{stop-color:rgb(var(--rgb-aurora-1))}25%{stop-color:rgb(var(--rgb-aurora-4))}50%{stop-color:rgb(var(--rgb-aurora-3))}75%{stop-color:rgb(var(--rgb-aurora-2))}}.timeline-segment[data-hovered] :is(.timeline-track-base,.timeline-track-buffer){stroke-width:4}.timeline-segment[data-hovered] .timeline-track-fill{stroke-width:6.5}.timeline-hover,.timeline-marker,.timeline-thumb{position:absolute;translate:-50% calc(var(--rise, 0) * var(--u));transition:translate var(--dur-bump) var(--ease-glide);pointer-events:none}.timeline-hover{top:calc(var(--seek-pad) + 2 * var(--u));width:max(calc(var(--vz-marker-w) * var(--u)),1px);height:calc(var(--vz-hover-h) * var(--u));background:rgb(var(--rgb-white) / .75);opacity:0;transition:opacity .2s,translate var(--dur-bump) var(--ease-glide)}.timeline-hover[data-visible]{opacity:1}.timeline-marker{top:calc(var(--seek-pad) + 4 * var(--u));width:max(calc(var(--vz-marker-w) * var(--u)),1px);height:calc(var(--vz-marker-h) * var(--u));background:var(--clr-white)}.timeline-thumb{top:var(--seek-pad);left:0;transform:translate(var(--play-x, 0px));will-change:transform;width:calc(var(--vz-head-w) * var(--u));height:calc(var(--vz-head-h) * var(--u));background:var(--clr-white);box-shadow:var(--shadow-head)}.timeline-thumb:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.timeline-overlay{position:absolute;z-index:var(--z-hud-preview);bottom:calc(var(--tl-bottom) + var(--seek-h) + var(--seek-pad));left:50%;width:var(--tl-w);height:0;translate:-50% 0;pointer-events:none}.timeline-preview,.timeline-tip{position:absolute;bottom:calc(var(--vz-preview-lift) * var(--u));left:clamp(calc(var(--pv-w) / 2 - var(--pv-room)),var(--preview-at),calc(100% - var(--pv-w) / 2 + var(--pv-room)));translate:-50% 0;pointer-events:none}.timeline-preview{width:var(--pv-w);height:var(--pv-h);overflow:hidden;background:var(--clr-preview-bg);border-radius:calc(2 * var(--u));box-shadow:var(--shadow-preview);transform-origin:50% 100%;transform:perspective(calc(600 * var(--u))) rotateX(var(--vz-preview-flip));opacity:0;transition:opacity .25s ease,transform var(--dur-preview) var(--ease-preview)}.timeline-preview[data-visible]{opacity:1;transform:perspective(calc(600 * var(--u))) rotateX(0)}.timeline-preview-thumb{display:block;width:100%;height:100%;min-width:var(--pv-w);min-height:var(--pv-h);max-width:var(--pv-w);overflow:hidden}.timeline-preview-thumb[data-hidden]{visibility:hidden}.timeline-preview-image{display:block}.timeline-preview-meta{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--u));padding:calc(26 * var(--u)) calc(12 * var(--u)) calc(9 * var(--u));font-size:max(calc(var(--vz-preview-text) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--clr-white);background:linear-gradient(transparent,rgb(var(--rgb-black) / .7))}.timeline-preview-chapter{max-width:100%;overflow:hidden;font-size:max(calc(var(--vz-preview-chap) * var(--u)),var(--text-3xs));letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--clr-cyan-bright)}.timeline-preview-chapter:empty{display:none}.timeline-tip{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));font-size:max(calc(var(--vz-tip-text) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);white-space:nowrap;color:var(--clr-white);background:var(--glass-tip);border-radius:var(--radius-pill);box-shadow:var(--shadow-tip);-webkit-backdrop-filter:var(--blur-tip);backdrop-filter:var(--blur-tip);transform-origin:50% 100%;scale:.9;opacity:0;transition:opacity .18s ease,scale .22s var(--ease-tip)}.timeline-tip[data-visible]{scale:1;opacity:1}.timeline-tip-index{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--clr-cyan)}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.timeline-code,.timeline-code[data-type=duration]{color:var(--clr-ice)}.timeline-ruler{--tick-w: calc(var(--vz-portrait-tick-w) * var(--u));--tick-step: calc(var(--vz-portrait-tick-step) * var(--u));height:calc(var(--vz-portrait-tick-major) * var(--u));background:repeating-linear-gradient(90deg,var(--clr-white) 0 var(--tick-w),transparent var(--tick-w) calc(4 * var(--tick-step))) 0 0 / 100% 100% no-repeat,repeating-linear-gradient(90deg,var(--clr-white) 0 var(--tick-w),transparent var(--tick-w) var(--tick-step)) 0 100% / 100% calc(var(--vz-portrait-tick-minor) * var(--u)) no-repeat}.timeline-thumb{transform:translate(var(--play-x, 0px)) rotate(var(--vz-portrait-head-turn))}}@container astro (max-width: 768px) and (max-height: 260px){.astro-controls{--tl-w: 92cqi;--tl-bottom: .4rem;--seek-h: 1.1rem;--seek-pad: .5rem;--pv-room: calc(4cqi - .5rem) ;--pv-w: clamp(8rem, 34cqi, 12.5rem);--pv-h: calc(var(--pv-w) * .56)}.timeline{transform:none}}@container astro (max-height: 260px){.astro-controls{--tl-w: 92cqi;--tl-bottom: .4rem;--seek-h: 1.1rem;--seek-pad: .5rem;--pv-room: calc(4cqi - .5rem) ;--pv-w: clamp(7rem, 26cqi, 11rem);--pv-h: calc(var(--pv-w) * .56)}.timeline{transform:none}}@container astro (max-height: 260px){.astro-controls{--tl-bottom: .15rem}.timeline{gap:0}}@media(prefers-reduced-motion:reduce){[data-theme=aurora] .timeline-flow-stop{animation:none}.timeline-track path,.timeline-hover,.timeline-marker,.timeline-thumb,.timeline-preview,.timeline-preview[data-visible],.timeline-tip{transition:opacity var(--dur-fast) linear}.timeline-preview,.timeline-preview[data-visible]{transform:none}}.top-hud{position:absolute;top:calc(var(--vz-top) * var(--u));left:50%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--vz-top-gap) * var(--u));width:calc(var(--vz-top-w) * var(--u));translate:-50% 0;transform-origin:50% 0;transform:rotateX(var(--vz-top-tilt))}.top-hud-kicker{font-size:max(calc(var(--vz-chapter-num) * var(--u)),var(--text-3xs));font-weight:600;letter-spacing:var(--tracking-chapter);text-transform:uppercase;color:var(--clr-cyan)}.top-hud-title{font-family:var(--font-title);font-size:max(calc(var(--vz-chapter-title) * var(--u)),var(--text-sm));font-weight:400;line-height:1.1;letter-spacing:var(--tracking-chapter-title);text-transform:uppercase;white-space:nowrap;color:var(--clr-white);text-shadow:var(--text-glow-title)}.top-hud-caret{display:inline-block;width:0;height:.95em;margin:0 .04em 0 -.1em;vertical-align:-.12em;box-shadow:0 0 0 1px var(--clr-cyan),0 0 8px var(--clr-glow);animation:top-hud-blink .8s steps(1) infinite}@keyframes top-hud-blink{50%{opacity:0}}.top-hud-rest{color:transparent;text-shadow:none}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.top-hud{top:var(--portrait-top)}.top-hud-kicker{font-size:calc(var(--vz-chapter-num) * var(--u))}}@container astro (max-width: 768px) and (max-height: 260px){.top-hud{top:clamp(.6rem,4cqb,1.4rem);width:72cqi;gap:.2rem;transform:none}.top-hud-title{font-size:clamp(.8rem,3.4cqi,1.1rem)}}@container astro (max-height: 260px){.top-hud{top:.6rem;gap:.15rem;transform:none}.top-hud-title{font-size:clamp(.75rem,4.5cqb,1rem)}}@container astro (max-height: 260px){.top-hud{display:none}}@media(prefers-reduced-motion:reduce){.top-hud-caret{animation:none}}.transcript{position:absolute;inset:0;z-index:var(--z-overlay);pointer-events:none;visibility:hidden;transition:visibility 0s var(--dur-overlay)}.transcript[data-open]{visibility:visible;transition:visibility 0s}.transcript-backdrop{position:absolute;inset:0;background:rgb(var(--rgb-night) / .42);-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);opacity:0;transition:opacity var(--dur-overlay) ease}.transcript[data-open] .transcript-backdrop{opacity:1}.transcript-list{position:absolute;inset:calc(var(--vz-trx-top) * var(--u)) calc(var(--vz-trx-side) * var(--u)) var(--trx-bottom);overflow-y:auto;overscroll-behavior:contain;outline:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,var(--mask-opaque) 20%,var(--mask-opaque) 80%,transparent);mask-image:linear-gradient(transparent,var(--mask-opaque) 20%,var(--mask-opaque) 80%,transparent);opacity:0;transform:translateY(calc(26 * var(--u)));transition:opacity .45s ease,transform .65s var(--ease-out)}.transcript-list::-webkit-scrollbar{display:none}.transcript[data-open] .transcript-list{pointer-events:auto;opacity:1;transform:none}.transcript-pad{height:42%}.transcript-empty{margin:0;font-size:max(calc(18 * var(--u)),var(--text-md));color:var(--clr-ice-a60)}.transcript-group{padding:calc(4 * var(--u)) 0 calc(22 * var(--u))}.transcript-group-head{display:flex;align-items:baseline;gap:calc(10 * var(--u));padding-bottom:calc(6 * var(--u));font-size:max(calc(12 * var(--u)),var(--text-3xs));font-weight:600}.transcript-group-index{letter-spacing:var(--tracking-wide);color:var(--clr-cyan)}.transcript-group-name{letter-spacing:var(--tracking-group);text-transform:uppercase;color:var(--clr-cyan-bright)}.transcript-group-range{margin-left:calc(6 * var(--u));font-weight:var(--weight-hud);font-variant-numeric:tabular-nums;color:var(--clr-group-range)}.transcript-line{display:flex;align-items:baseline;gap:calc(20 * var(--u));width:100%;padding:calc(8 * var(--u)) 0;font-family:var(--font-display);font-size:max(calc(var(--vz-trx-line) * var(--u)),var(--text-lg));font-weight:700;line-height:1.25;color:var(--clr-ice-a35);text-align:left;text-shadow:none;background:transparent;border:0;cursor:pointer;transform-origin:0 50%;transition:color .4s ease,transform .5s var(--ease-page),text-shadow .4s ease}.transcript-line[data-state=past]{color:rgb(var(--rgb-ice) / .55)}.transcript-line:hover{color:rgb(var(--rgb-white) / .8)}.transcript-line[data-state=active]{color:var(--clr-white);text-shadow:var(--text-glow-line);transform:scale(1.03)}.transcript-line:focus-visible{outline:var(--focus-outline);outline-offset:calc(4 * var(--u));border-radius:var(--radius-xs)}.transcript-time{flex-shrink:0;min-width:calc(48 * var(--u));font-size:max(calc(13 * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);font-variant-numeric:tabular-nums;color:var(--clr-cyan);opacity:.6;transition:opacity .3s}.transcript-line[data-state=active] .transcript-time{opacity:1;text-shadow:0 0 8px rgb(var(--rgb-glow) / .85)}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.transcript-list{inset:calc(var(--portrait-top) + var(--vz-portrait-trx-top) * var(--u)) calc(var(--vz-portrait-rail-clear) * var(--u)) calc(var(--portrait-tl-bottom) + var(--vz-portrait-trx-bottom) * var(--u))}.transcript-line{font-size:max(calc(var(--vz-portrait-trx-line) * var(--u)),var(--text-md))}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){.astro:has(.hud-popup[data-open]:not([data-ending-style])) .transcript{visibility:visible;transition:visibility 0s}.astro:has(.hud-popup[data-open]:not([data-ending-style])) .transcript-backdrop{opacity:1}.astro:has(.hud-popup[data-open]:not([data-ending-style])) .transcript-list{pointer-events:none;opacity:0}}@container astro (max-width: 768px) and (max-height: 260px){.transcript-list{inset:3.2rem 6% 10.5rem}.transcript-line{gap:.75rem;font-size:clamp(1rem,4.6cqi,1.5rem)}}@container astro (max-height: 260px){.transcript-list{inset:2.4rem 8% 9.75rem}.transcript-line{font-size:clamp(.95rem,5cqb,1.4rem)}}@container astro (max-height: 260px){.transcript-list{inset:2.4rem 8% 6.5rem}}@media(prefers-reduced-motion:reduce){.transcript-list,.transcript-backdrop,.transcript-line,.transcript-line[data-state=active]{transform:none;transition:opacity .2s ease}}.up-next{position:absolute;inset:0;z-index:var(--z-overlay);pointer-events:none;visibility:hidden;transition:visibility 0s var(--dur-overlay)}.up-next[data-open]{pointer-events:auto;visibility:visible;transition:visibility 0s}.up-next-backdrop{position:absolute;inset:0;background:rgb(var(--rgb-night) / .46);-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);opacity:0;transition:opacity var(--dur-overlay) ease}.up-next[data-open] .up-next-backdrop{opacity:1}.up-next-inner{position:absolute;inset:0;opacity:0;transform:translateY(calc(26 * var(--u)));transition:opacity .45s ease,transform .7s var(--ease-out)}.up-next[data-open] .up-next-inner{opacity:1;transform:none}.up-next-row{position:absolute;top:calc(50% - var(--vz-ue-row-rise) * var(--u));right:0;left:0;display:flex;justify-content:center;gap:calc(var(--vz-card-gap) * var(--u));height:calc(var(--vz-ue-row-h) * var(--u));perspective:calc(1100 * var(--u));perspective-origin:50% 50%}.up-next-card{--card-turn: 0deg;--card-lift: 0;position:relative;display:block;flex:0 0 calc(var(--vz-card-w) * var(--u));width:calc(var(--vz-card-w) * var(--u));margin:0;padding:0;font-family:var(--font-display);color:var(--clr-ice);text-align:left;text-shadow:inherit;background:transparent;border:0;outline:none;cursor:pointer;transform:rotateY(var(--card-turn)) translateZ(calc(var(--card-lift) * var(--u)));transition:transform .6s var(--ease-out)}.up-next-card:nth-child(1){--card-turn: var(--vz-card-turn);transform-origin:100% 50%}.up-next-card:nth-child(3){--card-turn: calc(var(--vz-card-turn) * -1);transform-origin:0 50%}.up-next-card:is(:hover,:focus-visible){--card-lift: var(--vz-card-lift)}.up-next[data-open] .up-next-card{animation:up-next-card-in .7s var(--ease-out) both}.up-next[data-open] .up-next-card:nth-child(1){animation-delay:.12s}.up-next[data-open] .up-next-card:nth-child(2){animation-delay:.2s}.up-next[data-open] .up-next-card:nth-child(3){animation-delay:.28s}@keyframes up-next-card-in{0%{opacity:0;translate:0 calc(40 * var(--u))}to{opacity:1;translate:0 0}}.up-next-thumb{position:relative;display:block;width:100%;height:calc(var(--vz-card-h) * var(--u));isolation:isolate;overflow:hidden;background:var(--clr-card);border-radius:calc(var(--vz-card-r) * var(--u));box-shadow:var(--shadow-card);transition:box-shadow .35s ease}.up-next-thumb:after{position:absolute;inset:0;content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--rgb-cyan) / .26);transition:box-shadow .35s ease}.up-next-card:is(:hover,:focus-visible) .up-next-thumb{box-shadow:var(--shadow-card-hover)}.up-next-card:is(:hover,:focus-visible) .up-next-thumb:after{box-shadow:inset 0 0 0 1.5px var(--clr-cyan),inset 0 0 22px rgb(var(--rgb-glow) / .35)}.up-next-still{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden;filter:saturate(.85) brightness(.78);transition:filter .45s ease}.up-next-card:is(:hover,:focus-visible) .up-next-still{filter:none}.up-next-thumb video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.78);transition:filter .45s ease,transform .8s var(--ease-out)}.up-next-card:is(:hover,:focus-visible) .up-next-thumb video{filter:none;transform:scale(1.05)}.up-next-play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:calc(var(--vz-card-play) * var(--u));height:calc(var(--vz-card-play) * var(--u));font-size:calc(18 * var(--u));color:var(--clr-white);background:rgb(var(--rgb-glass-hi) / .18);border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--rgb-white) / .3);-webkit-backdrop-filter:var(--blur-sub);backdrop-filter:var(--blur-sub);opacity:0;translate:-50% -50%;scale:.7;transition:opacity .3s ease,scale .45s var(--ease-pop)}.up-next-play>svg{margin-left:calc(2 * var(--u));filter:drop-shadow(0 0 4px var(--clr-glow))}.up-next-card:is(:hover,:focus-visible) .up-next-play{opacity:1;scale:1}.up-next-length{position:absolute;right:calc(8 * var(--u));bottom:calc(8 * var(--u));padding:calc(3 * var(--u)) calc(7 * var(--u));font-size:max(calc(12 * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);font-variant-numeric:tabular-nums;color:var(--clr-ice);text-shadow:none;background:rgb(var(--rgb-night) / .7);border-radius:calc(6 * var(--u))}.up-next-countdown{position:absolute;top:calc(8 * var(--u));left:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(9 * var(--u));font-size:max(calc(11 * var(--u)),var(--text-3xs));font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-white);text-shadow:0 0 6px rgb(var(--rgb-glow) / .8);background:rgb(var(--rgb-night) / .62);border-radius:var(--radius-pill);opacity:0;transition:opacity .3s}.up-next-progress{position:absolute;right:0;bottom:0;left:0;height:calc(3 * var(--u));min-height:2px;background:var(--clr-white);box-shadow:0 0 10px var(--clr-glow);transform-origin:0 50%;transform:scaleX(0);opacity:0}.up-next[data-countdown] .up-next-countdown{opacity:1}.up-next[data-countdown] .up-next-progress{opacity:1;animation:up-next-progress 8s linear .3s forwards}@keyframes up-next-progress{to{transform:scaleX(1)}}.up-next-card-title{display:block;margin-top:calc(12 * var(--u));font-size:max(calc(15 * var(--u)),var(--text-xs));font-weight:600;line-height:1.25;color:var(--clr-white)}.up-next-card-meta{display:block;margin-top:calc(5 * var(--u));font-size:max(calc(10 * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--clr-group-range);text-shadow:none}.up-next-actions{position:absolute;top:calc(50% + var(--vz-ue-actions-drop) * var(--u));right:0;left:0;justify-content:center;display:flex;align-items:center;gap:calc(14 * var(--u))}.up-next-button{display:inline-flex;align-items:center;gap:calc(10 * var(--u));height:max(calc(44 * var(--u)),var(--size-touch));padding:0 calc(20 * var(--u)) 0 calc(16 * var(--u));font-family:var(--font-display);font-size:max(calc(12 * var(--u)),var(--text-3xs));font-weight:600;letter-spacing:var(--tracking-button);text-transform:uppercase;color:var(--clr-white);text-shadow:inherit;background:var(--glass-pill);border:0;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px rgb(var(--rgb-cyan) / .3);-webkit-backdrop-filter:var(--blur-pill);backdrop-filter:var(--blur-pill);cursor:pointer;transition:box-shadow .3s,background .3s,opacity .3s}.up-next-button:is(:hover,:focus-visible){outline:none;box-shadow:inset 0 0 0 1.5px var(--clr-cyan),0 0 22px rgb(var(--rgb-glow) / .35)}.up-next-button>svg{font-size:max(calc(18 * var(--u)),var(--text-sm));stroke-width:2;transition:transform .6s var(--ease-tip)}.up-next-button:hover>svg{transform:rotate(-300deg)}.up-next-button[data-variant=ghost]{max-width:max(calc(200 * var(--u)),12rem);overflow:hidden;white-space:nowrap;padding:0 calc(14 * var(--u));color:rgb(var(--rgb-ice) / .7);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.up-next-button[data-variant=ghost]:is(:hover,:focus-visible){color:var(--clr-white);text-shadow:0 0 8px rgb(var(--rgb-glow) / .8);box-shadow:none}.up-next-button[data-variant=ghost]:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.up-next-button[data-variant=ghost]{transition:max-width var(--dur-collapse) var(--ease-collapse),padding var(--dur-collapse) var(--ease-collapse),margin var(--dur-collapse) var(--ease-collapse),opacity .25s ease,color .3s,text-shadow .3s}.up-next-button[data-variant=ghost][data-collapsed]{max-width:0;margin-left:calc(-14 * var(--u));padding:0;opacity:0;pointer-events:none}@container astro (max-width: 768px){.up-next-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:3.6rem 3% 6.4rem}.up-next-row,.up-next-actions{position:static;height:auto}.up-next-row{gap:.6rem;max-width:94cqi}.up-next-card{flex-basis:28cqi;width:28cqi;transform:none}.up-next-thumb{height:15.75cqi}}@container astro (max-height: 460px){.up-next-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.6rem 3% 5.6rem}.up-next-row,.up-next-actions{position:static;height:auto}.up-next-card{flex-basis:min(28cqi,30cqb);width:min(28cqi,30cqb);transform:none}.up-next-thumb{height:calc(min(28cqi,30cqb)*.5625)}.up-next-card-meta{display:none}}@container astro (max-width: 480px){.up-next-card:nth-child(n+2){display:none}.up-next-card{flex-basis:min(56cqi,52cqb);width:min(56cqi,52cqb)}.up-next-thumb{height:calc(min(56cqi,52cqb)*.5625)}}@container astro (max-height: 300px){.up-next-card{flex-basis:min(56cqi,40cqb);width:min(56cqi,40cqb)}.up-next-thumb{height:calc(min(56cqi,40cqb)*.5625)}.up-next-card-title{display:none}}@media(prefers-reduced-motion:reduce){.up-next *,.up-next[data-open] .up-next-card,.up-next[data-countdown] .up-next-progress,.up-next-button[data-variant=ghost]{animation:none;transition:opacity .2s ease}.up-next[data-countdown] .up-next-progress{transform:scaleX(1)}.up-next-thumb video{display:none}}.volume-osd,.seek-osd{position:absolute;inset:0;z-index:var(--z-osd);pointer-events:none;perspective:calc(var(--vz-perspective) * var(--u));perspective-origin:50% 50%;color:var(--clr-ice);text-shadow:var(--text-glow)}.volume-osd-panel{position:absolute;top:50%;left:calc(var(--vz-osd-left) * var(--u));display:flex;align-items:center;gap:calc(var(--vz-osd-gap) * var(--u));height:calc(var(--vz-osd-h) * var(--u));translate:0 -50%;transform-origin:0 50%;opacity:0;filter:var(--blur-visor-hide);transform:translate(calc(var(--vz-hide-osd) * var(--u) * -1)) rotateY(var(--vz-hide-osd-tilt));transition:transform var(--dur-osd) var(--ease-out),opacity var(--dur-osd-fade) ease,filter var(--dur-osd-fade) ease}.volume-osd-panel[data-visible]{opacity:1;filter:none;transform:rotateY(var(--vz-osd-tilt))}.volume-osd-scrim{position:absolute;top:calc(-60 * var(--u));left:calc(-80 * var(--u));width:calc(380 * var(--u));height:calc(420 * var(--u));background:radial-gradient(ellipse at 40% 50%,rgb(var(--rgb-scrim) / .55),rgb(var(--rgb-scrim) / 0) 70%)}.volume-osd-arc{position:relative;width:calc(var(--vz-osd-arc-w) * var(--u));height:100%;overflow:visible;filter:var(--osd-glow)}.volume-osd-arc-track,.volume-osd-arc-fill{fill:none}.volume-osd-arc-track{stroke:rgb(var(--rgb-cyan) / .35);stroke-width:1.5}.volume-osd-arc-fill{stroke:var(--clr-cyan);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .3s var(--ease-glide)}.volume-osd-readout{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));min-width:calc(var(--vz-osd-min-w) * var(--u))}.volume-osd-value{display:inline-flex;height:1em;overflow:hidden;font-size:max(calc(var(--vz-osd-num) * var(--u)),2.5rem);font-weight:var(--weight-hud);line-height:1;font-variant-numeric:tabular-nums;color:var(--clr-white)}.odometer-column{display:inline-block;width:.6em;height:1em;overflow:hidden;text-align:center;transition:width .35s var(--ease-page),opacity .3s ease}.odometer-column[data-hidden]{width:0;opacity:0}.odometer-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--digit) * -1em));transition:transform .5s var(--ease-label)}.odometer-strip>span{display:block;height:1em;line-height:1em}.volume-osd-label{font-size:max(calc(var(--vz-osd-label) * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-osd);text-transform:uppercase}.seek-osd-panel{position:absolute;top:50%;display:flex;align-items:center;height:calc(var(--vz-sosd-h) * var(--u));translate:0 -50%;opacity:0;filter:var(--blur-visor-hide);transition:transform .55s var(--ease-out),opacity .35s ease,filter .35s ease}.seek-osd-panel[data-side=back]{left:calc(var(--vz-osd-left) * var(--u));transform-origin:0 50%;transform:translate(calc(-100 * var(--u))) rotateY(var(--vz-hide-osd-tilt))}.seek-osd-panel[data-side=forward]{right:calc(var(--vz-osd-left) * var(--u));transform-origin:100% 50%;transform:translate(calc(100 * var(--u))) rotateY(calc(var(--vz-hide-osd-tilt) * -1))}.seek-osd-panel[data-visible]{opacity:1;filter:none}.seek-osd-panel[data-side=back][data-visible]{transform:rotateY(var(--vz-osd-tilt))}.seek-osd-panel[data-side=forward][data-visible]{transform:rotateY(calc(var(--vz-osd-tilt) * -1))}.seek-osd-scrim{position:absolute;top:calc(-50 * var(--u));width:calc(300 * var(--u));height:calc(300 * var(--u));background:radial-gradient(ellipse at 50% 50%,rgb(var(--rgb-scrim) / .5),rgb(var(--rgb-scrim) / 0) 68%)}.seek-osd-panel[data-side=back] .seek-osd-scrim{left:calc(-80 * var(--u))}.seek-osd-panel[data-side=forward] .seek-osd-scrim{right:calc(-80 * var(--u))}.seek-osd-body{position:relative;display:flex;align-items:center;gap:calc(12 * var(--u))}.seek-osd-panel[data-side=forward] .seek-osd-body{flex-direction:row-reverse}.seek-osd-chevrons{width:calc(50 * var(--u));min-width:2rem;height:auto;filter:drop-shadow(0 0 5px rgb(var(--rgb-glow) / .9))}.seek-osd-chevrons path{fill:none;stroke:var(--clr-white);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.2;animation:seek-osd-chevron .9s ease-in-out infinite}.seek-osd-chevrons [data-step="2"]{animation-delay:.15s}.seek-osd-chevrons [data-step="3"]{animation-delay:.3s}@keyframes seek-osd-chevron{0%,to{opacity:.2}30%{opacity:1}}.seek-osd-readout{display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--u));min-width:calc(84 * var(--u))}.seek-osd-value{font-size:max(calc(var(--vz-sosd-num) * var(--u)),1.5rem);font-weight:var(--weight-hud);line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--clr-white)}.seek-osd-label{font-size:max(calc(11 * var(--u)),var(--text-3xs));font-weight:var(--weight-hud);letter-spacing:.3em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.volume-osd-panel,.volume-osd-panel[data-visible],.seek-osd-panel,.seek-osd-panel[data-side][data-visible]{filter:none;transform:none;transition:opacity .3s ease}.volume-osd-arc-fill,.odometer-column,.odometer-strip{transition:none}.seek-osd-chevrons path{opacity:1;animation:none}}.astro{--u: calc(100cqi / var(--vz-artboard));--fx-brightness: 1;--fx-contrast: 1;--fx-saturate: 1;--display-brightness: 1;--display-contrast: 1;position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;container:astro / size;font-family:var(--font-display);color:var(--clr-ice);background:var(--clr-stage);isolation:isolate;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:where(.astro>*){--tl-h: calc(var(--vz-time) * var(--vz-time-leading) + var(--vz-timeline-gap) + var(--vz-seek-h));--tl-top: calc( 50cqb - (50cqb - (var(--vz-timeline-bottom) + var(--tl-h) * cos(var(--vz-timeline-tilt))) * var(--u)) * var(--vz-perspective) / (var(--vz-perspective) + var(--tl-h) * sin(var(--vz-timeline-tilt))) );--trx-deck-y: calc(var(--tl-top) + (var(--vz-deck-trx-gap) + var(--vz-orb) * var(--vz-deck-trx-scale) / 2) * var(--u));--trx-bottom: calc(var(--tl-top) + (var(--vz-deck-trx-gap) * 2 + var(--vz-orb) * var(--vz-deck-trx-scale)) * var(--u))}.astro :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}.astro:focus{outline:none}.astro:focus-visible{outline:var(--focus-player);outline-offset:-2px}.astro:fullscreen{border-radius:0}.astro:has(.astro-controls:not([data-visible])){cursor:none}.astro>video{position:absolute;inset:0;z-index:var(--z-video);display:block;width:100%;height:100%;max-width:none;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);background:var(--clr-stage);filter:contrast(var(--display-contrast)) brightness(calc(var(--display-brightness) * var(--fx-brightness))) contrast(var(--fx-contrast)) saturate(var(--fx-saturate));transition:filter var(--dur-freeze) ease,scale var(--dur-slow) var(--ease-out),transform .6s var(--ease-page)}.astro:has(.panel-display)>video{transition:scale var(--dur-slow) var(--ease-out),transform .6s var(--ease-page)}.astro[data-framing=fill]>video{object-fit:cover;transform:scale(1.15)}.astro>video::cue{visibility:hidden}.astro>video::-webkit-media-text-track-container{display:none}.astro[data-temporal=frozen]{--fx-saturate: .35;--fx-contrast: 1.06;--fx-brightness: .86}.astro[data-temporal=warp-forward]{--fx-saturate: 1.18;--fx-contrast: 1.06}.astro[data-temporal=warp-forward] video{scale:1.018}.astro-backdrop{position:absolute;inset:0;z-index:var(--z-visor);pointer-events:none;background:rgb(var(--rgb-black));opacity:0;transition:opacity var(--dur-lens) ease}.astro-backdrop[data-visible]{opacity:var(--dim-live)}.astro-ambient{position:absolute;top:calc(50% - 106% / 6 - var(--ambient-pad));left:calc(50% - 106% / 6 - var(--ambient-pad));z-index:0;width:calc(106% / 3 + 2 * var(--ambient-pad));height:calc(106% / 3 + 2 * var(--ambient-pad));pointer-events:none;filter:var(--blur-ambient);transform:scale(3);will-change:transform;mix-blend-mode:screen;opacity:0;transition:opacity var(--dur-ambient) ease}.astro-ambient[data-active]{opacity:var(--ambient-opacity)}.astro-ambient-video,.astro-ambient-sample{position:absolute;inset:var(--ambient-pad);display:block;width:calc(100% - 2 * var(--ambient-pad));max-width:none;height:calc(100% - 2 * var(--ambient-pad));object-fit:cover}.astro-lens{position:absolute;inset:0;z-index:var(--z-visor);pointer-events:none}.astro-backdrop:not([data-visible])~.astro-lens>*{opacity:0}.astro-lens-ring,.astro-lens-tint{position:absolute;inset:0;transition:opacity var(--dur-lens) ease}.astro-lens-ring[data-ring="1"]{-webkit-backdrop-filter:var(--blur-lens-1);backdrop-filter:var(--blur-lens-1);-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 44%,var(--mask-opaque) 64%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 44%,var(--mask-opaque) 64%)}.astro-lens-ring[data-ring="2"]{-webkit-backdrop-filter:var(--blur-lens-2);backdrop-filter:var(--blur-lens-2);-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 54%,var(--mask-opaque) 74%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 54%,var(--mask-opaque) 74%)}.astro-lens-ring[data-ring="3"]{-webkit-backdrop-filter:var(--blur-lens-3);backdrop-filter:var(--blur-lens-3);-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 64%,var(--mask-opaque) 86%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 64%,var(--mask-opaque) 86%)}.astro-lens-ring[data-ring="4"]{-webkit-backdrop-filter:var(--blur-lens-4);backdrop-filter:var(--blur-lens-4);-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 76%,var(--mask-opaque) 98%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 76%,var(--mask-opaque) 98%)}.astro-lens-ring[data-ring="5"]{-webkit-backdrop-filter:var(--blur-lens-5);backdrop-filter:var(--blur-lens-5);-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 88%,var(--mask-opaque) 112%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,transparent 88%,var(--mask-opaque) 112%)}.astro-lens-tint{background:radial-gradient(ellipse 62% 66% at 50% 50%,rgb(var(--rgb-lens) / 0) 62%,rgb(var(--rgb-lens) / .42) 110%)}.astro-vignette{position:absolute;inset:0;z-index:var(--z-visor);pointer-events:none;background:linear-gradient(115deg,rgb(var(--rgb-sheen) / .08) 0%,transparent 20%,transparent 78%,rgb(var(--rgb-sheen-soft) / .06) 90%,transparent 100%),radial-gradient(ellipse 70% 78% at 50% 52%,transparent 62%,rgb(var(--rgb-vignette) / .5) 84%,rgb(var(--rgb-black) / .92) 100%)}.astro-controls{position:absolute;inset:0;z-index:var(--z-controls);pointer-events:none;perspective:calc(var(--vz-perspective) * var(--u));perspective-origin:50% 50%;color:var(--clr-ice);text-shadow:var(--text-glow)}.astro-controls[data-visible] :is(.rail-items,.deck>*,.timeline-slider){pointer-events:auto}.astro-controls :is(.top-hud,.rail,.deck,.timeline,.timeline-overlay){transition:transform var(--dur-visor-in) var(--ease-out),opacity var(--dur-visor-fade-in) ease,filter var(--dur-visor-blur-in) ease}@property --hud-in{syntax: "<number>"; inherits: true; initial-value: 1;}.astro-controls :is(.rail,.deck){transition:transform var(--dur-visor-in) var(--ease-out),--hud-in var(--dur-visor-fade-in) ease}:is(.rail-arc,.rail-button,.deck-play,.deck-ring){opacity:var(--hud-in, 1)}.astro-controls .top-hud{transition-delay:var(--delay-visor-top)}.astro-controls .rail{transition-delay:var(--delay-visor-rails)}.astro-controls :is(.timeline,.timeline-overlay){transition-delay:var(--delay-visor-timeline)}.astro-controls .deck{transition-delay:var(--delay-visor-deck)}.astro-controls:not([data-visible]) :is(.top-hud,.timeline,.timeline-overlay){opacity:0;filter:var(--blur-visor-hide);transition-duration:var(--dur-visor-out),var(--dur-visor-fade-out),var(--dur-visor-fade-out);transition-delay:0s}.astro-controls:not([data-visible]) :is(.rail,.deck){--hud-in: 0;transition-duration:var(--dur-visor-out),var(--dur-visor-fade-out);transition-delay:0s}.astro-controls:not([data-visible]) .top-hud{transform:translateY(calc(var(--vz-hide-top) * var(--u) * -1)) rotateX(calc(var(--vz-hide-tilt) * -1))}.astro-controls:not([data-visible]) .rail[data-side=left]{transform:translate(calc(var(--vz-hide-side) * var(--u) * -1)) rotateY(var(--vz-hide-tilt))}.astro-controls:not([data-visible]) .rail[data-side=right]{transform:translate(calc(var(--vz-hide-side) * var(--u))) rotateY(calc(var(--vz-hide-tilt) * -1))}.astro-controls:not([data-visible]) .timeline{transform:translateY(calc(var(--vz-hide-bottom) * var(--u))) rotateX(var(--vz-hide-tilt))}.astro-controls:not([data-visible]) .deck{transform:scale(var(--vz-hide-deck))}.astro:has(.up-next[data-open]) .astro-controls .deck{opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .2s ease,transform .3s ease;transition-delay:0s}@container astro (orientation: landscape) and (max-height: 460px) and (min-height: 261px){:where(.astro>*){--u: min(100cqb / var(--vz-phone-h), 100cqi / var(--vz-phone-w));--vz-top: var(--vz-phone-top);--vz-net-top: var(--vz-phone-net-top);--vz-net-left: var(--vz-phone-net-left);--vz-rail-inset: var(--vz-phone-rail-inset);--vz-timeline-w: var(--vz-phone-timeline-w);--vz-timeline-bottom: var(--vz-phone-timeline-bottom);--vz-trx-top: var(--vz-phone-trx-top)}}@container astro (orientation: portrait) and (max-width: 768px) and (min-height: 261px){:where(.astro>*){--u: min(100cqi / var(--vz-portrait-w), 100cqb / var(--vz-portrait-h), var(--vz-portrait-u-max));--pic-half: calc(100cqi / (var(--ratio-player)) / 2);--portrait-top: calc((50cqb - var(--pic-half) - var(--vz-portrait-title-h) * var(--u)) / 2);--portrait-tl-bottom: calc((50cqb - var(--pic-half) - var(--vz-portrait-timeline-h) * var(--u)) / 2);--vz-top-tilt: 0deg;--vz-rail-inset: var(--vz-portrait-rail-inset);--vz-rail-h: var(--vz-portrait-rail-h);--vz-rail-gap: var(--vz-portrait-rail-gap);--vz-rail-arc-gap: 0;--vz-rail-tilt: 0deg;--vz-arc-w: var(--vz-portrait-arc-w);--vz-arc-off-1: var(--vz-portrait-arc-off-1);--vz-arc-off-2: var(--vz-portrait-arc-off-2);--vz-arc-off-3: var(--vz-portrait-arc-off-3);--vz-arc-off-4: var(--vz-portrait-arc-off-4);--vz-btn: var(--vz-portrait-btn);--vz-icon: var(--vz-portrait-icon);--vz-orb: var(--vz-portrait-orb);--vz-pill: var(--vz-portrait-pill);--vz-pill-offset: var(--vz-portrait-pill-offset);--vz-pill-text: var(--vz-portrait-pill-text);--vz-play-icon: var(--vz-portrait-play-icon);--vz-timeline-tilt: 0deg;--vz-timeline-gap: var(--vz-portrait-timeline-gap);--vz-time: var(--vz-portrait-time);--vz-head-w: var(--vz-portrait-head-w);--vz-head-h: var(--vz-portrait-head-h)}}@container astro (max-height: 260px){.astro:has(.transcript[data-open]) .astro-controls .deck{opacity:0;transition:opacity .2s ease}.astro:has(.transcript[data-open]) .astro-controls .deck>*{pointer-events:none}}.astro-controls:not([data-visible]) .deck:has(.deck-loader[data-visible]){--hud-in: 1;transform:none}.astro-error{position:absolute;inset:0;z-index:var(--z-popup);display:grid;gap:calc(10 * var(--u));place-content:center;justify-items:center;padding:var(--space-lg);text-align:center;color:var(--clr-ice);text-shadow:var(--text-glow);background:var(--surface-scrim);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.astro-error:not([data-open]){display:none}.astro-error-code{margin:0;font-size:max(calc(var(--vz-head-text) * var(--u)),var(--text-2xs));font-weight:var(--weight-hud);letter-spacing:var(--tracking-title);text-transform:uppercase;color:var(--clr-danger)}.astro-error-title{margin:0;font-size:max(calc(22 * var(--u)),var(--text-md));font-weight:var(--weight-hud)}.astro-error-description{margin:0;max-width:28rem;font-size:max(calc(var(--vz-row-text) * var(--u)),var(--text-sm));color:var(--clr-value)}.astro-error-close{min-height:var(--size-touch);padding:0 var(--space-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-hud);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--clr-white);background:var(--glass-orb);border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-orb);-webkit-backdrop-filter:var(--blur-orb);backdrop-filter:var(--blur-orb)}.astro-error-close:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}@media(prefers-contrast:more){.astro{--glass-panel: linear-gradient(180deg, rgb(var(--rgb-glass-deep) / .92), rgb(var(--rgb-shade) / .96));--glass-tip: rgb(var(--rgb-shade) / .92);--dim-live: .65}}@media(prefers-reduced-transparency:reduce){.astro{--glass-panel: linear-gradient(180deg, rgb(var(--rgb-glass-deep) / .92), rgb(var(--rgb-shade) / .96));--glass-tip: rgb(var(--rgb-shade) / .92)}.astro-lens-ring{display:none}}@media(prefers-reduced-motion:reduce){.astro>video,.astro-ambient{transition:none}.astro[data-temporal=warp-forward] video{scale:1}.astro-controls :is(.top-hud,.rail,.deck,.timeline,.timeline-overlay),.astro-controls:not([data-visible]) :is(.top-hud,.timeline,.timeline-overlay){filter:none;transition:opacity .3s ease}.astro-controls :is(.rail,.deck),.astro-controls:not([data-visible]) :is(.rail,.deck){transition:--hud-in .3s ease}.astro-controls:not([data-visible]) .rail[data-side=left]{transform:rotateY(var(--vz-rail-tilt))}.astro-controls:not([data-visible]) .rail[data-side=right]{transform:rotateY(calc(var(--vz-rail-tilt) * -1))}.astro-controls:not([data-visible]) .top-hud{transform:rotateX(var(--vz-top-tilt))}.astro-controls:not([data-visible]) .timeline{transform:rotateX(var(--vz-timeline-tilt))}.astro-controls:not([data-visible]) .deck{transform:none}.astro:has(.up-next[data-open]) .astro-controls .deck{transform:none;transition-property:opacity}}.starfield{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:var(--starfield-opacity)}.starfield{animation:starfield-in var(--dur-enter-player) var(--ease-out) backwards}:root:not([data-ready]) .starfield{animation-play-state:paused}@keyframes starfield-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.starfield{animation:none}}.app{position:relative;isolation:isolate;min-height:100vh;overflow-x:clip;padding:var(--page-gutter) var(--page-gutter) var(--space-xl);background:radial-gradient(ellipse 70% 45% at 50% 0%,rgb(var(--rgb-cyan-deep) / .12),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 110%,rgb(var(--rgb-cyan-deep) / .06),transparent 70%),var(--clr-void)}.app-main,.app-footer{max-width:var(--page-max);margin-inline:auto}.app-hero{display:flex;flex-direction:column;gap:var(--hero-gap-title);min-height:calc(100vh - var(--page-gutter) * 2);min-height:calc(100svh - var(--page-gutter) * 2)}.app-header{display:grid;justify-items:center;text-align:center}.app-kicker{display:flex;align-items:center;gap:.1956rem;margin:0;font-family:var(--font-label);font-size:var(--text-kicker);font-weight:500;line-height:var(--leading-kicker);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--clr-white)}.app-kicker-text{text-box:trim-both cap alphabetic}.app-logo{position:relative;display:block;flex:none;width:var(--logo-w);height:var(--logo-h)}.app-logo:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.app-logo-mark,.app-logo-word,.app-logo-image{position:absolute;inset:0}.app-logo-image{display:block;width:100%;height:100%}.app-logo-mark{clip-path:inset(0 calc(100% - var(--logo-mark-end)) 0 0);transform-origin:calc(var(--logo-mark-end) / 2) 50%;transition:transform var(--dur-logo-mark) var(--ease-out)}.app-logo-word{clip-path:inset(0 0 0 var(--logo-mark-end));-webkit-mask-image:var(--mask-logo-word);mask-image:var(--mask-logo-word)}.app-logo-word .app-logo-image{transition:transform var(--dur-logo-roll) var(--ease-loop)}.app-logo-image[data-copy=next]{transform:translateY(var(--logo-roll-step))}@media(hover:hover){.app-logo:hover .app-logo-mark{transform:scale(var(--logo-mark-scale))}.app-logo:hover .app-logo-image[data-copy=current]{transform:translateY(calc(-1 * var(--logo-roll-step)))}.app-logo:hover .app-logo-image[data-copy=next]{transform:none}}.app-logo:focus-visible .app-logo-mark{transform:scale(var(--logo-mark-scale))}.app-logo:focus-visible .app-logo-image[data-copy=current]{transform:translateY(calc(-1 * var(--logo-roll-step)))}.app-logo:focus-visible .app-logo-image[data-copy=next]{transform:none}.app-title{margin:0;font-family:var(--font-title);font-size:var(--text-hero);font-weight:400;line-height:var(--leading-title);color:var(--clr-white)}.app-stage{display:flex;flex:1 1 auto;flex-direction:column}.app-screen{display:grid;place-items:center;flex:none;aspect-ratio:var(--ratio-player);container:app-screen / size}.app-screen:has(>[data-device=mobile]){flex:1 1 auto}.app-device{width:min(100cqi,100cqb * var(--ratio-player))}.app-player{position:relative;width:100%;aspect-ratio:var(--ratio-player);background:var(--clr-void);border-radius:var(--radius-player);box-shadow:0 0 0 1px rgb(var(--rgb-black) / .6),0 30px 80px rgb(var(--rgb-black) / .6),0 0 60px rgb(var(--rgb-cyan) / .08)}.app-player:after{content:"";position:absolute;inset:0;z-index:2;border:1px solid var(--clr-frame-line);border-radius:inherit;pointer-events:none}.app-device[data-device=mobile]{position:relative;isolation:isolate;display:grid;align-content:stretch;width:min(100cqi,(100cqb - var(--preview-rotate-size)) * var(--ratio-phone),var(--phone-short));aspect-ratio:var(--ratio-phone);padding:var(--phone-bezel);background:var(--clr-deep);border:1px solid var(--surface-line-strong);border-radius:var(--radius-phone);box-shadow:var(--shadow-md)}.app-device[data-device=mobile][data-orientation=landscape]{align-content:stretch;width:min(100cqi,(100cqb - var(--preview-rotate-size)) * var(--ratio-phone-landscape),var(--phone-long));aspect-ratio:var(--ratio-phone-landscape)}.app-device[data-device=mobile]:before{content:"";position:absolute;inset:var(--phone-bezel);z-index:-1;background:var(--clr-void);border-radius:var(--radius-phone-screen)}.app-preview-rotate{position:absolute;z-index:3;bottom:0;left:50%;display:grid;place-items:center;width:var(--preview-rotate-size);height:var(--preview-rotate-size);padding:0;color:var(--clr-white);background:var(--glass-orb);-webkit-backdrop-filter:var(--blur-orb);backdrop-filter:var(--blur-orb);border:0;border-radius:50%;box-shadow:var(--shadow-orb);translate:-50% 50%;cursor:pointer;transition:color var(--dur-fast) ease}.app-preview-rotate svg{font-size:1.5rem;transition:rotate var(--dur-base) var(--ease-out)}.app-preview-rotate[data-orientation=landscape] svg{rotate:90deg}.app-preview-rotate:hover{color:var(--clr-glow)}.app-preview-rotate:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.app-device[data-device=mobile] .app-player{aspect-ratio:auto;border-radius:var(--radius-phone-screen);box-shadow:none}.app-device[data-device=mobile] .app-player:after{border-inline:0}.app-device[data-device=mobile][data-orientation=landscape] .app-player{aspect-ratio:auto;border-radius:var(--radius-phone-screen)}.app-device[data-device=mobile][data-orientation=landscape] .app-player:after{border-inline:1px solid var(--surface-line)}.app-device[data-device=mobile] .rail-label{display:none}:root[data-morph] .app-device{view-transition-name:app-device}:root[data-morph=preview] .app-player{view-transition-name:app-player}:root[data-morph] .app-preview-rotate{view-transition-name:app-rotate}:root[data-morph] .app-controls{view-transition-name:app-controls}:root[data-morph] .app-hint{view-transition-name:app-hint}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(app-device),::view-transition-group(app-player),::view-transition-group(app-rotate),::view-transition-group(app-controls),::view-transition-group(app-hint){animation-duration:var(--dur-preview-morph);animation-timing-function:var(--ease-in-out)}::view-transition-old(app-device),::view-transition-new(app-device){block-size:100%;object-fit:fill}::view-transition-group(app-player){overflow:clip;border-radius:var(--radius-player)}::view-transition-old(app-player),::view-transition-new(app-player){block-size:100%;object-fit:cover}:root[data-morph=rotate]::view-transition-group(app-rotate){animation-duration:var(--dur-rotate)}:root[data-morph=rotate]::view-transition-group(app-device){animation:none}:root[data-morph=rotate]::view-transition-old(app-device),:root[data-morph=rotate]::view-transition-new(app-device){inset:50% auto auto 50%;inline-size:auto;block-size:auto;translate:-50% -50%;animation-duration:var(--dur-rotate);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}:root[data-morph=rotate]::view-transition-old(app-device){animation-name:app-device-turn-out}:root[data-morph=rotate]::view-transition-new(app-device){animation-name:app-device-turn-in}@keyframes app-device-turn-out{0%{transform:rotate(0) scale(1)}30%{opacity:1}70%,to{opacity:0}to{transform:rotate(var(--rotate-turn)) scale(var(--rotate-scale))}}@keyframes app-device-turn-in{0%{transform:rotate(calc(var(--rotate-turn) * -1)) scale(calc(1 / var(--rotate-scale)))}0%,30%{opacity:0}70%{opacity:1}to{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){::view-transition-group(app-device),::view-transition-group(app-player),::view-transition-group(app-rotate),::view-transition-group(app-controls),::view-transition-group(app-hint){animation:none}:root[data-morph=rotate]::view-transition-old(app-device),:root[data-morph=rotate]::view-transition-new(app-device){animation:none}}.app-controls{display:flex;align-items:center;gap:var(--source-row-gap);margin-top:var(--hero-gap-row)}.app-preview{display:flex;flex:none;align-items:center;gap:var(--space-xs)}.app-preview-button{display:flex;align-items:center;gap:.375rem;min-height:var(--preview-button-h);padding:.5rem .75rem .5rem .625rem;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-ui);text-transform:uppercase;color:var(--clr-idle);background:var(--clr-black);border:1px solid var(--clr-frame-line);border-radius:var(--radius-bar);cursor:pointer;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.app-preview-button svg{font-size:1.5rem}.app-preview-button:hover{color:var(--clr-field-text);border-color:var(--clr-bar-line)}.app-preview-button[aria-pressed=true]{color:var(--clr-glow);background:var(--clr-glow-a10);border-color:var(--clr-glow)}.app-preview-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.app-hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--hero-gap-hint) 0 0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-hint);text-align:center;text-transform:uppercase;color:var(--clr-hint)}.app-hint-keys,.app-feature-keys{display:flex;gap:.375rem}.app-hint-key,.app-feature-key{display:flex;justify-content:center;align-items:center;min-width:1.4375rem;min-height:1.5rem;padding:.125rem .25rem;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-hint);text-transform:none;color:var(--clr-glow);background:var(--gradient-key);border:2px solid var(--clr-key-line);border-radius:var(--radius-key)}.app-features{position:relative;isolation:isolate;margin-top:var(--section-gap);background:var(--surface-features);-webkit-backdrop-filter:var(--blur-features);backdrop-filter:var(--blur-features);border:1px solid var(--clr-panel-line);border-radius:var(--radius-features);overflow:hidden}.app-features-glow{position:absolute;z-index:-1;width:var(--feature-glow);height:var(--feature-glow);background:rgb(var(--rgb-sky) / .1);border-radius:50%;filter:var(--blur-features-glow);pointer-events:none}.app-features-glow[data-side=start]{top:-.5rem;left:-2.875rem}.app-features-glow[data-side=end]{top:-7.125rem;right:-10.875rem}.app-feature-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.app-feature{position:relative;min-height:var(--feature-h);overflow:hidden;border-inline-start:1px solid var(--clr-panel-line);cursor:pointer}.app-feature:first-child{border-inline-start:0}.app-feature:focus-visible{outline:var(--focus-outline);outline-offset:calc(var(--focus-offset) * -1)}.app-feature-num{position:absolute;top:1rem;left:1.0625rem;font-family:var(--font-title);font-size:var(--text-feature-num);line-height:var(--leading-feature-num);color:var(--clr-glow)}.app-feature-visual{position:absolute;inset:0}.app-feature-num,.app-feature-visual,.app-feature-name{transition:opacity var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.app-feature-name{position:absolute;right:0;bottom:1.9375rem;left:0;margin:0;font-family:var(--font-title);font-size:var(--text-feature-name);font-weight:400;line-height:var(--leading-feature);text-align:center;text-transform:uppercase;color:var(--clr-white)}.app-feature-body{position:absolute;z-index:1;right:1.1875rem;bottom:1.25rem;left:1.1875rem;display:grid;justify-items:start;gap:var(--feature-lead-gap);opacity:0;translate:0 calc(100% + 2.0625rem);transition:opacity var(--dur-base) var(--ease-out),translate var(--dur-slow) var(--ease-out)}.app-feature-lead{margin:0;font-family:var(--font-ui);font-size:var(--text-feature-lead);font-weight:700;line-height:var(--leading-feature-lead);letter-spacing:var(--tracking-ui);text-wrap:balance;color:var(--clr-white)}.app-feature:is(:hover,:focus) .app-feature-num{opacity:var(--feature-dim-num)}.app-feature:is(:hover,:focus) .app-feature-visual{opacity:var(--feature-dim-art)}.app-feature:is(:hover,:focus) .app-feature-name{opacity:var(--feature-dim-name);filter:var(--blur-feature-name)}.app-feature:is(:hover,:focus) .app-feature-body{opacity:1;translate:0 0}.app-feature-art{position:absolute;top:0;left:50%;width:var(--feature-art-w);height:var(--feature-h);translate:-50% 0}.app-feature-figure,.app-feature-streaks,.app-feature-deck,.app-feature-thumb,.app-feature-track,.app-feature-fill,.app-feature-head,.app-feature-chevrons{position:absolute}.app-feature-figure{font-family:var(--font-title);font-size:var(--text-feature-big);line-height:var(--leading-feature);color:var(--clr-white);text-shadow:var(--glow-feature)}.app-feature-figure[data-art=warp]{top:2.0625rem;left:7.375rem}.app-feature-streaks{top:6.1875rem;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.app-feature-streaks i{width:5rem;height:.125rem;background:var(--gradient-streak);box-shadow:var(--glow-feature)}.app-feature-streaks i:nth-child(2){width:6.875rem}.app-feature-streaks i:nth-child(3){width:2.5rem}.app-feature-streaks i:nth-child(4){width:4.375rem}.app-feature-deck{top:50%;left:50%;display:flex;align-items:center;gap:var(--space-lg);translate:-50% -50%}.app-feature-pill,.app-feature-orb{display:grid;place-items:center;background:var(--glass-mini-orb);-webkit-backdrop-filter:var(--blur-mini-orb);backdrop-filter:var(--blur-mini-orb);border-radius:50%;box-shadow:var(--shadow-mini-orb)}.app-feature-pill{width:2.1913rem;height:2.1913rem;font-family:var(--font-display);font-size:var(--text-mini-pill);font-weight:500;line-height:var(--leading-mini-pill);letter-spacing:var(--tracking-pill);color:var(--clr-white)}.app-feature-orb{width:3.0675rem;height:3.0675rem;color:var(--clr-white)}.app-feature-orb svg{font-size:1.0225rem;filter:var(--icon-glow-mini)}.app-feature-thumb{background:var(--gradient-thumb);border:1px solid var(--clr-thumb-line);border-radius:var(--radius-xs);box-shadow:var(--shadow-thumb)}.app-feature-thumb[data-side=current]{top:3.625rem;left:4.125rem;width:7.375rem;height:4.1875rem}.app-feature-thumb[data-side=prev],.app-feature-thumb[data-side=next]{top:4.1875rem;width:5.4375rem;height:3.0625rem;opacity:.5;filter:var(--blur-thumb-side)}.app-feature-thumb[data-side=prev]{left:-2.0625rem}.app-feature-thumb[data-side=next]{left:12.25rem}.app-feature-track{top:10.125rem;left:2rem;width:15.3125rem;height:.1875rem;background:var(--clr-ice-a18);border-radius:var(--radius-pill)}.app-feature-fill{top:10.1563rem;left:2.0056rem;width:1.845rem;height:.1394rem;background:var(--clr-glow);border-radius:var(--radius-pill);box-shadow:var(--shadow-mini-fill)}.app-feature-head{top:9.8425rem;left:3.6569rem;width:.1044rem;height:.7656rem;background:var(--clr-white);border-radius:.0696rem;box-shadow:var(--shadow-mini-head);rotate:12deg}.app-feature-figure[data-art=readout]{top:5.4375rem;left:50%;translate:-50% 0}.app-feature-chevrons{top:6.25rem;left:0;width:100%;height:1.0038rem;filter:var(--glow-chevron)}.app-feature-chevrons i{position:absolute;top:0;width:1.0038rem;height:1.0038rem;border:0 solid var(--clr-white);rotate:45deg}.app-feature-chevrons[data-dir=forward] i{border-width:1.93px 1.93px 0 0}.app-feature-chevrons[data-dir=back] i{border-width:0 0 1.93px 1.93px}.app-feature-chevrons[data-dir=forward] i:nth-child(1){left:10.25rem}.app-feature-chevrons[data-dir=forward] i:nth-child(2){left:10.875rem;opacity:.45}.app-feature-chevrons[data-dir=forward] i:nth-child(3){left:11.5rem;opacity:.2}.app-feature-chevrons[data-dir=back] i:nth-child(1){left:4.3713rem}.app-feature-chevrons[data-dir=back] i:nth-child(2){left:3.7463rem;opacity:.45}.app-feature-chevrons[data-dir=back] i:nth-child(3){left:3.1213rem;opacity:.2}.app-keys{margin-top:var(--section-gap)}.app-keys-title{margin:0 0 calc(var(--keys-overlap) * -1);font-family:var(--font-title);font-size:var(--text-section);font-weight:400;line-height:var(--leading-section);text-align:center;text-transform:uppercase;color:var(--clr-white)}kbd{display:inline-block;min-width:1.6rem;padding:.05rem .4rem;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-align:center;color:var(--clr-ice);background:var(--clr-deep);border:1px solid var(--surface-line);border-bottom-width:.125rem;border-radius:var(--radius-xs)}.app-footer{display:grid;gap:var(--footer-gap);margin-top:var(--footer-gap-top);padding-inline:var(--footer-inset);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-ui);letter-spacing:var(--tracking-ui);color:var(--clr-footer)}.app-footer p{margin:0}.app-footer .app-logo{justify-self:start;margin-top:calc(var(--footer-logo-gap) - var(--footer-gap))}@media(max-width:1024px){.app-feature-list{grid-template-columns:repeat(2,1fr)}.app-feature:nth-child(odd){border-inline-start:0}.app-feature:nth-child(n+3){border-top:1px solid var(--clr-panel-line)}}@media(max-width:768px){.app-feature-list{grid-template-columns:1fr}.app-feature{border-inline-start:0}.app-feature:not(:first-child){border-top:1px solid var(--clr-panel-line)}.app-features-glow[data-side=end]{display:none}.app-feature{min-height:var(--feature-h-phone)}.app-feature:first-child{min-height:var(--feature-h-phone-first)}.app-feature-name{bottom:auto}.app-feature[data-feature=warp] .app-feature-name{top:9.6875rem}.app-feature[data-feature=warp] .app-feature-art{left:0;width:100%;translate:none}.app-feature-figure[data-art=warp]{top:2.25rem;right:1.9375rem;left:auto}.app-feature-streaks{top:4.3125rem}.app-feature-streaks i{width:8.25rem}.app-feature-streaks i:nth-child(2){width:11.375rem}.app-feature-streaks i:nth-child(3){width:4.125rem}.app-feature-streaks i:nth-child(4){width:7.25rem}.app-feature[data-feature=freeze] .app-feature-name{top:9rem}.app-feature-deck{top:calc(50% - .56rem)}.app-feature[data-feature=chrono] .app-feature-name{top:9.8125rem}.app-feature-thumb[data-side=current]{top:3rem}.app-feature-thumb[data-side=prev],.app-feature-thumb[data-side=next]{top:3.5625rem}.app-feature-track{top:8.375rem;left:1.6563rem;width:22.875rem}.app-feature-fill{top:8.4063rem;left:1.6619rem}.app-feature-head{top:8.0925rem;left:3.3131rem}.app-feature[data-feature=readouts] .app-feature-name{top:8.5625rem}.app-feature-figure[data-art=readout]{top:3.875rem}.app-feature-chevrons{top:4.6875rem}.app-player{border-radius:var(--radius-sm)}.app-preview,.app-preview-rotate{display:none}}@media(orientation:landscape)and (max-height:500px){.app{padding-top:var(--space-sm)}.app-hero{gap:var(--space-xs)}.app-header{grid-auto-flow:column;justify-content:center;align-items:center;gap:var(--space-sm)}.app-title{font-size:var(--text-xl);line-height:1}.app-preview,.app-preview-rotate{display:none}.app-player{width:min(100%,calc((100vh - var(--landscape-fit-chrome)) * 16 / 9));width:min(100%,calc((100svh - var(--landscape-fit-chrome)) * 16 / 9));margin-inline:auto}}@media(max-width:600px)and (orientation:portrait){.app{padding:var(--page-top-phone) var(--page-gutter-phone) var(--space-xl)}.app-hero{gap:var(--hero-gap-title-phone)}.app-stage{padding-bottom:var(--player-card-pad-bottom);background:var(--gradient-player-card);border:1px solid var(--clr-frame-line);border-radius:var(--radius-player-card);overflow:clip}.app-player{aspect-ratio:var(--ratio-player-inline);background:transparent;border-radius:calc(var(--radius-player-card) - 1px) calc(var(--radius-player-card) - 1px) 0 0;box-shadow:none}.app-player:after{display:none}.app-player .astro:not(:fullscreen){--clr-stage: transparent;--vz-portrait-h: var(--vz-inline-h);--vz-portrait-sub-y: var(--vz-inline-sub-y);--vz-portrait-trx-top: var(--vz-inline-trx-top)}.app-player .astro:not(:fullscreen)>*{--portrait-top: calc(var(--vz-inline-top) * var(--u));--portrait-tl-bottom: calc(var(--vz-inline-timeline-bottom) * var(--u))}.app-controls{margin-top:0;padding-inline:var(--player-card-inset)}.app-hint{display:none}.app-features{margin-top:var(--space-lg)}.app-keys{margin-top:var(--section-gap-phone)}.app-footer{padding-inline:var(--space-xs)}}@media(max-width:600px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){.app-hero{min-height:0}.app-screen{display:block;flex:none;aspect-ratio:auto;container-type:normal}.app-device{width:100%}}.app-kicker{animation:app-enter var(--dur-enter) var(--ease-out) backwards}.app-title{animation:app-enter-title var(--dur-enter-title) var(--ease-out) var(--delay-enter) backwards}.app-screen{animation:app-fade var(--dur-enter-player) var(--ease-out) calc(var(--delay-enter) * 3) backwards}.app-controls{animation:app-enter var(--dur-enter) var(--ease-out) calc(var(--delay-enter) * 4) backwards}.app-hint{animation:app-enter var(--dur-enter) var(--ease-out) calc(var(--delay-enter) * 5) backwards}.app-features,.app-keys{animation:app-enter var(--dur-enter) var(--ease-out) backwards}.app-features[data-revealed=load]{animation-delay:calc(var(--delay-enter) * 6)}.app-keys[data-revealed=load]{animation-delay:calc(var(--delay-enter) * 7)}:root:not([data-ready]) :is(.app-kicker,.app-title,.app-screen,.app-controls,.app-hint),:root:not([data-ready]) :is(.app-features,.app-keys),.app-features:not([data-revealed]),.app-keys:not([data-revealed]){animation-play-state:paused}@keyframes app-enter{0%{opacity:0;translate:0 var(--enter-rise)}}@keyframes app-enter-title{0%{opacity:0;filter:blur(var(--enter-blur));scale:var(--enter-title-scale)}}@keyframes app-fade{0%{opacity:0}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.app-features{background:var(--surface-glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.app-kicker,.app-title,.app-screen,.app-controls,.app-hint,.app-features,.app-keys{animation:none}.app-preview-button,.app-preview-rotate,.app-preview-rotate svg,.app-feature-num,.app-feature-visual,.app-feature-name,.app-feature-body{transition:none}.app-logo:hover .app-logo-mark,.app-logo:hover .app-logo-image[data-copy=current],.app-logo:focus-visible .app-logo-mark,.app-logo:focus-visible .app-logo-image[data-copy=current]{transform:none}.app-logo:hover .app-logo-image[data-copy=next],.app-logo:focus-visible .app-logo-image[data-copy=next]{transform:translateY(var(--logo-roll-step))}}