:root,[data-theme=light]{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-secondary:#ea580c;--color-secondary-hover:#c2410c;--color-background:#f0fdf4;--color-foreground:#3e2723;--color-muted:#fef3e2;--color-muted-hover:#fef9f3;--color-accent:#facc15;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-border:#e7d4b5;--color-border-hover:#d4b896;--color-card:#fffbf5;--color-text-secondary:#6b5c4f;--color-text-tertiary:#4a3f35;--color-nav-bg:#14532d;--color-nav-text:#ffffff;--color-nav-text-hover:#d1fae5;--badge-bg:#e5e7eb;--badge-text:#6b7280;--badge-easy-bg:#d1fae5;--badge-easy-text:#065f46;--badge-moderate-bg:#fef3c7;--badge-moderate-text:#92400e;--badge-hard-bg:#fee2e2;--badge-hard-text:#991b1b;--focus-ring:0 0 0 3px rgba(22,163,74,0.15);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--shadow-sm:0 1px 2px 0 rgba(62,39,35,0.08);--shadow-md:0 4px 6px -1px rgba(62,39,35,0.12),0 2px 4px -1px rgba(62,39,35,0.08);--shadow-lg:0 10px 15px -3px rgba(62,39,35,0.15),0 4px 6px -2px rgba(62,39,35,0.1)}[data-theme=dark]{--color-primary:#10b981;--color-primary-hover:#34d399;--color-secondary:#60a5fa;--color-secondary-hover:#93c5fd;--color-background:#0f172a;--color-foreground:#e2e8f0;--color-muted:#1e293b;--color-muted-hover:#334155;--color-accent:#fbbf24;--color-error:#b91c1c;--color-error-hover:#dc2626;--color-border:#334155;--color-border-hover:#475569;--color-card:#1e293b;--color-text-secondary:#94a3b8;--color-text-tertiary:#cbd5e1;--color-nav-bg:#14532d;--color-nav-text:#ffffff;--color-nav-text-hover:#d1fae5;--badge-bg:#374151;--badge-text:#d1d5db;--badge-easy-bg:#065f46;--badge-easy-text:#d1fae5;--badge-moderate-bg:#92400e;--badge-moderate-text:#fef3c7;--badge-hard-bg:#991b1b;--badge-hard-text:#fee2e2;--focus-ring:0 0 0 3px rgba(96,165,250,0.2);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.4)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);color:var(--color-foreground);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a,button{transition:all .2s ease}button{font-family:inherit;cursor:pointer}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,select,textarea{background-color:var(--color-card);color:var(--color-foreground)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}