:root{--ink:#0e1514;--ink-soft:#172322;--card:#1b2927;--paper:#e9efe9;--muted:#9aaca6;--line:rgba(233,239,233,.12);--lime:#bcf87c;--mint:#59d7b1;--coral:#ff826f;--radius:22px;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit}.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(80px);opacity:.2}.ambient-one{width:280px;height:280px;background:#78d9b4;top:-110px;right:-80px}.ambient-two{width:240px;height:240px;background:#d8f880;left:-130px;bottom:7rem}.shell{position:relative;max-width:720px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(98px + env(safe-area-inset-bottom));min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 26px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--lime);color:var(--ink);font:800 21px/1 Georgia,serif;box-shadow:0 12px 24px rgba(188,248,124,.18)}.eyebrow{display:block;font-size:10px;line-height:1;letter-spacing:.14em;font-weight:750;color:var(--mint)}h1,h2,h3,p{margin:0}h1{font:700 19px/1.08 Georgia,serif;letter-spacing:-.04em}h1 em,h2 em{font-weight:400;color:var(--lime)}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:10px;color:var(--muted);white-space:nowrap;background:rgba(23,35,34,.8);backdrop-filter:blur(12px)}.connection-pill i,.health-dot{display:block;width:7px;height:7px;border-radius:50%;background:#f0bd5b;box-shadow:0 0 0 4px rgba(240,189,91,.11)}.connection-pill.secure i,.health-dot.good{background:var(--mint);box-shadow:0 0 0 4px rgba(89,215,177,.12)}.connection-pill.error i,.health-dot.bad{background:var(--coral);box-shadow:0 0 0 4px rgba(255,130,111,.13)}.hidden{display:none!important}.hero-panel{display:flex;justify-content:space-between;gap:18px;padding:26px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(89,215,177,.15),rgba(27,41,39,.88) 58%,rgba(188,248,124,.1));border:1px solid rgba(188,248,124,.16);box-shadow:0 22px 50px rgba(0,0,0,.18)}.hero-panel h2,.page-heading h2{margin-top:10px;font:500 clamp(30px,7vw,43px)/.98 Georgia,serif;letter-spacing:-.055em}.hero-panel p,.page-heading p{margin-top:13px;max-width:390px;color:var(--muted);font-size:13px;line-height:1.5}.icon-button{display:grid;place-items:center;align-self:flex-start;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(14,21,20,.36);cursor:pointer;font-size:21px;transition:transform .16s var(--ease),border-color .16s var(--ease)}.icon-button:active,.primary-button:active,.secondary-button:active{transform:scale(.97)}.icon-button:hover{border-color:var(--mint)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 26px}.metric{padding:16px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(27,41,39,.8)}.metric span{color:var(--mint);font-size:16px}.metric strong{display:block;margin-top:15px;font-size:25px;letter-spacing:-.06em}.metric small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.section{margin-top:27px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.section-title h3{margin-top:7px;font:500 23px/1 Georgia,serif;letter-spacing:-.04em}.status-tag{padding:7px 9px;border-radius:999px;background:rgba(240,189,91,.13);font-size:10px;color:#f0bd5b}.status-tag.good{background:rgba(89,215,177,.13);color:var(--mint)}.status-tag.warn{background:rgba(255,130,111,.13);color:var(--coral)}.active-model-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(188,248,124,.2);border-radius:18px;background:rgba(27,41,39,.74)}.model-orbit{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--lime);border-radius:50%}.model-orbit span{width:11px;height:11px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px var(--lime)}code{font-family:"SFMono-Regular",Consolas,monospace;color:#ddf5bc;overflow-wrap:anywhere}.active-model-card code{font-size:13px}.active-model-card p{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}.health-list,.routes-list{display:grid;gap:8px}.health-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--line)}.health-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--ink-soft);font:600 14px Georgia,serif;color:var(--mint)}.health-row div{flex:1}.health-row strong{display:block;font-size:13px}.health-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.bottom-nav{position:fixed;z-index:3;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;width:min(420px,calc(100% - 36px));padding:7px;border:1px solid rgba(233,239,233,.12);border-radius:18px;background:rgba(20,31,29,.89);box-shadow:0 18px 40px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.nav-item{display:grid;place-items:center;gap:3px;flex:1;padding:8px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}.nav-item span{font-size:17px}.nav-item small{font-size:10px}.nav-item.active{background:rgba(188,248,124,.13);color:var(--lime)}.view{display:none}.view.active{display:block;animation:enter .23s var(--ease)}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{margin:4px 0 22px}.toolbar{display:flex;gap:10px}.search-box{display:flex;align-items:center;gap:8px;flex:1;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:rgba(27,41,39,.8);color:var(--muted)}.search-box input{width:100%;padding:13px 0;border:0;outline:0;background:transparent;color:var(--paper);font-size:13px}.filter-row{display:flex;gap:7px;margin:12px 0}.filter,.text-button{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.filter.active{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}.catalog-list{display:grid;gap:8px}.catalog-item{display:flex;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(27,41,39,.65);text-align:left;cursor:pointer;transition:border-color .18s var(--ease),transform .18s var(--ease)}.catalog-item:hover{border-color:var(--mint)}.catalog-item:active{transform:scale(.985)}.catalog-item code{flex:1;font-size:12px}.kind{padding:5px 6px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.08em}.kind.combo{background:rgba(188,248,124,.15);color:var(--lime)}.kind.model{background:rgba(89,215,177,.12);color:var(--mint)}.item-arrow{color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.pagination button{width:34px;height:30px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}.pagination button:disabled{opacity:.35}.pagination span{display:grid;text-align:center;font-size:11px}.pagination small{font-size:9px;color:var(--muted);margin-top:2px}.loading-list,.empty-state{padding:28px 14px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:12px}.rtk-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;margin-bottom:25px;border-radius:18px;background:linear-gradient(135deg,rgba(188,248,124,.13),rgba(27,41,39,.75));border:1px solid rgba(188,248,124,.16)}.rtk-card h3{margin-top:7px;font:500 24px Georgia,serif}.rtk-card p{margin-top:5px;color:var(--muted);font-size:11px}.toggle{position:relative;width:48px;height:27px;padding:3px;border:0;border-radius:999px;background:#41504c;cursor:pointer}.toggle span{display:block;width:21px;height:21px;border-radius:50%;background:white;transition:transform .2s var(--ease)}.toggle.on{background:var(--lime)}.toggle.on span{transform:translateX(21px)}.route-card{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(27,41,39,.65)}.route-card code{font-size:12px}.route-card p{margin-top:5px;color:var(--muted);font:11px/1.4 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.route-meta{display:flex;align-items:center;gap:9px;margin-left:10px}.route-meta span{color:var(--mint);font-size:10px}.route-meta button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.confirm-dialog{width:min(440px,calc(100% - 36px));padding:24px;border:1px solid rgba(188,248,124,.24);border-radius:22px;background:var(--card);color:var(--paper);box-shadow:0 30px 80px rgba(0,0,0,.56)}.confirm-dialog::backdrop{background:rgba(4,8,7,.68);backdrop-filter:blur(3px)}.dialog-accent{width:34px;height:4px;border-radius:999px;background:var(--lime);margin-bottom:17px}.confirm-dialog h3{margin-top:10px;font:500 27px/1 Georgia,serif;letter-spacing:-.04em}.confirm-dialog p{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.primary-button,.secondary-button{padding:11px 14px;border-radius:11px;border:1px solid var(--line);font-size:12px;font-weight:700;cursor:pointer}.primary-button{border-color:var(--lime);background:var(--lime);color:var(--ink)}.secondary-button{background:transparent;color:var(--paper)}.confirm-dialog form{display:grid;gap:12px;margin-top:16px}.confirm-dialog label{display:grid;gap:6px;color:var(--muted);font-size:11px}.confirm-dialog input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--ink);outline:0;color:var(--paper)}.confirm-dialog input:focus{border-color:var(--mint)}.session-gate{padding:44px 24px;border:1px solid rgba(188,248,124,.22);border-radius:22px;background:rgba(27,41,39,.75);text-align:center}.gate-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 15px;border-radius:18px;background:var(--lime);color:var(--ink);font-size:30px}.session-gate h2{font:500 27px Georgia,serif}.session-gate p{margin:11px auto 0;max-width:290px;color:var(--muted);font-size:13px;line-height:1.5}.toast{position:fixed;z-index:10;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(360px,calc(100% - 36px));padding:12px 14px;border:1px solid rgba(89,215,177,.3);border-radius:13px;background:#213934;color:var(--paper);font-size:12px;box-shadow:0 14px 35px rgba(0,0,0,.35);transition:opacity .2s var(--ease),transform .2s var(--ease)}.toast.error{border-color:rgba(255,130,111,.4);background:#472823}.toast.hidden{opacity:0;transform:translate(-50%,10px);pointer-events:none}@media(min-width:680px){.shell{padding-top:32px}.metric{padding:19px}.bottom-nav{bottom:22px}.topbar{margin-bottom:32px}}