:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111318;background:#eef1f4;font-synthesis:none;text-rendering:optimizeLegibility;--page:#eef1f4;--frame:#171b20;--app:#f8fafb;--surface:#fff;--surface-blue:#eaf1ff;--ink:#111318;--muted:#626d77;--line:#d7dde3;--blue:#2563eb;--green:#248a52;--green-bg:#eaf7ef;--amber:#b36a11;--amber-bg:#fff4e5;--red:#b33a35;--red-bg:#fdeeed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 4%,rgba(37,99,235,.05),transparent 22%),var(--page)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8bb2ff;outline-offset:2px}#app{min-height:100vh;display:flex;justify-content:center;padding:26px 14px calc(20px + env(safe-area-inset-bottom))}.phone{width:min(100%,390px);padding:10px;border-radius:28px;background:var(--frame);box-shadow:0 22px 48px #0000002b;align-self:flex-start}.app{min-height:min(820px,calc(100dvh - 72px));background:var(--app);border-radius:20px;overflow:hidden;position:relative;border:1px solid #d4dbe1;padding-bottom:58px}.head{padding:17px 18px 14px;border-bottom:1px solid #dde3e8;display:flex;align-items:center;justify-content:space-between}.brand{font-size:11px;font-weight:800;letter-spacing:.14em;color:#5d6872;border:0;background:none;padding:0}.head-version{font-size:10px;color:#7b858f}.hero{padding:25px 20px 8px}.hero.compact{padding-top:22px}.hero h1{font-size:clamp(30px,9vw,38px);line-height:1.02;letter-spacing:-.055em;margin:0}.hero p{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0}.content{padding:16px 20px 24px}.action{display:block;text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px;margin-bottom:11px;color:var(--ink)}.action.active{background:var(--surface-blue);border-color:#bfd0f1}.action strong{display:flex;justify-content:space-between;font-size:15px}.action p,.card p{font-size:12px;line-height:1.5;color:#6a747e;margin:6px 0 0}.eyebrow{padding:14px 20px 0;color:#5d6872;font-size:10px;font-weight:800;letter-spacing:.14em}.tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.tab{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:11px;font-weight:750;color:#56616b}.tab.on{background:var(--surface-blue);border-color:#bfd0f1;color:#174ca8}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field textarea,.field input{width:100%;border:1px solid #ccd4dc;background:#fff;border-radius:13px;padding:12px;font:inherit;color:var(--ink);outline:none}.field textarea{height:112px;resize:vertical}.field input{height:48px}.field .hex,.hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;word-break:break-word}.meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#74808a;margin:9px 2px 16px}.btn{width:100%;min-height:48px;border:0;border-radius:14px;background:#111827;color:#fff;font-weight:750;padding:12px 14px}.btn.secondary{background:#fff;color:#17202a;border:1px solid #cfd6dd}.spacer{margin-top:9px}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;margin-top:12px;word-break:break-word}.card small{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#74808a;margin-bottom:7px}.card strong{font-size:15px;line-height:1.4}.card.tip p{margin-top:0}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status.ok{background:var(--green-bg);color:var(--green)}.status.warn{background:var(--amber-bg);color:var(--amber)}.status.err{background:var(--red-bg);color:var(--red)}.center{text-align:center}.signal{height:84px;display:flex;align-items:flex-end;justify-content:center;gap:7px;margin:10px auto 20px}.signal i{display:block;width:9px;border-radius:20px;background:var(--blue)}.big{font-size:50px;font-weight:800;letter-spacing:-.07em;margin:10px 0}.bar{width:78%;height:9px;background:#dfe6ed;border-radius:999px;overflow:hidden;margin:16px auto}.bar b{display:block;height:100%;background:var(--blue);transition:width .15s linear}.listen-label{font-size:27px;font-weight:780;letter-spacing:-.05em;margin:14px 0 4px}.muted{font-size:12px;color:#65717b;margin:10px 0 20px}.diag{display:grid;gap:0}.diag div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e6ea;padding:8px 0;font-size:11px;color:#68727c}.diag span:last-child{color:#222a31;font-weight:600;text-align:right;max-width:65%;overflow-wrap:anywhere}.notice{font-size:12px;color:#56616b;margin:8px 0}.notice.err{color:var(--red);background:var(--red-bg);border-radius:10px;padding:10px}.spaced{margin-top:14px!important}footer{position:absolute;left:18px;right:18px;bottom:16px;color:#75808a;font-size:10px;padding-top:8px;border-top:1px solid #e3e7ea}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:min(90vw,360px);background:#111827;color:#fff;border-radius:12px;padding:12px 16px;font-size:13px;z-index:5}@media(min-width:600px){#app{padding-top:36px}.phone{width:390px}.app{min-height:min(820px,calc(100dvh - 100px))}}.signal.inactive i{background:#aeb8c2}