:root{--brand:#f0eeec;--brand-hover:#ffffff;--brand-rgb:240,238,236;--plix-slides:#00D4FF;--plix-data:#7B61FF;--plix-code:#00FF9D;--plix-slides-rgb:0,212,255;--plix-data-rgb:123,97,255;--plix-code-rgb:0,255,157;--bg:#0d0d0d;--bg-surface:#1a1a1a;--bg-hover:#252525;--text:#dddbd8;--text-secondary:#8a8580;--text-muted:#555250;--border:#2a2a2a;--border-subtle:#333333;--radius:6px;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--success-rgb:34,197,94;--error-rgb:239,68,68;--warning-rgb:245,158,11;--color-brand:var(--brand);--color-brand-hover:var(--brand-hover);--color-brand-dark:color-mix(in srgb,var(--brand) 85%,black);--color-brand-5:rgba(var(--brand-rgb),0.05);--color-brand-8:rgba(var(--brand-rgb),0.08);--color-brand-10:rgba(var(--brand-rgb),0.10);--color-brand-15:rgba(var(--brand-rgb),0.15);--color-brand-20:rgba(var(--brand-rgb),0.20);--color-brand-30:rgba(var(--brand-rgb),0.30);--color-brand-50:rgba(var(--brand-rgb),0.50);--color-plix-slides:var(--plix-slides);--color-plix-data:var(--plix-data);--color-plix-code:var(--plix-code);--color-bg-base:var(--bg);--color-bg-elevated:#131313;--color-bg-surface:var(--bg-surface);--color-bg-overlay:var(--bg-surface);--color-bg-subtle:#1f1f1f;--color-bg-hover:var(--bg-hover);--color-bg-active:#2c2c2c;--color-bg-selected:rgba(var(--brand-rgb),0.10);--color-bg-panel:var(--bg-surface);--color-bg-modal:var(--bg-surface);--color-bg-tooltip:rgba(0,0,0,0.8);--color-text:var(--text);--color-text-primary:var(--text);--color-text-secondary:var(--text-secondary);--color-text-tertiary:#777370;--color-text-muted:var(--text-muted);--color-text-disabled:#444;--color-text-placeholder:#3a3a3a;--color-text-body:var(--text-secondary);--color-border:var(--border);--color-border-subtle:var(--border-subtle);--color-border-muted:#383838;--color-border-strong:#444;--color-border-hover:#555;--color-border-light:rgba(255,255,255,0.06);--color-border-light-10:rgba(255,255,255,0.10);--color-border-light-15:rgba(255,255,255,0.15);--color-border-light-20:rgba(255,255,255,0.20);--color-success:var(--success);--color-success-hover:color-mix(in srgb,var(--success) 80%,black);--color-success-light:color-mix(in srgb,var(--success) 70%,white);--color-success-muted:color-mix(in srgb,var(--success) 55%,#aaa);--color-success-bg:rgba(var(--success-rgb),0.10);--color-success-bg-strong:rgba(var(--success-rgb),0.20);--color-error:var(--error);--color-error-hover:color-mix(in srgb,var(--error) 80%,black);--color-error-light:color-mix(in srgb,var(--error) 70%,white);--color-error-muted:color-mix(in srgb,var(--error) 45%,white);--color-error-bg:rgba(var(--error-rgb),0.10);--color-error-bg-strong:rgba(var(--error-rgb),0.20);--color-error-30:rgba(var(--error-rgb),0.30);--color-warning:var(--warning);--color-warning-hover:color-mix(in srgb,var(--warning) 80%,black);--color-warning-light:color-mix(in srgb,var(--warning) 70%,white);--color-warning-bg:rgba(var(--warning-rgb),0.10);--color-warning-bg-strong:rgba(var(--warning-rgb),0.20);--color-info:#60a5fa;--color-info-hover:#3b82f6;--color-info-light:#93c5fd;--color-info-bg:rgba(var(--plix-slides-rgb),0.10);--color-info-bg-strong:rgba(var(--plix-slides-rgb),0.20);--color-accent-purple:var(--plix-data);--color-accent-purple-hover:color-mix(in srgb,var(--plix-data) 80%,black);--color-accent-purple-light:color-mix(in srgb,var(--plix-data) 65%,white);--color-accent-purple-bg:rgba(var(--plix-data-rgb),0.10);--color-accent-purple-bg-strong:rgba(var(--plix-data-rgb),0.20);--color-accent-indigo:color-mix(in srgb,var(--plix-data) 80%,var(--plix-slides));--color-accent-indigo-hover:color-mix(in srgb,var(--plix-data) 70%,black);--color-accent-indigo-bg:rgba(var(--plix-data-rgb),0.15);--color-accent:color-mix(in srgb,var(--plix-slides) 60%,var(--plix-data));--color-accent-bg:rgba(var(--plix-slides-rgb),0.15);--color-accent-bg-strong:rgba(var(--plix-slides-rgb),0.25);--color-overlay-light:rgba(255,255,255,0.05);--color-overlay-dark:rgba(0,0,0,0.5);--color-overlay-modal:rgba(0,0,0,0.6);--color-overlay-heavy:rgba(0,0,0,0.8);--color-scrollbar-track:var(--bg-surface);--color-scrollbar-thumb:#444;--color-scrollbar-thumb-hover:#555;--color-focus-ring:var(--brand);--color-focus-ring-offset:var(--bg);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-xl:0 20px 48px rgba(0,0,0,0.6);--shadow-panel:0 0 0 1px rgba(255,255,255,0.06),0 0 24px rgba(0,0,0,0.45);--shadow-dropdown:0 4px 16px rgba(0,0,0,0.4);--shadow-modal:0 20px 60px rgba(0,0,0,0.5);--radius-sm:4px;--radius-md:var(--radius);--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:0.12s ease;--transition-normal:0.15s ease;--transition-slow:0.2s ease;--transition-slower:0.3s ease;--background-color:var(--bg);--panel-background:var(--bg-surface);--panel-border-radius:var(--radius-2xl);--panel-shadow:var(--shadow-panel);font-family:var(--font-inter),"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.panel{background:var(--color-bg-panel);border-radius:var(--radius-2xl);box-shadow:var(--shadow-panel)}.panel.toolbar{padding:8px 16px;display:flex;align-items:center}*{box-sizing:border-box}body,html{margin:0;background:var(--color-bg-base)}#root,body,html{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0;color:var(--color-text-body)}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--color-scrollbar-track)}:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--touch-target-min:44px;--mobile-padding:12px;--mobile-gap:8px}