:root{--paper:#eceee9;--paper-2:#f6f7f3;--ink:#16201c;--ink-2:#4a5a52;--ink-3:#7c8a82;--green:#1f5d46;--green-dark:#174936;--green-soft:#dce7e0;--amber:#a76a1e;--amber-soft:#f4e8d4;--red:#9e2f2f;--red-soft:#f1dedc;--line:#c9d0c9;--radius:6px;--font-display:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(31,93,70,.05) 1px,transparent 0),linear-gradient(180deg,rgba(31,93,70,.05) 1px,transparent 0);background-size:40px 40px}main{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}h1{font-size:1.5rem}h2{font-size:1.1rem}.eyebrow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .2rem}.eyebrow,.mono{font-family:var(--font-mono)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{padding:1rem}.card,button{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}button{font:inherit;color:var(--ink);padding:.45rem .8rem;cursor:pointer}button:hover{background:#fff;border-color:var(--ink-3)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:500}button.primary:hover{background:var(--green-dark)}button.on{background:var(--green-soft);border-color:var(--green);color:var(--green)}button.warn{background:var(--red-soft);border-color:var(--red);color:var(--red)}input,select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.45rem .55rem}label.field{display:flex;flex-direction:column;gap:4px;font-size:.82rem}.tag,label.field{color:var(--ink-2)}.tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:1px 7px;border-radius:4px;border:1px solid var(--line);white-space:nowrap}.tag.green{background:var(--green-soft);border-color:var(--green);color:var(--green)}.tag.amber{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.tag.red{background:var(--red-soft);border-color:var(--red);color:var(--red)}.notice{border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem;border:1px solid}.notice.amber{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.notice.red{background:var(--red-soft);border-color:var(--red);color:var(--red)}.notice.green{background:var(--green-soft);border-color:var(--green);color:var(--green)}.stack{display:flex;flex-direction:column;gap:1rem}.bar{gap:8px}.bar,.spread{display:flex;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between;gap:1rem}.wrap{max-width:900px;margin:0 auto;padding:1.4rem 1rem 3rem}.narrow{max-width:480px}.muted{color:var(--ink-3);font-size:.84rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}