@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Variable.ttf') format('truetype'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/IBMPlexMono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
:root {
    color-scheme: dark;
    --bg: #101010;
    --surface: #191919;
    --surface-raised: #242424;
    --surface-hover: #303030;
    --border: #363636;
    --border-soft: #292929;
    --text: #ededed;
    --muted: #aaaaaa;
    --dim: #858585;
    --accent: #ffc53d;
    --accent-bg: #332d16;
    --primary: #ffc53d;
    --success: #79c5a5;
    --danger: #f0959f;
    --font: "Manrope", "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scrollbar-color: #484848 var(--bg); }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.5 var(--font); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, [tabindex] { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: default; opacity: .45; }
a { color: var(--accent); text-decoration: none; }
button, input, select { border-radius: 8px; }
button { border: 1px solid var(--border); padding: 9px 16px; background: var(--surface-raised); color: var(--text); font-weight: 500; white-space: nowrap; transition: background .15s, border-color .15s; }
button:hover { background: var(--surface-hover); border-color: #626262; }
.button-primary { background: var(--primary); color: #161616; border-color: var(--primary); font-weight: 600; }
.button-primary:hover { background: #ffd36b; border-color: #ffd36b; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
input, select, textarea { color: var(--text); background: var(--bg); border: 1px solid var(--border); }
input::placeholder, textarea::placeholder { color: var(--dim); opacity: 1; }
input[type="checkbox"] { accent-color: var(--primary); width: 16px; height: 16px; cursor: pointer; }
::selection { background: #ffc53d; color: #161616; }
.eyebrow { display: block; margin-bottom: 10px; color: var(--dim); font-size: 16px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.ui-icon { display: inline-block; width: 18px; height: 18px; background: currentColor; mask: var(--icon) center / contain no-repeat; -webkit-mask: var(--icon) center / contain no-repeat; flex-shrink: 0; }
.icon-plus { --icon: url('../img/ui-plus.svg'); }
.icon-eye { --icon: url('../img/ui-eye.svg'); }
.icon-upload { --icon: url('../img/ui-upload.svg'); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }