:root{color:#edf2fa;font-synthesis:none;--bg:#080e16;--panel:#0d151f;--line:#ffffff13;--muted:#95a4b8;--blue:#1686ff;--blue-soft:#102c4e;--panel-2:#111b27;--field:#141e2b;--field-line:#ffffff14;--line-strong:#ffffff24;--text:#edf2fa;--green:#3fcf8e;--red:#ff6b78;--radius:12px;--radius-lg:16px;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.14s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#080e16;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button{color:inherit}a{color:#50a9ff;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #73b9ff}textarea{font:inherit}button{border:0}h1,h2,p{margin:0}h1{letter-spacing:-.045em;font-size:1.8rem;font-weight:630}h2{letter-spacing:-.02em;font-size:1.05rem;font-weight:600}svg{flex-shrink:0}.muted{color:var(--muted);line-height:1.6}.small{font-size:.8rem}.grow{flex:1;min-width:0}.preview-banner{color:#a8bbd4;background:#111c2d;border-bottom:1px solid #21334d;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:9px 18px;font-size:.75rem;display:flex}.preview-banner strong{color:#d6e6fe;font-weight:550}.button{border-radius:var(--radius);letter-spacing:-.005em;min-height:44px;transition:filter var(--fast) var(--ease), background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button:active:enabled{transform:scale(.98)}.primary{color:#fff;background:linear-gradient(#2593ff,#0c74f5);border:1px solid #3796ff;box-shadow:inset 0 1px #ffffff2e,0 4px 14px #0a6cff26}@media (hover:hover){.primary:hover:enabled{filter:brightness(1.1)}}.primary:active:enabled{filter:brightness(.94)}.secondary{border:1px solid var(--line-strong);color:#eef4fc;background:#ffffff05}@media (hover:hover){.secondary:hover:enabled{background:#ffffff0d;border-color:#ffffff38}}.icon-button{color:#aebed1;width:36px;height:36px;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.icon-button:hover{color:#fff;background:#ffffff0d}}.icon-button:active{background:#ffffff17;transform:scale(.94)}.text-button{color:#5eb1ff;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:550;display:flex}@media (hover:hover){.text-button:hover:enabled{color:#8cc8ff;background:#ffffff08}}.app-mark{color:#fff;background:linear-gradient(145deg,#269dff,#0061e4);border:1px solid #73baff65;border-radius:8px;justify-content:center;align-items:center;width:32px;height:34px;display:inline-flex;box-shadow:0 3px 15px #0062e62a}.eyebrow{letter-spacing:.17em;color:#7f94ae;font-size:.66rem;font-weight:600}.onboarding{background:radial-gradient(at 50% 26%,#142034 0,#0000 60%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 38px);padding:30px 22px;display:flex}.onboarding-brand{letter-spacing:-.03em;align-items:center;gap:10px;margin-bottom:25px;display:flex}.onboarding-card{isolation:isolate;text-align:center;background:linear-gradient(145deg,#111b28,#080e16 80%);border:1px solid #ffffff1d;border-radius:20px;width:100%;max-width:410px;padding:35px 30px;position:relative;overflow:hidden;box-shadow:0 24px 100px #0007,inset 0 1px #ffffff05}.welcome-card{padding-top:56px}.hero-lock{color:#c4d5eb;background:linear-gradient(140deg,#2c3549c0,#0b1420c0);border:1px solid #9caec47a;border-radius:24px;justify-content:center;align-items:center;width:88px;height:91px;margin:0 auto 30px;display:flex;box-shadow:0 14px 30px #0003,inset 0 1px 2px #fff3}.welcome-card h1{margin:10px 0 15px;font-size:2.75rem}.welcome-description{color:#d0ddee;font-size:1.02rem;line-height:1.7}.onboarding-actions{gap:12px;margin:43px 0 26px;display:grid}.onboarding-actions .button{width:100%;min-height:47px}.onboarding-footnote{color:#94a5ba;justify-content:center;align-items:center;gap:7px;margin-bottom:17px;font-size:.75rem;line-height:1.6;display:flex}.back-button{position:absolute;top:14px;left:13px}.small-lock{color:#b4c7df;margin:6px auto 22px}.onboarding-card:not(.welcome-card) h1{font-size:1.55rem}.onboarding-intro{margin:14px 0 28px;font-size:.87rem}.form-field{text-align:left;color:#dbe5f2;margin-bottom:20px;font-size:.8rem;display:block}.form-field input{background:var(--field);border:1px solid var(--field-line);border-radius:var(--radius);width:100%;color:var(--text);min-height:44px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);margin-top:8px;padding:11px 14px;font-size:.9rem;display:block}.form-field input:focus{border-color:#3a8fff;outline:none;box-shadow:0 0 0 3px #1686ff33}.notice{color:#a9bad0;background:#1220356b;border:1px solid #4e8acf24;border-radius:8px;align-items:flex-start;gap:10px;margin:18px 0;padding:14px;font-size:.8rem;line-height:1.65;display:flex}.notice svg{margin-top:3px}.onboarding-card>.primary{width:100%;margin:4px 0 10px}.source-choice{border:1px solid var(--line);text-align:left;background:#142131;border-radius:9px;align-items:center;gap:14px;width:100%;margin:14px 0;padding:19px 14px;display:flex}.source-choice>span{flex:1}.source-choice strong{font-size:.88rem;font-weight:500;display:block}.source-choice small{color:var(--muted);margin-top:7px;font-size:.75rem;display:block}.tag{color:#ccd7e8;background:#1a2534;border:1px solid #ffffff08;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:500;line-height:1.4;display:inline-block}.favorite{color:#f2c454}.favorite svg{fill:currentColor;stroke-width:1.3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=760px){.preview-banner{gap:6px;min-height:38px;padding:8px 9px;font-size:.64rem;line-height:1.5}.preview-banner>span:last-child{max-width:255px}.onboarding{justify-content:flex-start;padding:26px 18px}.onboarding-brand{display:none}.onboarding-card{box-shadow:none;background:0 0;border:none;max-width:410px;padding:35px 15px}.welcome-card{background:linear-gradient(#17233a66,#0000);border-radius:22px;padding-top:50px}.welcome-card h1{font-size:2.7rem}.welcome-description{font-size:1.05rem}.onboarding-actions{margin-top:52px}.onboarding-footnote{font-size:.75rem}.form-field input{font-size:1rem}.onboarding-intro{font-size:.95rem}.form-field{font-size:.85rem}.source-choice{padding:20px 14px}.button{min-height:45px}}body{background:radial-gradient(at 45% 0,#19222c66,#0000 65%),#080d13}.password-quality{color:#8da1b9;grid-template-columns:minmax(80px,1fr) auto;align-items:center;column-gap:12px;margin-top:10px;font-size:.75rem;display:grid}.password-quality>div{gap:4px;height:5px;margin:0;display:flex}.password-quality i{transition:background-color .22s var(--ease);background:#243244;border-radius:4px;flex:1}.password-quality span{text-align:right;font-weight:550;display:block}.password-quality .strength-feedback{color:#7f90a6;grid-column:1/-1;margin-top:6px;font-size:.72rem}.password-quality[data-score="0"],.password-quality[data-score="1"]{color:#ff9298}.password-quality[data-score="2"]{color:#f5c56e}.password-quality[data-score="3"],.password-quality[data-score="4"]{color:#49d79d}.password-quality i.filled{background:currentColor}.strength-feedback{color:#aebed0;margin:7px 0 0;line-height:1.5}.drive-connection{width:min(100%,520px)}.drive-connection .notice{margin:24px 0}.drive-connection #drive-status{margin:24px 0 12px;line-height:1.6}.drive-connection #drive-account{color:#49d79d;overflow-wrap:anywhere}.drive-connection [hidden]{display:none!important}.drive-connection .onboarding-actions{margin:24px 0}.drive-connection fieldset{text-align:left;border:0;min-width:0;padding:0}.drive-connection h2{margin:26px 0 14px;font-size:17px}.drive-connection select{border:1px solid var(--line);color:#edf2fa;background:#121e2c;border-radius:8px;width:100%;max-width:100%;min-height:48px;margin-top:9px;padding:12px;font-size:16px;display:block}.drive-connection #transfer-status{overflow-wrap:anywhere;color:#a4cbef;line-height:1.6}.drive-consent{align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.5;display:flex}.drive-consent input{accent-color:#1885ff;flex:none;margin-top:4px}.drive-files{gap:12px;margin:16px 0;display:grid}.drive-file{overflow-wrap:anywhere;background:#0e1722;border:1px solid #263342;border-radius:12px;padding:16px}.drive-file strong{font-size:13px}.drive-file p{margin:10px 0}.form-error,.discard-confirmation p{color:#ffafb6;margin-top:15px;font-size:.8rem;line-height:1.5}.danger{color:#ff8a95;background:#3a161c;border:1px solid #83313d}@media (hover:hover){.button.danger:hover:enabled{color:#ffb0b8;background:#4b1b23;border-color:#a8414e}}.text-button.danger{color:#ff7d89;background:0 0;border:0}@media (hover:hover){.text-button.danger:hover:enabled{color:#ffa1aa;background:#ff5a6a12}}.form-error{margin-bottom:15px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.onboarding-card form>.button{width:100%;margin:16px 0}.onboarding-card input[type=file]{min-width:0;max-width:100%;padding:10px}.saved-vault-list{gap:10px;max-height:300px;margin-bottom:24px;display:grid;overflow-y:auto}.sync-choice{text-align:left;overflow-wrap:anywhere;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.quick-unlock{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:inline-flex}.quick-unlock-or{text-align:center;margin:10px 0 2px;font-size:.85rem}.notice-text{color:#f6c35b;margin:8px 0}.auth-frame{border:0;border-radius:12px;width:100%;height:365px}.sync-choice input[type=radio]{accent-color:#168bff;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:2px 0 0}.saved-vault-choice{text-align:left;width:100%}.saved-vault-choice>span{min-width:0}.saved-vault-choice small{overflow-wrap:anywhere;font-size:11px}.selected-vault-name{color:#7db9ff;margin:8px 0;font-size:13px}.saved-vault-count{text-align:center;margin:0;font-size:12px}.pwa-notice{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));color:#d1e6ff;text-align:center;background:#11253a;font-size:12px}.pwa-notice .text-button{margin:8px auto 0}.pwa-status{text-align:left;background:#0e1722;border:1px solid #263342;border-radius:16px;width:100%;max-width:600px;margin:22px auto 0;padding:20px;font-size:13px;line-height:1.6}.pwa-status h2{margin-bottom:10px;font-size:16px}.pwa-status p{margin:10px 0}.pwa-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}body:before{content:"";z-index:40;height:env(safe-area-inset-top);background:var(--bg);pointer-events:none;position:fixed;top:0;left:0;right:0}:root{--sticky-top:env(safe-area-inset-top,0px)}html{overscroll-behavior-y:none}}.phone-pop-transition{z-index:10000;pointer-events:none;background:#080e16;position:fixed;inset:0;overflow:hidden}.phone-pop-page{will-change:transform;background:#080e16;position:absolute;inset:0;overflow:hidden}.phone-pop-front{box-shadow:-1px 0 #ffffff12,-14px 0 34px #00000080}.phone-pop-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0c1420f2!important}.phone-pop-shade{pointer-events:none;background:#000;position:absolute;inset:0}