:root{--ink:#18212b;--muted:#55626d;--line:#d8e1e5;--teal:#087f87;--teal-dark:#05666d;--teal-soft:#e5f4f4;--amber-soft:#fff4dc;--amber-line:#e6c06a;--red:#a9342b;--red-soft:#fbeceb;--surface:#fff;--page:#f4f7f8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{background:var(--page);margin:0}.page{max-width:640px;padding:20px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.masthead h1{margin:0 0 8px;font-size:1.8rem;line-height:1.2}.brand{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem;font-weight:700}.lede{margin:0 0 12px}.reassure{border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:8px;margin:0 0 20px;padding:12px 14px}.card{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 16px;padding:18px 16px}.card h2{margin:0 0 10px;font-size:1.3rem;line-height:1.25}.card h2:focus{outline:none}.card h2:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.card.problem{border-color:var(--amber-line);background:var(--amber-soft)}.card.done{border-color:var(--teal)}.card p{margin:0 0 12px}.steps{margin:0 0 12px;padding-left:1.4em}.steps li{margin-bottom:10px}.small{color:var(--muted);font-size:.9rem}.actions{flex-wrap:wrap;gap:12px;margin:8px 0 16px;display:flex}button{border:2px solid var(--teal);min-height:52px;font:inherit;cursor:pointer;border-radius:12px;padding:12px 22px;font-weight:700}button.primary{background:var(--teal);color:#fff;width:100%}button.primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}button.secondary{background:var(--surface);color:var(--teal-dark)}button:disabled{opacity:.6;cursor:progress}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:2px}a{color:var(--teal-dark);font-weight:600}.banner{border-radius:10px;margin:0 0 16px;padding:12px 14px}.banner.warn{border:1px solid var(--amber-line);background:var(--amber-soft)}.problem-text{border:1px solid var(--red);background:var(--red-soft);color:var(--red)}.progress{margin:0;padding:0;list-style:none}.progress-step{border-top:1px solid var(--line);grid-template-columns:6.5em 1fr;gap:10px;padding:10px 0;display:grid}.progress-word{color:var(--muted);font-weight:700}.is-running .progress-word{color:var(--teal)}.is-pass .progress-word,.is-warn .progress-word{color:var(--teal-dark)}.is-fail .progress-word{color:var(--red)}.facts{margin:0 0 16px}.facts>div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;display:flex}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:700}.note-label{margin:8px 0 6px;font-weight:700;display:block}textarea{width:100%;font:inherit;resize:vertical;border:1px solid #9aa9b1;border-radius:10px;padding:10px 12px}.counter{text-align:right;margin:4px 0 12px}.what-is-sent{margin:0 0 12px}.what-is-sent summary{min-height:44px;color:var(--teal-dark);cursor:pointer;padding:10px 0;font-weight:700}.code{letter-spacing:.08em;overflow-wrap:anywhere;margin:4px 0 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(2rem,9vw,2.8rem);font-weight:700}code{font-size:.9em}.footer{color:var(--muted);margin-top:24px;font-size:.9rem}@media (width>=560px){button.primary{width:auto;min-width:240px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}