[data-theme=dark]{--bg:#0a0a0a;--surface:#141414;--surface-2:#1d1d1d;--line:#2a2a2a;--text:#f4f4f4;--muted:#9a9a9a;--accent:#f4f4f4;--on-accent:#0a0a0a;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}
[data-theme=light]{--bg:#f4f4f4;--surface:#fff;--surface-2:#ebebeb;--line:#dcdcdc;--text:#0a0a0a;--muted:#6a6a6a;--accent:#0a0a0a;--on-accent:#fff;--ok:#16a34a;--warn:#d97706;--bad:#dc2626}
html{scroll-behavior:smooth}
body{min-height:100vh;transition:background-color .3s,color .3s}
input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem}
::placeholder{color:var(--muted)}
.fade-in{animation:fi .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.spin{animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}