:root{--claw-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;--claw-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--claw-radius-sm:6px;--claw-radius:8px;--claw-radius-md:10px;--claw-radius-lg:12px;--claw-radius-xl:16px;--claw-radius-full:9999px;--claw-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--claw-shadow:0 1px 3px 0 rgba(0,0,0,0.35),0 1px 2px -1px rgba(0,0,0,0.25);--claw-shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.25);--claw-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.45),0 4px 6px -4px rgba(0,0,0,0.3);--claw-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.35);--claw-space-0:0px;--claw-space-1:4px;--claw-space-2:8px;--claw-space-3:12px;--claw-space-4:16px;--claw-space-5:20px;--claw-space-6:24px;--claw-space-8:32px;--claw-space-10:40px;--claw-space-12:48px;--claw-transition-fast:150ms ease;--claw-transition-base:200ms ease;--claw-transition-slow:300ms ease;}
:root{--claw-bg-primary:#0a0a14;--claw-bg-secondary:#0f172a;--claw-bg-surface:#131b2e;--claw-bg-elevated:#1a2332;--claw-bg-hover:rgba(148,163,184,0.08);--claw-bg-active:rgba(56,189,248,0.1);--claw-bg-overlay:rgba(0,0,0,0.6);--claw-text-primary:#f1f5f9;--claw-text-secondary:#94a3b8;--claw-text-muted:#64748b;--claw-text-disabled:#475569;--claw-text-inverse:#0f172a;--claw-border:rgba(148,163,184,0.12);--claw-border-strong:rgba(148,163,184,0.2);--claw-border-focus:rgba(56,189,248,0.5);--claw-primary:#38bdf8;--claw-primary-hover:#7dd3fc;--claw-primary-bg:rgba(56,189,248,0.15);--claw-primary-ring:rgba(56,189,248,0.3);--claw-accent:#22c55e;--claw-accent-hover:#4ade80;--claw-accent-bg:rgba(34,197,94,0.15);--claw-danger:#ef4444;--claw-danger-hover:#f87171;--claw-danger-bg:rgba(239,68,68,0.15);--claw-warning:#f59e0b;--claw-warning-hover:#fbbf24;--claw-warning-bg:rgba(245,158,11,0.15);--claw-info:#3b82f6;--claw-info-bg:rgba(59,130,246,0.15);--claw-success:#10b981;--claw-success-bg:rgba(16,185,129,0.15);}
[data-theme="light"]{--claw-bg-primary:#f8fafc;--claw-bg-secondary:#f1f5f9;--claw-bg-surface:#ffffff;--claw-bg-elevated:#ffffff;--claw-bg-hover:rgba(15,23,42,0.04);--claw-bg-active:rgba(56,189,248,0.08);--claw-bg-overlay:rgba(15,23,42,0.4);--claw-text-primary:#0f172a;--claw-text-secondary:#475569;--claw-text-muted:#94a3b8;--claw-text-disabled:#cbd5e1;--claw-text-inverse:#f8fafc;--claw-border:rgba(15,23,42,0.08);--claw-border-strong:rgba(15,23,42,0.15);--claw-border-focus:rgba(56,189,248,0.4);--claw-primary:#0284c7;--claw-primary-hover:#0ea5e9;--claw-primary-bg:rgba(2,132,199,0.1);--claw-primary-ring:rgba(2,132,199,0.25);--claw-accent:#16a34a;--claw-accent-hover:#22c55e;--claw-accent-bg:rgba(22,163,74,0.1);--claw-danger:#dc2626;--claw-danger-hover:#ef4444;--claw-danger-bg:rgba(220,38,38,0.1);--claw-warning:#d97706;--claw-warning-hover:#f59e0b;--claw-warning-bg:rgba(217,119,6,0.1);--claw-info:#2563eb;--claw-info-bg:rgba(37,99,235,0.1);--claw-success:#059669;--claw-success-bg:rgba(5,150,105,0.1);--claw-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--claw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--claw-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--claw-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.05);--claw-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.05);}
*,*::before,*::after{transition:background-color var(--claw-transition-fast),border-color var(--claw-transition-fast),color var(--claw-transition-fast),box-shadow var(--claw-transition-fast);}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;}
}