:root{--paper:#f5f0e4;--paper-deep:#e9dfc9;--ink:#102a43;--muted:#4e5f70;--line:#a89d84;--signal:#b6452c;--ok:#276749;--radius:18px;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.gate{background:radial-gradient(var(--line) 1px,transparent 1px) 0 0/18px 18px,var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.pin-card{border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper);width:min(100%,420px);box-shadow:8px 8px 0 var(--ink);flex-direction:column;gap:12px;padding:36px;display:flex}.pin-card h1,.canvas h1,h2{font-family:Georgia,serif}.pin-card h1{margin:0;font-size:32px}.pin-card input{border:1px solid var(--ink);background:var(--paper);border-radius:8px;padding:12px}.pin-card button{color:var(--paper);background:var(--ink);border:0;border-radius:8px;padding:12px 16px;font-weight:700}.eyebrow,.meta{letter-spacing:.14em;color:var(--muted);margin:0;font-size:11px;font-weight:800}.warn,.warning{color:var(--signal)}.app-shell{min-height:100vh}.app-shell header{border-bottom:1px solid var(--ink);background:var(--paper);z-index:2;align-items:center;gap:8px;min-height:64px;padding:10px 12px;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:.08em;white-space:nowrap;font-weight:900;text-decoration:none}.app-shell [role=tablist]{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.app-shell [role=tab],.refresh{color:var(--muted);white-space:nowrap;background:0 0;border:0;min-height:44px}.app-shell [role=tab]{padding:8px 10px}.app-shell [role=tab][aria-selected=true]{color:var(--ink);background:var(--paper-deep);border-radius:999px;font-weight:800}.refresh{min-width:44px;padding:8px;font-size:22px}.canvas{flex-direction:column;gap:16px;width:min(100%,1200px);margin:auto;padding:32px 16px 48px;display:flex}.canvas h1,.canvas h2{margin:0}.groups,.schemas{flex-direction:column;gap:20px;display:flex}.container-group{border-top:1px solid var(--line);padding-top:12px}.cards,.host-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px}.card>div{align-items:center;gap:8px;display:flex}.card p,.panel p{overflow-wrap:anywhere}.status{background:var(--ok);border-radius:50%;width:10px;height:10px}.status.down{background:var(--signal)}dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:12px 0 0;display:grid}dt{color:var(--muted)}dd{overflow-wrap:anywhere;margin:0}.alert{color:var(--paper);background:var(--signal);border-radius:999px;margin:10px 6px 0 0;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.empty{color:var(--muted)}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border-top:1px solid var(--line);text-align:left;overflow-wrap:anywhere;padding:8px}@media (width<=420px){.brand{font-size:12px}.canvas{padding-inline:12px}.cards,.host-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}