@charset "UTF-8";
:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#26344c;background:#f8f9fc;font-synthesis:none;font-size:14px;--blue:#3165d6;--text:#26344c;--muted:#8a94a6;--line:#e9edf3;--light:#f5f7fb;--sidebar:#f3f6fb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #91b3fc;outline-offset:3px}button:hover{filter:brightness(.97)}a{color:var(--blue);text-decoration:none}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}.muted{color:#748096;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8c99af}h1,h2,h3,p{margin-top:0}h2{font-size:25px;letter-spacing:-.7px;font-weight:650}h3{font-size:16px}.brand{display:flex;gap:12px;align-items:center;color:#243451;font-size:22px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.4px;margin-top:4px;color:#8997b2}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#3268dd;color:white;font-size:32px;line-height:1}.brand-light{color:#fff}.brand-light .brand-symbol{background:#ffffff1a;border:1px solid #ffffff35}.brand-light small{color:#adcbff}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{position:relative;overflow:hidden;background:#173e82;background:radial-gradient(ellipse at 15% 5%,#3264b7 0,transparent 58%),linear-gradient(135deg,#204d92,#112d62);padding:44px 8%;display:flex;flex-direction:column;color:#fff}.story-content{margin:auto 0;padding-top:65px}.eyebrow.light{color:#8eb5f2;letter-spacing:2.2px}.story-content h1{font-size:clamp(32px,3.6vw,54px);font-weight:550;letter-spacing:2px;line-height:1.45;margin:20px 0}.story-content p{font-size:15px;line-height:2.1;color:#b8cdec}.story-badges{display:flex;gap:24px;font-size:11px;color:#c1d6f7;padding-bottom:42px;flex-wrap:wrap}.story-bottom{font-size:10px;color:#8ca9d7;display:flex;justify-content:space-between;gap:12px}.story-bottom span{font-size:8px;letter-spacing:1.5px}.vault-art{position:relative;height:255px;max-width:450px;margin:12px 0 30px}.safe-box{position:absolute;left:28%;top:32px;width:168px;height:176px;background:linear-gradient(130deg,#83aeef,#4976b8);border-radius:28px;transform:rotate(-8deg);box-shadow:14px 18px 0 #102f6755,inset -10px -7px 0 #3e65a3,inset 2px 2px 0 #b1d0ff}.safe-face{position:absolute;inset:19px 25px 26px 17px;border:3px solid #9cc3ff;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#2b5291;box-shadow:inset 6px 6px 14px #163c79}.safe-dial{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:linear-gradient(135deg,#c1dbff,#729dda);border:7px solid #416eae;box-shadow:0 0 0 2px #95baf0;color:#284b86;font-size:35px}.safe-slot{position:absolute;right:9px;width:5px;height:41px;background:#8fb8f2;border-radius:8px}.safe-dot{position:absolute;bottom:12px;left:65px;width:18px;height:4px;background:#a1d8c5;border-radius:10px}.orbit{position:absolute;width:290px;height:155px;border:1px solid #7fa4dd25;left:11%;top:47px;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(25deg);top:80px;width:325px}.floating-card{position:absolute;border:1px solid #92bdf75c;backdrop-filter:blur(5px);border-radius:12px;background:#618ed046;box-shadow:0 15px 40px #0c28503b}.card-one{left:7%;top:82px;width:85px;height:102px;transform:rotate(-16deg);padding:15px}.card-one span{font-size:27px;color:#c7e3ff}.card-one i{display:block;height:3px;background:#a1c5f2;opacity:.5;margin-top:9px;width:70%}.card-two{right:7%;top:117px;width:112px;height:68px;transform:rotate(10deg);padding:10px 14px}.card-two span{color:#98e0c5}.card-two div{color:#cfdef5;font-size:17px;letter-spacing:3px}.spark{position:absolute;color:#b7cff3}.s1{right:19%;top:25px;font-size:27px}.s2{left:19%;bottom:18px;font-size:20px}.auth-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 10% 100px;background:#fbfcfe}.auth-card{width:100%;max-width:370px}.auth-card h2{font-size:29px;margin:14px 0 10px}.auth-card>.muted{font-size:13px;margin-bottom:27px}.segmented{display:flex;background:#edf1f7;border:1px solid #e6ebf2;border-radius:9px;padding:4px;margin-bottom:27px}.segmented button{flex:1;padding:10px;border-radius:6px;font-size:12px;color:#7e8ba0}.segmented .active{background:white;box-shadow:0 2px 4px #19395d0c;color:#2c5cbd;font-weight:650}label{display:block;font-size:12px;font-weight:550;color:#526079;margin-bottom:16px}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;width:100%;border:1px solid #dde4ee;background:#fff;border-radius:8px;min-height:43px;padding:11px 12px;color:var(--text);outline:none;margin-top:8px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#759cea!important;box-shadow:0 0 0 3px #3268dd12}input::placeholder,textarea::placeholder{color:#a5adbc;font-weight:400}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px;margin:0;flex-shrink:0}textarea{resize:vertical;line-height:1.7;max-height:280px}.input-action{display:flex;align-items:center;border:1px solid #dde4ee;border-radius:8px;background:white;margin-top:8px;overflow:hidden}.input-action:focus-within{border-color:#759cea;box-shadow:0 0 0 3px #3268dd12}.input-action input{border:0!important;margin:0!important;min-width:0;box-shadow:none!important}.input-action button{font-size:11px;flex-shrink:0;color:#6680ae;padding:12px 10px}.field-hint{font-size:11px;line-height:1.7;color:#8b96a9;margin-top:-5px;margin-bottom:17px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;margin-top:6px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;font-size:12px;font-weight:550;min-height:40px;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 3px 8px #3165d61c}.secondary{background:#fff;border:1px solid #dde4ee;color:#55647d}.danger{background:#fff1f1;color:#c75159}.wide{width:100%;justify-content:space-between}.error-text{font-size:12px;line-height:1.6;color:#c94a54;margin:12px 0;min-height:0}.error-text:empty{display:none}.auth-footnote{border-top:1px solid #e6ebf3;display:flex;gap:12px;padding-top:24px;margin-top:29px;color:#8b9bb4}.auth-footnote>span{color:#6e94cc;font-size:21px}.auth-footnote p{font-size:10px;line-height:1.9;margin:0}.auth-bottom{position:absolute;bottom:28px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:9px;color:#a2acbc}.app{display:flex;min-height:100dvh}.sidebar{width:232px;flex:0 0 232px;border-right:1px solid #e5eaf2;background:var(--sidebar);padding:31px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .brand{padding:0 12px;font-size:21px}.sidebar .brand-symbol{width:36px;height:36px;border-radius:11px;font-size:29px}.sidebar .brand small{font-size:7px}.vault-label{display:flex;align-items:center;gap:10px;margin:31px 6px 26px;padding:12px 8px;background:#eaf0fa;border:1px solid #e2e9f5;border-radius:9px;min-width:0}.vault-avatar{width:31px;height:34px;background:#d4e1fa;color:#5274ac;border-radius:7px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.vault-label>div{min-width:0;flex:1}.vault-label strong{font-size:11px;font-weight:600;display:block}.vault-label small{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8796af;margin-top:5px}.tiny-lock{font-size:14px;color:#96a9c6}.nav-section-label{font-size:9px;color:#a0aabd;letter-spacing:1px;margin:0 14px 9px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;padding:11px 14px;color:#72819a;border-radius:7px;font-size:12px;min-height:42px;text-align:left}.nav-item>span[data-icon]{display:flex;color:#8c9cb6}.nav-item>span:nth-child(2){flex:1;white-space:nowrap}.nav-item small{font-size:10px;color:#91a0b9}.nav-item.active{color:#285cc7;background:#e3ebfc;font-weight:600}.nav-item.active>span[data-icon],.nav-item.active small{color:#3467d1}.nav-item:hover{background:#eaf0fa}.nav-divider{height:1px;background:#e4eaf3;margin:13px 13px}.tool-label{margin-top:24px}.status-dot{width:5px;height:5px;background:#70b69b;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:22px}.privacy-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#7e90ad;padding:12px}.privacy-note svg{color:#7ba194}.privacy-note small{display:block;font-size:9px;color:#a2aec2;margin-top:5px}.lock-button{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #e2e8f2;border-radius:8px;padding:11px;color:#647792;font-size:11px}.lock-button kbd{margin-left:auto;font-size:8px;color:#a2b0c7;white-space:nowrap}.lock-button svg{width:15px}.workspace{flex:1;min-width:0;background:#fbfcfe;padding:0 36px;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#94a0b4}.breadcrumb>span{color:#bdc6d4}.breadcrumb strong{font-weight:500;color:#667993}.topbar-right{display:flex;align-items:center;gap:18px}.encrypted-pill{font-size:9px;color:#8696aa;display:flex;align-items:center;gap:6px}.encrypted-pill i{width:5px;height:5px;border-radius:50%;background:#75af98}.icon-button{width:32px;height:32px;padding:5px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#8998ae;font-size:24px;flex-shrink:0}.icon-button:hover{background:#eef3fa}.profile-dot{width:28px;height:28px;border-radius:50%;background:#e5edfb;display:grid;place-items:center;font-size:11px;color:#5d7eaf}.page-heading{padding:35px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{font-size:26px;font-weight:600;letter-spacing:-.6px;margin:11px 0 10px;display:flex;align-items:center;gap:12px}.page-heading h1 span{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:23px;padding:0 6px;font-size:10px;letter-spacing:0;color:#8a99b0;background:#edf1f7;border-radius:6px;font-weight:500}.page-heading p{font-size:11px;color:#91a0b4;margin:0}.page-heading .primary{font-size:11px;padding:10px 15px;min-height:39px}.page-heading .primary svg{width:15px;height:15px}.vault-content{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);border:1px solid #e3e8f0;min-height:540px;border-radius:12px;overflow:hidden;flex:1;margin-bottom:24px;box-shadow:0 3px 8px #253c6810;background:#fff}.item-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#fff}.list-controls{padding:19px 18px 12px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;background:#f5f7fb;border:1px solid #ebeff5;border-radius:7px;padding:0 9px;gap:6px}.search svg{width:16px;color:#95a3b9}.search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 3px!important;min-height:33px!important;font-size:10px;margin:0!important}.search kbd{font-size:10px;color:#a9b5c7;border:1px solid #dee5ef;border-radius:3px;padding:1px 4px}.list-filter{display:flex;justify-content:space-between;gap:20px;padding-top:13px}.list-filter select{background:transparent;border:none;padding:4px 0;font-size:9px;min-height:20px;margin:0;max-width:100px;color:#8b99ae;cursor:pointer}.item-list{flex:1;overflow-y:auto;max-height:calc(100dvh - 375px);min-height:290px;padding:8px}.list-footer{display:flex;gap:6px;align-items:center;justify-content:center;border-top:1px solid var(--line);font-size:9px;color:#a2afc2;padding:13px}.list-footer svg{width:11px;height:11px}.item-row{width:100%;display:flex;align-items:center;gap:11px;padding:13px 11px;text-align:left;border:1px solid transparent;border-radius:8px;margin:2px 0}.item-row:hover{background:#f7f9fd}.item-row.selected{background:#edf3fe;border-color:#e2eafb}.item-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf0ff;color:#6789d0;font-size:16px;font-weight:700;flex-shrink:0}.symbol-note{background:#f2eefe;color:#9b83c3}.symbol-server{background:#e7f4ef;color:#71a890}.item-copy{min-width:0;flex:1}.item-copy strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#52627c}.item-copy small{display:block;margin-top:5px;color:#9aa8ba;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.favorite-star{color:#cfac68;font-size:12px;flex-shrink:0}.empty-list{text-align:center;padding:53px 12px;color:#a0adc0}.empty-list svg{width:28px;height:28px;margin-bottom:17px;color:#b9c7de}.empty-list p{font-size:11px;line-height:1.7;margin-bottom:4px}.empty-list small{font-size:9px}.detail-panel{background:linear-gradient(145deg,#fff,#fdfdfe);min-width:0;position:relative;padding:30px;overflow-wrap:anywhere}.empty-detail{height:100%;min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 15px}.empty-illustration{width:150px;height:135px;position:relative;margin:0 0 24px}.empty-vault{position:absolute;width:84px;height:94px;border:2px solid #9ab5e2;border-radius:15px;background:linear-gradient(145deg,#f5f9ff,#e4edfb);left:33px;top:20px;transform:rotate(-6deg);box-shadow:8px 7px 0 #eaf0fa}.empty-vault:before{content:'';position:absolute;inset:11px;border:1px solid #b9cce8;border-radius:8px}.empty-vault svg{position:absolute;left:28px;top:32px;width:25px;height:25px;color:#7b9ac9}.empty-illustration:before{content:'✦';position:absolute;right:6px;top:7px;color:#b1c6e7;font-size:23px}.empty-illustration:after{content:'+';position:absolute;left:8px;bottom:13px;color:#bdd4df;font-size:21px}.empty-detail h2{font-size:21px;letter-spacing:0;color:#4d6384;margin-bottom:12px}.empty-detail p{max-width:295px;color:#a0acc0;font-size:11px;line-height:1.9;margin-bottom:24px}.empty-detail .primary{font-size:11px}.empty-detail .hint{font-size:9px;color:#b0bacb;margin-top:21px}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:26px}.detail-identity{display:flex;align-items:center;gap:13px;min-width:0}.detail-identity .item-symbol{width:49px;height:49px;border-radius:13px;font-size:21px}.detail-identity h2{font-size:20px;line-height:1.4;letter-spacing:0;margin:0 0 7px;overflow-wrap:anywhere}.detail-identity small{color:#96a4b8;font-size:10px}.detail-actions{display:flex;gap:5px;flex-shrink:0}.detail-actions .secondary{padding:7px 10px;min-height:32px;font-size:10px}.detail-fields{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.detail-field{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px}.detail-field:last-child{border:0}.detail-field .field-body{min-width:0;flex:1}.detail-field small{display:block;font-size:9px;color:#96a5ba;margin-bottom:8px}.field-value{font-size:12px;color:#596b87;white-space:pre-wrap;overflow-wrap:anywhere}.secret-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:1px}.field-actions{display:flex;gap:5px;flex-shrink:0}.field-actions button{font-size:10px;color:#7290bd;padding:7px}.field-actions svg{width:16px;height:16px}.detail-note{border:1px solid var(--line);border-radius:9px;padding:17px 18px;margin-bottom:20px}.detail-note>small{font-size:9px;color:#99a8bc}.detail-note p{font-size:12px;white-space:pre-wrap;line-height:1.9;color:#75869d;margin:11px 0 0}.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.tag{font-size:9px;color:#8296b4;background:#f0f4fa;padding:5px 9px;border-radius:5px;max-width:100%;overflow-wrap:anywhere}.detail-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.detail-bottom small{font-size:9px;color:#acb6c7;flex:1;min-width:130px}.detail-bottom button{font-size:10px;color:#8294ae;padding:8px;border-radius:6px}.detail-bottom button.danger-text{color:#c68086}.strength{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#87a794;margin-top:8px}.strength.weak{color:#c39164}.strength:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.workspace-footer{display:flex;justify-content:space-between;gap:20px;color:#b1bbcb;font-size:9px;padding-bottom:21px}.modal{border:1px solid #e2e8f0;border-radius:17px;padding:29px;width:min(500px,calc(100vw - 32px));box-shadow:0 20px 100px #142c5533;max-height:calc(100dvh - 48px);overflow:auto;color:var(--text)}.modal::backdrop{background:#162a4d69;backdrop-filter:blur(5px)}.editor-modal{width:min(565px,calc(100vw - 32px))}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.modal-heading h2{font-size:22px;margin:8px 0 0;letter-spacing:0}.modal p.muted{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding-top:19px;border-top:1px solid var(--line);margin-top:21px}.modal-footer>span{font-size:9px;color:#97a6bc;margin-right:auto}.required{color:#d58484}.generated-password{display:block;background:#f0f5fe;border:1px solid #dfe9fb;border-radius:11px;padding:25px 18px;font:20px/1.8 ui-monospace,monospace;word-break:break-all;color:#3c64a4;margin:25px 0}.range-label strong{float:right;color:var(--blue)}input[type=range]{width:100%;margin:20px 0;accent-color:var(--blue)}.generator-note{background:#f5f8fb;border-radius:8px;padding:14px;font-size:10px;color:#93a1b5}.backup-card{display:flex;align-items:center;gap:13px;background:#f5f8fe;border:1px solid #e4ebf7;padding:17px 14px;border-radius:10px;margin:25px 0}.backup-card>span{color:#7398d6}.backup-card>div{flex:1}.backup-card strong{font-size:12px}.backup-card p{font-size:10px;color:#98a8be;line-height:1.6;margin:7px 0 0}.backup-card .secondary{font-size:10px;min-height:32px;padding:7px 12px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}input[type=file]{font-size:11px;padding:10px!important}.compact{width:min(420px,calc(100vw - 32px))}.compact h2{font-size:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#283e60;color:#fff;padding:13px 24px;border-radius:10px;box-shadow:0 8px 30px #243e6333;font-size:12px;max-width:calc(100vw - 40px);z-index:10000;line-height:1.6}.security-stat{display:flex;justify-content:space-between;border:1px solid var(--line);padding:19px;border-radius:10px;margin:20px 0;font-size:12px;color:#8394ac}.security-stat strong{color:#b78557;font-size:21px;margin-right:5px}.issue-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:15px 0;border-bottom:1px solid var(--line);text-align:left}.issue-row strong{font-size:12px;max-width:65%;overflow-wrap:anywhere}.issue-row small{color:#b68f69;font-size:10px}.back-button{display:none}.load-error{text-align:center;line-height:1.8;padding:50px 12px;color:#bd7076;font-size:12px}.text-button{color:var(--blue);font-size:12px;padding:10px}.notice-bar{background:#faf5e9;color:#b49b67;padding:11px 13px;border-radius:7px;font-size:10px;margin-bottom:20px}
/* Keep primary controls and data readable without crowding secondary metadata. */
.nav-item{font-size:13px;color:#596e8d}.nav-item small{font-size:11px;color:#7184a3}.nav-section-label{font-size:10px;color:#7e8faa}.vault-label strong{font-size:12px}.vault-label small{font-size:10px;color:#7486a3}.page-heading p{font-size:12px;color:#71839e}.primary,.secondary{font-size:13px}.page-heading .primary{font-size:12px}.item-copy strong{font-size:13px;color:#425979}.item-copy small{font-size:11px;color:#7c8da5}.search input{font-size:12px}.list-filter select{font-size:11px;color:#71839f}.detail-field small,.detail-note>small{font-size:11px;color:#7b8da7}.field-value{font-size:14px;color:#435d80}.detail-note p{font-size:13px;color:#627894}.detail-identity small{font-size:11px;color:#7a8da9}.field-actions button{font-size:12px;color:#5079b6}.detail-actions .secondary{font-size:12px}.detail-bottom button{font-size:12px;color:#6d829f}.detail-bottom small{font-size:10px;color:#8b9ab1}.tag{font-size:10px;color:#6b83a7}.strength{font-size:10px;color:#628b75}.auth-card label{font-size:13px}.field-hint{font-size:12px;color:#74849c}.auth-footnote p{font-size:11px;color:#8192ac}.auth-footnote{color:#8192ac}.empty-detail p{font-size:12px;color:#7f91ac}.empty-list p{font-size:12px;color:#8093af}.empty-list small{font-size:10px;color:#8c9cb3}.list-footer{font-size:10px;color:#8a9bb5}.workspace-footer{color:#8fa0b9}.privacy-note{color:#7790af}.encrypted-pill{color:#7187a5}
@media(min-width:1600px){.workspace{padding:0 55px}.vault-content{grid-template-columns:360px minmax(0,1fr)}.detail-panel{padding:40px}.sidebar{width:250px;flex-basis:250px}.auth-story{padding-left:12%;padding-right:12%}}
@media(max-width:1180px){.sidebar{width:205px;flex-basis:205px;padding-left:12px;padding-right:12px}.workspace{padding:0 23px}.vault-content{grid-template-columns:265px minmax(0,1fr)}.detail-panel{padding:24px 20px}.detail-top{flex-wrap:wrap}.detail-actions{margin-left:auto}.lock-button kbd{display:none}.story-badges{gap:13px}.auth-story{padding:35px 7%}.auth-panel{padding:65px 8% 85px}.story-bottom span{display:none}}
@media(max-height:850px) and (min-width:901px){.sidebar{padding-top:22px}.vault-label{margin-top:23px;margin-bottom:20px}.nav-item{padding-top:9px;padding-bottom:9px;min-height:37px}.nav-divider{margin:9px 13px}.tool-label{margin-top:18px}.privacy-note{display:none}.sidebar-bottom{padding-top:15px}.vault-content{min-height:470px}.topbar{height:65px}.page-heading{padding:26px 0 22px}}
@media(max-width:900px){.sidebar{width:180px;flex-basis:180px}.workspace{padding:0 18px}.vault-content{grid-template-columns:230px minmax(0,1fr)}.nav-item{padding-left:9px;gap:9px}.sidebar .brand{padding:0 6px}.vault-label{margin-left:0;margin-right:0}.detail-panel{padding:20px 16px}.detail-field{padding:14px 12px}.detail-identity h2{font-size:17px}.detail-identity .item-symbol{width:36px;height:39px;border-radius:10px}.detail-field{gap:7px;flex-wrap:wrap}.field-actions{margin-left:auto}.privacy-note{display:none}.encrypted-pill{display:none}.auth-screen{grid-template-columns:.9fr 1fr}.story-content h1{font-size:35px}.story-content p{font-size:12px}.vault-art{transform:scale(.85);transform-origin:left center;width:320px}.story-badges{font-size:9px}.auth-panel{padding-left:10%;padding-right:10%}}
@media(max-width:740px){.app{display:block}.sidebar{position:relative;height:auto;width:100%;padding:17px 18px 0;display:grid;grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid #e3eaf3}.sidebar .brand{font-size:19px;padding:0}.sidebar .brand-symbol{width:31px;height:31px;font-size:26px}.sidebar .brand small{font-size:6px}.vault-label,.nav-section-label,.privacy-note,.tool-label,.nav-divider{display:none}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;padding:0}.lock-button{width:auto;border:0;background:transparent;padding:8px;gap:6px;font-size:10px}.tool-nav{grid-row:2;grid-column:1/3;display:flex;gap:3px;margin-top:16px;margin-bottom:6px}.tool-nav .nav-item{width:auto;font-size:10px;gap:6px;padding:8px 9px;min-height:32px}.tool-nav .nav-item svg{width:14px;height:14px}.tool-nav .status-dot{display:none}#navigation{grid-row:3;grid-column:1/3;display:flex;overflow-x:auto;gap:5px;padding:4px 0 12px}.nav-item{width:auto;flex-shrink:0;font-size:10px;padding:9px;min-height:32px;gap:6px}.nav-item>span[data-icon]{display:none}.nav-item small{font-size:9px}.workspace{padding:0 17px}.topbar{height:52px}.topbar-right{gap:9px}.breadcrumb{font-size:9px;gap:9px}.profile-dot{width:23px;height:23px;font-size:9px}.page-heading{padding:24px 0 21px;gap:10px}.page-heading h1{font-size:24px;margin-top:9px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading p{font-size:10px;max-width:240px;line-height:1.8}.page-heading .primary{font-size:10px;padding:9px 10px}.vault-content{display:block;min-height:430px;margin-bottom:18px}.item-panel{border-right:0;min-height:430px}.item-list{max-height:none;min-height:280px}.detail-panel{display:none;min-height:440px}.vault-content.show-detail .item-panel{display:none}.vault-content.show-detail .detail-panel{display:block}.back-button{display:flex;align-items:center;gap:7px;color:#7290bd;font-size:11px;padding:5px 0 18px}.detail-top{flex-wrap:nowrap;align-items:center}.detail-identity h2{font-size:20px}.detail-fields{margin-top:20px}.detail-field{flex-wrap:nowrap;min-height:85px}.detail-panel{padding:20px}.empty-list{padding:58px 12px}.workspace-footer{font-size:8px;gap:10px;padding-bottom:20px}.auth-screen{display:block}.auth-story{padding:23px 7% 27px}.auth-story .brand{font-size:20px}.auth-story .brand-symbol{width:34px;height:34px;font-size:27px}.auth-story .brand small{font-size:6px}.story-content{padding-top:27px}.story-content h1{font-size:32px;line-height:1.4;margin:12px 0 10px}.story-content h1 br{display:none}.story-content>.eyebrow{font-size:7px;letter-spacing:1.8px}.story-content p{font-size:11px;margin:0}.story-content p br{display:none}.vault-art,.story-badges,.story-bottom{display:none}.auth-panel{padding:35px 8% 85px;min-height:590px}.auth-card{max-width:410px}.auth-card h2{font-size:25px}.auth-card .eyebrow{font-size:9px}.auth-card>.muted{font-size:12px;margin-bottom:23px}.auth-bottom{left:8%;right:8%;font-size:8px}.auth-footnote{margin-top:23px;padding-top:20px}.modal{padding:22px;max-height:calc(100dvh - 30px)}.modal-heading h2{font-size:21px}.modal-footer{flex-wrap:wrap}.modal-footer>span{flex-basis:100%;margin-bottom:6px}.modal-footer button{flex:1}.empty-detail{min-height:370px}.backup-card{gap:9px;padding:14px 10px}.backup-card>span{display:none}.generated-password{font-size:18px}.search input{font-size:12px}.search{height:39px}.list-filter select{font-size:10px}.item-copy strong{font-size:12px}.item-copy small{font-size:10px}.item-row{padding:13px}.detail-actions{gap:1px}.detail-actions .secondary{font-size:9px;padding:7px 9px}.field-value{font-size:12px}.story-content h1{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:740px){.detail-top{display:block}.detail-identity{align-items:flex-start}.detail-identity h2{font-size:18px;line-height:1.6}.detail-actions{justify-content:flex-end;margin-top:14px}.detail-identity .item-symbol{margin-top:5px}.editor-modal .modal-footer{position:sticky;bottom:-22px;background:#fff;margin-left:-22px;margin-right:-22px;padding:14px 22px;box-shadow:0 -5px 14px #fff;z-index:2}.editor-modal .modal-footer>span{display:none}.tool-nav .nav-item{font-size:11px}.nav-item{font-size:11px}.detail-field .field-value{font-size:13px}.detail-field small{font-size:11px}}