:root{color-scheme:dark;--color-brand:255 255 255;--color-brand-bright:240 240 240;--color-brand-subtle:180 180 180;--color-brand-dim:255 255 255;--color-upgrade:250 250 250;--color-upgrade-bright:235 235 235;--color-green:67 160 71;--color-red:229 57 53;--color-yellow:255 160 0;--color-blue:30 136 229;--state-positive-bg:rgba(67,160,71,0.10);--state-positive-bg-hover:rgba(67,160,71,0.18);--state-positive-border:rgba(67,160,71,0.32);--state-positive-fg:rgb(129,199,132);--state-attention-bg:rgba(255,160,0,0.10);--state-attention-bg-hover:rgba(255,160,0,0.18);--state-attention-border:rgba(255,160,0,0.32);--state-attention-fg:rgb(255,213,79);--state-negative-bg:rgba(229,57,53,0.10);--state-negative-bg-hover:rgba(229,57,53,0.18);--state-negative-border:rgba(229,57,53,0.32);--state-negative-fg:rgb(239,154,154);--state-info-bg:rgba(30,136,229,0.10);--state-info-bg-hover:rgba(30,136,229,0.18);--state-info-border:rgba(30,136,229,0.32);--state-info-fg:rgb(144,202,249);--text-primary:232 232 234;--text-secondary:172 172 178;--text-tertiary:110 110 118;--text-quaternary:60 60 66;--surface-base:7 7 10;--surface-raised:16 16 20;--surface-overlay:24 24 30;--surface-elevated:34 34 40;--card-bg:transparent;--card-bg-hover:rgba(255,255,255,0.025);--card-border:rgba(255,255,255,0.08);--card-border-hover:rgba(255,255,255,0.14);--blur-card:blur(0px);--blur-modal:blur(32px) saturate(125%);--blur-overlay:blur(8px);--shadow-glass-card:none;--shadow-glass-modal:0 1px 0 0 rgba(255,255,255,0.06) inset,0 24px 64px -12px rgba(0,0,0,0.6),0 8px 24px -8px rgba(0,0,0,0.4);--border-subtle:rgba(255,255,255,0.04);--border-default:rgba(255,255,255,0.07);--border-hover:rgba(255,255,255,0.11);--border-strong:rgba(255,255,255,0.16);--border-emphasis:rgba(255,255,255,0.22);--input-bg:rgba(255,255,255,0.035);--input-border:rgba(255,255,255,0.085);--input-border-focus:rgba(255,255,255,0.22);--input-placeholder:rgba(255,255,255,0.26);--button-primary-bg:rgb(var(--color-brand));--button-primary-fg:rgb(var(--surface-base));--button-primary-hover:rgb(var(--color-brand-bright));--button-ghost-bg:rgba(255,255,255,0.055);--button-ghost-bg-hover:rgba(255,255,255,0.10);--button-ghost-fg:rgb(var(--text-secondary));--button-danger-bg:rgba(248,113,113,0.05);--button-danger-bg-hover:rgba(248,113,113,0.10);--button-danger-fg:rgb(var(--color-red));--button-danger-border:rgba(248,113,113,0.22);--accent:247 238 226;--accent-warm:247 238 226;--accent-deep:180 168 152;--accent-mid:247 238 226;--accent-purple:139 92 246;--modal-glass-bg:rgba(var(--surface-overlay)/0.75);--progress-track-bg:rgba(255,255,255,0.045);--shadow-sm:0 1px 2px rgba(0,0,0,0.30);--shadow-md:0 6px 18px rgba(0,0,0,0.38);--shadow-lg:0 18px 48px rgba(0,0,0,0.50);--font-sans:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace;--font-serif:var(--font-fraunces),Georgia,serif;--type-display:clamp(28px,6vw,32px);--type-title:22px;--type-subtitle:16px;--type-body:14px;--type-caption:12px;--type-label:10px;--type-w-regular:400;--type-w-medium:500;--type-w-semibold:600;--type-w-bold:700;--type-track-tight:-0.02em;--type-track-snug:-0.01em;--type-track-normal:0;--type-track-label:0.1em;--type-track-eyebrow:0.14em;--type-lead-none:1;--type-lead-tight:1.15;--type-lead-snug:1.35;--type-lead-body:1.5;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-cubic:cubic-bezier(0.65,0,0.35,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}.studio-bg,.studio-canvas,.war-room-bg{background-color:rgb(var(--surface-base));background-image:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(139,92,246,.11),transparent 60%),radial-gradient(circle at center,rgba(255,255,255,.055) 1.25px,transparent 1.75px);background-size:100% 100%,42px 42px;background-attachment:fixed,fixed;background-repeat:no-repeat,repeat}.studio-grain{position:relative}.studio-grain:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.studio-divider,.war-room-divider{height:1px;background:linear-gradient(90deg,transparent,rgb(var(--color-brand)/.15),transparent)}.studio-display{font-size:var(--type-display);letter-spacing:var(--type-track-tight);line-height:var(--type-lead-none)}.studio-display,.studio-title{font-family:var(--font-sans);font-weight:var(--type-w-semibold);color:rgb(var(--text-primary))}.studio-title{font-size:var(--type-title);line-height:var(--type-lead-tight)}.studio-subtitle,.studio-title{letter-spacing:var(--type-track-snug)}.studio-subtitle{font-family:var(--font-sans);font-size:var(--type-subtitle);font-weight:var(--type-w-medium);line-height:var(--type-lead-snug);color:rgb(var(--text-primary))}.studio-body{font-weight:var(--type-w-regular);color:rgb(var(--text-secondary))}.studio-body,.studio-body-strong{font-family:var(--font-sans);font-size:var(--type-body);letter-spacing:var(--type-track-normal);line-height:var(--type-lead-body)}.studio-body-strong{font-weight:var(--type-w-medium);color:rgb(var(--text-primary))}.studio-caption{font-size:var(--type-caption);font-weight:var(--type-w-regular)}.studio-caption,.studio-micro{font-family:var(--font-sans);letter-spacing:var(--type-track-normal);line-height:var(--type-lead-snug);color:rgb(var(--text-tertiary))}.studio-micro{font-size:var(--type-label);font-weight:var(--type-w-medium)}.studio-eyebrow,.studio-section-title{font-weight:var(--type-w-semibold);letter-spacing:var(--type-track-eyebrow)}.studio-eyebrow,.studio-label,.studio-section-title{font-family:var(--font-sans);font-size:var(--type-label);text-transform:uppercase;line-height:var(--type-lead-snug);color:rgb(var(--text-tertiary))}.studio-label{font-weight:var(--type-w-medium);letter-spacing:var(--type-track-label)}.studio-dim{color:rgb(var(--text-quaternary))}.studio-mono,.war-room-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;letter-spacing:-.04em;font-weight:800}.studio-heading,.war-room-heading{background:linear-gradient(180deg,rgb(var(--color-brand)) 0,rgb(var(--color-brand)/.5) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-stat{font-family:var(--font-mono);font-weight:800;letter-spacing:-.04em;font-feature-settings:"tnum" 1}.studio-input:focus,.war-room-input:focus{border-color:rgb(var(--color-brand)/.3);box-shadow:0 0 0 2px rgb(var(--color-brand)/.08)}.studio-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);backdrop-filter:var(--blur-card);-webkit-backdrop-filter:var(--blur-card);box-shadow:var(--shadow-glass-card);transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo)}.studio-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover)}.studio-card-glow{background:var(--card-bg);border:1px solid rgb(var(--accent-purple)/.15);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:border-color .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo)}.studio-card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-purple)),transparent);opacity:.6}.studio-card-glow:hover{border-color:rgb(var(--color-brand)/.25);box-shadow:0 0 20px rgb(var(--color-brand)/.06)}.studio-progress-track{background:var(--progress-track-bg);height:6px;border-radius:3px;overflow:hidden}.studio-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,rgb(var(--accent-purple)),rgb(var(--accent-purple)/.7));position:relative}.studio-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:rgb(var(--accent-purple)/.7);box-shadow:0 0 8px rgb(var(--accent-purple)/.6)}.studio-switch{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:var(--radius-full);background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo)}.studio-switch:after{content:"";position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:50%;background:rgb(var(--text-secondary));transform:translateY(-50%);transition:transform .25s var(--ease-out-expo),background .25s var(--ease-out-expo)}.studio-switch[aria-checked=true]{background:rgb(var(--color-brand));border-color:rgb(var(--color-brand))}.studio-switch[aria-checked=true]:after{transform:translate(18px,-50%);background:rgb(var(--surface-base))}.studio-switch:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--color-brand)/.18)}.studio-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,rgb(var(--color-brand)) var(--range-fill,0),var(--progress-track-bg) var(--range-fill,0));cursor:pointer;outline:none}.studio-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:rgb(var(--color-brand));border:none;box-shadow:var(--shadow-sm);cursor:grab;-webkit-transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo);transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo)}.studio-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.studio-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.04)}.studio-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-sm),0 0 0 4px rgb(var(--color-brand)/.18)}.studio-range::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--progress-track-bg)}.studio-range::-moz-range-progress{height:4px;border-radius:var(--radius-full);background:rgb(var(--color-brand))}.studio-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:rgb(var(--color-brand));border:none;box-shadow:var(--shadow-sm);cursor:grab}@keyframes glow-pulse{0%,to{box-shadow:0 0 4px rgb(var(--color-brand)/.2),0 0 12px rgb(var(--color-brand)/.1)}50%{box-shadow:0 0 8px rgb(var(--color-brand)/.4),0 0 20px rgb(var(--color-brand)/.15)}}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes bio-breathe{0%,to{box-shadow:0 0 8px rgb(var(--color-brand)/.15),0 0 24px rgb(var(--color-brand)/.05)}50%{box-shadow:0 0 16px rgb(var(--color-brand)/.25),0 0 40px rgb(var(--color-brand)/.08)}}.animate-bio-breathe{animation:bio-breathe 3s ease-in-out infinite}[class*=bg-card]{backdrop-filter:var(--blur-card);-webkit-backdrop-filter:var(--blur-card);box-shadow:var(--shadow-glass-card)}[class*=bg-modal]{backdrop-filter:var(--blur-modal);-webkit-backdrop-filter:var(--blur-modal);box-shadow:var(--shadow-glass-modal)}.studio-spinner{width:28px;height:28px}.studio-spinner,.studio-spinner-sm{border:2px solid var(--border-subtle);border-top-color:rgb(var(--text-primary));border-radius:9999px;animation:spin .9s linear infinite;display:inline-block;flex-shrink:0}.studio-spinner-sm{width:16px;height:16px}.studio-spinner-xs{width:12px;height:12px;border:1.5px solid var(--border-subtle);border-top-color:rgb(var(--text-primary));border-radius:9999px;animation:spin .9s linear infinite;display:inline-block;flex-shrink:0}.studio-spinner-sm.is-on-fill,.studio-spinner-xs.is-on-fill,.studio-spinner.is-on-fill{opacity:.3;border-color:currentColor}.studio-spinner.is-on-fill{opacity:1}.studio-spinner-sm.is-on-fill,.studio-spinner-xs.is-on-fill,.studio-spinner.is-on-fill{border-color:currentColor rgba(0,0,0,.25) rgba(0,0,0,.25)}@keyframes spin{to{transform:rotate(1turn)}}.metric-positive{background-color:var(--state-positive-bg)!important;border-color:var(--state-positive-border)!important;transition:background-color .15s var(--ease-out-expo)}.metric-positive:hover{background-color:var(--state-positive-bg-hover)!important}.metric-positive .metric-value,.metric-positive [data-metric-value]{color:var(--state-positive-fg)}.metric-attention{background-color:var(--state-attention-bg)!important;border-color:var(--state-attention-border)!important;transition:background-color .15s var(--ease-out-expo)}.metric-attention:hover{background-color:var(--state-attention-bg-hover)!important}.metric-attention .metric-value,.metric-attention [data-metric-value]{color:var(--state-attention-fg)}.metric-negative{background-color:var(--state-negative-bg)!important;border-color:var(--state-negative-border)!important;transition:background-color .15s var(--ease-out-expo)}.metric-negative:hover{background-color:var(--state-negative-bg-hover)!important}.metric-negative .metric-value,.metric-negative [data-metric-value]{color:var(--state-negative-fg)}.metric-info{background-color:var(--state-info-bg)!important;border-color:var(--state-info-border)!important;transition:background-color .15s var(--ease-out-expo)}.metric-info:hover{background-color:var(--state-info-bg-hover)!important}.metric-info .metric-value,.metric-info [data-metric-value]{color:var(--state-info-fg)}button.metric-positive{color:var(--state-positive-fg)}button.metric-attention{color:var(--state-attention-fg)}button.metric-negative{color:var(--state-negative-fg)}button.metric-info{color:var(--state-info-fg)}.btn-elegant{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.75rem;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1;transition:background-color .15s var(--ease-out-expo),border-color .15s var(--ease-out-expo),color .15s var(--ease-out-expo)}.btn-elegant:hover:not(:disabled){background:var(--card-bg-hover);border-color:var(--card-border-hover)}.btn-elegant:disabled{opacity:.5;cursor:not-allowed}.btn-elegant.is-positive{color:var(--state-positive-fg)}.btn-elegant.is-positive:hover:not(:disabled){background:var(--state-positive-bg);border-color:var(--state-positive-border)}.btn-elegant.is-attention{color:var(--state-attention-fg)}.btn-elegant.is-attention:hover:not(:disabled){background:var(--state-attention-bg);border-color:var(--state-attention-border)}.btn-elegant.is-info{color:var(--state-info-fg)}.btn-elegant.is-info:hover:not(:disabled){background:var(--state-info-bg);border-color:var(--state-info-border)}.btn-elegant.is-negative{color:var(--state-negative-fg)}.btn-elegant.is-negative:hover:not(:disabled){background:var(--state-negative-bg);border-color:var(--state-negative-border)}.font-mono-accent{font-family:var(--font-mono);font-feature-settings:"tnum" 1;letter-spacing:-.02em}