:root, html, html.dark{
  --t-bg:#0d0d0f;
  --t-surface:#111115;
  --t-card:#16161a;
  --t-card-hover:#1c1c22;
  --t-elevated:#1e1e24;
  --t-input:#1a1a1f;
  --t-glass:rgba(16,16,26,.82);
  --t-modal:rgba(13,13,15,.92);
  --t-text:#f0f0f5;
  --t-text2:#a8a8b8;
  --t-text3:#6b6b7e;
  --t-text-accent:#818cf8;
  --t-border:rgba(255,255,255,.08);
  --t-border-sub:rgba(255,255,255,.04);
  --t-border-strong:rgba(255,255,255,.14);
  --t-border-focus:#6366f1;
  --t-border-hover:rgba(255,255,255,.18);
  --t-accent:#6366f1;
  --t-accent2:#3b82f6;
  --t-accent-glow:rgba(99,102,241,.35);
  --t-accent-bg:rgba(99,102,241,.1);
  --t-accent-text:#a5b4fc;
  --t-btn-bg:#6366f1;
  --t-btn-text:#ffffff;
  --t-green:#10b981;
  --t-green-bg:rgba(16,185,129,.1);
  --t-green-text:#6ee7b7;
  --t-red:#ef4444;
  --t-red-bg:rgba(239,68,68,.1);
  --t-red-text:#fca5a5;
  --t-amber:#f59e0b;
  --t-amber-bg:rgba(245,158,11,.1);
  --t-amber-text:#fcd34d;
  --t-cyan:#06b6d4;
  --t-cyan-bg:rgba(6,182,212,.1);
  --t-cyan-text:#67e8f9;
  --t-blue:#3b82f6;
  --t-purple:#8b5cf6;
  --t-pink:#ec4899;
  --t-glow:0 0 24px rgba(99,102,241,.28);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05);
  --t-shadow-md:0 4px 16px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.08);
  --t-font:'Inter', system-ui, sans-serif;
  --t-font-title:'Space Grotesk', 'Inter', sans-serif;
  --t-font-mono:'JetBrains Mono', 'Courier New', monospace;
  --t-r-xs:2px; --t-r-sm:6px; --t-r-md:10px;
  --t-r-lg:14px; --t-r-xl:18px; --t-r-2xl:24px; --t-r-3xl:32px;
  --bg-base:var(--t-bg);
  --bg-surface:var(--t-surface);
  --bg-card:var(--t-card);
  --bg-card-hover:var(--t-card-hover);
  --bg-elevated:var(--t-elevated);
  --bg-input:var(--t-input);
  --bg-glass:var(--t-glass);
  --bg-modal:var(--t-modal);
  --text-primary:var(--t-text);
  --text-secondary:var(--t-text2);
  --text-muted:var(--t-text3);
  --text-accent:var(--t-text-accent);
  --border-default:var(--t-border);
  --border-subtle:var(--t-border-sub);
  --border-strong:var(--t-border-strong);
  --border-focus:var(--t-border-focus);
  --border-hover:var(--t-border-hover);
  --accent-indigo:var(--t-accent);
  --accent-blue:var(--t-blue);
  --accent-cyan:var(--t-cyan);
  --accent-purple:var(--t-purple);
  --accent-green:var(--t-green);
  --accent-emerald:var(--t-green);
  --accent-red:var(--t-red);
  --accent-amber:var(--t-amber);
  --accent-pink:var(--t-pink);
  --glow-indigo:var(--t-glow);
  --glow-blue:0 0 24px rgba(59,130,246,.28);
  --glow-green:0 0 24px rgba(16,185,129,.28);
  --shadow-card:var(--t-shadow-sm);
  --shadow-hover:var(--t-shadow-md);
  --shadow-panel:var(--t-shadow-md);
  --shadow-float:var(--t-shadow-lg);
  --r-xs:var(--t-r-xs);--r-sm:var(--t-r-sm);--r-md:var(--t-r-md);
  --r-lg:var(--t-r-lg);--r-xl:var(--t-r-xl);--r-2xl:var(--t-r-2xl);--r-3xl:var(--t-r-3xl);
  --font-main:var(--t-font);
  --font-title:var(--t-font-title);
  --bg:var(--t-bg);
  --surface:var(--t-surface);
  --card:var(--t-card);
  --elevated:var(--t-elevated);
  --text:var(--t-text);
  --text2:var(--t-text2);
  --text3:var(--t-text3);
  --indigo:var(--t-accent);
  --blue:var(--t-blue);
  --green:var(--t-green);
  --emerald:var(--t-green);
  --red:var(--t-red);
  --amber:var(--t-amber);
  --border-md:var(--t-border);
  --font:var(--t-font);
  --font-title:var(--t-font-title);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --sidebar-w:232px;
  --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;
  --sp6:24px;--sp8:32px;--sp10:40px;--sp12:48px;
  --r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;
  --t-fast:.1s ease;--t-norm:.18s ease;--t-slow:.3s ease;
  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:var(--t-shadow-sm);
  --shadow-md:var(--t-shadow-md);
  --shadow-lg:var(--t-shadow-lg);
  --shadow-glow:0 0 24px var(--accent-glow);
  --border:var(--t-border);
  --cyan:var(--t-cyan);
  --purple:var(--t-purple);
  --font-mono:var(--t-font-mono);

  --accent:var(--t-accent);
  --accent-2:var(--t-accent2);
  --accent-glow:var(--t-accent-glow);
  --accent-bg:var(--t-accent-bg);
  --accent-text:var(--t-accent-text);
  --green-bg:var(--t-green-bg);
  --green-text:var(--t-green-text);
  --red-bg:var(--t-red-bg);
  --red-text:var(--t-red-text);
  --amber-bg:var(--t-amber-bg);
  --amber-text:var(--t-amber-text);
  --cyan-bg:var(--t-cyan-bg);
  --cyan-text:var(--t-cyan-text);
  --purple-bg:rgba(139,92,246,.1);
  --purple-text:#c4b5fd;
  --overlay:rgba(0,0,0,.82);
  --border-md:var(--t-border);

  color-scheme:dark;
}
html{
  --bg-base:var(--t-bg);
  --bg-surface:var(--t-surface);
  --bg-card:var(--t-card);
  --bg-card-hover:var(--t-card-hover);
  --bg-elevated:var(--t-elevated);
  --bg-input:var(--t-input);
  --bg-glass:var(--t-glass);
  --bg-modal:var(--t-modal);
  --text-primary:var(--t-text);
  --text-secondary:var(--t-text2);
  --text-muted:var(--t-text3);
  --text-accent:var(--t-text-accent);
  --border-default:var(--t-border);
  --border-subtle:var(--t-border-sub);
  --border-strong:var(--t-border-strong);
  --border-focus:var(--t-border-focus);
  --border-hover:var(--t-border-hover);
  --accent-indigo:var(--t-accent);
  --accent-blue:var(--t-blue);
  --accent-cyan:var(--t-cyan);
  --accent-purple:var(--t-purple);
  --accent-green:var(--t-green);
  --accent-emerald:var(--t-green);
  --accent-red:var(--t-red);
  --accent-amber:var(--t-amber);
  --accent-pink:var(--t-pink);
  --glow-indigo:var(--t-glow);
  --shadow-card:var(--t-shadow-sm);
  --shadow-hover:var(--t-shadow-md);
  --shadow-panel:var(--t-shadow-md);
  --shadow-float:var(--t-shadow-lg);
  --font-main:var(--t-font);
  --font-title:var(--t-font-title);
  --font-mono:var(--t-font-mono);
}
html.light{
  --t-bg:#f5f5f7; --t-surface:#ffffff; --t-card:#ffffff; --t-card-hover:#f8f8fc;
  --t-elevated:#ffffff; --t-input:#f0f0f5; --t-glass:rgba(255,255,255,.82); --t-modal:rgba(245,245,247,.96);
  --t-text:#0d0d1a; --t-text2:#4a4a6a; --t-text3:#8a8aa8; --t-text-accent:#6366f1;
  --t-border:rgba(0,0,0,.1); --t-border-sub:rgba(0,0,0,.06); --t-border-strong:rgba(0,0,0,.16);
  --t-border-focus:#6366f1; --t-border-hover:rgba(0,0,0,.15);
  --t-accent:#6366f1; --t-accent2:#3b82f6; --t-accent-glow:rgba(99,102,241,.2);
  --t-accent-bg:rgba(99,102,241,.08); --t-accent-text:#4338ca;
  --t-btn-bg:#6366f1; --t-btn-text:#ffffff;
  --t-green:#10b981; --t-green-bg:rgba(16,185,129,.08); --t-green-text:#065f46;
  --t-red:#ef4444; --t-red-bg:rgba(239,68,68,.08); --t-red-text:#b91c1c;
  --t-amber:#d97706; --t-amber-bg:rgba(217,119,6,.08); --t-amber-text:#92400e;
  --t-cyan:#0891b2; --t-cyan-bg:rgba(8,145,178,.08); --t-cyan-text:#164e63;
  --t-blue:#3b82f6; --t-purple:#8b5cf6; --t-pink:#ec4899;
  --t-glow:0 0 20px rgba(99,102,241,.15);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.05);
  --t-shadow-md:0 4px 16px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.06);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.06);
  color-scheme:light;
}
html.cyberpunk{
  --t-bg:#010308; --t-surface:#030810; --t-card:#060d1a; --t-card-hover:#0a1525;
  --t-elevated:#0d1e36; --t-input:#040b18; --t-glass:rgba(3,8,16,.82); --t-modal:rgba(1,3,8,.96);
  --t-text:#e0f4ff; --t-text2:#6ba8cc; --t-text3:#1e4060; --t-text-accent:#00d4ff;
  --t-border:rgba(0,212,255,.12); --t-border-sub:rgba(0,212,255,.06); --t-border-strong:rgba(0,212,255,.22);
  --t-border-focus:rgba(0,212,255,.7); --t-border-hover:rgba(0,212,255,.3);
  --t-accent:#00d4ff; --t-accent2:#0088ff; --t-accent-glow:rgba(0,212,255,.4);
  --t-accent-bg:rgba(0,212,255,.08); --t-accent-text:#7ee8ff;
  --t-btn-bg:#00d4ff; --t-btn-text:#000000;
  --t-green:#00ff88; --t-green-bg:rgba(0,255,136,.08); --t-green-text:#7dffc0;
  --t-red:#ff003c; --t-red-bg:rgba(255,0,60,.08); --t-red-text:#ff7aa0;
  --t-amber:#ffaa00; --t-amber-bg:rgba(255,170,0,.08); --t-amber-text:#ffd166;
  --t-cyan:#00ffee; --t-cyan-bg:rgba(0,255,238,.06); --t-cyan-text:#80fff9;
  --t-blue:#0088ff; --t-purple:#bf00ff; --t-pink:#ff00aa;
  --t-glow:0 0 30px rgba(0,212,255,.35);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.9),0 0 0 1px rgba(0,212,255,.08);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.85),0 0 0 1px rgba(0,212,255,.12);
  --t-shadow-lg:0 12px 48px rgba(0,0,0,.9),0 0 0 1px rgba(0,212,255,.12);
  color-scheme:dark;
}
html.cyberpunk body::before{
  background-image:radial-gradient(ellipse 900px 450px at 30% -100px,rgba(0,212,255,.09),transparent), radial-gradient(ellipse 600px 300px at 80% 100%,rgba(0,136,255,.07),transparent);
}
html.cyberpunk body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(0,212,255,.018) 1px,transparent 1px), linear-gradient(90deg,rgba(0,212,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
}
html.aurora{
  --t-bg:#040310; --t-surface:#080618; --t-card:#0d0b22; --t-card-hover:#12102e;
  --t-elevated:#1a1840; --t-input:#090720; --t-glass:rgba(8,6,24,.82); --t-modal:rgba(4,3,16,.96);
  --t-text:#f0eeff; --t-text2:#9b8ec4; --t-text3:#3a3060; --t-text-accent:#a78bfa;
  --t-border:rgba(139,92,246,.12); --t-border-sub:rgba(139,92,246,.06); --t-border-strong:rgba(139,92,246,.22);
  --t-border-focus:rgba(139,92,246,.65); --t-border-hover:rgba(139,92,246,.3);
  --t-accent:#8b5cf6; --t-accent2:#6366f1; --t-accent-glow:rgba(139,92,246,.45);
  --t-accent-bg:rgba(139,92,246,.1); --t-accent-text:#c4b5fd;
  --t-btn-bg:#8b5cf6; --t-btn-text:#ffffff;
  --t-green:#34d399; --t-green-bg:rgba(52,211,153,.08); --t-green-text:#a7f3d0;
  --t-red:#f87171; --t-red-bg:rgba(248,113,113,.08); --t-red-text:#fca5a5;
  --t-amber:#fbbf24; --t-amber-bg:rgba(251,191,36,.08); --t-amber-text:#fde68a;
  --t-cyan:#06b6d4; --t-cyan-bg:rgba(6,182,212,.08); --t-cyan-text:#a5f3fc;
  --t-blue:#6366f1; --t-purple:#c084fc; --t-pink:#f472b6;
  --t-glow:0 0 32px rgba(139,92,246,.35);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.65),0 0 0 1px rgba(139,92,246,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.1);
  color-scheme:dark;
}
html.aurora body::before{
  background-image:radial-gradient(ellipse 900px 450px at 20% -100px,rgba(139,92,246,.12),transparent), radial-gradient(ellipse 600px 300px at 85% 70%,rgba(6,182,212,.07),transparent), radial-gradient(ellipse 500px 250px at 50% 100%,rgba(192,132,252,.06),transparent);
  animation:aurora-shift 8s ease-in-out infinite alternate;
}
@keyframes aurora-shift{from{opacity:.8}to{opacity:1}}
html.bloodred{
  --t-bg:#0d0303; --t-surface:#120505; --t-card:#190707; --t-card-hover:#200a0a;
  --t-elevated:#2a0f0f; --t-input:#140606; --t-glass:rgba(18,5,5,.82); --t-modal:rgba(13,3,3,.96);
  --t-text:#fff0f0; --t-text2:#c47a7a; --t-text3:#5a2020; --t-text-accent:#f87171;
  --t-border:rgba(239,68,68,.12); --t-border-sub:rgba(239,68,68,.06); --t-border-strong:rgba(239,68,68,.22);
  --t-border-focus:rgba(239,68,68,.65); --t-border-hover:rgba(239,68,68,.3);
  --t-accent:#ef4444; --t-accent2:#f97316; --t-accent-glow:rgba(239,68,68,.4);
  --t-accent-bg:rgba(239,68,68,.08); --t-accent-text:#fca5a5;
  --t-btn-bg:#ef4444; --t-btn-text:#ffffff;
  --t-green:#22c55e; --t-green-bg:rgba(34,197,94,.08); --t-green-text:#86efac;
  --t-red:#ef4444; --t-red-bg:rgba(239,68,68,.1); --t-red-text:#fca5a5;
  --t-amber:#f97316; --t-amber-bg:rgba(249,115,22,.08); --t-amber-text:#fdba74;
  --t-cyan:#fbbf24; --t-cyan-bg:rgba(251,191,36,.08); --t-cyan-text:#fde68a;
  --t-blue:#f97316; --t-purple:#dc2626; --t-pink:#fb7185;
  --t-glow:0 0 32px rgba(239,68,68,.35);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(239,68,68,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.8),0 0 0 1px rgba(239,68,68,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.85),0 0 0 1px rgba(239,68,68,.1);
  color-scheme:dark;
}
html.bloodred body::before{
  background-image:radial-gradient(ellipse 700px 400px at 50% -60px,rgba(239,68,68,.1),transparent), radial-gradient(ellipse 500px 300px at 80% 80%,rgba(249,115,22,.06),transparent);
}
html.arctic{
  --t-bg:#f0f4f8; --t-surface:#e8eef4; --t-card:#ffffff; --t-card-hover:#f8fafc;
  --t-elevated:#ffffff; --t-input:#f1f5f9; --t-glass:rgba(255,255,255,.82); --t-modal:rgba(240,244,248,.96);
  --t-text:#0f172a; --t-text2:#475569; --t-text3:#94a3b8; --t-text-accent:#3b82f6;
  --t-border:rgba(0,0,0,.1); --t-border-sub:rgba(0,0,0,.06); --t-border-strong:rgba(0,0,0,.16);
  --t-border-focus:rgba(59,130,246,.5); --t-border-hover:rgba(0,0,0,.15);
  --t-accent:#3b82f6; --t-accent2:#0ea5e9; --t-accent-glow:rgba(59,130,246,.2);
  --t-accent-bg:rgba(59,130,246,.08); --t-accent-text:#1d4ed8;
  --t-btn-bg:#3b82f6; --t-btn-text:#ffffff;
  --t-green:#16a34a; --t-green-bg:rgba(22,163,74,.08); --t-green-text:#15803d;
  --t-red:#dc2626; --t-red-bg:rgba(220,38,38,.08); --t-red-text:#b91c1c;
  --t-amber:#d97706; --t-amber-bg:rgba(217,119,6,.08); --t-amber-text:#92400e;
  --t-cyan:#0891b2; --t-cyan-bg:rgba(8,145,178,.08); --t-cyan-text:#164e63;
  --t-blue:#0ea5e9; --t-purple:#7c3aed; --t-pink:#db2777;
  --t-glow:0 0 20px rgba(59,130,246,.15);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.05);
  --t-shadow-md:0 4px 16px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.06);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.06);
  color-scheme:light;
}
html.magenta{
  --t-bg:#0a0008; --t-surface:#0f000e; --t-card:#160012; --t-card-hover:#1e0019;
  --t-elevated:#280020; --t-input:#120010; --t-glass:rgba(15,0,14,.82); --t-modal:rgba(10,0,8,.96);
  --t-text:#ffe8ff; --t-text2:#c47abf; --t-text3:#5a1f57; --t-text-accent:#f472b6;
  --t-border:rgba(236,72,153,.14); --t-border-sub:rgba(236,72,153,.06); --t-border-strong:rgba(236,72,153,.26);
  --t-border-focus:rgba(236,72,153,.7); --t-border-hover:rgba(236,72,153,.35);
  --t-accent:#ec4899; --t-accent2:#d946ef; --t-accent-glow:rgba(236,72,153,.45);
  --t-accent-bg:rgba(236,72,153,.08); --t-accent-text:#f9a8d4;
  --t-btn-bg:#ec4899; --t-btn-text:#ffffff;
  --t-green:#34d399; --t-green-bg:rgba(52,211,153,.08); --t-green-text:#a7f3d0;
  --t-red:#fb7185; --t-red-bg:rgba(251,113,133,.08); --t-red-text:#fda4af;
  --t-amber:#fbbf24; --t-amber-bg:rgba(251,191,36,.08); --t-amber-text:#fde68a;
  --t-cyan:#f472b6; --t-cyan-bg:rgba(244,114,182,.08); --t-cyan-text:#fbcfe8;
  --t-blue:#d946ef; --t-purple:#a855f7; --t-pink:#ec4899;
  --t-glow:0 0 32px rgba(236,72,153,.4);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(236,72,153,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.8),0 0 0 1px rgba(236,72,153,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.85),0 0 0 1px rgba(236,72,153,.1);
  color-scheme:dark;
}
html.magenta body::before{
  background-image:radial-gradient(ellipse 700px 400px at 30% -80px,rgba(236,72,153,.1),transparent), radial-gradient(ellipse 500px 300px at 75% 85%,rgba(168,85,247,.07),transparent);
}
html.emerald{
  --t-bg:#020d07; --t-surface:#04110a; --t-card:#071a0e; --t-card-hover:#0b2214;
  --t-elevated:#102e1a; --t-input:#061509; --t-glass:rgba(4,17,10,.82); --t-modal:rgba(2,13,7,.96);
  --t-text:#e8fff2; --t-text2:#7abf9a; --t-text3:#1f5a35; --t-text-accent:#4ade80;
  --t-border:rgba(16,185,129,.14); --t-border-sub:rgba(16,185,129,.06); --t-border-strong:rgba(16,185,129,.26);
  --t-border-focus:rgba(16,185,129,.7); --t-border-hover:rgba(16,185,129,.35);
  --t-accent:#10b981; --t-accent2:#34d399; --t-accent-glow:rgba(16,185,129,.4);
  --t-accent-bg:rgba(16,185,129,.08); --t-accent-text:#6ee7b7;
  --t-btn-bg:#10b981; --t-btn-text:#000000;
  --t-green:#22c55e; --t-green-bg:rgba(34,197,94,.08); --t-green-text:#86efac;
  --t-red:#f87171; --t-red-bg:rgba(248,113,113,.08); --t-red-text:#fca5a5;
  --t-amber:#fbbf24; --t-amber-bg:rgba(251,191,36,.08); --t-amber-text:#fde68a;
  --t-cyan:#6ee7b7; --t-cyan-bg:rgba(110,231,183,.08); --t-cyan-text:#d1fae5;
  --t-blue:#34d399; --t-purple:#059669; --t-pink:#86efac;
  --t-glow:0 0 28px rgba(16,185,129,.4);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(16,185,129,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.8),0 0 0 1px rgba(16,185,129,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.85),0 0 0 1px rgba(16,185,129,.1);
  color-scheme:dark;
}
html.sea{
  --t-bg:#010a10; --t-surface:#020e16; --t-card:#04131e; --t-card-hover:#071a28;
  --t-elevated:#0b2234; --t-input:#031018; --t-glass:rgba(2,14,22,.82); --t-modal:rgba(1,10,16,.96);
  --t-text:#e0f8ff; --t-text2:#6ab8cc; --t-text3:#1a4d60; --t-text-accent:#22d3ee;
  --t-border:rgba(6,182,212,.14); --t-border-sub:rgba(6,182,212,.06); --t-border-strong:rgba(6,182,212,.26);
  --t-border-focus:rgba(6,182,212,.7); --t-border-hover:rgba(6,182,212,.35);
  --t-accent:#06b6d4; --t-accent2:#0ea5e9; --t-accent-glow:rgba(6,182,212,.4);
  --t-accent-bg:rgba(6,182,212,.08); --t-accent-text:#a5f3fc;
  --t-btn-bg:#06b6d4; --t-btn-text:#000000;
  --t-green:#34d399; --t-green-bg:rgba(52,211,153,.08); --t-green-text:#a7f3d0;
  --t-red:#f87171; --t-red-bg:rgba(248,113,113,.08); --t-red-text:#fca5a5;
  --t-amber:#fbbf24; --t-amber-bg:rgba(251,191,36,.08); --t-amber-text:#fde68a;
  --t-cyan:#22d3ee; --t-cyan-bg:rgba(34,211,238,.08); --t-cyan-text:#cffafe;
  --t-blue:#0ea5e9; --t-purple:#0284c7; --t-pink:#67e8f9;
  --t-glow:0 0 28px rgba(6,182,212,.4);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(6,182,212,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.8),0 0 0 1px rgba(6,182,212,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.85),0 0 0 1px rgba(6,182,212,.1);
  color-scheme:dark;
}
html.bordo{
  --t-bg:#0c0205; --t-surface:#11030a; --t-card:#18050d; --t-card-hover:#200713;
  --t-elevated:#2e0c1c; --t-input:#150409; --t-glass:rgba(17,3,10,.82); --t-modal:rgba(12,2,5,.96);
  --t-text:#fff0f4; --t-text2:#c47a8f; --t-text3:#5a1f30; --t-text-accent:#f9a8bb;
  --t-border:rgba(159,18,57,.18); --t-border-sub:rgba(159,18,57,.08); --t-border-strong:rgba(159,18,57,.32);
  --t-border-focus:rgba(190,24,93,.7); --t-border-hover:rgba(159,18,57,.4);
  --t-accent:#be185d; --t-accent2:#9f1239; --t-accent-glow:rgba(190,24,93,.45);
  --t-accent-bg:rgba(190,24,93,.08); --t-accent-text:#fda4af;
  --t-btn-bg:#be185d; --t-btn-text:#ffffff;
  --t-green:#22c55e; --t-green-bg:rgba(34,197,94,.08); --t-green-text:#86efac;
  --t-red:#f43f5e; --t-red-bg:rgba(244,63,94,.08); --t-red-text:#fda4af;
  --t-amber:#d97706; --t-amber-bg:rgba(217,119,6,.08); --t-amber-text:#fcd34d;
  --t-cyan:#e11d48; --t-cyan-bg:rgba(225,29,72,.08); --t-cyan-text:#fda4af;
  --t-blue:#9f1239; --t-purple:#881337; --t-pink:#fb7185;
  --t-glow:0 0 32px rgba(190,24,93,.4);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(159,18,57,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.8),0 0 0 1px rgba(159,18,57,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.85),0 0 0 1px rgba(159,18,57,.1);
  color-scheme:dark;
}
html.argb{
  --t-bg:#020202; --t-surface:#060606; --t-card:#0a0a0a; --t-card-hover:#0f0f0f;
  --t-elevated:#141414; --t-input:#080808; --t-glass:rgba(6,6,6,.88); --t-modal:rgba(2,2,2,.97);
  --t-text:#f0f0f0; --t-text2:#b0b0b0; --t-text3:#505050;
  --t-text-accent:hsl(var(--argb-h,0),100%,73%);
  --argb-h:0;
  --t-accent:hsl(var(--argb-h,0),100%,58%);
  --t-accent2:hsl(calc(var(--argb-h,0) + 30),100%,58%);
  --t-accent-glow:hsla(var(--argb-h,0),100%,58%,.4);
  --t-accent-bg:hsla(var(--argb-h,0),100%,58%,.08);
  --t-accent-text:hsl(var(--argb-h,0),100%,80%);
  --t-btn-bg:hsl(var(--argb-h,0),100%,58%); --t-btn-text:#000000;
  --t-border:hsla(var(--argb-h,0),100%,58%,.18);
  --t-border-sub:hsla(var(--argb-h,0),100%,58%,.07);
  --t-border-strong:hsla(var(--argb-h,0),100%,58%,.35);
  --t-border-focus:hsla(var(--argb-h,0),100%,58%,.80);
  --t-border-hover:hsla(var(--argb-h,0),100%,58%,.28);
  --t-green:hsl(calc(var(--argb-h,0) + 120),90%,58%);
  --t-green-bg:hsla(calc(var(--argb-h,0) + 120),90%,58%,.08);
  --t-green-text:hsl(calc(var(--argb-h,0) + 120),100%,78%);
  --t-red:hsl(calc(var(--argb-h,0) + 180),90%,58%);
  --t-red-bg:hsla(calc(var(--argb-h,0) + 180),90%,58%,.08);
  --t-red-text:hsl(calc(var(--argb-h,0) + 180),100%,78%);
  --t-amber:hsl(calc(var(--argb-h,0) + 45),90%,58%);
  --t-amber-bg:hsla(calc(var(--argb-h,0) + 45),90%,58%,.08);
  --t-amber-text:hsl(calc(var(--argb-h,0) + 45),100%,78%);
  --t-cyan:hsl(calc(var(--argb-h,0) + 60),90%,65%);
  --t-cyan-bg:hsla(calc(var(--argb-h,0) + 60),90%,65%,.08);
  --t-cyan-text:hsl(calc(var(--argb-h,0) + 60),100%,80%);
  --t-blue:hsl(calc(var(--argb-h,0) + 30),100%,58%);
  --t-purple:hsl(calc(var(--argb-h,0) - 30),100%,58%);
  --t-pink:hsl(calc(var(--argb-h,0) - 20),100%,58%);
  --t-glow:0 0 24px hsla(var(--argb-h,0),100%,58%,.4);
  --t-shadow-sm:0 1px 3px rgba(0,0,0,.9),0 0 0 1px hsla(var(--argb-h,0),100%,58%,.08);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.85),0 0 0 1px hsla(var(--argb-h,0),100%,58%,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.9),0 0 0 1px hsla(var(--argb-h,0),100%,58%,.12);
  color-scheme:dark;
}
html.electro{
  --t-bg:#010400; --t-surface:#020800; --t-card:#040d00; --t-card-hover:#071500;
  --t-elevated:#0c2200; --t-input:#030900; --t-glass:rgba(2,8,0,.88); --t-modal:rgba(1,4,0,.95);
  --t-text:#e8ffb0; --t-text2:#7db800; --t-text3:#2a4400; --t-text-accent:#b4ff00;
  --t-border:rgba(180,255,0,.14); --t-border-sub:rgba(180,255,0,.06); --t-border-strong:rgba(180,255,0,.28);
  --t-border-focus:rgba(180,255,0,.8); --t-border-hover:rgba(180,255,0,.22);
  --t-accent:#b4ff00; --t-accent2:#00ff88; --t-accent-glow:rgba(180,255,0,.5);
  --t-accent-bg:rgba(180,255,0,.07); --t-accent-text:#d4ff66;
  --t-btn-bg:#b4ff00; --t-btn-text:#000000;
  --t-green:#00ff44; --t-green-bg:rgba(0,255,68,.08); --t-green-text:#80ffaa;
  --t-red:#ff4400; --t-red-bg:rgba(255,68,0,.08); --t-red-text:#ff9966;
  --t-amber:#ffcc00; --t-amber-bg:rgba(255,204,0,.08); --t-amber-text:#ffe566;
  --t-cyan:#00ffcc; --t-cyan-bg:rgba(0,255,204,.06); --t-cyan-text:#80ffe6;
  --t-blue:#00ff88; --t-purple:#aaff00; --t-pink:#ccff00;
  --t-glow:0 0 28px rgba(180,255,0,.45);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.95),0 0 0 1px rgba(180,255,0,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.9),0 0 0 1px rgba(180,255,0,.12);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.95),0 0 0 1px rgba(180,255,0,.12);
  color-scheme:dark;
}
html.electro body::before{
  background-image:radial-gradient(ellipse 900px 450px at 50% -100px,rgba(180,255,0,.1),transparent), radial-gradient(ellipse 500px 250px at 90% 70%,rgba(0,255,136,.06),transparent);
}
html.electro body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px);
  animation:electro-scan 8s linear infinite;
}
@keyframes electro-scan{0%{background-position:0 0}100%{background-position:0 400px}}
html.neonnoir{
  --t-bg:#03010a; --t-surface:#06020f; --t-card:#0a0318; --t-card-hover:#0f0522;
  --t-elevated:#160840; --t-input:#070213; --t-glass:rgba(6,2,15,.9); --t-modal:rgba(3,1,10,.96);
  --t-text:#f0e8ff; --t-text2:#9b72cc; --t-text3:#2d1060; --t-text-accent:#ff14c8;
  --t-border:rgba(255,20,200,.13); --t-border-sub:rgba(255,20,200,.06); --t-border-strong:rgba(255,20,200,.25);
  --t-border-focus:rgba(0,240,255,.7); --t-border-hover:rgba(255,20,200,.2);
  --t-accent:#ff14c8; --t-accent2:#00f0ff; --t-accent-glow:rgba(255,20,200,.5);
  --t-accent-bg:rgba(255,20,200,.07); --t-accent-text:#ff80e0;
  --t-btn-bg:#ff14c8; --t-btn-text:#ffffff;
  --t-green:#00ffaa; --t-green-bg:rgba(0,255,170,.07); --t-green-text:#80ffd5;
  --t-red:#ff1a4a; --t-red-bg:rgba(255,26,74,.08); --t-red-text:#ff80a5;
  --t-amber:#ff9900; --t-amber-bg:rgba(255,153,0,.08); --t-amber-text:#ffcc66;
  --t-cyan:#00f0ff; --t-cyan-bg:rgba(0,240,255,.07); --t-cyan-text:#80f8ff;
  --t-blue:#00f0ff; --t-purple:#bf00ff; --t-pink:#ff14c8;
  --t-glow:0 0 32px rgba(255,20,200,.45);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.95),0 0 0 1px rgba(255,20,200,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.9),0 0 0 1px rgba(255,20,200,.12);
  --t-shadow-lg:0 20px 60px rgba(0,0,0,.92),0 0 0 1px rgba(255,20,200,.12);
  color-scheme:dark;
}
html.neonnoir body::before{
  background-image:radial-gradient(ellipse 1000px 500px at 50% -80px,rgba(191,0,255,.1),transparent), radial-gradient(ellipse 600px 400px at 100% 60%,rgba(255,20,200,.08),transparent), radial-gradient(ellipse 500px 300px at 0% 80%,rgba(0,240,255,.06),transparent);
}
html.neonnoir body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent 60px,rgba(0,240,255,.012) 60px,rgba(0,240,255,.012) 61px);
  animation:noir-rain 4s linear infinite;
}
@keyframes noir-rain{0%{transform:translateY(0)}100%{transform:translateY(150px)}}
html.hacker{
  --t-bg:#000000; --t-surface:#020602; --t-card:#030903; --t-card-hover:#050f05;
  --t-elevated:#081808; --t-input:#020702; --t-glass:rgba(2,6,2,.92); --t-modal:rgba(0,0,0,.98);
  --t-text:#00ff41; --t-text2:#00aa2a; --t-text3:#003d0d; --t-text-accent:#00ff41;
  --t-border:rgba(0,255,65,.13); --t-border-sub:rgba(0,255,65,.06); --t-border-strong:rgba(0,255,65,.26);
  --t-border-focus:rgba(0,255,65,.75); --t-border-hover:rgba(0,255,65,.2);
  --t-accent:#00ff41; --t-accent2:#00cc33; --t-accent-glow:rgba(0,255,65,.55);
  --t-accent-bg:rgba(0,255,65,.06); --t-accent-text:#66ff88;
  --t-btn-bg:#00ff41; --t-btn-text:#000000;
  --t-green:#00ff41; --t-green-bg:rgba(0,255,65,.06); --t-green-text:#66ff88;
  --t-red:#ff3300; --t-red-bg:rgba(255,51,0,.08); --t-red-text:#ff8866;
  --t-amber:#aaff00; --t-amber-bg:rgba(170,255,0,.08); --t-amber-text:#ccff66;
  --t-cyan:#00ffaa; --t-cyan-bg:rgba(0,255,170,.06); --t-cyan-text:#66ffd5;
  --t-blue:#00cc33; --t-purple:#33ff66; --t-pink:#00ff99;
  --t-glow:0 0 20px rgba(0,255,65,.5);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.98),0 0 0 1px rgba(0,255,65,.06);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.95),0 0 0 1px rgba(0,255,65,.1);
  --t-shadow-lg:0 16px 48px rgba(0,0,0,.98),0 0 0 1px rgba(0,255,65,.1);
  --t-font:'Courier New','Courier',monospace;
  --t-font-title:'Courier New',monospace;
  color-scheme:dark;
}
html.hacker body{font-family:'Courier New',monospace!important;}
html.hacker body::before{
  background-image:radial-gradient(ellipse 800px 400px at 50% -60px,rgba(0,255,65,.08),transparent);
}
html.hacker body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px);
}
html.void{
  --t-bg:#000000; --t-surface:#050505; --t-card:#0a0a0a; --t-card-hover:#111111;
  --t-elevated:#161616; --t-input:#070707; --t-glass:rgba(5,5,5,.94); --t-modal:rgba(0,0,0,.98);
  --t-text:#ffffff; --t-text2:#888888; --t-text3:#333333; --t-text-accent:#cccccc;
  --t-border:rgba(255,255,255,.1); --t-border-sub:rgba(255,255,255,.05); --t-border-strong:rgba(255,255,255,.2);
  --t-border-focus:rgba(255,255,255,.6); --t-border-hover:rgba(255,255,255,.16);
  --t-accent:#ffffff; --t-accent2:#cccccc; --t-accent-glow:rgba(255,255,255,.15);
  --t-accent-bg:rgba(255,255,255,.05); --t-accent-text:#cccccc;
  --t-btn-bg:#ffffff; --t-btn-text:#000000;
  --t-green:#88ff88; --t-green-bg:rgba(136,255,136,.06); --t-green-text:#aaffaa;
  --t-red:#ff4444; --t-red-bg:rgba(255,68,68,.07); --t-red-text:#ff9999;
  --t-amber:#ffcc44; --t-amber-bg:rgba(255,204,68,.07); --t-amber-text:#ffe088;
  --t-cyan:#aaaaaa; --t-cyan-bg:rgba(170,170,170,.06); --t-cyan-text:#cccccc;
  --t-blue:#cccccc; --t-purple:#aaaaaa; --t-pink:#ffaaaa;
  --t-glow:0 0 24px rgba(255,255,255,.12);
  --t-shadow-sm:0 1px 2px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);
  --t-shadow-md:0 4px 24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);
  --t-shadow-lg:0 20px 60px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1);
  color-scheme:dark;
}
html.void body::before{background:none;}
html.void body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px 256px;
}
html.plasma{
  --t-bg:#080200; --t-surface:#0f0400; --t-card:#180600; --t-card-hover:#220900;
  --t-elevated:#300d00; --t-input:#100400; --t-glass:rgba(15,4,0,.9); --t-modal:rgba(8,2,0,.97);
  --t-text:#fff0e0; --t-text2:#cc7733; --t-text3:#4a1a00; --t-text-accent:#ff6600;
  --t-border:rgba(255,100,0,.15); --t-border-sub:rgba(255,100,0,.07); --t-border-strong:rgba(255,100,0,.3);
  --t-border-focus:rgba(255,160,0,.8); --t-border-hover:rgba(255,100,0,.22);
  --t-accent:#ff6600; --t-accent2:#ff9900; --t-accent-glow:rgba(255,102,0,.55);
  --t-accent-bg:rgba(255,102,0,.07); --t-accent-text:#ffaa66;
  --t-btn-bg:#ff6600; --t-btn-text:#ffffff;
  --t-green:#ffaa00; --t-green-bg:rgba(255,170,0,.08); --t-green-text:#ffd066;
  --t-red:#ff2200; --t-red-bg:rgba(255,34,0,.08); --t-red-text:#ff8866;
  --t-amber:#ffcc00; --t-amber-bg:rgba(255,204,0,.08); --t-amber-text:#ffe566;
  --t-cyan:#ffcc00; --t-cyan-bg:rgba(255,204,0,.07); --t-cyan-text:#ffe080;
  --t-blue:#ff9900; --t-purple:#ff3300; --t-pink:#ff4400;
  --t-glow:0 0 30px rgba(255,102,0,.5);
  --t-shadow-sm:0 1px 4px rgba(0,0,0,.95),0 0 0 1px rgba(255,100,0,.07);
  --t-shadow-md:0 4px 20px rgba(0,0,0,.9),0 0 0 1px rgba(255,100,0,.12);
  --t-shadow-lg:0 20px 60px rgba(0,0,0,.92),0 0 0 1px rgba(255,100,0,.14);
  color-scheme:dark;
}
html.plasma body::before{
  background-image:radial-gradient(ellipse 1000px 400px at 50% -60px,rgba(255,80,0,.12),transparent), radial-gradient(ellipse 600px 400px at 100% 50%,rgba(255,40,0,.08),transparent), radial-gradient(ellipse 500px 300px at 0% 80%,rgba(255,120,0,.07),transparent);
}
html.plasma body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 120% 60% at 50% 120%,rgba(255,60,0,.06),transparent);
  animation:plasma-breathe 6s ease-in-out infinite;
}
@keyframes plasma-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}
[data-theme="arctic"]{ --bg:var(--t-bg);--surface:var(--t-surface);--card:var(--t-card);--elevated:var(--t-elevated);--border:var(--t-border);--border-md:var(--t-border);--border-strong:var(--t-border-strong);--text:var(--t-text);--text2:var(--t-text2);--text3:var(--t-text3);--accent:var(--t-accent,#3b82f6);--accent-2:var(--t-accent2);--accent-glow:var(--t-accent-glow);--accent-bg:var(--t-accent-bg);--accent-text:var(--t-accent-text);--green:var(--t-green);--green-bg:var(--t-green-bg);--green-text:var(--t-green-text);--red:var(--t-red);--red-bg:var(--t-red-bg);--red-text:var(--t-red-text);--amber:var(--t-amber);--amber-bg:var(--t-amber-bg);--amber-text:var(--t-amber-text); }
*,*::before,*::after{box-sizing:border-box;}
body{
  font-family:var(--t-font,'Inter',system-ui,sans-serif);
  background:var(--t-bg);
  color:var(--t-text);
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease,color .25s ease;
}
/* FX temos — body transparent kad canvas matytųsi */
html.hacker body,
html.plasma body,
html.electro body,
html.neonnoir body,
html.void body{
  background:transparent !important;
}
/* Hacker landing stiliai — Inter šriftas turiniui */
html.hacker .landing-nav,
html.hacker .landing-hero,
html.hacker .landing-section,
html.hacker .landing-footer{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html.hacker .step-card,
html.hacker .feature-card,
html.hacker .service-showcase-card{
  background:rgba(0,20,0,.85) !important;
  border-color:rgba(0,255,65,.15) !important;
  backdrop-filter:blur(4px);
}
html.hacker .features{
  background:rgba(0,10,0,.7) !important;
}
html.hacker .how-it-works,
html.hacker .pricing,
html.hacker .cta-section{
  background:transparent;
}


/* Unified landing FX layering */
html.hacker body,
html.plasma body,
html.electro body,
html.neonnoir body,
html.void body{
  background:transparent !important;
}
html.hacker .landing-nav,
html.hacker .landing-hero,
html.hacker .landing-section,
html.hacker .landing-footer,
html.plasma .landing-nav,
html.plasma .landing-hero,
html.plasma .landing-section,
html.plasma .landing-footer,
html.electro .landing-nav,
html.electro .landing-hero,
html.electro .landing-section,
html.electro .landing-footer,
html.neonnoir .landing-nav,
html.neonnoir .landing-hero,
html.neonnoir .landing-section,
html.neonnoir .landing-footer,
html.void .landing-nav,
html.void .landing-hero,
html.void .landing-section,
html.void .landing-footer,
html.hacker .features,
html.hacker .how-it-works,
html.hacker .pricing,
html.hacker .cta-section{
  position:relative;
  z-index:1;
}
html.hacker .step-card,
html.hacker .feature-card,
html.hacker .service-showcase-card,
html.hacker .pricing-card,
html.hacker .faq-item,
html.hacker .info-section,
html.hacker .info-cta-box{
  background:rgba(3, 12, 3, .72) !important;
  border-color:rgba(0,255,65,.16) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(0,255,65,.04) !important;
  backdrop-filter:blur(4px);
}
html.plasma .step-card, html.plasma .feature-card, html.plasma .service-showcase-card,
html.electro .step-card, html.electro .feature-card, html.electro .service-showcase-card,
html.neonnoir .step-card, html.neonnoir .feature-card, html.neonnoir .service-showcase-card,
html.void .step-card, html.void .feature-card, html.void .service-showcase-card{
  backdrop-filter:blur(4px);
}