:root{--bg:#05070a;--paper:#f3f5f7;--muted:#8c949e;--line:rgba(255,255,255,.12);--orange:#f4a322;--panel:rgba(10,13,18,.62);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper)}button,input,textarea,select{font:inherit}button{color:inherit}#blackHole,.noise,.vignette{position:fixed;inset:0;pointer-events:none}#blackHole{width:100%;height:100%;z-index:0}.noise{z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{z-index:1;background:rgba(0,0,0,.3)}.site-header{height:90px;padding:0 clamp(24px,4vw,70px);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;left:0;right:0;top:0;border-bottom:1px solid var(--line);background:rgba(5,7,10,.62);backdrop-filter:blur(18px)}.brand{display:flex;flex-direction:column;gap:5px}.brand-name{font-weight:760;font-size:18px;letter-spacing:-.035em}.brand-name span,h1 em,h2 em{color:var(--orange);font-style:normal}.brand-kicker{font-size:8px;letter-spacing:.22em;color:#ffffff73}.header-actions,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.offline-dot{font-size:9px;letter-spacing:.18em;color:#ffffff70}.offline-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:8px}.app-shell{position:relative;z-index:2}.view{display:none;min-height:100svh;padding:140px max(24px,calc((100vw - 1100px)/2)) 70px}.view.active{display:block}.intro{min-height:calc(100svh - 210px);display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff7a;display:flex;align-items:center;gap:10px;margin:0 0 28px}.eyebrow>span{width:22px;height:1px;background:var(--orange)}h1,h2,p{margin-top:0}h1{font-size:clamp(58px,8vw,118px);line-height:.84;letter-spacing:-.07em;font-weight:580;margin-bottom:38px}h2{font-size:clamp(46px,6vw,84px);line-height:.9;letter-spacing:-.06em;font-weight:580;margin-bottom:28px}.lede,.copy{max-width:650px;color:#ffffff99;line-height:1.6;font-size:clamp(16px,1.4vw,21px)}.actions{margin-top:34px}.primary,.secondary,.pill,.back,.nav,.tab,.file-button{border:1px solid #ffffff2e;background:#05070a80;border-radius:100px;padding:14px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;cursor:pointer;transition:.2s}.primary:hover,.secondary:hover,.pill:hover,.file-button:hover{border-color:#f4a322b3;background:#f4a32217}.primary span{color:var(--orange);font-size:14px;margin-left:20px}.secondary{background:#ffffff0a}.back{margin-top:35px;border:0;padding-left:0;color:#ffffff80;background:none}.index{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;text-align:right;font-size:9px;letter-spacing:.18em;color:#ffffff55;gap:6px}.panel{max-width:850px}.words{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}.words span{background:#070a0e;padding:17px;font-size:13px}.words b{color:var(--orange);font-size:9px;margin-right:10px}.field-row,.new-ref{display:grid;grid-template-columns:1fr 2fr;gap:14px}.field{margin:18px 0}.field label{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff72;margin:0 0 9px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#070a0ecc;color:#fff;padding:17px;border-radius:2px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f4a32299}.tabs{display:flex;gap:8px;margin:30px 0 12px}.tab.active{border-color:var(--orange)}.tabpane{display:none}.tabpane.active{display:block}.drop{border:1px dashed #ffffff38;padding:36px;text-align:center;position:relative}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop strong,.drop span{display:block}.drop span{color:#ffffff70;font-size:12px;margin-top:8px}.workspace{display:grid;grid-template-columns:230px 1fr;gap:70px}.sidebar{border-right:1px solid var(--line);min-height:65vh;padding-right:25px}.nav{display:flex;width:100%;justify-content:space-between;border:0;border-radius:0;border-bottom:1px solid var(--line);background:none;padding:18px 0;text-align:left;color:#ffffff83}.nav.active{color:#fff}.nav.active:before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%;align-self:center;margin-right:9px}.nav.danger{margin-top:50px;color:#f4a322}.content{max-width:760px}.screen{display:none}.screen.active{display:block}.reference-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;letter-spacing:.08em;text-transform:uppercase}.result{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:45px}.result>span{font-size:9px;letter-spacing:.18em;color:#ffffff70}.result strong{display:block;font-size:clamp(27px,4vw,48px);letter-spacing:.02em;margin-top:13px;overflow-wrap:anywhere}.new-ref{grid-template-columns:1.5fr 1fr auto;align-items:end}.ref-list{margin-top:35px}.ref-item{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.ref-item strong,.ref-item code{display:block}.ref-item code{color:#ffffff75;margin-top:6px}.ref-actions{display:flex;gap:8px}.ref-actions button{border:0;background:none;color:#ffffff75;cursor:pointer}.warning{border-left:1px solid var(--orange);padding:5px 0 5px 22px;margin:35px 0}.warning strong{font-size:12px;text-transform:uppercase;letter-spacing:.13em}.warning p{color:#ffffff75;line-height:1.6;margin:8px 0 0}.identity-actions{display:flex;gap:10px;flex-wrap:wrap}.file-button{position:relative;display:inline-block}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.toast{position:fixed;z-index:50;right:25px;bottom:25px;padding:13px 17px;border:1px solid var(--line);background:#0b0e12;transform:translateY(80px);opacity:0;transition:.25s;font-size:12px}.toast.show{transform:none;opacity:1}@media(max-width:760px){.site-header{height:74px;padding:0 20px}.view{padding:110px 20px 50px}.offline-dot{display:none}.workspace{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:45px}.sidebar .eyebrow{display:none}.nav{display:inline-flex;width:auto;margin-right:14px;border:0;padding:9px 0}.nav.danger{float:right;margin-top:0}.field-row,.new-ref{grid-template-columns:1fr}.words{grid-template-columns:repeat(2,1fr)}.index{display:none}h1{font-size:58px}.ref-item{grid-template-columns:1fr}.header-actions .pill{padding:10px 13px}}
/* V1.1 visibility and surface pass */
#blackHole{filter:brightness(.8)}.vignette{background:rgba(0,0,0,.42)}
a.brand{color:#fff;text-decoration:none}.brand-name,.brand-kicker{color:#fff}.brand-name span{color:var(--orange)}
.copy,.lede,.eyebrow,.field label,.nav,.ref-item code,.ref-actions button,.warning p,.drop span,.offline-dot{color:#fff}
.field input,.field textarea,.field select,.transfer-box input{background:#eef2f5;color:#080b10;border-color:#fff;padding:17px}.field input::placeholder,.field textarea::placeholder{color:#5e6670}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(244,163,34,.16)}
.intro,.panel,.content>.screen{isolation:isolate}.text-surface,.screen.active{background:rgba(5,7,10,.82);box-shadow:0 0 70px 45px rgba(5,7,10,.78)}.screen.active{padding:28px}.panel.text-surface{padding:28px}.transfer-choice{display:grid;gap:18px;margin:26px 0}.inline-action{margin-top:10px}.transfer-box{margin-top:28px;border:1px solid var(--line);background:#070a0e;padding:22px}.transfer-box>strong{letter-spacing:.12em;text-transform:uppercase;font-size:11px}.transfer-box input{width:100%;margin-top:10px}.qr-box{margin-top:14px;padding:12px;border:1px dashed var(--line);font-size:11px;color:#fff}.danger-button{border-color:rgba(244,163,34,.55)}
/* V1.1.1 account UI refinement */
.logged-in h2{font-size:clamp(34px,4vw,56px);margin-bottom:24px}.logged-in .copy{font-size:15px}.logged-in .screen.active{padding:24px}.new-ref{align-items:end}.new-ref .field{margin:0}.new-ref .primary{min-height:52px;align-self:end;margin:0}
.primary,.secondary,.pill,.file-button,.ref-actions button,.danger-confirm{background:#eef2f5!important;color:#080b10!important;border:1px solid #fff!important;font-weight:700}.primary span{color:#080b10}.primary:hover,.secondary:hover,.pill:hover,.file-button:hover,.ref-actions button:hover{background:#fff!important;border-color:var(--orange)!important}.nav{background:none!important;color:#fff!important;border-width:0 0 1px!important;border-color:var(--line)!important}.nav.danger{color:var(--orange)!important}.back{background:none!important;color:#fff!important;border:0!important}.danger-button,.delete-entry{background:#eef2f5!important;color:#4d1010!important}.danger-confirm{background:#fff!important;color:#8b1111!important;border-color:#ffb0b0!important;border-radius:100px;padding:14px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;cursor:pointer}
.ref-item{align-items:center}.ref-item strong{font-size:17px}.created-date{display:block;color:#fff;font-size:11px;margin-top:7px;opacity:.72}.ref-actions button{border-radius:100px!important;padding:10px 14px!important;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.settings-block{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.settings-block>strong{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin-bottom:18px}.compact-drop{display:block;margin:12px 0 20px;padding:24px}.small-copy{font-size:12px!important;opacity:.8}.modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}.modal[hidden]{display:none}.modal-card{position:relative;width:min(560px,100%);background:#090c11;border:1px solid rgba(255,255,255,.22);padding:32px;box-shadow:0 25px 90px #000}.modal-card h3{font-size:30px;margin:0 0 8px}.modal-x{position:absolute;right:18px;top:14px;background:transparent!important;border:0!important;color:#fff!important;font-size:28px;cursor:pointer}.password-display{margin-top:28px;padding:20px;background:#eef2f5;color:#080b10}.password-display span{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.password-display strong{display:block;margin-top:10px;font-size:24px;overflow-wrap:anywhere}.modal-card .actions{margin-top:20px}
@media(max-width:760px){.logged-in h2{font-size:38px}.new-ref .primary{width:100%}.ref-actions{flex-wrap:wrap}.modal-card{padding:25px 20px}.password-display strong{font-size:19px}}
/* V1.2 transfer modal */
.transfer-code-display{margin-top:20px;padding:22px;background:#eef2f5;color:#080b10;text-align:center}.transfer-code-display span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.transfer-code-display strong{display:block;margin-top:8px;font-size:36px;letter-spacing:.12em}.modal-card>.field input[readonly]{cursor:text}.modal-card #transferCountdown{margin-top:12px;font-size:13px}.modal-card .copy strong{color:#fff}

/* Compact transfer credentials: readable without oversized blocks. */
.transfer-code-display{padding:14px 16px;margin-top:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px}.transfer-code-display strong{margin-top:0;font-size:22px;letter-spacing:.09em}.transfer-code-display+button{margin-top:10px;margin-bottom:8px}@media(max-width:520px){.transfer-code-display{padding:12px 14px}.transfer-code-display strong{font-size:19px}}

/* V2 portable vault */
.notice{max-width:900px}.notice-points{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.notice-points p{margin:12px 0;color:#fff;line-height:1.55}.accept-line{display:flex;gap:12px;align-items:flex-start;margin:14px 0;color:#fff;line-height:1.5;font-size:13px}.accept-line input{margin-top:3px;accent-color:var(--orange)}.accept-line.compact{margin:0 0 16px}.primary:disabled{opacity:.35;cursor:not-allowed}.recovery-words{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:25px 0}.recovery-word{display:grid;grid-template-columns:26px 1fr auto;align-items:center;background:#070a0e;padding:15px}.recovery-word b{color:var(--orange);font-size:10px}.recovery-word strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.recovery-word button,.cf-remove,.view-field button{border:0;background:none;color:#fff;cursor:pointer}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}.toolbar select{background:#eef2f5;color:#080b10;border:1px solid #fff;padding:14px;min-width:190px}.record-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:none;color:#fff;padding:20px 0;cursor:pointer}.record-row strong,.record-row span{display:block}.record-row span{opacity:.65;font-size:11px;margin-top:6px}.record-row b{color:var(--orange)}.new-folder{margin-top:25px}.wide{width:min(760px,100%)}.custom-field-row{display:grid;grid-template-columns:120px 1fr 2fr 34px;gap:8px;margin:9px 0}.custom-field-row select,.custom-field-row input,.custom-field-row textarea{width:100%;background:#eef2f5;color:#080b10;border:1px solid #fff;padding:12px;min-height:44px}.custom-field-row textarea{resize:vertical}.cf-remove{font-size:22px}.view-field{border-top:1px solid var(--line);padding:16px 0}.view-field>span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:8px}.view-field>div{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.view-field strong,.view-field a{font-size:15px;color:#fff;overflow-wrap:anywhere}.view-field button{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);border-radius:100px;padding:7px 10px}.empty-state{padding:30px 0;border-top:1px solid var(--line);opacity:.65}.small-copy{color:#fff}.logged-in .text-surface{background:transparent;box-shadow:none;padding:0}
@media(max-width:760px){.recovery-words{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar select,.toolbar button{width:100%}.custom-field-row{grid-template-columns:1fr 1fr 34px}.custom-field-row .cf-value{grid-column:1/4}.workspace{gap:20px}}
.field-guide{display:grid;grid-template-columns:120px 1fr 2fr 34px;gap:8px;margin:18px 0 4px;font-size:8px;letter-spacing:.13em;opacity:.6}.cf-value-wrap{min-width:0}.password-edit{display:grid;gap:6px}.password-tools{display:flex;gap:6px;flex-wrap:wrap}.password-tools button,.password-tools select,.password-tools input{min-height:34px;padding:7px 9px;border:1px solid var(--line);background:#eef2f5;color:#080b10}.password-tools .gen-len{width:72px}.folder-row strong{font-size:16px}@media(max-width:720px){.field-guide{display:none}.custom-field-row{grid-template-columns:1fr}.cf-remove{justify-self:end}.password-tools{display:grid;grid-template-columns:repeat(2,1fr)}}
/* V2.2 explorer + NeuroX visual refinement */
.toolbar,.toolbar-left,.toolbar-right{display:flex;gap:10px;align-items:center}.toolbar{justify-content:space-between;margin:8px 0 28px}.toolbar-right{margin-left:auto}.folder-tile{width:100%;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;text-align:left;background:rgba(255,255,255,.025);color:#fff;border:1px solid rgba(255,255,255,.10);border-left:2px solid rgba(255,255,255,.35);padding:18px 20px;margin:0 0 10px;cursor:pointer;transition:.18s}.folder-tile:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.24)}.folder-tile.protected-folder{border-left-color:var(--orange);background:rgba(244,163,34,.035)}.folder-icon{font-size:25px;color:#fff;opacity:.9}.protected-folder .folder-icon{color:var(--orange)}.folder-tile strong,.folder-tile span{display:block}.folder-tile strong{font-size:16px}.folder-tile div>span{font-size:10px;opacity:.55;margin-top:5px;letter-spacing:.04em}.folder-tile b{color:var(--orange)}
.custom-field-row{position:relative;grid-template-columns:118px minmax(150px,1fr) minmax(230px,2fr) 34px;gap:7px;padding:14px;margin:10px 0;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}.custom-field-row select,.custom-field-row input,.custom-field-row textarea{background:#f3f5f6;border:0;padding:12px 13px}.password-tools{grid-column:1/-1;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center}.password-tools button,.password-tools select,.password-tools input{border:0!important;background:#eef2f5!important}.password-tools .gen-mode{min-width:145px}.password-tools .gen-len{width:74px}.field-guide{padding:0 14px}.cf-remove{opacity:.55}.cf-remove:hover{opacity:1;color:var(--orange)}
@media(max-width:720px){.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{width:100%}.toolbar-left button,.toolbar-right button{flex:1}.custom-field-row{grid-template-columns:1fr}.folder-tile{grid-template-columns:42px 1fr auto}}
/* V2.3 compact NeuroX controls */
.field input,.field textarea,.field select{background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;padding:10px 2px;box-shadow:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:none}.modal{background:rgba(3,5,8,.72);backdrop-filter:blur(22px)}.modal-card{background:rgba(6,9,13,.92);border:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.12);padding:34px 38px;box-shadow:0 35px 100px rgba(0,0,0,.7)}.modal-card:before{content:"";position:absolute;left:0;top:-1px;width:72px;height:1px;background:var(--orange)}.modal-card.wide{width:min(820px,100%)}.modal-x{right:25px;top:22px;font-weight:200;opacity:.7}.field-guide{display:none}.custom-field-row{display:grid;grid-template-columns:118px minmax(150px,1fr) minmax(250px,2fr) 30px;gap:14px;padding:18px 0 20px;margin:0;border:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;align-items:end}.custom-field-row:before{content:"FIELD";position:absolute;margin-top:-13px;font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.35)}.custom-field-row select,.custom-field-row input,.custom-field-row textarea{background:transparent!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.24)!important;border-radius:0!important;padding:9px 1px!important;min-height:38px}.custom-field-row select:focus,.custom-field-row input:focus,.custom-field-row textarea:focus{border-bottom-color:var(--orange)!important;outline:0}.custom-field-row option{background:#0a0d12}.cf-value-wrap{min-width:0}.password-edit{display:contents}.password-tools{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:9px 0 0;border:0}.password-tools button,.password-tools select,.password-tools input{min-height:30px!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:100px!important;background:transparent!important;color:#fff!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}.password-tools select{min-width:135px}.password-tools option{background:#0a0d12}.password-tools .gen-len{width:68px!important;text-align:center}.cf-remove{background:none;border:0;color:#fff;opacity:.45;font-size:20px;padding:7px;cursor:pointer}.folder-tile{position:relative;grid-template-columns:64px 1fr auto;gap:18px;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.13);border-radius:0;padding:20px 4px;margin:0}.folder-tile:last-of-type{border-bottom:1px solid rgba(255,255,255,.13)}.folder-tile:hover{background:linear-gradient(90deg,rgba(244,163,34,.07),transparent);border-color:rgba(255,255,255,.2)}.folder-icon{position:relative;width:44px;height:30px;border:1px solid rgba(255,255,255,.58);border-radius:2px;display:block!important;font-size:0!important}.folder-icon:before{content:"";position:absolute;left:4px;top:-7px;width:19px;height:7px;border:1px solid rgba(255,255,255,.58);border-bottom:0;border-radius:2px 2px 0 0;background:#080b10}.protected-folder .folder-icon{border-color:var(--orange)}.protected-folder .folder-icon:before{border-color:var(--orange)}.protected-folder .folder-icon:after{content:"●";position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:var(--orange)}.folder-tile.protected-folder{background:transparent;border-left:0}.folder-tile strong{font-size:17px;letter-spacing:-.01em}.folder-tile div>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.folder-tile b{font-weight:400}.record-row{background:transparent!important}
@media(max-width:720px){.modal-card{padding:30px 20px}.custom-field-row{grid-template-columns:1fr}.password-tools{display:flex;justify-content:flex-start;flex-wrap:wrap}.folder-tile{grid-template-columns:54px 1fr auto}}
.cf-cell{min-width:0;position:relative;padding-top:12px}.cf-cell:before{content:attr(data-caption);position:absolute;top:0;left:1px;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.42)}.custom-field-row:before{display:none}.cf-cell>select,.cf-cell>input{width:100%}.cf-value-wrap.cf-cell>.password-edit{display:contents}.cf-value-wrap.cf-cell>.cf-value,.cf-value-wrap.cf-cell>.password-edit>.cf-value{width:100%}
/* V2.4 focused form/modal refinements */
.field input,.field textarea,.field select{background:#eef2f5!important;color:#080b10!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:2px!important;padding:11px 13px!important;min-height:40px;box-shadow:none!important}.field input::placeholder,.field textarea::placeholder{color:#69717a}.field select option{background:#eef2f5;color:#080b10}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange)!important;box-shadow:0 0 0 2px rgba(244,163,34,.13)!important}
.modal{overflow:hidden}.modal-card{max-height:calc(100svh - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal-card::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:20px}
.custom-field-row{grid-template-columns:118px minmax(150px,1fr) minmax(260px,2fr) 30px;align-items:end}.custom-field-row select,.custom-field-row input,.custom-field-row textarea{background:#eef2f5!important;color:#080b10!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:2px!important;padding:10px 11px!important;min-height:40px}.custom-field-row select:focus,.custom-field-row input:focus,.custom-field-row textarea:focus{border-color:var(--orange)!important;box-shadow:0 0 0 2px rgba(244,163,34,.13)!important}.custom-field-row option{background:#eef2f5!important;color:#080b10!important}.password-edit{display:contents}.password-tools{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:9px 0 0 118px;border:0}.password-tools button,.password-tools select,.password-tools input{min-height:32px!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:2px!important;background:#eef2f5!important;color:#080b10!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.07em}.password-tools select{min-width:145px}.password-tools .gen-len{width:72px!important;text-align:center}.password-tools button:hover{border-color:var(--orange)!important}.cf-cell:before{color:rgba(255,255,255,.52)}
@media(max-width:720px){.modal{padding:12px}.modal-card{max-height:calc(100svh - 24px)}.custom-field-row{grid-template-columns:1fr}.password-tools{padding-left:0;display:flex;flex-wrap:wrap}.custom-field-row .cf-remove{justify-self:end}}
\n/* v2.4.1 requested UI corrections */
.field input,.field textarea,.field select,
.custom-field-row select,.custom-field-row input,.custom-field-row textarea{border-radius:7px!important}
.modal-card .field label{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.82)}
.cf-cell:before{font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.72);font-weight:600}
.section-title{white-space:nowrap;font-size:clamp(31px,3.6vw,50px)!important;letter-spacing:-.05em}
/* Password value remains in the first field row; tools occupy a dedicated second row. */
.password-tools{grid-column:1/-1!important;padding-left:0!important;display:grid!important;grid-template-columns:auto auto minmax(130px,170px) 78px auto;justify-content:start!important;align-items:center;gap:8px}
.password-tools .gen-mode{min-width:0!important;width:100%}
.password-tools .gen-len{width:78px!important}
@media(max-width:720px){
 .section-title{font-size:32px!important;white-space:nowrap}
 .modal-card .field label{font-size:11px}
 .cf-cell:before{font-size:9px}
 .password-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%}
 .password-tools .mini-show{grid-column:1}
 .password-tools .mini-copy{grid-column:2}
 .password-tools .gen-mode{grid-column:1 / -1;width:100%!important}
 .password-tools .gen-len{grid-column:1 / -1;width:100%!important;text-align:left!important}
 .password-tools .mini-gen{grid-column:1 / -1;width:100%}
}


/* v2.4.2 UI corrections */
#recordModal #recordName{border-radius:10px!important}
#recordModal .custom-field-row select,#recordModal .custom-field-row input,#recordModal .custom-field-row textarea{border-radius:10px!important}
#recordModal .cf-cell:before{font-size:10px!important;letter-spacing:.11em!important;color:rgba(255,255,255,.82)!important}
.section-title{white-space:nowrap!important;font-size:clamp(29px,3.25vw,46px)!important;line-height:1!important}
.section-title em{display:inline!important}
.password-tools{grid-template-columns:auto auto minmax(145px,175px) 78px auto!important;grid-template-rows:auto auto!important}
.password-tools .mini-show{grid-column:1;grid-row:1}
.password-tools .mini-copy{grid-column:2;grid-row:1}
.password-tools .gen-mode{grid-column:1 / 3;grid-row:2;width:100%!important}
.password-tools .gen-len{grid-column:3;grid-row:2;width:78px!important}
.password-tools .mini-gen{grid-column:4;grid-row:2}
@media(max-width:720px){
 #recordModal .modal-card{padding:24px 18px!important}
 #recordModal .eyebrow{margin-bottom:18px}
 #recordModal .field{margin:12px 0 16px}
 #recordModal .custom-field-row{position:relative;padding:12px 0 16px!important;gap:9px!important}
 #recordModal .cf-cell{padding-top:15px!important}
 #recordModal .custom-field-row .cf-remove{position:absolute;right:0;bottom:-5px;padding:3px!important;font-size:17px}
 #recordModal .password-tools{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;gap:8px!important;padding-top:4px!important}
 #recordModal .password-tools .mini-show{grid-column:1;grid-row:1;width:100%}
 #recordModal .password-tools .mini-copy{grid-column:2;grid-row:1;width:100%}
 #recordModal .password-tools .gen-mode{grid-column:1;grid-row:2;width:100%!important}
 #recordModal .password-tools .gen-len{grid-column:2;grid-row:2;width:100%!important;text-align:left!important}
 #recordModal .password-tools .mini-gen{grid-column:1 / -1;grid-row:3;width:100%}
 #recordModal .actions{margin-top:22px}
 .section-title{font-size:29px!important;white-space:nowrap!important}
}

/* v2.4.3 — generator is a sibling section, not part of VALUE */
#recordModal .custom-field-row:has(.cf-generator){grid-template-columns:118px minmax(150px,1fr) minmax(260px,2fr) 30px!important}
#recordModal .cf-generator{grid-column:1 / -2;grid-row:2;padding-top:17px;margin-top:2px}
#recordModal .cf-generator:before{font-size:8px!important;letter-spacing:.15em!important}
#recordModal .cf-generator .password-tools{padding:0!important;display:grid!important;grid-template-columns:auto auto minmax(130px,1fr) 74px auto;gap:7px!important;align-items:center!important}
#recordModal .cf-generator .password-tools>*{width:100%!important;margin:0!important}
#recordModal .cf-generator .gen-len{width:74px!important}
#recordModal #recordName,#recordModal input[name="recordName"]{border-radius:10px!important}
@media(max-width:720px){
 #recordModal .custom-field-row:has(.cf-generator){grid-template-columns:1fr!important;gap:7px!important}
 #recordModal .cf-generator{grid-column:1!important;grid-row:auto!important;width:100%;padding-top:17px;margin-top:2px}
 #recordModal .cf-generator .password-tools{grid-template-columns:1fr 1fr!important;gap:7px!important}
 #recordModal .cf-generator .gen-mode{grid-column:1 / -1!important}
 #recordModal .cf-generator .gen-len{grid-column:1 / -1!important;width:100%!important}
 #recordModal .cf-generator .mini-gen{grid-column:1 / -1!important}
}

/* v2.4.4 */
.field input,.field textarea,.field select,.custom-field-row select,.custom-field-row input,.custom-field-row textarea{border-radius:10px!important}
.modal{background:rgba(8,8,5,.50)!important;backdrop-filter:blur(18px) sepia(.22) saturate(1.15)!important}
.modal-card{background:#080b10!important}
#recordModal #customFields{border-bottom:1px solid rgba(255,255,255,.13);margin-bottom:18px}
#recordModal #customFields:empty{border-bottom:0;margin-bottom:0}
.password-value{position:relative;display:flex;align-items:center}.password-value .cf-value{padding-right:72px!important}.value-icon{position:absolute;right:36px;width:30px;height:30px;padding:0!important;border:0!important;background:transparent!important;color:#080b10!important;font-size:16px!important;cursor:pointer}.value-icon.mini-copy{right:5px}
#recordModal .cf-generator .password-tools{display:grid!important;grid-template-columns:minmax(130px,1fr) 76px auto!important;gap:7px!important}.cf-generator .gen-mode,.cf-generator .gen-len,.cf-generator .mini-gen{grid-column:auto!important;grid-row:auto!important;width:100%!important}
.invalid-field>input,.invalid-field>textarea,.invalid-field>select,.invalid-field .cf-value{border:2px solid #d84a4a!important;box-shadow:0 0 0 2px rgba(216,74,74,.14)!important}.invalid-field>label{font-weight:800!important}.field-error{margin-top:7px;color:#ff7777;font-size:11px;font-weight:700;letter-spacing:.02em}
.recovery-words>*,.recovery-word{border-radius:10px!important}
@media(max-width:720px){#recordModal .cf-generator .password-tools{grid-template-columns:minmax(0,1fr) 66px auto!important}.cf-generator .mini-gen{white-space:nowrap!important;padding-left:9px!important;padding-right:9px!important}}


/* v2.4.5 — verified password action buttons + modal treatment */
.password-value{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px 36px!important;
  gap:8px!important;
  align-items:center!important;
}
.password-value .cf-value{
  width:100%!important;
  min-width:0!important;
  padding-right:12px!important;
}
.password-value .value-icon{
  position:static!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  cursor:pointer!important;
}
.password-value .value-icon:hover{border-color:rgba(244,163,34,.8)!important;background:rgba(244,163,34,.12)!important}
.password-value .value-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-value .mini-show.is-visible svg{opacity:.62}

/* Warm blurred page behind the modal; modal itself uses the NeuroX near-black. */
.modal{
  background:rgba(35,25,6,.58)!important;
  -webkit-backdrop-filter:blur(12px) saturate(.82)!important;
  backdrop-filter:blur(12px) saturate(.82)!important;
}
.modal-card{
  background:#05070a!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-top-color:rgba(244,163,34,.55)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.82)!important;
}

/* v2.4.6 — balanced NeuroX forms and modal contrast */
#createView .field input,
#recoverView .field input,
#recoverView .field textarea,
#lockView .field input{
  background:#11151b!important;
  color:#f3f5f7!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
  padding:12px 14px!important;
  min-height:44px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#createView .field input:focus,
#recoverView .field input:focus,
#recoverView .field textarea:focus,
#lockView .field input:focus{
  border-color:rgba(244,163,34,.72)!important;
  box-shadow:0 0 0 3px rgba(244,163,34,.09)!important;
  outline:0!important;
}
#createView .field input::placeholder,#recoverView .field input::placeholder,#recoverView .field textarea::placeholder{color:rgba(243,245,247,.42)!important}

/* Neutral separation: dim/blur the app, keep the dialog clearly defined. */
.modal{
  background:rgba(0,0,0,.54)!important;
  -webkit-backdrop-filter:blur(7px) saturate(.88)!important;
  backdrop-filter:blur(7px) saturate(.88)!important;
}
.modal-card{
  background:#10141a!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-top-color:rgba(255,255,255,.22)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.35)!important;
}
.modal-card:before{background:var(--orange)!important;opacity:.72}

/* v2.4.7 — create-vault light credentials + recovery cells */
#createView .field input{
  background:#eef2f5!important;
  color:#080b10!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
#createView .field input::placeholder{color:#747b83!important}
#createView .field input:focus{
  border-color:var(--orange)!important;
  box-shadow:0 0 0 3px rgba(244,163,34,.10)!important;
}
#createView .recovery-words{
  gap:1px!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.18)!important;
}
#createView .recovery-word{
  background:#eef2f5!important;
  color:#080b10!important;
}
#createView .recovery-word strong{color:#080b10!important}
#createView .recovery-word b{color:var(--orange)!important}
#createView .recovery-word button{color:#080b10!important}

/* v2.4.9 — recovery word spacing / frameless grid / number contrast */
#createView .recovery-words{
  gap:3px!important;
  background:transparent!important;
  border:0!important;
}
#createView .recovery-word b{
  -webkit-text-stroke:.45px #171b20;
  paint-order:stroke fill;
  text-shadow:0 0 .35px #171b20;
}


/* v1.2.1 — recovery reveal matches create-vault word cards */
#recoveryExportModal .recovery-words{
  gap:3px!important;
  background:transparent!important;
  border:0!important;
}
#recoveryExportModal .recovery-word{
  background:#eef2f5!important;
  color:#080b10!important;
}
#recoveryExportModal .recovery-word strong{color:#080b10!important}
#recoveryExportModal .recovery-word b{
  color:var(--orange)!important;
  -webkit-text-stroke:.45px #171b20;
  paint-order:stroke fill;
  text-shadow:0 0 .35px #171b20;
}