:root{--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-title: "Arial Narrow", "Roboto Condensed", "Aptos Narrow", Arial, sans-serif;--ink: #070707;--ink-2: #1f1f1f;--muted: #5b5b5b;--line: #b9b9b9;--surface: #f5f5f0;--surface-2: #e7e7df;--surface-3: #d7d7cc;--accent: #24c759;--accent-2: #3ee66f;--accent-dark: #07812f;--warn: #f4d35e;--danger: #f05d5e;--page-x: clamp(16px, 4vw, 48px);--space-0: 0px;--space-0\.5: 2px;--space-1: 4px;--space-1\.5: 6px;--space-2: 8px;--space-2\.5: 10px;--space-3: 12px;--space-3\.5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--border-1: 1px;--border-2: 2px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-mono);text-rendering:geometricPrecision}::selection{background:var(--accent-2);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-title);text-transform:uppercase;line-height:.95;letter-spacing:.025em}h1{font-size:clamp(48px,11vw,136px)}h2{font-size:clamp(32px,5vw,68px)}h3{font-size:clamp(18px,2vw,28px)}p{line-height:1.55}a{color:inherit}.ds-panel{border:var(--border-2) solid var(--ink);background:var(--surface);box-shadow:4px 4px 0 var(--ink)}.ds-panel.inset{box-shadow:inset 2px 2px #fff,inset -2px -2px #9a9a92}.ds-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 16px;border:var(--border-2) solid var(--ink);background:var(--surface-2);color:var(--ink);font:700 15px/1 var(--font-mono);text-decoration:none;cursor:pointer;text-shadow:1px 1px 0 rgba(255,255,255,.65);box-shadow:inset 2px 2px #fff,inset -2px -2px #8e8e86,2px 2px 0 var(--ink)}.btn:hover{background:#fff}.btn:active{transform:translate(2px,2px);box-shadow:inset -2px -2px #fff,inset 2px 2px #8e8e86}.btn.primary{background:var(--accent);color:var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.65)}.btn.primary:hover{background:var(--accent-2)}.btn.dark{background:var(--ink);color:var(--surface);box-shadow:inset 2px 2px #555,inset -2px -2px #000,2px 2px 0 var(--ink)}.input,.select{min-height:42px;padding:10px 12px;border:var(--border-2) solid var(--ink);background:#fff;color:var(--ink);font:500 15px/1 var(--font-mono);box-shadow:inset 2px 2px #b6b6ae,inset -2px -2px #fff}.badge{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--ink);background:var(--surface-2);font:700 12px/1 var(--font-mono);text-transform:uppercase}.badge.ok{background:#d7f7dd;border-color:var(--accent-dark)}.badge.warn{background:#fff2b6}.badge.err{background:#ffd8d8}.grid{display:grid;gap:var(--space-4)}