:root{--bg-app-rgb:2 6 23;--bg-surface-rgb:30 41 59;--bg-surface-a:0.6;--text-primary-rgb:240 249 255;--text-secondary-rgb:148 163 184;--accent-primary-rgb:34 211 238;--accent-secondary-rgb:168 85 247;--success-rgb:52 211 153;--error-rgb:255 51 102;--warning-rgb:251 191 36;--border-color-rgb:56 189 248;--border-color-a:0.2;--button-hover-rgb:255 255 255;--button-hover-a:0.1;--backdrop-blur:12px;--font-ui:Inter,sans-serif;--font-code:"Geist Mono","JetBrains Mono",monospace;--card-radius:0.75rem;--transition-speed:0.3s;--bg-gradient:radial-gradient(circle at 50% 0%,#1e293b 0%,#020617 70%);--shadow-glow:0 0 20px rgba(var(--accent-primary-rgb),0.15);--bg-app:rgb(var(--bg-app-rgb));--bg-surface:rgb(var(--bg-surface-rgb)/var(--bg-surface-a,1));--text-primary:rgb(var(--text-primary-rgb));--text-secondary:rgb(var(--text-secondary-rgb));--accent-primary:rgb(var(--accent-primary-rgb));--accent-secondary:rgb(var(--accent-secondary-rgb));--success:rgb(var(--success-rgb));--error:rgb(var(--error-rgb));--warning:rgb(var(--warning-rgb));--border-color:rgb(var(--border-color-rgb)/var(--border-color-a,1));--button-hover:rgb(var(--button-hover-rgb)/var(--button-hover-a,1))}[data-theme=neon]{--bg-app-rgb:2 6 23;--bg-surface-rgb:30 41 59;--bg-surface-a:0.6;--text-primary-rgb:240 249 255;--text-secondary-rgb:148 163 184;--accent-primary-rgb:34 211 238;--accent-secondary-rgb:168 85 247;--success-rgb:52 211 153;--error-rgb:255 51 102;--warning-rgb:251 191 36;--border-color-rgb:56 189 248;--border-color-a:0.2;--button-hover-rgb:255 255 255;--button-hover-a:0.1;--bg-gradient:radial-gradient(circle at 50% 0%,#1e293b 0%,#020617 70%);--shadow-glow:0 0 20px rgba(var(--accent-primary-rgb),0.15);--accent-primary:rgb(var(--accent-primary-rgb))}[data-theme=flux]{--bg-app-rgb:255 255 255;--bg-surface-rgb:255 255 255;--bg-surface-a:0.85;--text-primary-rgb:17 24 39;--text-secondary-rgb:107 114 128;--accent-primary-rgb:124 58 237;--accent-secondary-rgb:8 145 178;--success-rgb:5 150 105;--error-rgb:220 38 38;--warning-rgb:217 119 6;--border-color-rgb:203 213 225;--border-color-a:1;--button-hover-rgb:0 0 0;--button-hover-a:0.05;--bg-gradient:radial-gradient(circle at 50% 10%,#f5f3ff 0%,#ffffff 60%);--shadow-glow:0 4px 6px -1px rgba(124,58,237,0.1);--accent-primary:rgb(var(--accent-primary-rgb))}[data-theme=ocean]{--bg-app-rgb:240 249 255;--bg-surface-rgb:255 255 255;--bg-surface-a:1;--text-primary-rgb:12 74 110;--text-secondary-rgb:100 116 139;--accent-primary-rgb:14 165 233;--accent-secondary-rgb:99 102 241;--success-rgb:16 185 129;--error-rgb:225 29 72;--warning-rgb:234 88 12;--border-color-rgb:186 230 253;--border-color-a:1;--button-hover-rgb:0 0 0;--button-hover-a:0.05;--bg-gradient:linear-gradient(180deg,#f0f9ff,#e0f2fe);--shadow-glow:0 10px 15px -3px rgba(14,165,233,0.1);--accent-primary:rgb(var(--accent-primary-rgb))}[data-theme=crimson]{--bg-app-rgb:13 13 13;--bg-surface-rgb:26 14 14;--bg-surface-a:0.85;--text-primary-rgb:245 240 235;--text-secondary-rgb:158 142 130;--accent-primary-rgb:225 29 72;--accent-secondary-rgb:245 158 11;--success-rgb:34 197 94;--error-rgb:251 113 133;--warning-rgb:245 158 11;--border-color-rgb:225 29 72;--border-color-a:0.25;--button-hover-rgb:225 29 72;--button-hover-a:0.12;--bg-gradient:radial-gradient(ellipse at 50% 0%,#1a0a0a 0%,#0d0d0d 65%);--shadow-glow:0 0 24px rgba(225,29,72,0.2);--accent-primary:rgb(var(--accent-primary-rgb))}[data-theme=forest]{--bg-app-rgb:6 18 10;--bg-surface-rgb:10 25 14;--bg-surface-a:0.88;--text-primary-rgb:232 245 233;--text-secondary-rgb:122 171 130;--accent-primary-rgb:34 197 94;--accent-secondary-rgb:52 211 153;--success-rgb:74 222 128;--error-rgb:248 113 113;--warning-rgb:251 146 60;--border-color-rgb:34 197 94;--border-color-a:0.2;--button-hover-rgb:34 197 94;--button-hover-a:0.1;--bg-gradient:radial-gradient(ellipse at 50% 0%,#0a1f10 0%,#06120a 70%);--shadow-glow:0 0 22px rgba(34,197,94,0.15);--accent-primary:rgb(var(--accent-primary-rgb))}[data-theme=rose]{--bg-app-rgb:255 247 247;--bg-surface-rgb:255 255 255;--bg-surface-a:0.9;--text-primary-rgb:59 18 25;--text-secondary-rgb:157 96 112;--accent-primary-rgb:225 29 72;--accent-secondary-rgb:219 39 119;--success-rgb:22 163 74;--error-rgb:220 38 38;--warning-rgb:217 119 6;--border-color-rgb:254 205 211;--border-color-a:1;--button-hover-rgb:225 29 72;--button-hover-a:0.06;--bg-gradient:linear-gradient(160deg,#fff0f3,#fff7f7 60%);--shadow-glow:0 4px 12px rgba(225,29,72,0.1);--accent-primary:rgb(var(--accent-primary-rgb))}.theme-logo{color:var(--accent-primary);width:100%;height:100%;display:block;transition:color .3s ease-in-out,filter .3s ease-in-out}[data-theme=crimson] .app-logo,[data-theme=forest] .app-logo,[data-theme=neon] .app-logo{filter:drop-shadow(0 0 10px rgba(var(--accent-primary-rgb),.3))}.surface-card{background-color:var(--bg-surface);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-color);box-shadow:var(--shadow-glow);border-radius:var(--card-radius);transition:transform .3s ease,box-shadow .3s ease}.surface-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -5px rgba(0,0,0,.3),var(--shadow-glow);border-color:var(--accent-primary)}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-app);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-ui);transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}body::-webkit-scrollbar{width:.5rem;height:.5rem}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:1rem;border:3px solid transparent;background-clip:content-box;-webkit-transition:background-color .3s;transition:background-color .3s}body::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);background-clip:content-box}body::-webkit-scrollbar-corner{background:#fff}.toast-ribbon-error:before,.toast-ribbon-success:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;z-index:10000000;background-color:var(--success);box-shadow:0 0 10px 2px var(--success)}.toast-ribbon-error:before{background-color:var(--error);box-shadow:0 0 10px 2px var(--error)}