:root{--ink:#0b0e12;--ink-2:#12171e;--panel:#181f29;--panel-2:#1e2733;--line:#2c3644;--gold:#e4b86a;--gold-dim:#b8893d;--cream:#f3ead8;--mist:#9aa6b5;--ember:#e07a5f;--pine:#6fbf9a;--shadow:0 18px 50px #00000059;--font:"Segoe UI", "Helvetica Neue", system-ui, sans-serif;--mono:"Cascadia Code", "SF Mono", ui-monospace, Consolas, monospace;--display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--radius:22px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--cream);background:radial-gradient(1200px 500px at 80% -10%, #e4b86a1f, transparent 50%), radial-gradient(800px 400px at 0% 100%, #6fbf9a14, transparent 45%), var(--ink);margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-weight:600}p{margin:0}.app{width:min(560px,100%);min-height:100dvh;margin:0 auto;padding:24px 18px 40px}.screen{gap:18px;display:grid}.brand-block,.empty{text-align:center;justify-items:center;gap:10px;display:grid}.brand-block h1,.empty h2,.vault-head h1{font-size:2rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.lede,.hint,.empty p,.notes{color:var(--mist);line-height:1.5}.panel,.account-card,.search input,.install-hint,.backup-nudge{background:color-mix(in srgb, var(--panel) 92%, white 8%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form,.setting-block{gap:12px;display:grid}.form.tight{margin-top:12px}.panel{padding:20px}label{color:var(--mist);gap:6px;font-size:.88rem;display:grid}input,select{border:1px solid var(--line);background:var(--ink-2);width:100%;color:var(--cream);border-radius:14px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:var(--gold-dim)}.primary,.ghost,.icon-btn{border:0;border-radius:999px;padding:12px 16px}.primary{background:var(--gold);color:#2a1c07;font-weight:700}.ghost{color:var(--cream);border:1px solid var(--line);background:0 0}.compact{padding:8px 12px;font-size:.9rem}.icon-btn{background:var(--ink-2);width:36px;height:36px;color:var(--cream);padding:0;font-size:1.4rem;line-height:1}.text-btn{color:var(--mist);background:0 0;border:0;padding:0}.text-btn.danger{color:var(--ember)}.segmented{background:var(--ink-2);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.segmented button{color:var(--mist);background:0 0;border:0;border-radius:999px;padding:10px}.segmented button.active{background:var(--panel);color:var(--cream)}.notes{padding-left:18px;font-size:.92rem}.error,.ok{margin:0;font-size:.92rem}.error{color:var(--ember)}.ok{color:var(--pine)}.vault-head,.brand-inline,.head-actions,.code-row,.account-actions,.install-actions,.sheet-head,.row,.secret-box{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-inline{justify-content:flex-start}.account-card{overflow:hidden}.code-hit{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:14px;padding:18px 18px 8px;display:grid}.account-meta{gap:2px;display:grid}.account-meta span,.hint{color:var(--mist);font-size:.9rem}.code{font-family:var(--mono);letter-spacing:.08em;margin:0;font-size:2rem}.account-card.urgent .code{color:var(--ember)}.ring{width:42px;height:42px;transform:rotate(-90deg)}.ring circle{fill:none;stroke:var(--line);stroke-width:3px}.ring-value{stroke:var(--gold);stroke-linecap:round}.account-card.urgent .ring-value{stroke:var(--ember)}.ring text{fill:var(--cream);transform-origin:18px 18px;text-anchor:middle;font-size:10px;transform:rotate(90deg)}.account-actions{justify-content:flex-end;padding:0 16px 14px}.account-list,.empty{gap:12px;display:grid}.empty{padding:48px 12px}.search input{box-shadow:none}.install-hint,.backup-nudge{justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.backup-nudge{border-color:color-mix(in srgb, var(--gold) 40%, var(--line))}.sheet-backdrop{z-index:20;background:#05070ab8;align-items:end;padding:12px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:28px 28px 18px 18px;gap:16px;width:min(560px,100%);max-height:calc(100dvh - 24px);margin:0 auto;padding:18px;display:grid;overflow:auto}.scanner{gap:10px;display:grid}.scanner video{object-fit:cover;background:#000;border-radius:18px;width:100%;min-height:240px}.row{align-items:stretch}.row label{flex:1}.secret-box{border:1px solid var(--line);background:var(--ink-2);border-radius:16px;padding:12px 14px}.mono{font-family:var(--mono);word-break:break-all;margin:4px 0 0}.setting-block h3{font-size:1.1rem}.check{align-items:center;gap:10px;display:flex}.check input{width:auto}.toast{background:var(--cream);color:#2a1c07;z-index:30;border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.loading{text-align:center;color:var(--mist);padding-top:30vh}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-field input{padding:10px}@media (width>=720px){.sheet-backdrop{align-items:center}}