:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#302d3d;background:#f8f7fc;font-synthesis:none;font-size:14px;--purple:#7960cb;--purple-dark:#674db9;--muted:#9693a3;--line:#eeecf3;--lilac:#f0ebfb;--green:#4d9e83;--shadow:0 16px 60px #3e2a7210}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b9a5e8;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #cbb9ec;outline-offset:1px}button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.button{padding:11px 17px;border-radius:9px;font-size:13px;white-space:nowrap;font-weight:550;min-height:40px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:#fff;box-shadow:0 4px 10px #7960cb18}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:white;border:1px solid #e3dfed;color:#625d73}.button.secondary:hover{background:#f7f4fc}.button.danger{background:#bc5063;color:#fff}.text-button{padding:7px 0;color:var(--purple);font-size:12px}.icon-button{height:34px;width:34px;padding:7px;border-radius:8px;color:#9994a8;flex-shrink:0}.icon-button:hover{color:var(--purple);background:#f0ebfa}.muted{color:var(--muted)}.padded{padding:20px}.brand{display:flex;align-items:center;gap:11px;color:#7860c5;font-size:23px;font-weight:720;letter-spacing:-.9px}.brand>svg{stroke-width:1.8}.brand>span{color:#383043}.brand-dot{color:#9478d8}.shell{min-height:100dvh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:31px 19px 20px;background:#f4f2fa;border-right:1px solid #ebe7f3;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .brand{margin:0 9px 32px}.vault-switch{width:100%;padding:12px 10px;background:#fcfbff;border:1px solid #e7e1f1;border-radius:10px;justify-content:flex-start;gap:10px;box-shadow:0 3px 6px #44307903}.vault-glyph{height:34px;width:34px;display:grid;place-items:center;background:#ebe5fa;color:#8069bf;border-radius:9px}.vault-switch>span:nth-child(2){text-align:left;min-width:0;flex:1}.vault-switch strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.vault-switch small{display:block;font-size:10px;color:#aaa4b6;margin-top:5px}.tiny-dot{width:5px;height:5px;background:#70b599;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:5px}.nav-caption{font-size:10px;color:#aaa3b7;letter-spacing:1.5px;margin:28px 12px 12px}.nav-item{display:flex;justify-content:flex-start;width:100%;padding:12px 13px;gap:12px;border-radius:8px;margin:3px 0;color:#7c748b;font-size:12px;text-align:left}.nav-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item small{margin-left:auto;font-size:10px;color:#a097b3}.nav-item svg{height:17px;width:17px;opacity:.85}.nav-item:hover{background:#ebe6f6}.nav-item.active{background:#e8e0f8;color:#7960c2;font-weight:600}.nav-item.active small{color:#8a73bb}.nav-divider{height:1px;background:#e8e3ef;margin:19px 12px 13px}.label-caption{display:flex;justify-content:space-between;align-items:center;margin:17px 2px 4px 12px}.label-caption .icon-button{height:25px;width:25px}.sidebar-bottom{margin-top:auto;padding-top:28px}.local-note{display:flex;gap:10px;align-items:center;padding:16px 12px;color:#8f88a1}.local-note svg{color:#9d8abd}.local-note strong{display:block;font-size:10px;font-weight:500}.local-note small{display:block;font-size:9px;color:#b1a9be;margin-top:5px}.sidebar-actions{display:flex;border-top:1px solid #e8e3ef;padding-top:13px;justify-content:space-between}.sidebar-actions button{font-size:11px;color:#958ba7;padding:9px 12px;gap:7px}.sidebar-actions svg{height:16px;width:16px}.workspace{min-width:0}.topbar{height:78px;border-bottom:1px solid #eeebf3;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:10px;color:#b1a9bd}.breadcrumb strong{font-weight:500;color:#8c839e}.top-actions{display:flex;align-items:center;gap:16px}.privacy-pill{font-size:10px;color:#8c859a;display:inline-flex;align-items:center;gap:7px}.privacy-pill i{width:5px;height:5px;border-radius:50%;background:#83af9d}.profile{width:30px;height:30px;background:#ede6f9;border:3px solid white;box-shadow:0 0 0 1px #eee8f7;border-radius:50%;display:grid;place-items:center;color:#a58bc1;font-size:10px}.demo-pill{font-size:9px;color:#9d8eb6;background:#eee9f8;padding:4px 7px;border-radius:4px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:38px 38px 24px}.eyebrow{font-size:8px;letter-spacing:2.3px;color:#b0a3c5;margin-bottom:11px}.page-heading h1{font-size:26px;letter-spacing:-.8px;font-weight:600;display:flex;align-items:center;gap:12px}.page-heading h1>span{font-size:10px;font-weight:500;border:1px solid #e4deef;border-radius:6px;min-width:23px;height:21px;display:grid;place-items:center;color:#a197b2;letter-spacing:0}.page-heading p{font-size:11px;color:#a198ae;margin-top:10px}.heading-actions{display:flex;gap:10px}.heading-actions .button{font-size:11px}.heading-actions svg{height:16px;width:16px}.status-line{margin:0 38px 18px;display:flex;justify-content:space-between;gap:10px;color:#aca4b9;font-size:9px}.status-line>span{display:flex;align-items:center;gap:6px}.saved-dot,.unsaved-dot{height:5px;width:5px;border-radius:50%;background:#84b49a;display:inline-block}.unsaved-dot{background:#d7ad66}.vault-content{margin:0 38px;display:grid;grid-template-columns:minmax(280px,.97fr) minmax(335px,1.03fr);min-height:570px;height:calc(100dvh - 306px);border:1px solid #e9e5f0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 4px 24px #67507c03}.entry-pane{min-width:0;display:flex;flex-direction:column;border-right:1px solid #ede9f3}.search-row{display:flex;align-items:center;margin:21px 21px 20px;position:relative}.search-box{width:100%;display:flex;gap:9px;align-items:center;background:#f8f7fb;border:1px solid #efecf5;border-radius:8px;padding:10px 11px;color:#aaa1ba}.search-box input{width:100%;border:0;outline:none!important;background:none;font-size:10px;color:#61576e;min-width:0;padding-right:32px}.search-box input::placeholder{color:#b0a6bd}.key-hint{position:absolute;right:10px;font-size:9px;color:#c0b5ce;background:#fff;padding:3px 4px;border:1px solid #ede8f4;border-radius:3px}.list-meta{display:flex;justify-content:space-between;padding:0 25px 13px;font-size:9px;color:#b0a6bd}.entry-list{flex:1;overflow-y:auto;padding:0 10px 16px}.entry-row{display:flex;align-items:center;gap:13px;padding:17px 14px;min-height:82px;border:1px solid transparent;border-radius:9px;cursor:pointer;margin-bottom:4px}.entry-row:hover{background:#faf8fd}.entry-row.selected{background:#f6f2fc;border-color:#e8dff6}.avatar{height:39px;width:39px;display:grid;place-items:center;border-radius:11px;font-size:21px;font-weight:650;flex-shrink:0;font-family:Arial,sans-serif}.color-0{background:#f0edf8;color:#8b77ae}.color-1{background:#fdf0ec;color:#d78e70}.color-2{background:#edf3f8;color:#6e99b7}.color-3{background:#f4f0f8;color:#9e83b2}.color-4{background:#eff4ef;color:#7da888}.color-5{background:#f9f3e7;color:#c1a367}.avatar.large{height:64px;width:64px;border-radius:18px;font-size:32px;margin:auto}.entry-summary{min-width:0;flex:1}.entry-summary strong{font-size:12px;font-weight:550;display:flex;align-items:center;gap:7px}.entry-summary small{display:block;font-size:10px;color:#aaa0b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.star-mark{color:#c1acd7;display:flex}.star-mark svg{fill:#c1acd722}.row-tail{display:flex;align-items:center;gap:10px;color:#c5b9d0}.otp-badge{display:flex;gap:4px;align-items:center;padding:3px 5px;background:#e9e2f5;color:#a38abf;border-radius:4px;font-size:8px}.list-footer{border-top:1px solid #f2eff6;margin:0 21px;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;color:#b2a7c1;font-size:9px}.detail-pane{min-width:0;display:flex;flex-direction:column;background:#fefeff}.detail-toolbar{height:61px;min-height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #f1edf7;color:#a99eb8;font-size:10px}.detail-toolbar>div{display:flex;gap:3px}.is-starred{color:#b19b69}.is-starred svg{fill:#b19b6918}.detail-scroll{overflow-y:auto;padding:28px 30px 0;flex:1}.identity{text-align:center;margin-bottom:29px}.identity h2{font-size:21px;font-weight:600;margin-top:14px;letter-spacing:-.4px}.identity>p{font-size:11px;color:#aea3bc;margin-top:7px;overflow-wrap:anywhere}.tag-list{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.tag-list span{font-size:8px;border:1px solid #eee7f5;background:#faf7fd;color:#ad9bbb;padding:4px 8px;border-radius:4px}.detail-section-title{display:flex;align-items:center;gap:6px;color:#a599b4;font-size:9px;margin-bottom:10px}.field-group{border:1px solid #eee8f5;border-radius:9px;margin-bottom:24px;overflow:hidden}.data-field{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;min-height:64px}.data-field+.data-field{border-top:1px solid #f1edf7}.data-field>div:first-child{min-width:0}.data-field label{font-size:9px;color:#b4a8c0;display:block;margin-bottom:6px}.field-value{font-size:11px;color:#72637f;overflow-wrap:anywhere;line-height:1.5;white-space:pre-wrap}.secret-value{letter-spacing:2px;font-family:ui-monospace,monospace}.field-actions{display:flex;gap:0}.field-actions .icon-button{height:28px;width:28px;padding:6px;color:#b9aac7}.auth-card{border:1px solid #e9e0f5;border-radius:10px;background:#f7f3fd;padding:16px;margin-bottom:23px}.auth-card-heading{display:flex;align-items:center;justify-content:space-between;color:#9e89b6;font-size:9px}.live-label{font-size:8px;display:flex;align-items:center;gap:5px;color:#a792ba}.live-label i{width:4px;height:4px;border-radius:50%;background:#b19bca}.auth-card>p{font-size:8px;color:#b0a0bf;margin-top:12px}.otp-widget{display:flex;align-items:center;gap:16px;position:relative;flex-wrap:wrap;margin-top:13px}.otp-code{font-size:31px;letter-spacing:3px;font-weight:600;color:#9c7cc2;line-height:1.4;font-variant-numeric:tabular-nums;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;padding:0}.otp-code:hover{color:var(--purple)}.countdown{height:36px;width:36px;position:relative;margin-left:auto;flex-shrink:0}.countdown svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2}.ring-bg{stroke:#e8dff2}.ring-progress{stroke:#b79cce;stroke-dasharray:97.4;transition:stroke-dashoffset .4s linear}.countdown small{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:#b09bc1}.otp-copy-hint{font-size:8px;color:#b49dc6;display:block;width:100%;margin-top:-6px}.expiring .otp-code{color:#c49a67}.expiring .ring-progress{stroke:#d1ad82}.otp-widget.compact{margin:0;gap:8px;flex-wrap:nowrap}.compact .otp-code{font-size:16px;letter-spacing:1px}.compact .countdown{height:27px;width:27px}.compact .countdown small{font-size:7px}.auth-view .entry-row{padding-left:10px;padding-right:10px;gap:10px}.auth-view .entry-summary strong{font-size:11px}.auth-view .entry-summary small{font-size:8px;max-width:110px}.auth-view .avatar{height:32px;width:32px;font-size:17px}.notes{font-size:10px;line-height:1.9;color:#a598b1;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:23px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #f0ebf7;color:#b7aac4;font-size:8px;margin-top:28px}.detail-bottom>div{display:flex}.detail-bottom .icon-button{height:28px;width:28px}.add-auth{display:flex;gap:12px;justify-content:flex-start;width:100%;border:1px dashed #e4d9f1;background:#fcfaff;border-radius:9px;padding:15px;color:#ac95c1;text-align:left}.add-auth>span{flex:1}.add-auth strong{display:block;font-size:10px;font-weight:500}.add-auth small{display:block;font-size:8px;margin-top:5px;color:#b9a8c7}.preserved-note{font-size:9px;color:#b0a0be;background:#faf8fd;padding:9px 12px;border-radius:5px}.page-footer{display:flex;justify-content:space-between;margin:21px 39px;font-size:8px;color:#b7adc4;letter-spacing:.2px}.page-footer>span:first-child{font-style:italic;font-family:Georgia,serif;font-size:11px;color:#b8acc5}.footer-dot{margin:0 8px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:65px 20px;color:#bbadcc}.empty-state>svg{color:#c8b9d8;margin-bottom:20px;stroke-width:1.1}.empty-state h3{font-size:13px;color:#9b8baa;font-weight:500}.empty-state p{font-size:10px;margin-top:10px;line-height:1.8}.empty-state .button,.empty-state .text-button{margin-top:16px}.detail-empty{height:100%}.mobile-back{display:none}
/* Opening the vault */
.welcome{max-width:1440px;margin:auto;min-height:100dvh;padding:0 6.5%;background:radial-gradient(ellipse at 79% 40%,#f1ebfa88,transparent 50%)}.welcome-header{display:flex;align-items:center;justify-content:space-between;padding:35px 0}.welcome-header-actions{display:flex;align-items:center;gap:22px}.welcome-main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:520px;padding:25px 0 45px}.overline{font-size:9px;letter-spacing:2.5px;color:#a79ab8}.welcome-copy h1{font-size:clamp(38px,4.4vw,62px);line-height:1.45;letter-spacing:-2.2px;font-weight:600;margin:22px 0}.welcome-copy h1>span{color:#ab8bd4}.welcome-copy>p{font-size:13px;line-height:2.1;color:#9e93ac;letter-spacing:.3px}.welcome-buttons{display:flex;gap:12px;margin-top:32px}.large-button{min-height:47px;padding:13px 19px;font-size:12px}.large-button svg{height:18px;width:18px}.welcome-secondary{display:flex;align-items:center;gap:22px;margin-top:18px}.welcome-secondary>span{font-size:9px;color:#b3a8bf}.welcome-art{height:365px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e6ddf1;border-radius:50%;width:330px;height:330px;transform:rotate(-20deg) scaleY(.9)}.orbit-two{width:420px;height:420px;transform:rotate(30deg) scaleY(.82);border-style:dashed;border-color:#e8e1f1}.vault-illustration{position:relative;width:210px;height:232px;border-radius:36px;background:linear-gradient(140deg,#ded0ef,#c6b2e2);box-shadow:18px 24px 50px #8870ac22,inset -8px -7px 0 #b9a0d64a,inset 3px 3px 0 #f2eafb;transform:rotate(-8deg)}.vault-face{position:absolute;inset:13px 18px 20px 12px;border:1px solid #ebe1f6;border-radius:29px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff7ff;background:linear-gradient(135deg,#eee5f8aa,#baa0d544)}.vault-face>svg{filter:drop-shadow(0 3px 1px #9f85bf44);stroke-width:1.2}.vault-face>span{font-size:6px;letter-spacing:2px;color:#f6effd;margin-top:15px}.vault-foot{position:absolute;width:9px;height:29px;right:22px;top:91px;border-radius:8px;background:#ab8bc8;border:2px solid #dfcfef}.floating-tag{position:absolute;background:#fffdfd;border:1px solid #f0eaf5;box-shadow:0 8px 30px #66508008;border-radius:8px;display:flex;align-items:center;gap:7px;color:#ac9cbd;font-size:9px;padding:11px 15px;transform:rotate(5deg)}.tag-top{top:15px;right:20px}.tag-top svg{color:#9db6a2}.floating-otp{position:absolute;bottom:24px;left:10px;display:flex;align-items:center;gap:12px;padding:18px 20px;background:#fff;border:1px solid #eee7f5;border-radius:13px;box-shadow:0 16px 35px #6b528f0d;transform:rotate(4deg)}.mini-brand{height:34px;width:34px;display:grid;place-items:center;border:1px solid #f0eafa;border-radius:9px;color:#9b8bb1;font-size:20px}.floating-otp small{font-size:8px;color:#b0a2bd;display:block}.floating-otp strong{display:block;letter-spacing:2px;color:#a78bc4;font-size:22px;font-weight:500;margin-top:5px;font-family:ui-monospace,monospace}.floating-otp strong span{color:#c1add5}.illustration-ring{display:grid;place-items:center;width:29px;height:29px;border:2px solid #c7b4dd;border-left-color:#f1ebf8;border-radius:50%;font-size:8px;color:#ad94c4;margin-left:5px}.art-sparkle{position:absolute;right:20px;bottom:60px;color:#c3afd9;font-size:28px;transform:rotate(-10deg)}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:35px 0 44px;border-top:1px solid #eae4f2}.welcome-features article{padding:0 10px}.welcome-features article+article{border-left:1px solid #eae4f2;padding-left:35px}.welcome-features svg{color:#b4a0cf;stroke-width:1.3}.welcome-features h3{font-size:12px;font-weight:550;margin:12px 0 9px;color:#8f7ba2}.welcome-features p{font-size:10px;color:#ada0ba}.welcome-footer{display:flex;justify-content:space-between;border-top:1px solid #eae4f2;padding:25px 0;color:#baadc7;font-size:9px}.welcome-footer>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:12px}
/* Forms and dialogs */
dialog{border:1px solid #e6ddef;border-radius:18px;padding:28px;width:min(560px,calc(100vw - 30px));max-height:90dvh;overflow:auto;color:#5c4d6d;background:#fff;box-shadow:0 30px 100px #35224933}dialog::backdrop{background:#33274345;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.modal-heading h2{font-size:20px;font-weight:600;color:#51425f;letter-spacing:-.5px}.modal-heading p{color:#b0a0bd;font-size:11px;margin-top:9px;line-height:1.7}.modal-heading .icon-button{margin:-7px -8px 0 0}.form-label{display:block;color:#9986aa;font-size:11px;margin:17px 0}.form-label>input,.form-label>textarea,.form-label>select,.password-input{display:block;margin-top:8px;width:100%}input:not([type=checkbox]),textarea,select{border:1px solid #e7deef;border-radius:8px;background:#fcfafd;color:#75617f;padding:11px 12px;min-width:0}input[type=checkbox]{accent-color:var(--purple)}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#c1b3ca}.password-input{position:relative}.password-input>input{width:100%;padding-right:45px}.password-input .icon-button{position:absolute;right:6px;top:4px}.password-vault{padding:16px;background:#f6f1fc;border:1px solid #eee5f7;border-radius:10px;display:flex;gap:13px;align-items:center;color:#b49bcb;margin-bottom:25px}.password-vault strong{font-size:12px;color:#9c80b6;display:block}.password-vault small{font-size:9px;display:block;color:#bbabcd;margin-top:5px}.form-help{font-size:10px;color:#b5a4c3;line-height:1.8;display:block}.form-error{color:#bf6b7a;font-size:11px;line-height:1.8;min-height:12px;margin:8px 0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #f0eaf5}.editor-section-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9d87ad;margin:21px 0 10px}.editor-field{margin:12px 0;padding:12px;border:1px solid #eee6f5;border-radius:9px;background:#fcfafd}.editor-field-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.editor-field-head .field-name-input{border:0;background:none;padding:5px 2px;border-radius:3px;min-width:60px;width:100%;font-size:11px;color:#a58bb9}.editor-field-head select{font-size:10px;padding:5px;border:0;background:#f0e9f8;max-width:105px;min-width:80px;color:#ab91bf}.editor-field-head .icon-button{height:25px;width:25px;padding:5px}.editor-field>textarea{width:100%;font-size:11px}.editor-field .field-input{font-size:12px;background:#fff}.editor-field .password-input{margin:0}.add-field-actions{display:flex;gap:25px}.add-field-actions button{font-size:10px}.label-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.label-options label{font-size:10px;background:#f8f3fc;border:1px solid #eee4f6;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:5px}.settings-note{display:flex;gap:14px;align-items:flex-start;padding:19px;background:#f8f4fc;border-radius:10px;color:#b199c2;margin:25px 0}.settings-note p{font-size:11px;line-height:1.9;color:#aa96b9}.settings-buttons{display:flex;flex-wrap:wrap;gap:10px}.settings-buttons .button{font-size:11px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#51405f;color:#faf5ff;padding:13px 21px;border-radius:10px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px);box-shadow:0 8px 30px #34243f22;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:#e5dcec;border-radius:5px}
@media(min-width:1500px){.workspace{max-width:1400px;width:100%;margin:auto}.vault-content{height:calc(100dvh - 330px)}.detail-scroll{padding-left:45px;padding-right:45px}.entry-row{padding-top:20px;padding-bottom:20px}.welcome{padding-left:9%;padding-right:9%}.welcome-main{min-height:580px}}
@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{font-size:20px}.topbar{padding:0 24px}.page-heading{margin:30px 24px 24px}.status-line{margin-left:24px;margin-right:24px}.status-line>span:last-child{display:none}.vault-content{margin:0 24px;grid-template-columns:minmax(230px,.95fr) minmax(280px,1.05fr)}.detail-scroll{padding:25px 20px 0}.page-footer{margin-left:25px;margin-right:25px}.otp-code{font-size:27px}.entry-row{gap:10px;padding:14px 10px}.entry-summary small{font-size:9px}.auth-view .entry-summary small{max-width:75px}.compact .otp-code{font-size:13px}.compact .countdown{height:23px;width:23px}.heading-actions{gap:6px}.heading-actions .button{padding:10px 12px}.welcome{padding:0 6%}.welcome-main{gap:10px}.orbit-two{width:340px;height:340px}.orbit-one{width:285px;height:285px}.vault-illustration{width:185px;height:210px}.floating-otp{left:-5px;padding:15px}.tag-top{right:0}.art-sparkle{right:-10px}.welcome-features p{line-height:1.8}}
@media(max-width:900px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:27px 10px 15px}.sidebar .brand{margin:0 auto 30px;font-size:0;justify-content:center}.sidebar .brand>span{display:none}.vault-switch{padding:9px;justify-content:center;background:none;border:0}.vault-switch>span:nth-child(2),.vault-switch>svg{display:none}.nav-item{justify-content:center;padding:14px 8px}.nav-item>span,.nav-item>small,.sidebar .nav-caption,.local-note,.sidebar-actions span{display:none}.nav-item svg{height:20px;width:20px}.sidebar nav{margin-top:20px}.sidebar .sidebar-actions{flex-direction:column;gap:10px;align-items:center}.sidebar-actions button{padding:9px}.sidebar-actions svg{width:20px;height:20px}.nav-divider{margin:17px 8px}.topbar{height:67px}.page-heading h1{font-size:23px}.welcome-copy>p{font-size:11px}.welcome-copy h1{font-size:42px}.welcome-main{min-height:480px}.welcome-art{transform:scale(.85)}.welcome-buttons{flex-direction:column;align-items:flex-start;gap:10px}.welcome-secondary{flex-direction:column;align-items:flex-start;gap:7px}.welcome-features{gap:15px}.welcome-features article+article{padding-left:22px}.welcome-header .privacy-pill{font-size:9px}}
@media(max-width:700px){.shell{display:block}.sidebar{height:58px;position:sticky;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 12px;background:#f7f4fcf5;backdrop-filter:blur(15px);border-right:0;border-bottom:1px solid #ece5f4}.sidebar .brand{margin:0 10px 0 0}.sidebar .brand>svg{width:24px;height:24px}.vault-switch,.sidebar .sidebar-bottom,.sidebar .nav-divider,.sidebar nav .nav-item:nth-last-child(-n+2){display:none}.sidebar nav{display:flex;align-items:center;margin:0;gap:4px;min-width:0}.sidebar .nav-item{width:40px;height:39px;margin:0;border-radius:9px;padding:8px}.sidebar .nav-item>span{display:none}.sidebar .nav-item svg{height:18px;width:18px}.sidebar .nav-item:last-child{display:inline-flex}.topbar{height:49px;padding:0 20px}.breadcrumb{font-size:9px}.top-actions{gap:8px}.profile{height:25px;width:25px;font-size:9px}.privacy-pill{font-size:8px}.top-actions>.icon-button{height:27px;width:27px;padding:5px}.page-heading{margin:26px 20px 21px;align-items:flex-start;gap:10px}.page-heading h1{font-size:24px}.eyebrow{font-size:6px;letter-spacing:1.5px}.page-heading p{font-size:9px;line-height:1.8;max-width:190px}.heading-actions{flex-direction:column;gap:7px;padding-top:11px}.heading-actions .button{padding:8px 11px;font-size:9px;min-height:33px}.heading-actions .button svg{height:13px;width:13px}.status-line{margin:0 21px 14px;font-size:8px;line-height:1.7}.vault-content{display:block;margin:0 14px;height:calc(100dvh - 292px);min-height:400px;border-radius:12px}.entry-pane{height:100%;border-right:0}.detail-pane{height:100%;display:none}.has-selection .entry-pane{display:none}.has-selection .detail-pane{display:flex}.has-selection.mobile-list .entry-pane{display:flex}.has-selection.mobile-list .detail-pane{display:none}.mobile-back{display:inline-flex;margin-left:-6px}.detail-toolbar{padding:0 21px;height:53px;min-height:53px;gap:10px}.detail-toolbar>span{margin-right:auto}.detail-scroll{padding:25px 24px 0}.identity{margin-bottom:24px}.identity .large{height:59px;width:59px}.field-value{font-size:12px}.data-field label{font-size:10px}.detail-section-title{font-size:10px}.auth-card-heading{font-size:10px}.auth-card>p{font-size:9px}.otp-code{font-size:31px}.otp-copy-hint{font-size:9px}.notes{font-size:11px}.entry-row{min-height:78px;padding:16px}.entry-summary strong{font-size:13px}.entry-summary small{font-size:10px}.search-row{margin:19px}.search-box input{font-size:12px}.list-meta{font-size:10px}.page-footer{margin:19px 21px;font-size:7px}.page-footer>span:first-child{font-size:10px}.auth-view .entry-summary small{max-width:120px}.auth-view .entry-summary strong{font-size:12px}.auth-view .entry-row{padding:16px 13px}.compact .otp-code{font-size:18px}.compact .countdown{height:28px;width:28px}.auth-view.has-selection .entry-pane{display:none}.welcome{padding:0 7%}.welcome-header{padding:25px 0}.welcome-header .brand{font-size:21px}.welcome-header .privacy-pill{display:none}.welcome-header .button{font-size:10px;padding:8px 10px}.welcome-main{display:flex;flex-direction:column;padding:25px 0 5px;gap:0;min-height:0}.welcome-copy{width:100%;text-align:center}.overline{font-size:7px;letter-spacing:1.8px}.welcome-copy h1{font-size:42px;margin:16px 0;line-height:1.4;letter-spacing:-1.5px}.welcome-copy>p{font-size:11px;line-height:2}.welcome-buttons{flex-direction:row;justify-content:center;margin-top:25px;gap:10px}.large-button{min-height:43px;padding:11px 13px;font-size:10px}.large-button svg{width:15px;height:15px}.welcome-secondary{flex-direction:row;align-items:center;justify-content:center;gap:15px;margin-top:14px}.welcome-secondary>span{font-size:8px}.welcome-secondary .text-button{font-size:10px}.welcome-art{height:315px;transform:scale(.78);width:100%;margin:0 0 -20px}.orbit-two{width:360px;height:360px}.orbit-one{width:300px;height:300px}.floating-otp{left:0;bottom:0}.tag-top{right:-8px;top:-6px}.art-sparkle{right:-7px;bottom:24px}.welcome-features{grid-template-columns:1fr;gap:0;padding:18px 0 25px}.welcome-features article,.welcome-features article+article{border-left:0;display:grid;grid-template-columns:30px 1fr;column-gap:13px;padding:13px 5px}.welcome-features svg{grid-row:span 2;align-self:center}.welcome-features h3{margin:0 0 6px;font-size:11px}.welcome-features p{font-size:10px}.welcome-footer{padding:22px 0;font-size:7px}.welcome-footer>span:first-child{font-size:10px}dialog{padding:23px 20px}.modal-heading h2{font-size:19px}}
#generator-modal{width:min(510px,calc(100vw - 30px))}#generated-password{width:100%;font:17px/1.7 ui-monospace,Consolas,monospace;letter-spacing:1px;overflow-wrap:anywhere;resize:none;color:#7454a5;background:#f7f2fc;border-color:#e5d9f1}.generator-preview-actions{display:flex;justify-content:space-between;margin-top:-8px}.generator-length{display:flex;align-items:center;gap:12px}.generator-length input[type=range]{flex:1;min-width:0;accent-color:var(--purple);border:0;padding:0;background:none}.generator-length input[type=number]{width:78px;text-align:center}.generator-length>span{font-size:11px;color:#9d8bac}.generator-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 18px}.generator-rules label{display:flex;align-items:center;gap:8px;background:#faf7fd;border:1px solid #eae1f2;border-radius:8px;padding:12px;font-size:12px;cursor:pointer}.generator-rules small{margin-left:auto;font-size:10px;color:#9b89ae}.generator-option{display:flex;align-items:center;gap:7px;font-size:11px;flex-wrap:wrap}.generator-option small{color:#a18bb4}.generator-rules input,.generator-option input{accent-color:var(--purple)}
#generator-modal .modal-heading{margin-bottom:14px}#generator-modal .form-label{margin:12px 0}#generated-password{height:76px;min-height:76px}#generator-modal .generator-rules{margin:16px 0 12px}#generator-modal .generator-rules label{padding:10px}#generator-modal .modal-footer{margin-top:14px;padding-top:14px}
.language-picker{display:inline-flex;align-items:center;gap:7px;color:#8c7b99;font-size:10px;white-space:nowrap}.language-picker>span{display:none}.language-picker select{padding:6px 8px;border-radius:7px;background:#fcfaff;font-size:11px;max-width:120px}dialog .language-picker{display:flex;margin:12px 0 20px;justify-content:space-between}dialog .language-picker>span{display:inline}html[lang=en] .nav-item{font-size:11px;gap:9px}html[lang=en] .welcome-copy h1{font-size:clamp(35px,4vw,56px);letter-spacing:-1.5px}html[lang=en] .heading-actions .button{font-size:11px}html[lang=en] .status-line{line-height:1.6}html[lang=en] .generator-rules small{font-size:9px}html[lang=en] .generator-rules label{gap:5px;font-size:11px}@media(max-width:700px){.top-actions{gap:4px}.language-picker select{max-width:88px;font-size:10px;padding:5px}.welcome-header-actions .language-picker select{max-width:105px}html[lang=en] .page-heading h1{font-size:22px}html[lang=en] .page-heading p{max-width:180px}html[lang=en] .heading-actions .button{font-size:9px}html[lang=en] .page-heading{gap:8px}html[lang=en] .status-line{font-size:8px}.top-actions .demo-pill{display:none}}
/* Keep the airy palette while maintaining readable text on small displays. */
.mobile-top-action{display:none}.add-field-actions{flex-wrap:wrap;gap:8px 20px}
.welcome-copy>p,.page-heading p,.notes,.entry-summary small,.identity>p{color:#85778f}
.welcome-features p,.welcome-secondary>span,.status-line,.list-meta,.data-field label,.detail-section-title,.form-label,.form-help,.modal-heading p{color:#8c7b99}
.nav-caption,.breadcrumb,.privacy-pill,.detail-toolbar,.list-footer,.page-footer,.welcome-footer{color:#94859f}
.auth-card-heading,.auth-card>p,.otp-copy-hint,.tag-list span,.countdown small{color:#9374ae}
.otp-code{color:#8461b1}.field-value{color:#675374}.notes{line-height:1.9}
@media(max-width:700px){.mobile-top-action{display:inline-flex}.profile{display:none}.top-actions .privacy-pill{display:none}.form-help{font-size:11px}.field-group{margin-bottom:22px}.detail-scroll{padding-top:22px}.welcome-copy>p{font-size:12px}.welcome-features p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}