:root{--bg:#0e151e;--bg-2:#121c28;--panel:#18222f;--panel-2:#1f2c3b;--line:#2b3a4c;--ink:#e7edf3;--muted:#8497a8;--brass:#d2ad63;--brass-dim:#9c8244;--danger:#d97066;--ok:#6fb98a;--radius:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #16212f 0%, var(--bg) 60%);color:var(--ink);justify-content:center;padding:28px 16px 60px;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.app{width:100%;max-width:560px}.wordmark{letter-spacing:.42em;text-transform:uppercase;color:var(--brass);text-indent:.42em;margin:0 0 4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.tagline{color:var(--muted);margin:0 0 22px;font-size:13px}.card{background:linear-gradient(180deg, var(--panel) 0%, var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 18px 40px -28px #000}.spacer{margin-top:14px}.section-title{color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:600}label{color:var(--muted);margin:0 0 6px;font-size:12px;display:block}.field{margin-bottom:14px}input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15px}input:focus{outline:2px solid var(--brass-dim);outline-offset:1px;border-color:var(--brass-dim)}input.mono{font-family:ui-monospace,Menlo,Consolas,monospace}button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--ink);border:1px solid #0000;border-radius:10px;padding:10px 14px;transition:filter .15s}button:hover{filter:brightness(1.12)}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button.primary{background:var(--brass);color:#2a2110;border:none;font-weight:600}button.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}button.danger{border:1px solid var(--line);color:var(--danger);background:0 0}button.block{width:100%}button.shrink{flex:none}button.tiny{padding:6px 9px;font-size:12px}.row{gap:8px;display:flex}.row>*{flex:1}.hint{color:var(--muted);margin-top:10px;font-size:12px}.footer-link{margin-top:14px}.msg{min-height:18px;margin-top:10px;font-size:13px}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}.hidden{display:none!important}.toolbar{justify-content:space-between;align-items:center;margin:4px 0 14px;display:flex}.toolbar h2{color:var(--muted);letter-spacing:.04em;margin:0;font-size:14px;font-weight:600}.links{gap:14px;display:flex}.entry{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;margin-bottom:10px;padding:13px 14px}.entry .site{font-weight:600}.entry .user{color:var(--muted);font-size:13px}.entry .pw{letter-spacing:1px;color:var(--brass);word-break:break-all;margin-top:8px;font-family:ui-monospace,Menlo,Consolas,monospace}.entry .actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.empty{color:var(--muted);text-align:center;padding:26px 0;font-size:14px}.lock-link{color:var(--muted);cursor:pointer;font-size:13px}.lock-link:hover{color:var(--brass)}#mfaQrBox img{background:#fff;border-radius:8px;width:180px;height:180px;margin:14px auto;padding:8px;display:block}.ghost-label{cursor:pointer;border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px 14px;font-size:15px;transition:filter .15s;display:flex}.ghost-label:hover{filter:brightness(1.12)}.mfa-active-row{align-items:center;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}