@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root { --bg:#0c0e12; --surface:#13161c; --surface-raised:#191d24; --surface-hover:#1e232d; --line:#292f3a; --line-soft:#20252e; --text:#f1f3f7; --muted:#8f98a9; --faint:#606a79; --blue:#69a7ff; --blue-strong:#4e91f4; --blue-wash:#142845; --danger:#fb7770; --success:#65c99a; }
.folder-select-menu .no-folder-choice{margin-top:4px!important;padding-top:10px!important;border-top:1px solid #494949!important}.folder-select-menu .no-folder-choice span{color:#bdbdbd}.folder-select-menu .no-folder-choice[aria-selected="true"] span{color:#fff}body[data-theme="light"] .folder-select-menu .no-folder-choice{border-top-color:#dedede!important}body[data-theme="light"] .folder-select-menu .no-folder-choice span{color:#666}body[data-theme="light"] .folder-select-menu .no-folder-choice[aria-selected="true"] span{color:#171717}
.dialog-actions{display:flex!important;align-items:center;gap:9px;margin-top:17px!important}.dialog-actions .delete-button{margin-right:auto}.dialog-actions .primary,.dialog-actions .secondary{min-width:105px}.dialog-actions .primary:disabled{cursor:wait;opacity:.7}
.folder-heading{display:flex!important;align-items:center;justify-content:space-between;padding:0 8px 9px!important}.folder-heading button{border:0;background:transparent;color:#a9a9a9;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer}.folder-heading button:first-child{padding:4px 2px;text-transform:uppercase}.folder-heading button:first-child span{display:inline-block;width:13px;color:#cfcfcf}.folder-heading button:last-child{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:5px 7px;color:#d5d5d5;font-size:10px;letter-spacing:0}.folder-heading button:last-child:hover{background:var(--surface-raised);border-color:#777}.folder-dialog{width:min(100% - 30px,390px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 24px 75px #000a}.folder-dialog::backdrop{background:#050609a8;backdrop-filter:blur(4px)}.folder-dialog form{padding:23px}.folder-dialog label{display:block;margin:0 0 7px;font-size:12px;font-weight:700}.folder-dialog input{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:10px;outline:0}.folder-dialog input:focus{border-color:#888;box-shadow:0 0 0 3px #ffffff18}.folder-dialog-actions{display:flex;gap:9px;margin-top:20px}.folder-dialog-actions .primary,.folder-dialog-actions .secondary{height:43px;display:inline-flex;align-items:center;justify-content:center}.folder-dialog-actions .primary{flex:1}.folder-dialog-actions .secondary{min-width:88px}
.entry-dialog select{display:block;width:100%;margin-top:5px;padding:9px 34px 9px 10px;appearance:none;border:1px solid #4a4a4a;border-radius:8px;background:#212121;color:var(--text);font-weight:600;outline:0;background-image:linear-gradient(45deg,transparent 50%,#bfbfbf 50%),linear-gradient(135deg,#bfbfbf 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.entry-dialog select:focus{border-color:#9a9a9a;box-shadow:0 0 0 3px #ffffff18}.entry-dialog select option{background:#2f2f2f;color:#ececec}.entry-dialog select option[value="__new__"]{font-weight:700}.folder-dialog h2{font:700 23px 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}
.folder-select{position:relative;margin-top:5px}.folder-select>button{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #4a4a4a;border-radius:8px;background:#212121;color:#ececec;padding:0 12px;font-weight:600;text-align:left;cursor:pointer}.folder-select>button:hover,.folder-select>button[aria-expanded="true"]{border-color:#858585;background:#292929}.folder-select>button i{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .16s}.folder-select>button[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-1px)}.folder-select-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:5px;border:1px solid #4a4a4a;border-radius:9px;background:#2f2f2f;box-shadow:0 12px 28px #0007}.folder-select-menu button{width:100%;border:0;border-radius:6px;background:transparent;color:#e5e5e5;padding:9px 10px;text-align:left;font-size:12px;font-weight:600;cursor:pointer}.folder-select-menu button:hover,.folder-select-menu button[aria-selected="true"]{background:#414141;color:#fff}.folder-select-menu .create-folder-choice{margin-top:4px;padding-top:10px;border-top:1px solid #494949;color:#f3f3f3}.folder-select-menu .create-folder-choice:hover{background:#454545}
.folder-select>button{height:42px;border-radius:9px;padding:0 13px;box-shadow:inset 0 1px #ffffff08}.folder-select>button::before{content:"";width:15px;height:12px;margin-right:8px;border:1.5px solid currentColor;border-radius:3px;opacity:.7;box-shadow:inset 0 3px transparent}.folder-select>button .folder-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-select-menu{padding:7px;border-radius:11px}.folder-menu-title{margin:3px 6px 7px;color:#a8a8a8;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.folder-select-menu button{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:7px}.folder-select-menu button i{width:7px;height:4px;border-left:1.5px solid #f2f2f2;border-bottom:1.5px solid #f2f2f2;transform:rotate(-45deg);opacity:0}.folder-select-menu button[aria-selected="true"]{background:#414141}.folder-select-menu button[aria-selected="true"] i{opacity:1}.folder-select-menu .create-folder-choice{justify-content:flex-start;color:#fff}.folder-select-menu .create-folder-choice span{font-weight:700}
.folder-select>button::before{display:none}.folder-select>button{padding-left:13px}.entry-form-error{margin:11px 0 0;padding:8px 10px;border:1px solid #7f3d42;border-radius:7px;background:#3a1d21;color:#ffb0aa;font-size:12px;font-weight:600}.entry-form-error::before{content:"!";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:7px;border-radius:50%;background:#e0736d;color:#2a1013;font-size:11px;font-weight:800}
body[data-theme="light"] .folder-select>button{background:#fff;border-color:#bdbdbd;color:#171717}body[data-theme="light"] .folder-select>button:hover,body[data-theme="light"] .folder-select>button[aria-expanded="true"]{background:#f7f7f7;border-color:#777}body[data-theme="light"] .folder-select-menu{background:#fff;border-color:#c7c7c7;box-shadow:0 10px 24px #00000018}body[data-theme="light"] .folder-select-menu button{color:#282828}body[data-theme="light"] .folder-select-menu button:hover,body[data-theme="light"] .folder-select-menu button[aria-selected="true"]{background:#ededed;color:#171717}body[data-theme="light"] .folder-select-menu .create-folder-choice{border-top-color:#dedede;color:#171717}
body[data-theme="light"] .folder-menu-title{color:#747474}body[data-theme="light"] .folder-select-menu button i{border-color:#202020}body[data-theme="light"] .folder-select-menu button[aria-selected="true"]{background:#e6e6e6}
body[data-theme="light"] .entry-form-error{border-color:#d99a95;background:#fff4f3;color:#a23d36}body[data-theme="light"] .entry-form-error::before{background:#d35e57;color:#fff}
body[data-theme="light"] .entry-dialog select{background-color:#fff;border-color:#bdbdbd;color:#171717;background-image:linear-gradient(45deg,transparent 50%,#444 50%),linear-gradient(135deg,#444 50%,transparent 50%)}body[data-theme="light"] .entry-dialog select option{background:#fff;color:#171717}
.dialog-actions .primary,.dialog-actions .secondary{height:48px;display:inline-flex;align-items:center;justify-content:center}
.dialog-actions .delete-button,.dialog-actions .primary,.dialog-actions .secondary{flex:0 0 128px;width:128px;height:48px;display:inline-flex;align-items:center;justify-content:center}
.dialog-actions .primary,.dialog-actions .secondary{flex:0 0 118px!important;width:118px!important;min-width:118px!important;height:48px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.dialog-actions .delete-button{flex:0 0 78px!important;width:78px!important;min-width:78px!important;height:48px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#saveEntry,#cancelDialog{box-sizing:border-box!important;flex:0 0 128px!important;width:128px!important;min-width:128px!important;max-width:128px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#deleteEntry{box-sizing:border-box!important;flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:48px!important;margin-right:auto!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.dialog-actions{position:relative!important;width:100%}.save-actions{margin-left:auto;width:calc(50% - 5px);display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-actions #saveEntry,.save-actions #cancelDialog{box-sizing:border-box!important;min-width:0!important;max-width:none!important;width:100%!important;height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#deleteEntry{border-color:#7f3d42!important;background:#3a1d21!important;color:#ffb0aa!important;box-shadow:none!important}#deleteEntry:hover,#deleteEntry:focus{border-color:#a34a50!important;background:#4a2127!important;color:#ffd0cc!important;box-shadow:none!important}#deleteEntry:active{border-color:#bd545b!important;background:#5a252c!important;color:#fff!important}
#deleteEntry[hidden]{display:none!important}
.icon-button{box-sizing:border-box!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;text-align:center!important}
.icon-button{font-family:Arial,sans-serif!important;font-size:0!important}.icon-button::before{content:"×";display:block;font-size:26px;font-weight:400;line-height:1;transform:translate(0,1px)}
.lock-brand{width:164px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}.stillkey-logo{display:block;width:164px;height:auto}.light-logo{display:none}.brand-logo{width:25px;height:25px;flex:0 0 auto;background:currentColor;-webkit-mask:url("./assets/brand/stillkey-option4-mark-header.svg") center / contain no-repeat;mask:url("./assets/brand/stillkey-option4-mark-header.svg") center / contain no-repeat}.sidebar-head{gap:10px!important}.lock-screen h1{max-width:410px}.lock-screen .eyebrow{margin-bottom:12px}body[data-theme="light"] .dark-logo{display:none}body[data-theme="light"] .light-logo{display:block}body[data-theme="light"] .brand-logo{color:#171717!important}body[data-theme="blue"] .brand-logo{color:#f1f1f1!important}
.sidebar-brand-mark{display:block;width:26px;height:26px;object-fit:contain;filter:invert(1);flex:0 0 auto}.vault-brand-row{display:flex;align-items:center;gap:7px}.vault-brand-row .eyebrow{margin:0}.vault-brand-mark{width:18px;height:18px;object-fit:contain;filter:invert(1)}body[data-theme="light"] .sidebar-brand-mark,body[data-theme="light"] .vault-brand-mark{filter:none}
.brand-home{border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.sidebar-head.brand-home{padding:0 10px!important}.vault-brand-row.brand-home{padding:0}.brand-key-wrap{position:relative;display:grid;place-items:center;flex:0 0 auto}.brand-home:hover .sidebar-brand-mark,.brand-home:focus-visible .sidebar-brand-mark{animation:stillkey-unlock .6s cubic-bezier(.2,.8,.2,1)}.brand-home:hover .vault-brand-mark,.brand-home:focus-visible .vault-brand-mark{animation:stillkey-unlock .6s cubic-bezier(.2,.8,.2,1)}.brand-home:hover .brand-key-wrap::after,.brand-home:focus-visible .brand-key-wrap::after{animation:stillkey-spark .6s ease-out}.brand-key-wrap::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none}@keyframes stillkey-unlock{0%{transform:rotate(0) translateX(0)}35%{transform:rotate(-16deg) translateX(-1px)}70%{transform:rotate(8deg) translateX(2px)}100%{transform:rotate(0) translateX(0)}}@keyframes stillkey-spark{0%{opacity:0;transform:scale(.3) translateX(0)}35%{opacity:.45;transform:scale(1) translateX(12px)}100%{opacity:0;transform:scale(.2) translateX(18px)}}.brand-home:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:7px}
/* Neutral, ChatGPT-inspired dark interface: no blue accents. */
body[data-theme="blue"]{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#ececec!important}body[data-theme="blue"] .theme-title,body[data-theme="blue"] .folder-heading,body[data-theme="blue"] .entry-folder{color:#a6a6a6!important}body[data-theme="blue"] .theme-switcher button{background:#2f2f2f!important;border-color:#4a4a4a!important;color:#d1d1d1!important;box-shadow:none!important}body[data-theme="blue"] .theme-switcher button:hover{background:#3a3a3a!important;border-color:#686868!important;color:#fff!important}body[data-theme="blue"] .theme-switcher button.selected{background:#ececec!important;border-color:#ececec!important;color:#1f1f1f!important;box-shadow:none!important}body[data-theme="blue"] .entry-dialog,body[data-theme="blue"] .lock-card{background:#2f2f2f!important;border-color:#454545!important;color:#ececec!important}body[data-theme="blue"] .dialog-header h2,body[data-theme="blue"] .entry-name,body[data-theme="blue"] .picture-label,body[data-theme="blue"] .entry-dialog label{color:#ececec!important}body[data-theme="blue"] .picture-row{background:#212121!important;border-color:#3f3f3f!important}body[data-theme="blue"] .entry-dialog input,body[data-theme="blue"] .lock-card input{background:#212121!important;border-color:#4a4a4a!important;color:#ececec!important}body[data-theme="blue"] .entry-dialog input::placeholder,body[data-theme="blue"] .lock-card input::placeholder{color:#8a8a8a!important}body[data-theme="blue"] .secondary,body[data-theme="blue"] .copy-button,body[data-theme="blue"] .edit-button,body[data-theme="blue"] .icon-button{background:#212121!important;border-color:#4a4a4a!important;color:#ececec!important}body[data-theme="blue"] .secondary:hover,body[data-theme="blue"] .copy-button:hover,body[data-theme="blue"] .edit-button:hover,body[data-theme="blue"] .icon-button:hover{background:#393939!important;border-color:#707070!important;color:#fff!important}body[data-theme="blue"] .primary{background:#fff!important;border-color:#fff!important;color:#202020!important}body[data-theme="blue"] .primary:hover{background:#e5e5e5!important}body[data-theme="blue"] .eyebrow,body[data-theme="blue"] .generate{color:#bdbdbd!important}body[data-theme="blue"] .form-error{color:#ff9a95!important}body[data-theme="blue"] .signout-row .text-button{color:#ececec!important;background:#2f2f2f!important;border-color:#4a4a4a!important}body[data-theme="blue"] .signout-row .text-button:hover{background:#393939!important;border-color:#707070!important}
body[data-theme="light"]{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#202020!important}body[data-theme="light"] .content{border-color:#d9d9d9!important;box-shadow:0 1px 2px #00000008!important}body[data-theme="light"] .entry-card{border-color:#d6d6d6!important;background:#fff!important;box-shadow:0 1px 1px #00000006!important}body[data-theme="light"] .entry-card:hover{background:#f7f7f7!important;border-color:#bdbdbd!important;box-shadow:0 3px 10px #0000000a!important}body[data-theme="light"] .entry-name,body[data-theme="light"] .dialog-header h2,body[data-theme="light"] .picture-label,body[data-theme="light"] .entry-dialog label{color:#1f1f1f!important}body[data-theme="light"] .entry-user{color:#545454!important;font-weight:500!important}body[data-theme="light"] .entry-folder{color:#6a6a6a!important}body[data-theme="light"] .folder-entry{color:#353535!important;font-weight:500!important}body[data-theme="light"] .folder-entry:hover{background:#ececec!important;color:#171717!important}body[data-theme="light"] .nav-item{color:#303030!important}body[data-theme="light"] .nav-item:hover{background:#f0f0f0!important}body[data-theme="light"] .nav-item.active{background:#e7e7e7!important;color:#171717!important;font-weight:700!important}body[data-theme="light"] .nav-item b{background:#dedede!important;color:#303030!important}body[data-theme="light"] .folder-items{border-left-color:#c9c9c9!important}body[data-theme="light"] .entry-dialog,body[data-theme="light"] .lock-card{border-color:#cfcfcf!important;box-shadow:0 18px 55px #00000018!important}body[data-theme="light"] .picture-row{background:#f7f7f7!important;border-color:#d7d7d7!important}body[data-theme="light"] .entry-dialog input,body[data-theme="light"] .lock-card input{border-color:#bdbdbd!important;background:#fff!important;color:#171717!important}body[data-theme="light"] .entry-dialog input:focus,body[data-theme="light"] .lock-card input:focus{border-color:#626262!important;box-shadow:0 0 0 3px #00000012!important}body[data-theme="light"] .copy-button,body[data-theme="light"] .edit-button,body[data-theme="light"] .secondary,body[data-theme="light"] .icon-button{border-color:#bdbdbd!important;background:#fff!important;color:#242424!important}body[data-theme="light"] .copy-button:hover,body[data-theme="light"] .edit-button:hover,body[data-theme="light"] .secondary:hover,body[data-theme="light"] .icon-button:hover{border-color:#707070!important;background:#f3f3f3!important;color:#171717!important}body[data-theme="light"] .theme-title,body[data-theme="light"] .folder-heading,body[data-theme="light"] .entry-folder{color:#5e5e5e!important}body[data-theme="light"] .signout-row .text-button{border-color:#c4c4c4!important;color:#242424!important}
body[data-theme="blue"] .entry-user{color:#b8b8b8!important}body[data-theme="blue"] .copy-button,body[data-theme="blue"] .edit-button{background:#202020!important;border-color:#4a4a4a!important;color:#f1f1f1!important}body[data-theme="blue"] .copy-button:hover,body[data-theme="blue"] .edit-button:hover{background:#363636!important;border-color:#777!important;color:#fff!important}body[data-theme="light"] .entry-user{color:#737373!important}body[data-theme="light"] .copy-button,body[data-theme="light"] .edit-button{background:#fff!important;border-color:#d4d4d4!important;color:#303030!important}body[data-theme="light"] .copy-button:hover,body[data-theme="light"] .edit-button:hover{background:#f3f3f3!important;border-color:#8c8c8c!important;color:#171717!important}
body[data-theme="blue"] .brand-mark,body[data-theme="blue"] .small-mark{background:#303030!important;border-color:#4a4a4a!important;color:#f1f1f1!important}body[data-theme="blue"] .plain-button,body[data-theme="blue"] .generate,body[data-theme="blue"] .text-button,body[data-theme="blue"] .upload-button{color:#ececec!important}body[data-theme="blue"] .upload-button,body[data-theme="blue"] .signout-row .text-button{background:#303030!important;border-color:#4a4a4a!important}body[data-theme="blue"] .lock-card input:focus,body[data-theme="blue"] .entry-dialog input:focus{border-color:#a0a0a0!important;box-shadow:0 0 0 3px #ffffff1c!important}body[data-theme="blue"] .folder-items{border-left-color:#555!important}body[data-theme="blue"] .folder-toggle .chevron,body[data-theme="blue"] .folder-entry>span{color:#d5d5d5!important}body[data-theme="blue"] .folder-entry>span{background:#363636!important;border-color:#505050!important}body[data-theme="blue"] .folder-entry:hover{background:#333!important;color:#f2f2f2!important}body[data-theme="blue"] .entry-card:focus{outline-color:#d8d8d8!important}body[data-theme="blue"] .copy-button:hover,body[data-theme="blue"] .edit-button:hover{border-color:#777!important;color:#fff!important}body[data-theme="light"] .brand-mark,body[data-theme="light"] .small-mark{background:#f1f1f1!important;border-color:#dedede!important;color:#242424!important}body[data-theme="light"] .plain-button,body[data-theme="light"] .generate,body[data-theme="light"] .text-button,body[data-theme="light"] .upload-button{color:#303030!important}body[data-theme="light"] .upload-button,body[data-theme="light"] .signout-row .text-button{background:#fff!important;border-color:#d8d8d8!important}body[data-theme="light"] .lock-card input:focus,body[data-theme="light"] .entry-dialog input:focus{border-color:#707070!important;box-shadow:0 0 0 3px #00000010!important}body[data-theme="light"] .folder-items{border-left-color:#d0d0d0!important}body[data-theme="light"] .folder-toggle .chevron,body[data-theme="light"] .folder-entry>span{color:#525252!important}body[data-theme="light"] .folder-entry>span{background:#f1f1f1!important;border-color:#dedede!important}body[data-theme="light"] .folder-entry:hover{background:#f1f1f1!important;color:#171717!important}body[data-theme="light"] .entry-card:focus{outline-color:#555!important}body[data-theme="light"] .copy-button:hover,body[data-theme="light"] .edit-button:hover{border-color:#8a8a8a!important;color:#171717!important}
body[data-theme="blue"]{--bg:#212121;--surface:#2f2f2f;--surface-raised:#383838;--line:#454545;--line-soft:#363636;--text:#ececec;--muted:#b4b4b4;--blue:#fff;--blue-strong:#fff;--blue-wash:#3a3a3a;background:#212121}body[data-theme="blue"] .sidebar{background:#171717!important;border-color:#303030!important}body[data-theme="blue"] .content{background:#212121!important;border-color:#353535!important;box-shadow:none!important}body[data-theme="blue"] .entry-card,body[data-theme="blue"] .search{background:#2a2a2a!important;border-color:#3b3b3b!important}body[data-theme="blue"] .entry-card:hover{background:#333!important;border-color:#505050!important;box-shadow:none!important}body[data-theme="blue"] .primary{background:#fff!important;border-color:#fff!important;color:#202020!important;box-shadow:none!important}body[data-theme="blue"] .primary:hover{background:#e8e8e8!important}body[data-theme="blue"] .nav-item.active{background:#303030!important;color:#fff!important}body[data-theme="blue"] .nav-item b{background:#444!important;color:#fff!important}body[data-theme="blue"] .initial,body[data-theme="blue"] .entry-picture.large{background:#383838!important;border-color:#4a4a4a!important;color:#eee!important}body[data-theme="blue"] .lock-screen{background:#212121!important}body[data-theme="blue"] .lock-card,body[data-theme="blue"] .entry-dialog{background:#2f2f2f!important;border-color:#454545!important;box-shadow:0 18px 45px #0006!important}body[data-theme="blue"] .lock-card input,body[data-theme="blue"] .entry-dialog input{background:#212121!important;border-color:#4a4a4a!important}body[data-theme="blue"] .theme-switcher button.selected{background:#f4f4f4!important;border-color:#fff!important;color:#202020!important;box-shadow:none!important}body[data-theme="light"]{--bg:#fff;--surface:#fff;--surface-raised:#f7f7f7;--line:#e5e5e5;--line-soft:#ececec;--text:#171717;--muted:#6e6e6e;--blue:#171717;--blue-strong:#171717;--blue-wash:#f0f0f0}body[data-theme="light"] .lock-screen{background:#fff!important}body[data-theme="light"] .sidebar{background:#f9f9f9!important;border-color:#ececec!important}body[data-theme="light"] .content{background:#fff!important;border-color:#e9e9e9!important;box-shadow:none!important}body[data-theme="light"] .lock-card,body[data-theme="light"] .entry-dialog{background:#fff!important;color:#171717!important;border-color:#e5e5e5!important;box-shadow:0 16px 42px #00000012!important}body[data-theme="light"] .lock-card input,body[data-theme="light"] .entry-dialog input{background:#fff!important;color:#171717!important;border-color:#d9d9d9!important}body[data-theme="light"] .entry-card,body[data-theme="light"] .search{background:#fff!important;border-color:#e5e5e5!important}body[data-theme="light"] .entry-card:hover{background:#fafafa!important;border-color:#d5d5d5!important;box-shadow:none!important}body[data-theme="light"] .sidebar-footer,body[data-theme="light"] .folder-items{border-color:#e7e7e7!important}body[data-theme="light"] .secondary,body[data-theme="light"] .copy-button,body[data-theme="light"] .edit-button{background:#fff!important;color:#3b3b3b!important;border-color:#d8d8d8!important}body[data-theme="light"] .primary{background:#171717!important;border-color:#171717!important;color:#fff!important;box-shadow:none!important}body[data-theme="light"] .primary:hover{background:#303030!important}body[data-theme="light"] .nav-item.active{background:#ececec!important;color:#171717!important}body[data-theme="light"] .nav-item b{background:#e7e7e7!important;color:#3b3b3b!important}body[data-theme="light"] .initial,body[data-theme="light"] .entry-picture.large{background:#f0f0f0!important;border-color:#dedede!important;color:#3b3b3b!important}body[data-theme="light"] .theme-switcher button{background:#fff;color:#555!important;border-color:#dedede!important}body[data-theme="light"] .theme-switcher button.selected{background:#171717!important;border-color:#171717!important;color:#fff!important}
.theme-title{margin:0 0 8px;color:#758093;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.theme-switcher{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.theme-switcher button{position:relative;border:1px solid var(--line);border-radius:8px;background:#171c24;color:#91a0b3;padding:9px 5px;font-size:11px;font-weight:700;transition:.18s}.theme-switcher button:hover{border-color:#5b7da7;color:#d9e8fc}.theme-switcher button.selected{border-color:#67a6ff;background:linear-gradient(135deg,#1c416f,#172d4a);color:#f3f8ff;box-shadow:inset 0 0 0 1px #78afff38,0 4px 12px #00000024}.signout-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line-soft)}.delete-button{border:1px solid #723d42!important;border-radius:7px!important;background:#2d171b!important;color:#ff9e98!important;padding:8px 10px!important;transition:.15s}.delete-button:hover,.delete-button:focus{border-color:#ff8279!important;background:#572228!important;color:#fff!important;box-shadow:0 0 0 3px #e45f5730}.nav-item b{min-width:23px;padding:3px 6px;border-radius:20px;background:#22344d;color:#b9d6ff!important;font-size:12px!important;text-align:center}.folder-heading span:last-child{display:none!important}
 .remember-option{display:flex!important;align-items:center;gap:8px;margin:13px 0 0!important;color:#9ca8b9!important;font-size:12px!important;font-weight:600!important;cursor:pointer}.remember-option input{appearance:none;width:15px!important;height:15px;padding:0!important;margin:0;border-radius:4px!important;background:#0e1116}.remember-option input:checked{background:var(--blue-strong);border-color:#76b0ff}.remember-option input:checked:after{content:'✓';display:block;color:white;text-align:center;font-size:11px;line-height:13px}
.folder-group{margin-bottom:2px}.folder-toggle .chevron{width:11px;flex:0 0 11px;text-align:center;font-size:11px;color:#7e9cc2}.folder-toggle .folder-tag{width:24px;color:#718299;font:600 10px 'DM Mono',monospace}.folder-items{display:none;margin:2px 0 6px 15px;padding-left:10px;border-left:1px solid #31445f}.folder-items.expanded{display:grid;gap:2px}.folder-entry{min-width:0;display:flex;align-items:center;gap:7px;border:0;border-radius:6px;background:transparent;color:#8794a7;padding:6px 7px;text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-entry:hover{background:#192231;color:#d1e2fb}.folder-entry>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;overflow:hidden;border:1px solid #2c3c52;border-radius:4px;background:#15253c;color:#92c0ff;font-size:9px;font-weight:700}.folder-entry img{width:100%;height:100%;object-fit:cover}.password-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.entry-card{min-height:126px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;cursor:pointer}.entry-card:focus{outline:2px solid #528ee5;outline-offset:2px}.entry-card .initial{width:38px;height:38px}.entry-card .entry-user{max-width:100%;font-size:11px}.entry-card .card-actions{margin-top:auto;width:100%;justify-content:space-between}.entry-card .copy-button,.entry-card .edit-button{padding:6px 8px}.entry-folder{font-size:10px}.folder-entry::before{content:none!important}
.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.auth-mode-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px 8px;font-size:12px;font-weight:700}.auth-mode-switch button.selected{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 5px #0004}.auth-title{margin:0 0 16px!important;font:700 20px 'Manrope',sans-serif!important;letter-spacing:-.035em!important}.account-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-options .remember-option{margin-top:13px!important}.forgot-password{margin-top:13px!important;margin-left:auto!important}.auth-status{min-height:0;margin:0 0 8px;color:#8fc5a2;font-size:11px;line-height:1.45}.account-dialog{width:min(100% - 30px,430px)}.account-dialog label{margin-top:13px}.account-dialog-intro{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.account-dialog .form-error{min-height:18px;margin:11px 0 0}.account-dialog button:disabled{cursor:wait;opacity:.7}body[data-theme="light"] .auth-mode-switch{background:#f1f1f1;border-color:#ddd}body[data-theme="light"] .auth-mode-switch button.selected{background:#fff;color:#171717;box-shadow:0 1px 5px #0002}
.folder-group{margin-bottom:3px}.folder-toggle .chevron{flex:0 0 11px;width:11px;text-align:center}.folder-items{margin:2px 0 6px 15px;padding-left:10px;border-left-color:#31445f}.folder-entry{min-height:30px}.sidebar-footer{padding:16px 8px 0!important}.signout-row{width:100%;min-height:37px;padding-top:12px!important;font-size:11px!important;color:#8794a7}.signout-row .text-button{margin-left:auto!important;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:6px 9px;color:#b7d3f8;font-size:11px;line-height:1}.signout-row .text-button:hover{border-color:#5b86b9;background:#1b2c43;text-decoration:none}
.folder-entry{position:relative}.folder-entry::before{content:"";position:absolute;left:-10px;top:50%;width:17px;border-top:1px solid #31445f}.folder-entry>span,.folder-entry:not(:has(>span)){position:relative;z-index:1}
.search{padding-right:5px!important}.search input{min-width:0;flex:1;appearance:none;-webkit-appearance:none}.search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.search-clear{position:relative;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #505050;border-radius:8px;background:#202020;color:#f7f7f7;box-shadow:inset 0 1px #ffffff0a;transition:background .15s,border-color .15s,transform .15s}.search-clear::before,.search-clear::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;border-radius:2px;background:currentColor}.search-clear::before{transform:translate(-50%,-50%) rotate(45deg)}.search-clear::after{transform:translate(-50%,-50%) rotate(-45deg)}.search-clear:hover{background:#2f2f2f;border-color:#777}.search-clear:active{transform:scale(.95)}.search-clear:focus-visible{outline:2px solid #fff;outline-offset:2px}body[data-theme="light"] .search-clear{background:#242424;border-color:#4c4c4c;color:#fff}body[data-theme="light"] .search-clear:hover{background:#111;border-color:#111}
.sign-in-divider{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sign-in-divider::before,.sign-in-divider::after{content:"";height:1px;flex:1;background:var(--line)}.google-sign-in{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;transition:.16s}.google-sign-in:hover{background:var(--surface-raised);border-color:#6d6d6d}.google-sign-in:disabled{opacity:.72;cursor:wait}.google-logo-wrap{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff}.google-logo{display:block;width:18px;height:18px;object-fit:contain}.sync-status{width:100%;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.35}body[data-theme="blue"] .google-sign-in{background:#212121!important;border-color:#4a4a4a!important;color:#ececec!important}body[data-theme="blue"] .google-sign-in:hover{background:#383838!important;border-color:#777!important}body[data-theme="light"] .google-sign-in{background:#fff!important;border-color:#d7d7d7!important;color:#242424!important}body[data-theme="light"] .google-sign-in:hover{background:#f7f7f7!important;border-color:#aaa!important}body[data-theme="light"] .sync-status{color:#747474!important}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.shell{min-height:100vh}
.lock-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;background:radial-gradient(ellipse 48% 45% at 50% 10%,#172b4a 0%,transparent 72%),var(--bg)}.brand-mark{width:44px;height:44px;border:1px solid #355a89;background:#12213a;border-radius:13px;display:grid;place-items:center;color:#85b9ff;font-size:17px;margin-bottom:24px;box-shadow:0 10px 35px #0006}.small-mark{color:#83b8ff;font-size:12px}.eyebrow{font:600 10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--blue);margin:0 0 10px}.lock-screen h1{font:700 36px 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}.intro{max-width:335px;color:var(--muted);line-height:1.65;margin:12px 0 26px}.lock-card{width:min(100%,396px);padding:23px;background:#141820e8;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 70px #0007;text-align:left}.lock-card label,.entry-dialog label{font-size:12px;font-weight:700;color:#cbd1dc;display:block;margin:15px 0 7px}.lock-card label:first-child{margin-top:0}.lock-card input,.entry-dialog input,.entry-dialog textarea{display:block;width:100%;outline:none;border:1px solid #303744;border-radius:8px;padding:11px 12px;color:var(--text);background:#0e1116;transition:border .15s,box-shadow .15s}.lock-card input:focus,.entry-dialog input:focus,.entry-dialog textarea:focus{border-color:#5794ec;box-shadow:0 0 0 3px #4e91f429}.password-field{position:relative}.password-field input{padding-right:56px}.plain-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8ebcff;font-size:11px;font-weight:700}.hint,.fine-print{font-size:12px;color:var(--muted);line-height:1.55}.hint{margin:11px 0 0}.form-error{color:#ff958f;font-size:12px;min-height:17px;margin:10px 0 0}.primary{border:1px solid #66a6fd;background:var(--blue-strong);color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;box-shadow:0 3px 9px #0003;transition:background .15s,transform .15s}.primary:hover{background:#68a4f6}.primary:active{transform:translateY(1px)}.wide{width:100%;margin-top:5px}.fine-print{max-width:360px;margin-top:18px;color:#748093}
.vault-app{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:var(--bg)}.sidebar{padding:24px 14px 17px;background:#101319;border-right:1px solid var(--line-soft);display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;gap:9px;padding:0 10px;font:700 15px 'Manrope',sans-serif;letter-spacing:-.03em}.add-button{margin:31px 4px 18px;text-align:left;background:#e8f1ff;color:#10203a;border-color:#e8f1ff}.add-button:hover{background:#fff}.folder-heading{padding:0 10px 8px;color:#6e798b;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.folder-heading span:last-child{display:block;color:#566173;font-size:9px;font-weight:500;letter-spacing:0;text-transform:none;margin-top:5px}.nav-item{border:0;border-radius:7px;width:100%;display:flex;align-items:center;gap:9px;padding:10px;color:#b7c0cf;background:transparent;font-size:13px;text-align:left}.nav-item span{width:36px;color:#718299;font:600 10px 'DM Mono',monospace}.nav-item.active{background:#1a2638;color:#dbeaff}.nav-item b{font:600 10px 'DM Mono',monospace;margin-left:auto;color:#8291a5}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line-soft);padding:15px 8px 0;color:#758093;font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.lock-dot{color:var(--success);font-size:9px}.text-button{border:0;background:none;color:#91bcf8;text-decoration:none;padding:0;font-size:11px;margin-left:4px}.text-button:hover{text-decoration:underline}
.content{width:auto;max-width:none;margin:18px 22px 18px 18px;padding:31px 34px;background:#11151b;border:1px solid #28303b;border-radius:16px;box-shadow:inset 0 1px #ffffff06,0 18px 45px #0002}.content-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.content h2,.dialog-header h2{font:700 27px 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}.header-actions{display:flex;align-items:center;gap:9px}.search{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 10px;color:#8290a2}.search input{border:0;background:transparent;outline:0;color:var(--text);width:190px;font-size:12px}.search input::placeholder{color:#748093}.compact{padding:9px 13px}.empty-state{text-align:center;padding:125px 20px}.empty-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;border:1px solid #283d5d;background:#132136;color:#79adfb;font:18px 'DM Mono';margin:0 auto 16px}.empty-state h3{font:700 17px 'Manrope';margin:0 0 7px}.empty-state p{color:var(--muted);margin:0 0 18px}.password-list{display:grid;gap:8px;margin-top:31px}.entry-card{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(150px,.8fr) auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface);transition:border .15s,background .15s,transform .15s}.entry-card:hover{border-color:#3b4554;background:var(--surface-raised);transform:translateY(-1px)}.initial{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:var(--blue-wash);border:1px solid #273e5f;color:#90bdff;font-size:13px;font-weight:700}.entry-picture{overflow:hidden}.entry-picture img{width:100%;height:100%;display:block;object-fit:cover}.entry-folder{color:#76849a;font-size:10px;margin-top:3px}.entry-name{font-weight:700;color:#e9edf3}.entry-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9aab;font-size:12px}.card-actions{display:flex;gap:6px}.copy-button,.edit-button{border:1px solid var(--line);border-radius:6px;background:#171b22;color:#b9cae1;padding:6px 9px;font-size:11px;font-weight:700}.copy-button:hover{border-color:#4b79b0;color:#a7cdff}.edit-button{color:#909bab}.edit-button:hover{border-color:#4b5361;color:#d4d9e0}
.entry-dialog{width:min(100% - 30px,540px);padding:0;border:1px solid #303745;border-radius:14px;background:#151920;color:var(--text);box-shadow:0 24px 75px #000a}.entry-dialog::backdrop{background:#050609a8;backdrop-filter:blur(4px)}.entry-dialog form{padding:20px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.dialog-header h2{font-size:23px}.icon-button{border:1px solid var(--line);background:#1c2129;color:#a8b2c0;border-radius:7px;width:30px;height:30px;line-height:1;font-size:19px}.picture-row{display:flex;align-items:center;gap:13px;margin:0 0 11px;padding:9px 11px;border:1px solid var(--line-soft);border-radius:9px;background:#12161c}.entry-picture.large{width:44px;height:44px;flex:0 0 44px;border-radius:9px;display:grid;place-items:center;background:var(--blue-wash);border:1px solid #273e5f;color:#90bdff;font-size:16px;font-weight:700;overflow:hidden}.picture-label{margin:0 0 5px;font-size:12px;font-weight:700;color:#cbd1dc}.upload-button{display:inline-block!important;margin:0!important;border:1px solid #344155;border-radius:6px;background:#1b2430;color:#bcd6fa;padding:5px 8px;font-size:11px!important;cursor:pointer}.remove-image{border:0;background:transparent;color:#f18b86;padding:5px 0 5px 8px;font-size:11px}.picture-help{margin:5px 0 0;color:#6f7d90;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-dialog label{margin:9px 0 0}.entry-dialog input{padding:9px 10px;margin-top:5px}.optional{font-weight:400;color:var(--muted)}.generate{border:0;background:transparent;color:#8dbbff;padding:8px 0 0;font-size:12px;font-weight:700}.dialog-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:17px}.secondary{border:1px solid var(--line);background:#1a1e25;color:#d5dbe4;border-radius:8px;padding:9px 13px;font-weight:700}.delete-button{border:0;background:transparent;color:var(--danger);text-align:left;padding:0;font-size:12px;font-weight:700}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eaf2ff;color:#14233b;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:.2s;box-shadow:0 9px 25px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){.vault-app{display:block}.sidebar{height:62px;min-height:auto;padding:14px 17px;flex-direction:row;align-items:center}.sidebar .add-button,.sidebar nav,.sidebar-footer,.folder-heading{display:none}.content{margin:10px;padding:25px 18px;border-radius:12px}.content-header{align-items:flex-end}.header-actions{align-items:stretch;flex-direction:column}.search input{width:125px}.entry-card{grid-template-columns:38px 1fr auto}.entry-user{grid-column:2;grid-row:2}.card-actions{grid-column:3;grid-row:1 / span 2}.content h2{font-size:25px}.empty-state{padding:95px 10px}.form-grid{grid-template-columns:1fr}.entry-dialog{max-height:calc(100vh - 20px);overflow-y:auto}.entry-dialog form{padding:17px}}
.folder-group{margin-bottom:2px}.folder-toggle .chevron{width:11px;flex:0 0 11px;text-align:center;font-size:11px;color:#7e9cc2}.folder-toggle .folder-tag{width:24px;color:#718299;font:600 10px 'DM Mono',monospace}.folder-items{display:none;margin:2px 0 6px 15px;padding-left:10px;border-left:1px solid #31445f}.folder-items.expanded{display:grid;gap:2px}.folder-entry{min-width:0;display:flex;align-items:center;gap:7px;border:0;border-radius:6px;background:transparent;color:#8794a7;padding:6px 7px;text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-entry:hover{background:#192231;color:#d1e2fb}.folder-entry>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;overflow:hidden;border:1px solid #2c3c52;border-radius:4px;background:#15253c;color:#92c0ff;font-size:9px;font-weight:700}.folder-entry img{width:100%;height:100%;object-fit:cover}.password-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.entry-card{min-height:126px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;cursor:pointer}.entry-card:focus{outline:2px solid #528ee5;outline-offset:2px}.entry-card .initial{width:38px;height:38px}.entry-card .entry-user{max-width:100%;font-size:11px}.entry-card .card-actions{margin-top:auto;width:100%;justify-content:space-between}.entry-card .copy-button,.entry-card .edit-button{padding:6px 8px}.entry-folder{font-size:10px}.folder-entry::before{content:none!important}