:root{--bg: #CCCAC4;--bg-elev: #D8D6D2;--bg-elev-2: #B8B6B0;--bg-dark: #0A0A08;--border: #B0AEA8;--text: #1A1A18;--text-dim: #4A4845;--accent: #FF5500;--accent-hover: #FF6B20;--danger: #c0392b;--warn: #f59e0b;--radius: 4px;--radius-sm: 3px;--gap: 12px;--gap-lg: 20px;--font: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{margin:0 0 .5em;line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:inherit;font-size:.8rem;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem 1rem;background:var(--bg-elev-2);color:var(--text);letter-spacing:.08em;text-transform:uppercase;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--border);border-color:var(--text-dim)}button.primary{background:var(--accent);color:#0a0a08;font-weight:700;border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=search]{font-family:inherit;font-size:.9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.6rem .8rem;width:100%;letter-spacing:.04em;box-shadow:inset 0 1px 3px #0000001f}input[type=text]:focus,input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 1px 3px #0000001f,0 0 0 2px #ff550026}input::placeholder{color:var(--text-dim);opacity:1}.container{max-width:860px;margin:0 auto;padding:1.5rem 1rem 4rem}.muted{color:var(--text-dim)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 4px #0000001f}