:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--field:#f1f3f5;--field-hover:#e8ebee;--accent:#2563eb;--accent-fg:#fff;--warn:#b45309}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--fg:#f3f4f6;--muted:#9ca3af;--field:#172033;--field-hover:#1f2a40;--accent:#3b82f6;--warn:#f59e0b}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font:16px/1.45 system-ui,sans-serif}main{width:100%;max-width:480px;min-height:100%;padding:calc(env(safe-area-inset-top) + 28px) 24px calc(env(safe-area-inset-bottom) + 28px);margin:0 auto}label{letter-spacing:.02em;color:var(--muted);margin:20px 0 6px;font-size:.8rem;font-weight:600;display:block}input[type=text],input[type=password]{width:100%;color:var(--fg);background:var(--field);border:0;border-radius:12px;padding:14px 16px;font-size:1rem}input::placeholder{color:var(--muted);opacity:.7}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.row{gap:8px;display:flex}.row>*{flex:1}.inline{color:var(--fg);letter-spacing:0;align-items:center;gap:10px;margin-top:20px;font-size:.95rem;font-weight:400;display:flex}button{background:var(--field);color:var(--fg);cursor:pointer;border:0;border-radius:12px;padding:13px 14px;font-size:.95rem;font-weight:500;transition:background .15s,transform .1s}button:hover:not(:disabled){background:var(--field-hover)}button:active:not(:disabled){transform:scale(.97)}button.primary{background:var(--accent);color:var(--accent-fg);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}.actions{margin-top:24px}.actions .primary{flex:2}#fp{text-align:center;letter-spacing:.1em;min-height:1.5em;margin-top:28px;font-size:1.4rem}#out{text-align:center;word-break:break-all;justify-content:center;align-items:center;min-height:2.6em;margin-top:8px;padding:8px 0;font:1.25rem ui-monospace,monospace;display:flex}#status{min-height:1.3em;color:var(--muted);text-align:center;margin-top:4px;font-size:.85rem}details{margin-top:0;font-size:.9rem}summary{cursor:pointer;color:var(--muted);padding:4px 0;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"›";margin-left:6px;transition:transform .15s;display:inline-block}details[open] summary:after{transform:rotate(90deg)}details[open] summary{margin-bottom:8px}#keystate{color:var(--fg);font-weight:600}#keybox{background:var(--field);word-break:break-all;border-radius:12px;margin-top:10px;padding:14px 16px;font:.95rem ui-monospace,monospace}#keyin{margin-top:10px}.warn{color:var(--warn);margin:4px 0 0}.pending{border-left:3px solid var(--warn);margin-top:8px;padding:4px 0 4px 14px}.pending p{margin:0 0 10px}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}}