:root{--bg:#f4f6f2;--surface:#fff;--surface-2:#eef3ef;--text:#16231f;--muted:#66736f;--brand:#176b57;--brand-dark:#0f5142;--danger:#a73535;--border:#dce4df;--shadow:0 8px 30px rgba(24,50,42,.07);--radius:18px;--space:1rem;--max:720px;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Segoe UI,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#0e1714;--surface:#17231f;--surface-2:#1e302a;--text:#eef7f3;--muted:#a5b8b1;--brand:#54c4a5;--brand-dark:#75d4b8;--danger:#ff8e8e;--border:#2a4038;--shadow:none}}
:root[data-theme=light]{--bg:#f4f6f2;--surface:#fff;--surface-2:#eef3ef;--text:#16231f;--muted:#66736f;--brand:#176b57;--brand-dark:#0f5142;--danger:#a73535;--border:#dce4df;color-scheme:light}:root[data-theme=dark]{--bg:#0e1714;--surface:#17231f;--surface-2:#1e302a;--text:#eef7f3;--muted:#a5b8b1;--brand:#54c4a5;--brand-dark:#75d4b8;--danger:#ff8e8e;--border:#2a4038;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);padding-bottom:calc(84px + env(safe-area-inset-bottom));min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button,.button{min-height:44px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:.7rem 1rem;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,.button:hover{border-color:var(--brand)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.quiet{background:transparent}.danger{color:var(--danger)}.text-btn{min-height:34px;padding:.2rem .5rem;border:0;color:var(--brand);background:transparent}.topbar{max-width:var(--max);margin:auto;padding:calc(1.2rem + env(safe-area-inset-top)) 1rem 1rem;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:1.35rem;margin:.12rem 0}.eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.13em;color:var(--brand);margin:0}.status{font-size:.75rem;padding:.4rem .65rem;border-radius:99px;background:var(--surface-2);color:var(--muted)}main{max-width:var(--max);margin:auto;padding:0 1rem}.panel{display:none}.panel.active{display:block;animation:fade .18s ease}.intro,.section-title{display:flex;align-items:center;justify-content:space-between;margin:.7rem 0 1.25rem}.intro h2,.section-title h2,.panel>h2{font-size:1.75rem;letter-spacing:-.035em;margin:.15rem 0}.intro p,.section-title p,.section-copy{margin:.25rem 0;color:var(--muted)}.shield{font-size:1.5rem;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:var(--surface-2);color:var(--brand)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin:0 0 1rem}label{font-weight:700;font-size:.9rem;display:block;margin:.3rem 0 .45rem}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:.75rem;margin-bottom:.75rem}textarea{resize:none;font:700 1.15rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;-webkit-text-security:disc}textarea.visible{-webkit-text-security:none}.row-meta,.label-row,.length-head,.strength-head{display:flex;justify-content:space-between;align-items:center}.row-meta{font-size:.75rem;color:var(--muted);margin-top:-.55rem}.check{display:flex;gap:.65rem;align-items:center;min-height:44px}.check input,.checks input{width:20px;min-height:20px;margin:0}.note,.strength p,.backup p{color:var(--muted);font-size:.86rem}.error{color:var(--danger);font-size:.84rem;min-height:1em;margin:.15rem 0}.actions{display:flex;flex-wrap:wrap;gap:.55rem}.primary-actions .primary{flex:1 1 100%}.strength{margin:.6rem 0 1rem}.strength-head span{font-size:.75rem;color:var(--muted)}meter{width:100%;height:.55rem}.options summary{font-weight:750;cursor:pointer;padding:.4rem 0 1rem}.length-head input{width:78px;margin:0}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin:.6rem 0 1rem}.quick button{padding:.5rem;min-height:40px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.checks label{display:flex;align-items:center;gap:.5rem;min-height:40px;font-weight:550}.qr-card{text-align:center}.qr-preview{min-height:310px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:14px;background:#fff;color:#65706c;margin-bottom:.5rem;padding:16px}.qr-preview img{max-width:100%;height:auto}.saved-list{display:grid;gap:.65rem;margin-top:.5rem}.saved-item{border-top:1px solid var(--border);padding-top:.8rem}.saved-item h3{margin:.1rem 0}.saved-item p{margin:.2rem 0;color:var(--muted);font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:1.5rem}.update{position:fixed;left:1rem;right:1rem;bottom:96px;max-width:520px;margin:auto;background:var(--text);color:var(--bg);border-radius:14px;padding:.7rem;display:flex;align-items:center;justify-content:space-between;z-index:5}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:.5rem max(.6rem,env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.bottom-nav button{border:0;background:transparent;padding:.3rem;font-size:.68rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem}.bottom-nav button span{font-size:1.25rem}.bottom-nav button.active{color:var(--brand)}.toast{position:fixed;z-index:20;left:50%;bottom:105px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:99px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:440px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text)}dialog::backdrop{background:#0008}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}ol{padding-left:1.4rem}li{margin:.5rem 0}@keyframes fade{from{opacity:.4;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:760px){body{padding-bottom:2rem}.bottom-nav{position:sticky;top:0;bottom:auto;max-width:var(--max);margin:0 auto 1.2rem;border:1px solid var(--border);border-radius:16px;order:-1}.topbar{padding-top:1.5rem}.primary-actions .primary{flex:0 1 auto}.panel{min-height:600px}}