:root{--bg:#f0ede8;--surface:#faf9f6;--sidebar:#1a1a1a;--red:#c8132a;--black:#0f0f0f;--mid:#888;--muted:#bbb;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.14);--font-display:"Oswald","Arial Black",sans-serif;--font-mono:"DM Mono","Courier New",monospace;--font-body:"DM Sans",system-ui,sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--black);font-family:var(--font-body,system-ui);font-size:1rem;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display,system-ui);font-weight:500;line-height:1.25;letter-spacing:.07em}h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:var(--spacing-lg)}h2{font-size:clamp(1.5rem,4vw,3rem)}h2,h3{margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4,h5,h6{font-size:1.125rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}code,pre{font-family:var(--font-mono,monospace);font-size:.9375rem}pre{background:var(--surface);border:1px solid var(--border-strong);padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md)}::selection{background:var(--red);color:#fff}::-moz-selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--mid)}*{scrollbar-width:thin;scrollbar-color:var(--muted) var(--surface)}button,input,select,textarea{font-family:var(--font-body,system-ui);font-size:1rem;border-radius:0}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--black);padding:.75rem;transition:border-color .2s,box-shadow .2s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 2px rgba(200,19,42,.1)}input::placeholder,textarea::placeholder{color:var(--muted)}button{background:var(--black);color:#fff;border:1px solid var(--black);padding:.75rem 1.5rem;cursor:pointer;font-weight:500;transition:all .2s;border-radius:0}button:hover{background:var(--red);border-color:var(--red)}button:active{transform:scale(.98)}button:disabled{background:var(--muted);border-color:var(--muted);cursor:not-allowed;opacity:.6}.btn-secondary{background:transparent;color:var(--black);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface);border-color:var(--mid)}.btn-outline{background:transparent;color:var(--black);border:2px solid var(--black)}.btn-outline:hover{background:var(--black);color:#fff}.btn-red{background:var(--red);border-color:var(--red)}.btn-red:hover{background:#a00d23;border-color:#a00d23}a{color:var(--red);text-decoration:none;transition:color .2s;border-bottom:1px solid transparent}a:hover{color:var(--black);border-bottom-color:var(--red)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;grid-gap:var(--spacing-md)}.flex,.grid{gap:var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);padding:var(--spacing-lg);border-radius:0}.card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px rgba(0,0,0,.05)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}