:root{--stims-white-02: rgba(255, 255, 255, .02);--stims-white-03: rgba(255, 255, 255, .03);--stims-white-04: rgba(255, 255, 255, .04);--stims-white-05: rgba(255, 255, 255, .05);--stims-white-06: rgba(255, 255, 255, .06);--stims-white-08: rgba(255, 255, 255, .08);--stims-white-12: rgba(255, 255, 255, .12);--stims-border-08: rgba(255, 255, 255, .08);--stims-shadow-22: rgba(0, 0, 0, .22);--stims-shadow-34: rgba(0, 0, 0, .34);--stims-muted-35: rgba(246, 239, 228, .35);--stims-focus-95: rgba(244, 122, 84, .95);--stims-focus-ring-35: rgba(244, 122, 84, .35);--stims-accent-blue-08: rgba(119, 201, 255, .08);--app-height: 100dvh;--app-width: 100dvw;--bg-color: #0e1518;--bg-color-secondary: #162126;--card-bg: #182328;--text-color: #f7f4eb;--text-muted: rgba(247, 244, 235, .76);--accent-contrast: #fdfdfd;--link-color: #9fd4cb;--link-hover: #e9d49b;--accent-color: #5fc0b5;--accent-purple: #87a9a2;--accent-magenta: #d38954;--glow-color: rgba(95, 192, 181, .16);--accent-soft: rgba(95, 192, 181, .1);--hover-bg: rgba(95, 192, 181, .12);--highlight-glow: rgba(211, 137, 84, .18);--stims-ink: var(--text-color);--stims-ink-strong: #fff8ef;--stims-muted: rgba(246, 239, 228, .74);--stims-line: var(--stims-white-12);--stims-line-strong: rgba(255, 255, 255, .2);--stims-line-soft: var(--stims-white-08);--stims-cool: #77c9ff;--stims-accent: #f47a54;--stims-accent-soft: rgba(244, 122, 84, .2);--stims-accent-glow: rgba(244, 122, 84, .18);--stims-good: #7de0a2;--stims-warn: #ffd166;--stims-bad: #ff7b72;--surface-gradient: linear-gradient( 180deg, rgba(255, 248, 234, .05), transparent );--surface-border: rgba(255, 244, 222, .14);--surface-sheen: none;--surface-texture: none;--surface-highlight: none;--surface-emboss: none;--accent-gradient: linear-gradient( 120deg, rgba(95, 192, 181, .95), rgba(233, 212, 155, .72), rgba(211, 137, 84, .72) );--panel-gradient: linear-gradient( 180deg, color-mix(in srgb, var(--card-bg) 95%, transparent), color-mix(in srgb, #10181d 82%, var(--card-bg)) );--panel-glass: color-mix(in srgb, var(--card-bg) 84%, transparent);--panel-highlight: rgba(255, 248, 234, .08);--aurora-soft: radial-gradient( circle at 20% 10%, color-mix(in srgb, var(--accent-color) 34%, transparent), transparent 48% );--interactive-border: color-mix( in srgb, var(--accent-color) 28%, var(--surface-border) );--interactive-bg: color-mix(in srgb, var(--card-bg) 85%, transparent);--interactive-bg-hover: color-mix( in srgb, var(--accent-color) 14%, var(--card-bg) );--interactive-shadow: 0 2px 8px rgba(0, 0, 0, .16);--stims-panel: rgba(10, 13, 20, .74);--stims-panel-strong: rgba(12, 16, 26, .92);--stims-panel-fill: linear-gradient( 180deg, rgba(14, 19, 30, .96), rgba(7, 11, 20, .9) );--stims-panel-fill-strong: linear-gradient( 180deg, rgba(14, 19, 30, .98), rgba(6, 9, 16, .96) );--stims-control-fill: linear-gradient( 180deg, var(--stims-white-08), var(--stims-white-02) );--stims-control-fill-hover: linear-gradient( 180deg, var(--stims-white-12), var(--stims-white-04) );--stims-rail-fill: linear-gradient( 180deg, rgba(9, 13, 21, .9), rgba(5, 8, 15, .76) );--stims-glow-blue: radial-gradient( circle at top right, rgba(119, 201, 255, .12), transparent 32% );--stims-glow-orange: radial-gradient( circle at 24% 8%, rgba(244, 122, 84, .14), transparent 26% );--stims-glow-green: radial-gradient( circle at 86% 88%, rgba(125, 224, 162, .12), transparent 32% );--shadow-strong: 0 24px 60px rgba(0, 0, 0, .34), 0 4px 18px rgba(95, 192, 181, .12);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .2), 0 2px 8px rgba(95, 192, 181, .1);--shadow-surface: 0 18px 42px rgba(0, 0, 0, .28), 0 2px 12px rgba(95, 192, 181, .12);--stims-shadow: 0 24px 80px rgba(0, 0, 0, .34);--stims-shadow-soft: 0 14px 34px var(--stims-shadow-22);--stims-shadow-control: 0 12px 24px rgba(0, 0, 0, .18), inset 0 1px 0 var(--stims-white-06);--panel-solid: color-mix(in srgb, var(--card-bg) 95%, #091015);--panel-subtle: color-mix(in srgb, var(--card-bg) 91%, transparent);--surface-border-strong: color-mix( in srgb, var(--accent-color) 22%, var(--surface-border) );--shadow-panel: 0 18px 38px rgba(0, 0, 0, .22), 0 3px 10px rgba(0, 0, 0, .12);--shadow-panel-hover: 0 24px 46px rgba(0, 0, 0, .26), 0 6px 16px rgba(0, 0, 0, .14);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--radius-lg-index: 26px;--radius-md-index: 18px;--radius-pill: 999px;--stims-radius-panel: 18px;--stims-radius-card: 14px;--stims-radius-control: 10px;--stims-radius-stage: 18px;--stims-radius-mobile-panel: 16px;--font-family-base: "Space Grotesk", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono: "Space Mono", monospace;--stims-display: "Cormorant Garamond", "Iowan Old Style", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--spring-enter: .4s cubic-bezier(.34, 1.56, .64, 1);--spring-exit: .25s cubic-bezier(.4, 0, .2, 1);--spring-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--content-width: 1220px;--section-gap: clamp(1.9rem, 2.8vw, 3rem);--touch-target-min: 44px;--focus-ring: 0 0 0 3px rgba(244, 122, 84, .42);--focus-ring-offset: 0 0 0 2px rgba(5, 8, 14, .8);--z-ambient: 0;--z-stage-root: 1;--z-stage-hero: 2;--z-frame-chrome: 3;--z-search-sticky: 6;--z-nav: 10;--z-panel: 15;--z-overlay: 18;--z-dropdown: 20;--z-dock: 25;--z-filter-bar: 28;--z-toast: 30;--z-alert: 35;--z-modal-backdrop: 40;--z-modal: 45;--z-shortcut-overlay: 100;--z-home-link: 1000;--z-control-panel: 1100;--z-sheet: 1125;--z-sheet-active: 1151;--z-shell-panel: 1190;--z-active-nav: 1200;--z-settings-panel: 1250;--z-fullscreen-panel: 1260;--z-error-overlay: 2000;--z-audio-match: 2100;--z-loading: 9999;--tv-scale-multiplier: 1;--tv-focus-outline-width: 2px;--tv-focus-outline-offset: 3px;--tv-content-padding: clamp(1.5rem, 2vw + 1rem, 3rem);--tv-safe-padding: 0px;--milkdrop-overlay-bg-primary: rgba(11, 18, 30, .96);--milkdrop-overlay-bg-secondary: rgba(8, 12, 22, .94);--milkdrop-overlay-bg-tertiary: rgba(8, 12, 22, .96);--milkdrop-overlay-overlay: rgba(12, 18, 32, .9);--milkdrop-overlay-overlay-2: rgba(12, 18, 22, .92);--milkdrop-overlay-border: rgba(164, 194, 255, .18);--milkdrop-overlay-blur: 18px;--milkdrop-overlay-blur-lg: 22px;--milkdrop-overlay-shadow: rgba(0, 0, 0, .42);--milkdrop-overlay-shadow-lg: rgba(0, 0, 0, .48);--milkdrop-overlay-button: rgba(108, 176, 255, .22);--milkdrop-overlay-button-border: rgba(108, 176, 255, .4);--milkdrop-active-indicator: rgba(108, 176, 255, .22);--milkdrop-active-indicator-border: rgba(108, 176, 255, .4);--agent-vibe-intensity: 1;--toy-shell-metal: linear-gradient( 135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02) 38%, rgba(0, 0, 0, .12) 66%, rgba(0, 0, 0, .18) );--toy-shell-highlight: rgba(255, 255, 255, .16);--toy-shell-shadow: rgba(2, 5, 12, .48);scrollbar-color:color-mix(in srgb,var(--accent-color) 55%,transparent) color-mix(in srgb,var(--card-bg) 80%,transparent)}html.light{--panel-solid: color-mix(in srgb, var(--card-bg) 97%, #ffffff);--panel-subtle: color-mix(in srgb, var(--card-bg) 94%, #ffffff);--shadow-panel: 0 16px 32px rgba(15, 23, 42, .08), 0 3px 10px rgba(15, 23, 42, .06);--shadow-panel-hover: 0 22px 44px rgba(15, 23, 42, .11), 0 6px 14px rgba(15, 23, 42, .08)}body.tv-mode{--tv-scale-multiplier: 1.16;--tv-focus-outline-width: 4px;--tv-focus-outline-offset: 5px;--tv-content-padding: clamp(2.2rem, 2.4vw + 1.6rem, 4.4rem);--tv-safe-padding: 28px}html.light{--bg-color: #f4efe4;--bg-color-secondary: #e5ded0;--text-color: #233038;--text-muted: #52606b;--accent-contrast: #ffffff;--link-color: #2f6f6a;--link-hover: #7e4c2d;--accent-color: #2f8b83;--accent-purple: #6c8f89;--accent-magenta: #b86f3d;--glow-color: rgba(47, 139, 131, .1);--accent-soft: rgba(47, 139, 131, .08);--card-bg: #fffaf0;--hover-bg: rgba(47, 139, 131, .12);--highlight-glow: rgba(184, 111, 61, .14);--surface-gradient: linear-gradient(180deg, rgba(0, 0, 0, .02), transparent);--surface-border: rgba(35, 48, 56, .14);--accent-gradient: linear-gradient( 120deg, rgba(47, 139, 131, .78), rgba(232, 198, 127, .85), rgba(184, 111, 61, .7) );--panel-glass: color-mix(in srgb, var(--card-bg) 92%, transparent);--panel-highlight: rgba(255, 255, 255, .45);--aurora-soft: radial-gradient( circle at 20% 10%, color-mix(in srgb, var(--accent-color) 18%, transparent), transparent 52% );--interactive-shadow: 0 2px 7px rgba(15, 23, 42, .1);--shadow-strong: 0 12px 24px rgba(15, 23, 42, .11), 0 2px 8px rgba(91, 110, 130, .11);--shadow-soft: 0 4px 12px rgba(15, 23, 42, .08), 0 1px 4px rgba(91, 110, 130, .09);--shadow-surface: 0 8px 18px rgba(15, 23, 42, .09), 0 1px 5px rgba(91, 110, 130, .1);--stims-ink: var(--text-color);--stims-ink-strong: #0f172a;--stims-muted: rgba(35, 48, 56, .72);--stims-line: rgba(43, 56, 77, .14);--stims-line-strong: rgba(43, 56, 77, .22);--stims-line-soft: rgba(43, 56, 77, .08);--stims-panel: rgba(255, 250, 240, .8);--stims-panel-strong: rgba(255, 250, 240, .94);color-scheme:light;scrollbar-color:color-mix(in srgb,var(--accent-color) 40%,transparent) color-mix(in srgb,var(--card-bg) 80%,transparent)}[data-device-tier=low]{--stims-white-02: rgba(255, 255, 255, .01);--stims-white-04: rgba(255, 255, 255, .02);--stims-white-05: rgba(255, 255, 255, .03)}[data-device-tier=low] .stims-shell__backdrop-filter,[data-device-tier=low] .stims-shell__stage-frame:before,[data-device-tier=low] .stims-shell__stage-frame:after,[data-device-tier=low] .stims-shell:before,[data-device-tier=low] .stims-shell:after{display:none}[data-device-tier=low] *,[data-device-tier=mid] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-device-tier=low] .shell-header,[data-device-tier=mid] .shell-header,[data-device-tier=low] .top-nav,[data-device-tier=mid] .top-nav,[data-device-tier=low] .library-search,[data-device-tier=mid] .library-search,[data-device-tier=low] .stims-shell__sheet,[data-device-tier=mid] .stims-shell__sheet,[data-device-tier=low] .stims-shell__modal-panel,[data-device-tier=mid] .stims-shell__modal-panel{background:var(--bg-color)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: .01ms;--transition-base: .01ms;--transition-slow: .01ms;--spring-enter: .01ms linear;--spring-exit: .01ms linear;--spring-bounce: .01ms linear}}
