:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a.primary{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;min-height:42px;padding:9px 13px;text-decoration:none}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input{border:1px solid var(--line);background:var(--panel);width:100%;min-height:46px;color:var(--text);border-radius:8px;padding:11px}label{font-size:14px;font-weight:600;display:block}input{margin-top:8px}.app{--bg:#f4f6fa;--panel:#fff;--text:#17253b;--muted:#596779;--line:#d8e0ea;--accent:#5c45c5;--tint:#f0edff;--warning:#fff7df;--error:#fcecee;background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.app.dark{--bg:#101722;--panel:#1b2533;--text:#edf3fc;--muted:#a6b5c9;--line:#364456;--accent:#b4a4ff;--tint:#30294a;--warning:#3c3320;--error:#422831}header{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 32px;display:flex}.brand{color:var(--text);align-items:center;gap:13px;font-size:25px;font-weight:750;text-decoration:none;display:flex}.brand span{font-size:18px}.brand small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.headerActions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.privateBadge,.tag{background:var(--tint);color:var(--accent);border-radius:20px;padding:6px 10px;font-size:12px;font-weight:650}.privateBadge{margin-right:12px}main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:38px 36px 60px}.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:11px;font-weight:700}.title{justify-content:space-between;align-items:center;gap:20px;margin:10px 0 26px;display:flex}h1{letter-spacing:-.5px;margin:0 0 10px;font-size:30px;line-height:1.2}h2{margin:0 0 15px;font-size:20px}p{color:var(--muted);margin:8px 0 18px;line-height:1.6}.title p{margin:0}.state{color:var(--muted);white-space:nowrap;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0;padding:25px}.gate{max-width:820px;margin:38px auto;padding:36px 42px}.gate h2{margin-top:18px;font-size:26px}.symbol{background:var(--tint);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:20px;font-size:31px;display:grid}.steps{gap:0;margin:27px 0;display:grid}.steps div{border-left:3px solid var(--line);gap:7px;padding:16px 0 16px 15px;display:grid}.steps div:nth-child(2){border-color:var(--accent);background:var(--tint)}.steps span{color:var(--muted);font-size:14px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.gate .muted{margin-top:20px}.primary,button.primary{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:650;display:inline-block}.dark .primary{color:#191331}.alert{background:var(--warning);color:var(--text);border-radius:10px;margin:18px 0;padding:16px 19px;font-size:14px;line-height:1.6}.error{background:var(--error);border:1px solid #d98998}.error p{color:var(--text)}.help{margin-bottom:25px}.help li{margin:9px 0;line-height:1.7}.unlock{grid-template-columns:1fr 1fr;gap:50px;max-width:1000px;margin:45px auto;padding:35px;display:grid}.unlock form{align-self:center}.unlock .primary{width:100%;margin:10px 0}.text{width:100%;color:var(--accent);background:0 0;border:0}.workspace{grid-template-columns:245px minmax(300px,1fr) minmax(280px,.8fr);align-items:start;gap:20px;display:grid}.workspace:not(:has(.detail)){grid-template-columns:245px 1fr}.workspace .card{padding:20px}.count{color:var(--muted);font-size:13px;font-weight:500}.vault{text-align:left;border-color:#0000;gap:6px;width:100%;margin:7px 0;display:grid}.vault span{color:var(--muted);padding-left:22px;font-size:12px}.vault.active{background:var(--tint);border-color:var(--accent)}aside .muted{margin-top:22px}.sectionTitle{justify-content:space-between;align-items:center;gap:15px;display:flex}.sectionTitle h2{margin:0}.sectionTitle>span{color:var(--muted);font-size:12px}.search{margin:22px 0;font-size:12px}.entries{gap:8px;display:grid}.entry{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 10px;display:flex}.entry>span:nth-child(2){flex:1;min-width:0}.entry b,.entry small{overflow-wrap:anywhere;display:block}.entry small{color:var(--muted);margin-top:7px;font-size:12px}.entryIcon{background:var(--tint);width:35px;height:35px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.entry.selected{border-color:var(--accent);background:var(--tint)}.detail h2{margin:25px 0}.detail dl{margin:0}.detail dt{color:var(--muted);margin-top:22px;font-size:12px}.detail dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0}.detail dd button{margin-top:9px;display:block}.detail code{font-size:14px}.detail .muted{margin-top:26px}.empty{text-align:center;color:var(--muted);padding:50px 15px;font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:18px 32px;font-size:11px;display:flex}@media (width<=1100px){.workspace{grid-template-columns:200px 1fr}.detail{grid-column:2}.workspace:not(:has(.detail)){grid-template-columns:200px 1fr}}@media (width<=680px){header{align-items:flex-start;padding:14px 18px}.headerActions{justify-content:flex-end}.headerActions .privateBadge{display:none}.headerActions button{padding:8px;font-size:12px}.brand{gap:7px}.brand span{font-size:15px}main{padding:28px 16px 40px}.title{align-items:flex-start}h1{font-size:25px}.title p{font-size:13px}.state{font-size:11px}.gate{margin:20px auto;padding:25px 22px}.gate h2{font-size:23px}.unlock{max-width:100%;margin:25px auto;padding:24px;display:block}.unlock form{margin-top:30px}:is(.workspace,.workspace:not(:has(.detail))){flex-direction:column;display:flex}.workspace>.card{width:100%}.workspace aside .muted{display:none}.vault{width:auto;margin-right:6px;display:inline-grid}.workspace aside h2{font-size:16px}.detail{order:2}.list{order:3}footer{padding:15px 18px;display:block}footer span{margin-top:7px;display:block}.help{padding:20px}.help ol{padding-left:20px}}.enrollment{max-width:780px;margin:auto}.enrollment form,.editor form{gap:16px;display:grid}.enrollment label,.editor label{gap:6px;display:grid}.enrollment h3{margin-top:28px}.fingerprint,.emergencyKey{overflow-wrap:anywhere;border:1px solid var(--line);margin:12px 0;padding:16px;display:block}.editor{z-index:10;position:fixed;inset:5vh max(16px,50vw - 340px);overflow:auto;box-shadow:0 0 0 100vmax #0008}.editor fieldset{border:0;gap:14px;min-width:0;display:grid}.editor textarea{min-height:100px}.enrollment input[type=checkbox]{justify-self:start;width:auto}@media (width<=600px){.editor{inset:8px}.enrollment{padding:18px}}dialog.editor{width:auto;max-width:none;max-height:none;color:var(--text);margin:0}dialog::backdrop{background:#0008}dialog.editor{height:90vh;max-height:90dvh;overflow-y:auto}dialog.editor select,dialog.editor textarea{font:inherit;border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:8px;width:100%;padding:12px}@media (width<=600px){dialog.editor{height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}}.recoveryPanel{margin:1rem 0}.recoveryPanel nav{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.recoveryPanel label{margin:.8rem 0;display:block}.recoveryPanel .check{align-items:flex-start;gap:.6rem;display:flex}.recoveryPanel .check input{flex:none;width:auto;margin-top:.3rem}.finger code,.recoveryPanel .fingerprint{overflow-wrap:anywhere;white-space:normal;display:block}.relationList{flex-wrap:wrap;gap:.4rem;display:flex}.contactDetail{border:1px solid var(--line,#d9dce4);border-radius:12px;margin:1rem 0;padding:1rem}.recoveryPanel input{box-sizing:border-box;max-width:100%}.recoveryPanel button{white-space:normal;max-width:100%}@media (width<=600px){.recoveryPanel nav{display:grid}.recoveryPanel button{width:100%;margin:.25rem 0}.contactDetail{padding:.6rem}}.recoveryPanel .check{flex-direction:row}.recoveryPanel .check input{width:18px;height:18px;min-height:18px;padding:0}.recoveryPanel>.sectionTitle{flex-wrap:wrap}.recoveryPanel .sectionTitle h2{overflow-wrap:anywhere;min-width:0}.unlock select{width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:12px}