:root{--obsidian:#0c0a0b;--ink:#120f10;--surface:#1a1517;--surface-2:#221b1e;--oxblood:#94202e;--oxblood-deep:#5c141c;--brass:#c5a468;--brass-dim:#8e7848;--bone:#efe8dc;--bone-dim:#a89e8f;--steel:#6e7479;--line:#efe8dc21;--line-soft:#efe8dc12;--ok:#6f8f6a;--warn:#c5a468;--danger:#94202e;--font-display:"Bodoni Moda", "Didot", "Times New Roman", serif;--font-mono:"IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;--font-body:"Hanken Grotesk", "Inter", system-ui, -apple-system, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius:8px;--radius-lg:14px;--titlebar-h:38px;--rail-w:248px;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.16s}.label-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3em;color:var(--bone-dim);font-size:10px}
@font-face{font-family:Bodoni Moda;src:local(Bodoni Moda),url(/fonts/BodoniModa-Variable.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:local(IBM Plex Mono),url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:local(Hanken Grotesk),url(/fonts/HankenGrotesk-Variable.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--obsidian);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;font-weight:300;line-height:1.55;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);margin:0;font-weight:500}h1{font-size:30px;line-height:1.1}h2{font-size:22px}h3{font-size:17px}a{color:var(--brass);text-decoration:none}a:hover{color:var(--bone)}button{font-family:inherit}.film-grain{pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-2);border:2px solid var(--obsidian);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2c2327}.input,.textarea,.select{background:var(--ink);border:1px solid var(--line);width:100%;color:var(--bone);font-family:var(--font-body);border-radius:var(--radius-sm);transition:border-color var(--dur) var(--ease);outline:none;padding:10px 12px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brass-dim)}.input::placeholder,.textarea::placeholder{color:var(--steel)}.textarea{resize:vertical;min-height:96px;line-height:1.5}input[type=checkbox]{accent-color:var(--oxblood);width:16px;height:16px}