:root{--bg:#f9fafb;--fg:#18181b;--card:#fff;--border:#e5e7eb;--input:#f3f4f6;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626}[data-theme=dark]{--bg:#18181b;--fg:#f3f4f6;--card:#23232a;--border:#27272a;--input:#27272a;--primary:#60a5fa;--primary-hover:#3b82f6;--danger:#f87171}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;transition:background .2s,color .2s}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);transition:background .2s,border .2s,box-shadow .2s}[data-theme=dark] .card{box-shadow:0 2px 8px 0 rgba(0,0,0,.3)}button,input{font-family:inherit;font-size:1rem}input{background:var(--input);border:1px solid var(--border);border-radius:8px;padding:.75em 1em;color:var(--fg);width:100%;box-sizing:border-box;transition:border .2s,background .2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}[data-theme=dark] input:focus{box-shadow:0 0 0 3px rgba(96,165,250,.15)}button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75em 1.5em;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}button:hover{background:var(--primary-hover)}button:active{transform:scale(.98)}label{font-size:1rem;font-weight:500;display:block}.error{color:var(--danger);font-size:.98em}