:root{color-scheme:dark;--bg:#0c0e14;--panel:#141720;--panel2:#191d28;--line:#292e3b;--text:#f0f2f8;--muted:#9299ab;--accent:#b8f36b;--accent2:#d4ff9e;--red:#ff7d8b;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:50%}.a1{width:420px;height:420px;background:#84c64a;top:-250px;left:15%}.a2{width:340px;height:340px;background:#6257c8;right:-180px;top:30%}.topbar{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--accent);color:#11170a;font-size:20px;font-weight:900}.brand-dot{color:var(--accent)}.privacy,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:var(--muted)}.privacy{display:flex;align-items:center;gap:9px}.pulse{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #b8f36b75}.shell{max-width:1240px;margin:0 auto;padding:48px 24px 20px}.card{background:linear-gradient(145deg,#171a24f2,#12151df2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 60px #0002}.gate{width:min(100%,480px);margin:32px auto 70px;padding:42px 42px 26px}.shield{color:var(--accent);font-size:16px;margin-right:7px}.gate h1{font-size:clamp(34px,5vw,47px);letter-spacing:-2px;line-height:1.12;margin:18px 0 14px}.gate h1 span{color:var(--accent)}.muted{color:var(--muted)}.gate p{font-size:13px}.gate form{margin-top:28px}.gate label,.field label,.modal label{display:block;color:#cbd0dd;font-size:12px;font-weight:650;margin:0 0 8px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{padding-right:94px}input,select,textarea{width:100%;border:1px solid #303646;background:#0e1119;color:var(--text);border-radius:10px;padding:12px 13px;outline:none;min-width:0}input::placeholder,textarea::placeholder{color:#626a7c}input:focus,select:focus,textarea:focus{border-color:#8bbf54;box-shadow:0 0 0 3px #b8f36b12}.icon-btn{border:0;background:transparent;color:#9fa7b9;font-size:16px;padding:7px}.input-wrap>.icon-btn{position:absolute;right:9px}.primary,.secondary,.danger{border:0;border-radius:10px;padding:12px 16px;font-weight:750;transition:transform .15s,background .15s}.primary{background:var(--accent);color:#141a0d}.primary:hover{background:var(--accent2);transform:translateY(-1px)}.full{width:100%;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.fineprint{font-size:11px!important;line-height:1.55;color:#81899a;margin:15px 0 0}.gate-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:10px;letter-spacing:.5px;color:#8a91a2;display:flex;gap:8px;align-items:center}.tiny-lock{color:var(--accent)}.gate-error{color:var(--red);font-size:12px;margin-top:12px;min-height:0}.gate-error:not(:empty){min-height:18px}.hidden{display:none!important}.vault{display:grid;grid-template-columns:246px minmax(0,1fr);gap:28px;align-items:start}.sidebar{padding:20px 14px;min-height:610px;display:flex;flex-direction:column}.side-heading{display:flex;gap:11px;align-items:center;padding:3px 7px 20px}.vault-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#b8f36b18;color:var(--accent);font-size:20px}.side-heading strong{display:block;font-size:13px}.side-heading small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.add-button{width:100%;text-align:left;display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:27px}.side-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#70788b;padding:0 9px 10px}.nav{display:grid;gap:4px;margin-bottom:25px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:9px;color:#aeb5c5;background:transparent;text-align:left;font-size:12px;width:100%;text-decoration:none}.nav-item>span{font-size:17px;width:18px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;font-weight:600;color:#727b8e}.nav-item:hover{background:#ffffff08;color:var(--text)}.nav-item.active{background:#b8f36b15;color:var(--accent)}.nav-item.active b{color:var(--accent)}.tool-item{margin:1px 0}.import-label{cursor:pointer}.import-label input{display:none}.side-bottom{margin-top:auto}.security-chip{display:flex;gap:9px;align-items:center;padding:12px 10px;border:1px solid #b8f36b25;border-radius:11px;background:#b8f36b08;margin:26px 0 13px}.security-chip .pulse{flex-shrink:0}.security-chip strong,.security-chip small{display:block}.security-chip strong{font-size:10px}.security-chip small{font-size:9px;color:var(--muted);margin-top:2px}.lock-btn{width:100%;background:transparent;color:#9ba3b4;border:1px solid var(--line);padding:10px;border-radius:9px;font-size:11px}.lock-btn:hover{border-color:#656d7d;color:var(--text)}.content{min-width:0;padding-top:6px}.content-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.content-head h2{font-size:29px;letter-spacing:-1px;margin:8px 0 3px}.content-head h2 span{font-size:12px;vertical-align:middle;color:#9299aa;background:#222633;padding:4px 8px;border-radius:20px;margin-left:6px;letter-spacing:0}.small{font-size:12px;margin:0}.toolbar{display:flex;gap:10px;margin-bottom:18px}.searchbox{flex:1;position:relative}.searchbox>span{position:absolute;left:13px;top:8px;color:#8b94a6;font-size:23px}.searchbox input{padding-left:42px;height:42px}.toolbar select{width:165px;height:42px;font-size:11px;color:#b9c0cf}.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry{padding:17px;background:#151821;border:1px solid #292e3a;border-radius:15px;min-width:0;transition:border-color .2s,transform .2s}.entry:hover{border-color:#48533e;transform:translateY(-1px)}.entry-top{display:flex;align-items:center;gap:11px}.entry-logo{width:39px;height:39px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#b8f36b13;color:var(--accent);font-weight:800;font-size:15px;text-transform:uppercase}.entry-name{min-width:0;flex:1}.entry-name strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-name small{display:block;color:#858da0;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite{color:#7e8799;font-size:19px;border:0;background:transparent;padding:3px}.favorite.on{color:var(--accent)}.entry-meta{display:flex;align-items:center;gap:7px;margin:15px 0 13px}.category-pill{font-size:9px;color:#a7b0c2;background:#222633;border-radius:6px;padding:4px 7px}.entry-user{font-size:10px;color:#7f8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-actions{border-top:1px solid #ffffff0b;padding-top:10px;display:flex;gap:6px}.entry-actions button{font-size:10px;padding:6px 9px;border-radius:7px;border:1px solid transparent;background:transparent;color:#a5adbd}.entry-actions button:hover{background:#ffffff08;color:var(--text)}.entry-actions .edit-entry{margin-left:auto}.entry-actions .delete-entry:hover{color:var(--red)}.empty{padding:46px 20px;text-align:center}.empty-art{height:74px;position:relative;display:grid;place-items:center;margin-bottom:16px}.empty-art span{font-size:38px;color:var(--accent);position:relative;z-index:1}.empty-art i{position:absolute;width:66px;height:66px;border-radius:50%;background:#b8f36b12}.empty h3{font-size:17px;margin:0 0 6px}.empty p{font-size:12px;color:var(--muted);margin:0 0 20px}.empty .primary{font-size:11px}.list-footer{font-size:10px;color:#697184;padding:16px 3px}.mobile-add{display:none}.page-foot{text-align:center;color:#70788a;font-size:10px;padding:28px 0 5px}.page-foot a{color:#a7b2c7;text-decoration:none}.page-foot a:hover{color:var(--accent)}.modal{border:1px solid #343a49;border-radius:19px;background:#151821;color:var(--text);padding:26px;width:min(94vw,560px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#06070bd9;backdrop-filter:blur(5px)}.modal.compact{width:min(94vw,440px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font-size:23px;letter-spacing:-.7px;margin:5px 0 0}.close-btn{font-size:24px;line-height:1;padding:0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:span 2}.field input,.field select,.field textarea{font-size:12px}.mini-action{position:absolute;right:41px;background:#252b37;border:0;border-radius:6px;color:var(--accent);font-size:10px;padding:6px 8px}.strength{height:3px;background:#2a2f3c;border-radius:4px;margin-top:9px;overflow:hidden}.strength span{display:block;height:100%;width:0;background:var(--red);transition:width .2s,background .2s}.checkline{display:flex!important;align-items:center;gap:9px;font-size:11px!important}.checkline input,.checks input{width:auto;accent-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.secondary{background:#252a36;color:#d1d5df;border:1px solid #343a48}.secondary:hover{background:#303746}.danger{background:#ff7d8b;color:#2b1014}.generated{display:flex;gap:9px;align-items:center;padding:12px;background:#0d1017;border:1px solid var(--line);border-radius:10px;margin-top:18px}.generated code{flex:1;word-break:break-all;font-size:12px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.checks label{font-size:11px;display:flex;align-items:center;gap:8px;margin:0}.modal input[type=range]{padding:0;accent-color:var(--accent);margin:8px 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e4f8c9;color:#18210e;padding:11px 16px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #0005;transition:all .2s;z-index:10;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#ffdbe0;color:#3a1017}
@media(max-width:900px){.shell{padding:25px 16px}.vault{grid-template-columns:205px minmax(0,1fr);gap:16px}.sidebar{padding:16px 10px}.entries{grid-template-columns:1fr}.content-head h2{font-size:25px}}@media(max-width:650px){.topbar{height:62px;padding:0 18px}.privacy{font-size:8px;letter-spacing:1px}.shell{padding:20px 12px}.gate{padding:30px 24px;margin:15px auto 40px}.vault{grid-template-columns:1fr;gap:20px}.sidebar{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:12px}.side-heading{grid-column:1/-1;padding:2px 5px 13px}.add-button{grid-column:1/-1;margin-bottom:13px}.sidebar>.side-label{display:none}.sidebar>.nav{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;margin:0}.sidebar>.tool-item{display:flex;min-height:38px;margin:0;background:#ffffff05;border:1px solid var(--line);border-radius:9px}.side-bottom{display:flex;grid-column:1/-1;align-items:center;margin-top:2px}.security-chip{display:none}.lock-btn{width:auto;flex:1}.content-head{margin-bottom:17px}.content-head h2{font-size:24px}.mobile-add{display:block;padding:9px 12px;font-size:11px}.toolbar select{width:125px}.searchbox input{font-size:11px}.entries{grid-template-columns:1fr}.entry{padding:15px}.page-foot{line-height:1.8}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal{padding:21px}.modal-actions .primary,.modal-actions .secondary,.modal-actions .danger{padding:11px 12px}.empty{padding:38px 14px}}

.strength span.score-0{width:0;background:var(--red)}.strength span.score-1{width:20%;background:var(--red)}.strength span.score-2{width:40%;background:var(--red)}.strength span.score-3{width:60%;background:#f1c76c}.strength span.score-4{width:80%;background:#b8f36b}.strength span.score-5{width:100%;background:#b8f36b}