:root{--brand-accent:#a7fb90;--brand-accent-rgb:167,251,144;--brand-accent-fg:#000000;--font-mono:var(--font-sans);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:120px;--space-32:160px;--space-50:200px;--radius-none:0px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--logo-height-header:54px;--logo-height-hero:135px;--text-micro:11px;--text-xs:12px;--text-code:13px;--text-sm:14px;--text-lg:20px;--text-xl:24px;--weight-light:350;--weight-book:450;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-micro:-0.01em;--tracking-tight:-0.02em;--tracking-display:-0.04em;--tracking-compact:0.12em;--tracking-body:0.14em;--tracking-panel:0.18em;--tracking-wide:0.12em;--leading-display:1.05;--leading-relaxed:1.6;--duration-reveal:400ms;--ease-reveal:cubic-bezier(0.16,1,0.3,1);--text-cta-hero:clamp(2.45rem,5.6vw,4.9rem);--text-cta-hero-sm:clamp(1.875rem,8.5vw,2.5rem);--opacity-medium:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-90:0.9;--z-base:0;--z-raised:2;--z-header:100;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-menu:110;--z-toast:600;--z-overlay-top:9999;--duration-ripple:0.5s}[data-theme=dark]{--color-bg-primary:#050505;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#141414;--color-bg-input:#1a1a1a;--color-text-primary:rgba(255,255,255,0.92);--color-text-secondary:rgba(255,255,255,0.60);--color-text-ghost:rgba(255,255,255,0.40);--color-border-default:rgba(255,255,255,0.12);--color-border-strong:rgba(255,255,255,0.20);--color-accent:var(--brand-accent);--color-accent-dim:rgba(var(--brand-accent-rgb),0.10);--color-accent-glow:rgba(var(--brand-accent-rgb),0.25);--color-success:var(--brand-accent);--color-success-bg:rgba(var(--brand-accent-rgb),0.15);--color-success-border:rgba(var(--brand-accent-rgb),0.30);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,0.15);--color-error-border:rgba(239,68,68,0.30);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.15);--color-warning-border:rgba(245,158,11,0.30);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,0.15);--color-info-border:rgba(59,130,246,0.30);--shadow-sm:0 1px 2px rgba(0,0,0,0.30);--shadow-md:0 4px 12px rgba(0,0,0,0.40);--shadow-lg:0 12px 32px rgba(0,0,0,0.50);--shadow-glow:0 0 20px rgba(var(--brand-accent-rgb),0.30);--shadow-header-bar:0 1px 0 rgba(255,255,255,0.04),0 8px 24px rgba(0,0,0,0.28);--shadow-feature-active:-3px 0 24px rgb(var(--brand-accent-rgb)/0.10),inset 0 1px 0 var(--dashboard-overlay-06),0 16px 36px rgba(0,0,0,0.35);--shadow-media-lg:0 16px 48px rgba(0,0,0,0.40);--color-hover:rgba(255,255,255,0.06);--color-active:rgba(255,255,255,0.10);--scrollbar-thumb:rgba(255,255,255,0.20);--scrollbar-thumb-hover:rgba(255,255,255,0.30);--scrollbar-track:transparent}[data-theme=light]{--color-bg-primary:#F9F9F7;--color-bg-secondary:#FFFFFF;--color-bg-tertiary:#F4F4F5;--color-bg-input:#F4F4F5;--color-text-primary:#000000;--color-text-secondary:#52525B;--color-text-ghost:#71717A;--color-border-default:rgba(0,0,0,0.10);--color-border-strong:rgba(0,0,0,0.20);--color-accent:var(--brand-accent);--color-accent-dim:rgba(var(--brand-accent-rgb),0.10);--color-accent-glow:rgba(var(--brand-accent-rgb),0.25);--color-success:#22c55e;--color-success-bg:rgba(34,197,94,0.10);--color-success-border:rgba(34,197,94,0.20);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,0.10);--color-error-border:rgba(239,68,68,0.20);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.10);--color-warning-border:rgba(245,158,11,0.20);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,0.10);--color-info-border:rgba(59,130,246,0.20);--shadow-sm:0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 4px 12px rgba(0,0,0,0.03);--shadow-lg:0 12px 32px rgba(0,0,0,0.04);--shadow-glow:0 0 20px rgba(var(--brand-accent-rgb),0.20);--shadow-header-bar:0 1px 0 rgba(0,0,0,0.03),0 8px 24px rgba(0,0,0,0.06);--shadow-feature-active:-3px 0 24px rgb(var(--brand-accent-rgb)/0.10),inset 0 1px 0 var(--dashboard-overlay-06),0 16px 36px rgba(0,0,0,0.08);--shadow-media-lg:0 16px 48px rgba(0,0,0,0.08);--shadow-card:0 2px 4px rgba(0,0,0,0.02),0 12px 24px rgba(0,0,0,0.03),0 20px 40px -10px rgba(0,0,0,0.04);--shadow-card-hover:0 4px 8px rgba(0,0,0,0.04),0 20px 40px rgba(var(--brand-accent-rgb),0.15),0 30px 60px -12px rgba(0,0,0,0.06);--shadow-button-primary-hover:0 4px 16px rgba(var(--brand-accent-rgb),0.25);--color-hover:rgba(0,0,0,0.04);--color-active:rgba(0,0,0,0.08);--scrollbar-thumb:rgba(0,0,0,0.15);--scrollbar-thumb-hover:rgba(0,0,0,0.25);--scrollbar-track:transparent;--gradient-stage-shoulder:radial-gradient(ellipse 160% 100% at 50% -30%,rgba(var(--brand-accent-rgb),0.08) 0%,transparent 55%);--gradient-stage-carbon:radial-gradient(ellipse at 25% 15%,rgba(0,0,0,0.01) 0%,transparent 45%),radial-gradient(ellipse at 75% 85%,rgba(0,0,0,0.01) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0.02) 0%,transparent 70%)}[data-theme=dark] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=light] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=light]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=light] body{background-color:var(--color-bg-primary);background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.02) 1px,transparent 0),var(--gradient-stage-shoulder),var(--gradient-stage-carbon);background-size:32px 32px,100% 100%,100% 100%}[data-theme=light] .card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.2,1,.2,1)}[data-theme=light] .card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-card-hover)}[data-theme=light] .btn-primary,[data-theme=light] button[data-variant=primary]{background:var(--color-text-primary);color:var(--color-accent);border:2px solid var(--color-text-primary);transition:all .2s ease}[data-theme=light] .btn-primary:hover,[data-theme=light] button[data-variant=primary]:hover{background:var(--color-accent);color:var(--brand-accent-fg);border-color:var(--color-text-primary);transform:scale(1.02);box-shadow:var(--shadow-button-primary-hover)}[data-theme=light] .btn-ghost,[data-theme=light] button[data-variant=ghost]{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-default)}[data-theme=light] .btn-ghost:hover,[data-theme=light] button[data-variant=ghost]:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{outline:none;background:var(--color-bg-secondary);border-color:var(--color-text-primary);box-shadow:4px 4px 0 var(--color-accent)}[data-theme=light] .badge{background:var(--color-accent);color:var(--brand-accent-fg);border:1px solid var(--color-text-primary)}