:root{color-scheme:dark;font-family:Inter,"SF Pro Display",system-ui,sans-serif;background:#07100d;color:#edf8f2;--line:#244139;--muted:#8aa198;--accent:#8cffbe}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,#174632 0,transparent 34%),#07100d}button,a{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 22px;border-right:1px solid var(--line);background:#08120fcc;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:12px;line-height:1.25;letter-spacing:.16em}.brand b{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #477364;border-radius:13px;color:var(--accent)}.sidebar nav{display:grid;gap:7px;margin-top:54px}.nav-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 13px;border-radius:12px;cursor:pointer}.nav-item span{display:inline-block;width:34px;font:10px ui-monospace;color:#5d7a6f}.nav-item:hover,.nav-item.active{background:#12261f;color:#fff}.nav-item.active span{color:var(--accent)}.sidebar-note{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:14px;color:#bed0c8;font-size:12px;line-height:1.6}.sidebar-note small{color:#637e73}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}main{padding:35px clamp(24px,5vw,72px) 72px;min-width:0}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 9px;color:#6e8c80;font:10px ui-monospace;letter-spacing:.2em}.topbar h1{margin:0;font-size:clamp(30px,4vw,53px);font-weight:480;letter-spacing:-.045em}.context{display:flex;align-items:center;gap:12px}.context-state{color:var(--muted);font-size:13px}.context-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#82928c;margin-right:7px}.context-state.connected:before{background:var(--accent)}.button{border-radius:999px;padding:10px 16px;border:1px solid #426257;cursor:pointer}.button.secondary{background:#0b1713;color:#d8e8e1}.button.primary{background:var(--accent);border-color:var(--accent);color:#092015;font-weight:650}.notice{margin:34px 0 22px;border:1px solid #3f5640;background:linear-gradient(100deg,#19261b,#0c1915);border-radius:17px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.notice b{font-size:13px;color:#f3d786}.notice p{display:inline;margin-left:12px;color:#9bac9e;font-size:13px}.text-link{color:var(--accent);text-decoration:none;white-space:nowrap;font-size:13px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.summary article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#0b1713}.summary span{display:block;color:#789087;font-size:11px}.summary strong{display:block;margin-top:12px;font-size:23px;font-weight:500}.content{margin-top:30px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{min-height:270px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#10221b,#0a1512);display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-3px);border-color:#466f60;box-shadow:0 18px 50px #0005}.card-top,.service-card footer{display:flex;align-items:center;justify-content:space-between}.kind{color:#719487;font:10px ui-monospace;letter-spacing:.14em;text-transform:uppercase}.health{color:#82928c;font-size:10px}.health.ok{color:var(--accent)}.service-card h2{font-size:21px;margin:30px 0 9px;font-weight:540}.service-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.meter{display:flex;gap:12px;align-items:center;margin-top:25px;padding-top:15px;border-top:1px solid #1b332b}.meter span{color:#587369;font:9px ui-monospace}.meter code{color:#b6c8c0;font-size:11px}.service-card footer{margin-top:auto;padding-top:22px}.service-card footer b{font-size:12px}.arrow{width:34px;height:34px;border:1px solid #35564b;background:#12261f;color:var(--accent);border-radius:50%}.arrow:disabled{opacity:.35}.api-list,.records{display:grid;border-top:1px solid var(--line)}.api-list article,.records article{display:grid;grid-template-columns:100px minmax(280px,1fr) 1fr;gap:20px;align-items:center;padding:18px 5px;border-bottom:1px solid var(--line)}.api-list code{color:#cde1d8;font-size:12px;overflow-wrap:anywhere}.api-list p{color:var(--muted);font-size:12px}.method{color:var(--accent);font:10px ui-monospace}.records article{grid-template-columns:1fr auto}.records h2{font-size:15px;margin:7px 0 0}.records code{color:var(--accent)}.empty,.loader{padding:70px;text-align:center;border:1px dashed #38554b;border-radius:20px;color:var(--muted)}.empty span{color:var(--accent);font-size:28px}.empty h2{color:#dbeae4;font-size:18px}.error span{color:#ff9d8f}dialog{max-width:550px;border:1px solid #36564b;border-radius:20px;background:#0b1713;color:#eef8f4;padding:25px;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#020705cc}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.icon-button{border:0;background:transparent;color:#82928c;font-size:25px}.muted{color:var(--muted);font-size:12px;line-height:1.6}label{display:grid;gap:9px;font-size:12px;margin-top:20px}textarea{resize:vertical;border:1px solid #36564b;border-radius:12px;background:#06100c;color:#dceae4;padding:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px}.brand{margin-bottom:18px}.sidebar nav{display:flex;overflow-x:auto;margin:0}.nav-item{white-space:nowrap}.sidebar-note{display:none}main{padding:25px 18px}.cards{grid-template-columns:1fr 1fr}.summary{grid-template-columns:1fr 1fr}.api-list article{grid-template-columns:80px 1fr}.api-list p{grid-column:2}}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.context{width:100%;justify-content:space-between}.cards{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}}