:root{--bg:#f4f6f6;--surface:#fff;--surface-2:#eef2f2;--text:#0f1a1c;--muted:#5b6b6e;--border:#d9e1e2;--accent:#0f766e;--accent-text:#fff;--warn-bg:#fff7e0;--warn-text:#7a4b00;--err-bg:#fdecec;--err-text:#9b1c1c;--ok:#15803d;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1214;--surface:#131d20;--surface-2:#1b282c;--text:#e6eef0;--muted:#93a6aa;--border:#26363a;--accent:#2dd4bf;--accent-text:#04201d;--warn-bg:#3a2c0a;--warn-text:#fcd581;--err-bg:#3b1515;--err-text:#fca5a5;--ok:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;min-height:100dvh;display:flex}header.top{z-index:5;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}header.top h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:17px;overflow:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--ok)}main{width:100%;max-width:640px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}nav.tabs{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs button{color:var(--muted);font:inherit;background:0 0;border:0;flex:1;padding:12px 0 14px;font-size:14px;font-weight:600}nav.tabs button.active{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.card h2{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.card p{margin:6px 0}.rows{grid-template-columns:auto 1fr;gap:4px 12px;font-size:15px;display:grid}.rows dt{color:var(--muted)}.rows dd{text-align:right;overflow-wrap:anywhere;margin:0}.muted{color:var(--muted);font-size:14px}.mono{font-family:var(--mono);font-size:13px}.banner{border-radius:12px;padding:12px 14px;font-size:14px}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.banner.err{background:var(--err-bg);color:var(--err-text)}.banner.ok{background:var(--surface-2);color:var(--ok)}button.primary,button.secondary{font:inherit;border:1px solid #0000;border-radius:12px;width:100%;min-height:48px;padding:13px 18px;font-weight:600}button.primary{background:var(--accent);color:var(--accent-text)}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button:disabled{opacity:.45}button.link{color:var(--accent);font:inherit;background:0 0;border:0;padding:6px 0;font-weight:600}.field{align-items:stretch;gap:10px;margin-top:10px;display:flex}.field input{flex:1;min-width:0}.field button{flex:none;width:auto}input[type=number],input[type=text],input[inputmode]{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;width:100%;min-height:48px;padding:11px 12px;font-size:18px}.choices{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:10px;display:grid}.choices button{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;min-height:52px;padding:10px 6px;font-weight:600;line-height:1.15}.choices button small{color:var(--muted);font-size:12px;font-weight:400;display:block}.choices button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choices button.current:after{content:" •";color:var(--accent)}.progress{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.stack{flex-direction:column;gap:10px;display:flex}.log{font-family:var(--mono);font-size:12px;line-height:1.5;overflow-x:auto}.log div{white-space:nowrap}.log .tx{color:var(--accent)}.log .error{color:var(--err-text)}.log .info{color:var(--muted)}.dialog-backdrop{z-index:20;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:520px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:12px;display:flex}.dialog h3{margin:0;font-size:17px}.dialog .buttons{gap:10px;display:flex}.hero{text-align:center;padding:24px 0 8px}.hero img{border-radius:20px;width:84px;height:84px}.hero h1{margin:12px 0 4px;font-size:24px}label.switch{justify-content:space-between;align-items:center;gap:12px;display:flex}label.switch input{width:22px;height:22px}.fw-ok{color:var(--ok);font-weight:600}.fw-warn{color:var(--warn-text);font-weight:600}ul.advice,.compat ul{margin:6px 0 0;padding-left:20px}ul.advice li,.compat li{margin:4px 0}.compat summary{cursor:pointer;min-height:32px;font-size:15px;font-weight:600}.table-scroll{overflow-x:auto}.compat table{border-collapse:collapse;width:100%;font-size:14px}.compat th,.compat td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:6px 8px 6px 0}.compat th{color:var(--muted);font-weight:600}.compat tr.here td{background:var(--surface-2)}.compat .mono{overflow-wrap:anywhere}