:root{--paper:#faf8f4;--paper-2:#f3efe8;--card:#fff;--ink:#1c1917;--ink-2:#454039;--muted:#78716c;--line:#e5e0d8;--line-strong:#d6d1c8;--accent:#0f766e;--accent-ink:#0b5d56;--accent-soft:#e3f1ee;--critical:#b3261e;--critical-soft:#fbe9e7;--warning:#9a5b06;--warning-soft:#fbf0dc;--info:#1f5f8b;--info-soft:#e8f1f7;--ok:#3f6212;--ok-soft:#edf4e3;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #1c19170d, 0 1px 3px #1c19170a;--shadow:0 2px 6px #1c19170d, 0 12px 32px -12px #1c191724;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--maxw:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(#1c19170e .6px,#0000 .6px);background-size:18px 18px;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0;font-weight:400;line-height:1.15}h1{font-size:clamp(2.1rem,4.4vw,3.4rem)}h2{font-size:clamp(1.4rem,2.2vw,1.75rem)}h3{font-size:1.2rem}p{margin:0 0 .75em}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.86em}.muted{color:var(--muted)}.small{font-size:.84rem}.btn{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper-2);border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary:hover{background:#322c27;border-color:#322c27}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:#1c19170d;border-color:#0000}.btn-sm{border-radius:8px;padding:.35rem .7rem;font-size:.82rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.chip{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.chip-critical{background:var(--critical-soft);color:var(--critical);border-color:#f2c9c4}.chip-warning{background:var(--warning-soft);color:var(--warning);border-color:#ecd6ac}.chip-info{background:var(--info-soft);color:var(--info);border-color:#c6ddec}.chip-ok{background:var(--ok-soft);color:var(--ok);border-color:#d3e2bd}.chip-neutral{background:var(--paper-2);color:var(--ink-2);border-color:var(--line)}.divider{background:var(--line);border:0;height:1px;margin:1.5rem 0}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,3vw,2.25rem)}.stack>*+*{margin-top:var(--stack-gap,1rem)}.row{align-items:center;gap:.6rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.grid{gap:1rem;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%{box-shadow:0 0 #0f766e40}70%{box-shadow:0 0 0 12px #0f766e00}to{box-shadow:0 0 #0f766e00}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fade-up .5s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}strong{font-weight:600}
