:root{--bg:#f6f7f9;--surface:#fff;--fg:#1b1f24;--muted:#5b6470;--border:#dde1e6;--accent:#0b5cad;--accent-fg:#fff;--ok:#1a7f37;--bad:#c62828;--notice-bg:#e8f1fb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--surface:#1a1f25;--fg:#e8ebef;--muted:#9aa3ad;--border:#2c333b;--accent:#5aa2ff;--accent-fg:#0b1420;--ok:#4cc26b;--bad:#ff6b6b;--notice-bg:#17283c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:1;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex;position:sticky;top:0}.topbar img{border-radius:6px}.content{width:100%;max-width:720px;padding:20px 16px calc(env(safe-area-inset-bottom) + 88px);flex:1;margin:0 auto}h1{margin:0 0 16px;font-size:1.5rem}.muted{color:var(--muted)}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:56px;color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:.75rem;text-decoration:none;display:flex}.tab.active{color:var(--accent);font-weight:600}.search label{margin-bottom:6px;font-weight:600;display:block}.search-row{gap:8px;display:flex}.search input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--fg);border-radius:10px;flex:1;padding:12px 14px;font-size:1.25rem}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-weight:600}.notice{background:var(--notice-bg);border-radius:10px;margin-top:16px;padding:12px 14px}.facts{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:max-content 1fr;gap:10px 16px;margin:0;padding:16px;display:grid}.facts dt{font-weight:600}.facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.status-ok{color:var(--ok);font-weight:600}.status-down{color:var(--bad);font-weight:600}h2{margin:0 0 4px;font-size:1.15rem}.small{font-size:.85rem}.error{color:var(--bad);margin:4px 0}.center-page{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 16px}.form{flex-direction:column;gap:8px;width:100%;max-width:400px;display:flex}.center-page .form h1{text-align:center;margin-bottom:8px}.form .logo{border-radius:12px;align-self:center}.form label{margin-top:6px;font-weight:600}.form button{margin-top:10px}.section-gap,.list+.form{margin-top:24px}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:10px;min-width:0;padding:11px 12px;font-size:1rem}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.6;cursor:default}button.secondary,.button.secondary{color:var(--accent);border:1px solid var(--border);background:0 0}button.danger{color:var(--bad)}button.link{color:var(--accent);background:0 0;padding:8px;font-weight:500}.button{text-align:center;background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:12px 20px;font-weight:600;text-decoration:none;display:block}.stack{flex-direction:column;gap:10px;margin-top:20px;display:flex}.list{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:0;list-style:none}.list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.list li+li{border-top:1px solid var(--border)}.list li.inactive .list-main{opacity:.6}.list-main{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.list-actions{gap:8px;display:flex}.list-actions button{padding:10px 14px}.badge{background:var(--border);color:var(--muted);border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:600}