:root{--font-body:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-heading:"Space Grotesk", "Avenir Next", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ink-900:#1a2433;--ink-700:#374457;--ink-500:#5d7086;--paper-100:#fffaf2;--paper-200:#f7efe1;--paper-300:#f0e2cc;--line:#ddc9a8;--accent:#0f766e;--accent-strong:#115e59;--danger:#b42318;--success:#027a48;--radius-lg:20px;--radius-md:12px;--shadow-soft:0 12px 30px #1a24331f;font-family:var(--font-body);color:var(--ink-700);background-color:var(--paper-100);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 0 0,#e4f4f0 0%,#0000 65%),radial-gradient(900px 500px at 100% 10%,#faebd1 0%,#0000 65%),linear-gradient(#fffdf8 0%,#fff9ef 100%);min-height:100vh;margin:0}h1,h2,h3,h4,p{margin:0}code,pre{font-family:var(--font-mono)}#app{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:1.5rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar__eyebrow,.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-500);font-size:.76rem}.topbar h1{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink-900);font-size:clamp(1.5rem,2.8vw,2.2rem)}.topbar__actions{align-items:center;gap:.5rem;display:flex}.nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.nav__link{color:var(--ink-700);border:1px solid var(--line);background:#ffffffa6;border-radius:999px;padding:.5rem .9rem;font-weight:700;text-decoration:none;transition:all .2s}.nav__link.router-link-active{color:#fff;background:var(--accent);border-color:var(--accent)}.content{animation:.32s fade-slide}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fffc;padding:1.25rem}.panel--centered{max-width:480px;margin:4vh auto 0}.panel__head{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.panel__head--inline{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}h2,h3,h4{font-family:var(--font-heading);color:var(--ink-900)}h2{font-size:clamp(1.2rem,2.1vw,1.55rem)}h3{font-size:1.05rem}h4{font-size:.95rem}.stack{gap:1rem;display:grid}.stack-sm{gap:.7rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form{gap:.75rem;display:grid}.field{gap:.35rem;display:grid}.field>span{color:var(--ink-500);font-size:.85rem;font-weight:700}input,select,textarea,.button{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink-900);background:#fffffff0;padding:.65rem .75rem}input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible{outline-offset:1px;outline:2px solid #0f766e61}.button{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:var(--accent);border:1px solid #0000;padding:.65rem .9rem;font-weight:700;transition:background .18s,transform .12s}.button:hover:enabled{background:var(--accent-strong)}.button:active:enabled{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--ghost{color:var(--ink-700);border-color:var(--line);background:#ffffff8c}.muted{color:var(--ink-500)}.pill{color:#03543f;background:#e7f8f6;border:1px solid #cdece8;border-radius:999px;justify-content:center;align-items:center;padding:.22rem .56rem;font-size:.78rem;font-weight:700;display:inline-flex}.pill--muted{color:#7f6334;background:#fbf3e3;border-color:#e5d5b8}.pill--ok{color:#046c4e;background:#e5f6ed;border-color:#b8e3cb}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:.9rem;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8;padding:.85rem;position:relative}.metric-card__label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.metric-card__value{color:var(--ink-900);margin-top:.3rem;font-size:1.4rem;font-weight:700}.metric-card__index{color:var(--ink-500);font-size:.72rem;position:absolute;top:.6rem;right:.6rem}.feedback{border-radius:var(--radius-md);border:1px solid;padding:.62rem .75rem}.feedback--error{color:var(--danger);background:#fef3f2;border-color:#fecdca}.feedback--success{color:var(--success);background:#ecfdf3;border-color:#b7ebc6}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #eadcc4;padding:.65rem}.table th{color:var(--ink-500);text-transform:uppercase;letter-spacing:.07em;font-size:.77rem}.table .is-selected{background:#f5fcfb}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.code-block{border:1px solid var(--line);border-radius:var(--radius-md);max-height:320px;color:var(--ink-700);background:#fffdf8;margin:0;padding:.75rem;font-size:.78rem;overflow:auto}@keyframes fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.app-shell{padding:1rem}.grid-2{grid-template-columns:1fr}.panel__head--inline{flex-direction:column;align-items:flex-start}}