:root{--bg: #f4f4fb;--surface: #ffffff;--text: #1e1b4b;--muted: #6b7280;--accent: #4f46e5;--accent-dark: #312e81;--ok: #15803d;--err: #b91c1c;--border: #e5e7eb;--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #17153a;--surface: #221f4e;--text: #e6e6f5;--muted: #a5a3c4;--border: #3b3775;--ok: #4ade80;--err: #f87171}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding:max(1rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}#app{max-width:26rem;margin:0 auto}.screen-header{text-align:center;margin:1.5rem 0 1.25rem}.app-icon{font-size:2.5rem}h1{font-size:1.4rem;margin:.35rem 0 .4rem}h2{font-size:1rem;margin:0 0 .6rem}.muted{color:var(--muted);font-size:.9rem;line-height:1.45}.small{font-size:.8rem;text-align:center}.hint{font-size:.78rem;color:var(--muted);margin:.4rem 0 0;line-height:1.4}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;margin:0 0 1rem}legend{font-weight:600;font-size:.85rem;padding:0 .4rem}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.7rem}input{display:block;width:100%;margin-top:.3rem;padding:.65rem .75rem;font-size:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{display:inline-block;width:100%;padding:.75rem 1rem;margin:.2rem 0;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--accent);color:#fff}button.secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}button.danger{background:transparent;color:var(--err);border:1.5px solid var(--err)}button.link{width:auto;background:none;color:var(--accent);padding:.4rem .2rem;font-weight:500}button:active{opacity:.8}.status{min-height:1.3em;font-size:.9rem;text-align:center;margin:.6rem 0 0}.status.ok{color:var(--ok)}.status.err{color:var(--err)}.strength{display:flex;align-items:center;gap:.5rem;margin:-.2rem 0 .7rem}.strength-bar{flex:1;height:6px;border-radius:3px;background:var(--border);overflow:hidden}#strength-fill{display:block;height:100%;width:0;border-radius:3px;background:var(--err);transition:width .2s,background-color .2s}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.card button{margin-bottom:.2rem}.about{margin-top:1.25rem;font-size:.82rem;color:var(--muted)}.about summary{cursor:pointer;font-weight:600}.about p{line-height:1.5}.screen-footer{text-align:center;margin-top:1rem}code{background:var(--border);border-radius:4px;padding:.05rem .3rem;font-size:.9em}