:root{--band:#001d2b;--band-ink:#fff;--mint:#8ae5ae;--bg:#f3f6f5;--surface:#fff;--ink:#0e2230;--muted:#5b6b75;--line:#dce3e2;--pri:#001d2b;--pri-ink:#fff;--amber:#8a6100;--amber-soft:#fbf0d3;--crit:#b42318;--crit-soft:#fde8e6;--dy:#e0b000;--f-body:system-ui, -apple-system, "Segoe UI", sans-serif;--r:12px}@media (prefers-color-scheme:dark){:root{--bg:#00141f;--surface:#062636;--ink:#e6f0ee;--muted:#93a9b3;--line:#17394a;--pri:#8ae5ae;--pri-ink:#001d2b;--amber:#f0c24b;--amber-soft:#3a2f0c;--crit:#ff8a80;--crit-soft:#3e1715;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--f-body);margin:0}h1{margin:0 0 8px;font-size:1.35rem}.wrap{max-width:980px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.narrow{max-width:460px}main.wrap{padding-top:20px;padding-bottom:40px}.band{background:var(--band);color:var(--band-ink);padding-top:env(safe-area-inset-top,0px)}.top{align-items:center;gap:12px;padding-block:14px;display:flex}.band img{width:40px;height:40px}.brand{font-size:1.15rem;font-weight:700;line-height:1.15}.brand small{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:500;display:block}.spacer{flex:1}.net{color:#b9cbd3;white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.net .dot{background:var(--mint);border-radius:50%;width:8px;height:8px}.net.off .dot{background:var(--dy)}.demo{background:var(--amber-soft);color:var(--amber);text-align:center;padding:6px 16px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:14px;padding:20px;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}p{margin:0}.f{gap:6px;font-size:.9rem;font-weight:600;display:grid}input{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;padding:12px;font-size:16px}input:focus{outline:2px solid var(--pri);outline-offset:1px}button{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:600}button.pri{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}button.ghost{color:var(--band-ink);background:0 0;border-color:#ffffff59;min-height:36px;padding:6px 12px;font-size:.9rem}button:disabled{opacity:.6;cursor:default}.note{border-radius:10px;padding:10px 12px;font-size:.95rem}.note.crit{background:var(--crit-soft);color:var(--crit)}