*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #181818;--surface2: #222222;--border: #2e2e2e;--text: #e8e3d9;--text-muted:#7a7570;--accent: #c9a96e;--accent-dim:#7a6442;--danger: #e05c5c;--success: #5bbf8a;--radius: 6px;--radius-lg: 12px;--font-sans: "DM Sans", sans-serif;--font-serif:"DM Serif Display", serif;--font-mono: "DM Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:opacity .15s,background .15s,transform .1s}button:active{transform:scale(.97)}input,select{font-family:var(--font-sans);font-size:15px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 14px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease both}