@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#fbfbfa;--card:#ffffff;--muted:#f5f5f4;--border:#e7e7e5;--ring:rgba(0,0,0,.06);--text:#111111;--subtle:#6b6b6b;--link:#0b57d0;--ok:#0ea5e9;--warn:#eab308;--danger:#e5484d}:root.dark{--bg:#0f1113;--card:#14171a;--muted:#1a1e22;--border:#242a30;--ring:rgba(255,255,255,.08);--text:#f5f7f9;--subtle:#a3adb7;--link:#6aa7ff;--ok:#38bdf8;--warn:#facc15;--danger:#ff5c63}body,html{height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:InterVar;src:local("Inter");font-weight:100 900;font-display:swap}body{font-family:InterVar,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.45}a{color:var(--link);text-underline-offset:2px}a:hover{text-decoration:underline}::selection{background:rgba(11,87,208,.18)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}*{scrollbar-color:var(--border) transparent;scrollbar-width:thin}:where(button,a,input,textarea,select):focus{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:8px}.component-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:.5rem .875rem;border-radius:8px;border:1px solid var(--border);font-size:14px;font-weight:500;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease,transform .12s ease}.button:hover{transform:translateY(-.5px)}.button:disabled{opacity:.55;pointer-events:none}.button[data-variant=solid]{background:#111;color:#fff;border-color:transparent}.button[data-variant=solid]:hover{background:rgba(17,17,17,.9)}.button[data-variant=outline]{color:var(--text)}.button[data-variant=outline]:hover{background:var(--muted)}.button[data-variant=subtle]{background:var(--muted);color:var(--text)}.button[data-variant=ghost]{background:transparent;color:var(--text);border-color:transparent}.button[data-variant=danger]{background:var(--danger);color:#fff;border-color:transparent}.button[data-size=sm]{height:2rem;padding:.375rem .75rem;font-size:13px}.button[data-size=lg]{height:2.5rem;padding:.625rem 1rem}.pill{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--text)}.pill[data-muted=true]{color:var(--subtle)}.hr{height:1px;background:var(--border);border:0}.skeleton{background:var(--muted);border-radius:8px;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.45}to{opacity:.7}}.toast{position:fixed;left:1rem;bottom:1rem;z-index:50;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:13px;box-shadow:0 6px 24px rgba(0,0,0,.08)}.h1{font-size:20px;font-weight:600;line-height:1.2}.h2{font-size:15px;font-weight:500}.meta{font-size:13px;color:var(--subtle)}input[type=range]{accent-color:#111}:root.dark input[type=range]{accent-color:#f5f7f9}.h1,h1{font-size:22px;font-weight:600;margin-bottom:.75rem}.h2,h2{font-size:16px;font-weight:500;margin-bottom:.5rem}.component-card{border-radius:12px;padding:1.25rem;box-shadow:0 2px 6px rgba(0,0,0,.04)}.button[data-variant=solid]:hover{background:#000;transform:translateY(-1px)}.button[data-variant=outline]{background:var(--card)}.button[data-variant=outline]:hover{border-color:#ccc;background:#fafafa}section{margin-bottom:2rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}th{font-weight:500;color:var(--subtle)}