:root,html[data-theme=default]{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070808;color:var(--text-main);--app-bg-solid: #050606;--text-main: #f4f0e6;--text-muted: #918b80;--text-soft: #aaa393;--label-color: #b9b2a6;--accent: #ffc54c;--accent-strong: #f0b83d;--accent-rgb: 255, 197, 76;--accent-soft: rgba(255, 197, 76, .14);--accent-border: rgba(255, 197, 76, .28);--accent-glow: 0 0 30px rgba(255, 197, 76, .18);--primary-bg: linear-gradient(180deg, #ffc54c, #e8a72a);--primary-hover-bg: linear-gradient(180deg, #ffd66b, #f2ad2d);--primary-text: #16120a;--primary-shadow: 0 8px 22px rgba(238, 174, 46, .18);--primary-hover-shadow: 0 16px 38px rgba(238, 174, 46, .38), 0 0 28px rgba(255, 197, 76, .22), 0 0 0 1px rgba(255, 217, 126, .36) inset;--surface: radial-gradient(circle 340px at 76% 12%, rgba(255, 213, 118, .06), transparent 64%), linear-gradient(135deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .022)), rgba(20, 20, 25, .85);--surface-hover: radial-gradient(circle 420px at 80% 12%, rgba(255, 213, 118, .09), transparent 68%), linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .032)), rgba(25, 25, 28, .9);--surface-plain: rgba(17, 18, 18, .76);--surface-border: rgba(255, 255, 255, .115);--surface-filter: blur(16px) saturate(1.1);--surface-shadow: 0 18px 48px rgba(0, 0, 0, .28);--input-bg: #151616;--input-border: #30302c;--input-text: #f7f2e8;--shell-bg: linear-gradient(rgba(5, 6, 6, .6), rgba(5, 6, 6, .78)), url(/assets/images/futuristic-charging-bg.jpg) center / cover fixed no-repeat, #050606;--shell-overlay: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .34) 48%, rgba(0, 0, 0, .68)), radial-gradient(circle at 65% 24%, rgba(240, 184, 61, .12), transparent 32%);--workspace-bg: radial-gradient(circle 500px at 74% 18%, rgba(255, 213, 118, .04), transparent 65%), rgba(17, 18, 18, .58);--workspace-overlay: radial-gradient(circle at 68% 28%, rgba(240, 184, 61, .08), transparent 28%), linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .28));--topbar-bg: radial-gradient(circle 240px at 30% 50%, rgba(255, 213, 118, .06), transparent 62%), rgba(17, 18, 18, .64);--sidebar-bg: radial-gradient(circle 260px at 50% 12%, rgba(255, 213, 118, .08), transparent 58%), linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .018)), linear-gradient(rgba(13, 14, 14, .42), rgba(13, 14, 14, .58)), transparent}html[data-theme=purple]{color-scheme:dark;background:#0a0410;--app-bg-solid: #0a0410;--text-main: #f6f0ff;--text-muted: #b9a9d8;--text-soft: #d7c8ff;--label-color: #d5c8f5;--accent: #a855f7;--accent-strong: #8b5cf6;--accent-rgb: 168, 85, 247;--accent-soft: rgba(168, 85, 247, .16);--accent-border: rgba(168, 85, 247, .3);--accent-glow: 0 0 28px rgba(168, 85, 247, .4);--primary-bg: linear-gradient(180deg, #c084fc, #8b5cf6);--primary-hover-bg: linear-gradient(180deg, #d8b4fe, #a855f7);--primary-text: #10051e;--primary-shadow: 0 0 20px rgba(168, 85, 247, .34);--primary-hover-shadow: 0 18px 42px rgba(88, 28, 135, .42), 0 0 28px rgba(168, 85, 247, .52), 0 0 0 1px rgba(216, 180, 254, .42) inset;--surface: radial-gradient(circle 360px at 78% 10%, rgba(168, 85, 247, .16), transparent 66%), linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025)), rgba(45, 27, 84, .4);--surface-hover: radial-gradient(circle 420px at 80% 12%, rgba(168, 85, 247, .24), transparent 68%), linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .04)), rgba(55, 34, 105, .5);--surface-plain: rgba(28, 16, 52, .62);--surface-border: rgba(168, 85, 247, .3);--surface-filter: blur(18px) saturate(1.22);--surface-shadow: 0 20px 60px rgba(8, 3, 18, .5), 0 0 24px rgba(168, 85, 247, .12);--input-bg: rgba(19, 11, 41, .72);--input-border: rgba(168, 85, 247, .26);--input-text: #f8f1ff;--shell-bg: radial-gradient(circle at 76% 16%, rgba(168, 85, 247, .22), transparent 34%), linear-gradient(135deg, rgba(10, 4, 16, .82), rgba(19, 11, 41, .9)), url(/assets/images/futuristic-charging-bg.jpg) center / cover fixed no-repeat, #0a0410;--shell-overlay: linear-gradient(90deg, rgba(10, 4, 16, .82), rgba(19, 11, 41, .54) 52%, rgba(10, 4, 16, .86)), radial-gradient(circle at 70% 20%, rgba(168, 85, 247, .2), transparent 36%);--workspace-bg: radial-gradient(circle 520px at 72% 18%, rgba(168, 85, 247, .1), transparent 64%), rgba(10, 4, 16, .58);--workspace-overlay: radial-gradient(circle at 68% 28%, rgba(168, 85, 247, .12), transparent 30%), linear-gradient(rgba(19, 11, 41, .08), rgba(10, 4, 16, .32));--topbar-bg: radial-gradient(circle 240px at 30% 50%, rgba(168, 85, 247, .12), transparent 62%), rgba(13, 7, 28, .72);--sidebar-bg: radial-gradient(circle 260px at 50% 12%, rgba(168, 85, 247, .12), transparent 58%), linear-gradient(145deg, rgba(168, 85, 247, .12), rgba(255, 255, 255, .018)), linear-gradient(rgba(10, 4, 16, .52), rgba(13, 7, 28, .68)), transparent}html[data-theme=light]{color-scheme:light;background:#f8fafc;--app-bg-solid: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--text-soft: #475569;--label-color: #334155;--accent: #2563eb;--accent-strong: #111827;--accent-rgb: 37, 99, 235;--accent-soft: rgba(37, 99, 235, .12);--accent-border: rgba(37, 99, 235, .24);--accent-glow: 0 12px 28px rgba(37, 99, 235, .12);--primary-bg: linear-gradient(180deg, #1f2937, #111827);--primary-hover-bg: linear-gradient(180deg, #334155, #111827);--primary-text: #ffffff;--primary-shadow: 0 8px 20px rgba(15, 23, 42, .12);--primary-hover-shadow: 0 16px 34px rgba(15, 23, 42, .16), 0 0 0 1px rgba(37, 99, 235, .18) inset;--surface: #ffffff;--surface-hover: #ffffff;--surface-plain: #ffffff;--surface-border: rgba(15, 23, 42, .1);--surface-filter: none;--surface-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 14px 34px rgba(15, 23, 42, .06);--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #1e293b;--shell-bg: #f8fafc;--shell-overlay: transparent;--workspace-bg: #f8fafc;--workspace-overlay: transparent;--topbar-bg: rgba(255, 255, 255, .92);--sidebar-bg: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--app-bg-solid);color:var(--text-main)}button,input,select{font:inherit}button{cursor:pointer}