:root{
  --bg:#f5f6fa;--card:#fff;--soft:#f8fafc;--text:#111827;--muted:#6b7280;
  --line:#e5e7eb;--accent:#111827;--danger:#b42318;--success:#157f3b;
  --shadow:0 18px 55px rgba(17,24,39,.10)
}
*{box-sizing:border-box}html{color-scheme:light}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#fbfbfe 0%,var(--bg) 100%);color:var(--text);min-height:100vh}
button,input{font:inherit}button{min-height:44px;border:0;border-radius:12px;padding:11px 15px;cursor:pointer;transition:transform .16s ease,opacity .16s ease}
button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}
button:focus-visible,input:focus-visible{outline:3px solid rgba(17,24,39,.18);outline-offset:2px}
.primary{background:var(--accent);color:#fff;font-weight:750}.secondary{background:#f3f4f6;color:var(--text);font-weight:650}.danger{background:#fff0f0;color:var(--danger);font-weight:700}
.success{color:var(--success)}.error{color:var(--danger)}.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}