.vault{max-width:560px;margin:22px auto 20px}.vault h1{font:var(--w-display) 26px/1.2 var(--font);letter-spacing:-.025em}.vault-intro{color:var(--ink-2);margin:12px 0 30px;line-height:1.65}.vault-switch{display:flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--panel);margin-bottom:28px}.vault-switch button{flex:1;min-height:38px;padding:8px;border:0;border-radius:var(--r-pill);background:transparent;font:var(--w-ui) 13px/1.3 var(--font);color:var(--ink-2);cursor:pointer}.vault-switch button[aria-pressed=true]{background:var(--night);color:var(--white)}.vault-form{display:grid;gap:16px}.vault-input{display:flex;border:1px solid var(--line);border-radius:10px;padding-right:12px}.vault-input:focus-within{outline:2px solid var(--gold);outline-offset:2px}.vault-input input{min-width:0;width:100%;height:42px;border:0;background:transparent;padding:0 12px;font:inherit;color:var(--ink);outline:0;caret-color:var(--red)}.vault-input button{border:0;background:transparent;color:var(--ink-2);font:inherit;cursor:pointer}.vault-hint{color:var(--ink-2);font-size:13px;line-height:1.6;margin:0 0 6px}.vault>.vault-hint{margin-top:20px}.vault-action{justify-content:space-between;width:100%;padding-right:5px;margin-top:8px}.vault-disc{width:28px;height:28px;border-radius:50%;background:var(--crimson);display:grid;place-items:center}.vault-disc svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}.vault-action:hover .vault-disc svg{transform:translate(2px)}.vault-backup{padding:24px;background:var(--panel);border-radius:12px}.vault-backup h2{font-size:24px;font-weight:400}.vault-backup p{margin:10px 0 20px;color:var(--ink-2)}.vault-note{padding-top:22px;margin:18px 0 24px;border-top:1px solid var(--line)}.vault-note h2{font-size:16px;font-weight:var(--w-ui)}.vault-note p{margin:8px 0 15px;color:var(--ink-2);font-size:13px;line-height:1.65}.vault-link{display:inline-block;border:0;padding:4px 0;background:transparent;color:var(--ink-2);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.vault-backup .vault-link{margin-top:16px}.vault-status{min-height:22px;font-size:13px;line-height:1.6;margin-top:14px;color:var(--crimson)}.vault-file{max-width:100%;font:inherit;color:var(--ink-2)}.vault-file::file-selector-button{border:0;border-radius:var(--r-pill);padding:10px 14px;font:inherit;background:var(--panel);color:var(--ink);margin-right:8px;cursor:pointer}.vault button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.vault{margin-top:10px}}@media (prefers-reduced-motion: reduce){.vault-disc svg{transition:none}}