:root{--bg:#f3f5f7;--surface:#fff;--ink:#14181d;--muted:#545d68;--line:#d3d9df;--beacon:#f5a300;--beacon-press:#db9100;--verified:#16794a;--verified-bg:#e6f4ec;--danger:#c4291c;--danger-bg:#fbebea;--notice:#fff4d6;--notice-line:#f0cf73;--focus:#1d5fd6;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page{max-width:560px;padding:max(20px, env(safe-area-inset-top)) 16px max(40px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.center{justify-content:center;align-items:center;min-height:100vh}.title{margin:8px 0 0;font-size:32px;font-weight:800;line-height:1.1}.heading{margin:10px 0 0;font-size:21px;font-weight:700}.body{margin:0}.muted{color:var(--muted)}.small{font-size:15px}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;width:100%;min-height:56px;padding:0 20px;font-size:18px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ink);color:var(--surface)}.btn-beacon{background:var(--beacon);color:var(--ink);min-height:72px;font-size:22px;font-weight:800}.btn-beacon:active{background:var(--beacon-press)}.btn-secondary{color:var(--ink);border:2px solid var(--line);background:0 0}.btn-secondary:active{border-color:var(--ink)}.btn-danger{background:var(--danger);color:var(--surface)}.btn-link{color:var(--ink);text-align:left;text-underline-offset:3px;background:0 0;width:auto;min-height:44px;padding:0;font-weight:600;text-decoration:underline}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:15px;font-weight:700}.input{font:inherit;border:2px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);border-radius:12px;width:100%;padding:10px 14px;font-size:17px}.input:disabled{background:var(--bg);color:var(--muted)}.input-error{border-color:var(--danger)}.field-hint{color:var(--muted);font-size:14px}.field-error{color:var(--danger);font-size:14px;font-weight:600}.row{gap:12px;display:flex}.row>*{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 14px;font-size:16px;font-weight:600}.chip-on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.card-live{border:2px solid var(--beacon)}.card-row{flex-direction:row;justify-content:space-between;align-items:center}.card-title{margin:0;font-size:18px;font-weight:700}.status-text{margin:0;font-size:26px;font-weight:800}.banner{border:1px solid;border-radius:12px;padding:12px 14px;font-size:16px}.banner-notice{background:var(--notice);border-color:var(--notice-line)}.banner-good{background:var(--verified-bg);border-color:var(--verified)}.banner-bad{background:var(--danger-bg);border-color:var(--danger)}.state-good{color:var(--verified);margin:0;font-weight:700}.state-bad{color:var(--danger);margin:0;font-weight:700}.state-muted{color:var(--muted);margin:0;font-weight:700}.checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:10px;display:flex}.tick{width:24px;color:var(--muted);font-weight:800}.tick-done{color:var(--verified)}.toggle-row{align-items:center;gap:12px;min-height:48px;font-weight:600;display:flex}.toggle-row input{width:24px;height:24px;accent-color:var(--ink);flex:none}.code{word-break:break-all;background:var(--bg);border:1px dashed var(--line);-webkit-user-select:all;user-select:all;border-radius:10px;margin:0;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.steps li{padding-left:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}