:root{--bg:#f4f8fa;--card:#fff;--ink:#12303b;--mute:#58737e;--line:#d5e2e8;--brand:#0b5c73;--brand-ink:#fff;--accent:#12a39a;--bad:#b3261e;--warn:#8a5a00;--ok:#1b7f4b}@media (prefers-color-scheme:dark){:root{--bg:#0d1b21;--card:#14262e;--ink:#e6f0f3;--mute:#93aab3;--line:#26414c;--brand:#46b3cf;--brand-ink:#04222c;--accent:#3fd0c4;--bad:#ff8a80;--warn:#ffc066;--ok:#6fdc9f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:640px;margin:0 auto;padding:16px}h1{margin:0 0 4px;font-size:1.35rem}h2{margin:20px 0 8px;font-size:1.1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:16px}label{color:var(--mute);margin:10px 0 4px;font-size:.85rem;display:block}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:12px}button{font:inherit;border:1px solid var(--brand);background:var(--brand);min-height:48px;color:var(--brand-ink);cursor:pointer;border-radius:12px;padding:0 18px;font-weight:600}button.ghost{color:var(--brand);background:0 0}button.big{width:100%;min-height:64px;margin-top:10px;font-size:1.1rem}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;gap:8px;display:flex}.row>*{flex:1}.tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tabs button{min-width:72px;min-height:44px;color:var(--brand);background:0 0;flex:auto;padding:0 4px;font-size:.88rem}.tabs button[aria-selected=true]{background:var(--brand);color:var(--brand-ink)}.msg{border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.95rem}.err{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.okm{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.warnm{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.muted{color:var(--mute);font-size:.9rem}.item{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:10px 0;display:flex}.item:last-child{border:0}.pill{white-space:nowrap;border:1px solid var(--line);color:var(--mute);border-radius:99px;flex:none;align-self:flex-start;padding:2px 8px;font-size:.75rem}code.secret{word-break:break-all;background:var(--bg);border:1px dashed var(--line);-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px;display:block}