:root{--bg:#e9f0ee;--card:#fff;--ink:#14302a;--mute:#5b716b;--line:#c9d8d3;--accent:#0e5a4a;--bad:#a3341f}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg);color:var(--ink);font:400 17px/1.5 Bricolage Grotesque,system-ui,sans-serif}main{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 24px}h1{margin:0 0 4px;font-size:30px;font-weight:800;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:26px}.sub{margin:0 0 24px;color:var(--mute)}label{display:block;font-weight:600;margin:16px 0 6px}input{width:100%;font:inherit;font-size:20px;padding:12px 14px;border:1.5px solid var(--line);border-radius:8px;color:var(--ink)}input:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sum{margin:18px 0 0;padding:12px 14px;background:var(--bg);border-radius:8px;color:var(--mute);min-height:3.2em}.sum b{color:var(--ink);font-size:20px}button{width:100%;margin-top:18px;padding:14px;font:600 18px Bricolage Grotesque,system-ui,sans-serif;color:#fff;background:var(--accent);border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.alt{background:none;color:var(--accent);border:1.5px solid var(--accent)}.err{margin:12px 0 0;color:var(--bad);min-height:1.5em}.state{text-align:center;padding:4px 0}.ok h2{color:var(--accent)}.bad h2{color:var(--bad)}.steps{list-style:none;margin:18px 0;padding:0;text-align:left}.steps li{display:flex;gap:12px;align-items:center;padding:9px 0;color:var(--mute)}.dot{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:14px;font-weight:600}.steps .done{color:var(--ink)}.steps .done .dot{background:var(--accent);border-color:var(--accent);color:#fff}.steps .now{color:var(--ink);font-weight:600}.steps .now .dot{border-color:var(--accent);border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.steps .now .dot{animation:none}}.note{margin:6px 0 0;padding:10px 12px;background:var(--bg);border-radius:8px;color:var(--mute);font-size:15px;text-align:left}.meta{font-size:14px;color:var(--mute);margin:10px 0 0;word-break:break-all}.big{font-size:34px;font-weight:800;margin:4px 0}dl{margin:18px 0 0;text-align:left;border-top:1px solid var(--line)}dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--mute)}dd{margin:0;font-weight:600;text-align:right;word-break:break-all}