:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#edf1f3}body{color:#102033;margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.material-symbols-outlined{direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal}.button-icon{font-size:1.1rem;margin-right:.35rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2563eb;outline-offset:2px}h1,h2,h3,p{margin-top:0}.button{align-items:center;border:1px solid transparent;border-radius:.7rem;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:2.75rem;padding:.7rem 1.1rem;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{background:#102033;color:#fff}.button.primary:hover:not(:disabled){background:#1d3551}.button.secondary{background:#d8ff6a;color:#102033}.button.ghost{background:transparent;border-color:#ffffff47;color:#fff}.button.ghost.dark{border-color:#b4c0cc;color:#23364c}.button.compact{min-height:2.25rem;padding:.42rem .8rem}.button.icon-only{min-width:2.5rem;padding-inline:.55rem}.button.icon-only .material-symbols-outlined{font-size:1.25rem}.button.full{width:100%}.eyebrow{color:#506175;font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:.7rem;text-transform:uppercase}.auth-page{align-items:center;background:radial-gradient(circle at 15% 20%,rgba(216,255,106,.2),transparent 26rem),#081322;color:#fff;display:grid;gap:clamp(3rem,8vw,9rem);grid-template-columns:minmax(0,1fr) minmax(20rem,27rem);min-height:100dvh;overflow:hidden;padding:clamp(2rem,6vw,6rem);position:relative}.auth-page:after{border:1px solid rgba(216,255,106,.16);border-radius:50%;content:"";height:36rem;left:-16rem;position:absolute;top:-20rem;width:36rem}.auth-copy{max-width:44rem;position:relative;z-index:1}.auth-copy .eyebrow{color:#d8ff6a}.auth-copy h1{font-size:clamp(2.8rem,7vw,6.5rem);letter-spacing:-.065em;line-height:.93;margin-bottom:2rem}.auth-copy>p:last-child{color:#b9c7d8;font-size:1.1rem;line-height:1.7;max-width:34rem}.auth-card{background:#f8faf7;border:2px solid transparent;border-radius:1.25rem;box-shadow:0 2rem 7rem #0000006b;color:#102033;padding:clamp(1.6rem,5vw,2.6rem);position:relative;z-index:2}.auth-card.allowed{border-color:#78a800}.auth-card.wobble{animation:wobble .46s ease-in-out}@keyframes wobble{0%,to{transform:translate(0)}20%,60%{transform:translate(-.7rem)}40%,80%{transform:translate(.7rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lock-emblem{align-items:center;background:#d8ff6a;border-radius:.8rem;display:flex;font-size:1.7rem;font-weight:900;height:3.2rem;justify-content:center;margin-bottom:1.5rem;transform:rotate(-4deg);width:3.2rem}.auth-card h2{font-size:1.65rem;letter-spacing:-.03em;margin-bottom:1.4rem}.auth-alternative{background:transparent;border:0;color:#315a83;cursor:pointer;display:block;font-size:.84rem;font-weight:750;margin:.75rem auto 0;padding:.45rem;text-decoration:underline;text-underline-offset:.2rem}form label,.field label{color:#2a3b50;display:block;font-size:.82rem;font-weight:750;margin-bottom:.4rem}input,textarea{background:#fff;border:1px solid #aebbc7;border-radius:.65rem;color:#102033;min-height:2.85rem;padding:.72rem .85rem;width:100%}textarea{min-height:auto;resize:vertical}input:focus,textarea:focus{border-color:#2563eb}.auth-card form>label:not(:first-child){margin-top:1rem}.auth-card form>.button{margin-top:1.4rem}.password-field{position:relative}.password-field input{padding-right:6rem}.reveal-button{background:transparent;border:0;color:#315a83;cursor:pointer;font-size:.78rem;font-weight:800;padding:.55rem;position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}.auth-card .reveal-button .material-symbols-outlined{font-size:1.35rem}.inline-error,.notice{border-radius:.6rem;font-size:.83rem;line-height:1.45;margin:1rem 0 0;padding:.7rem .85rem}.inline-error,.error-notice{background:#fff0f0;border:1px solid #eaa0a0;color:#9b1c1c}.success-message{color:#3f6500;font-weight:700}.page-shell{margin:0 auto;max-width:94rem;padding:clamp(2rem,5vw,4.5rem) 5vw 6rem}.page-heading{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2.5rem}.page-heading h1{font-size:clamp(2.2rem,5vw,4.4rem);letter-spacing:-.06em;line-height:.95;margin-bottom:.9rem}.page-heading>div:first-child>p:last-child{color:#506175;line-height:1.6;margin-bottom:0;max-width:44rem}.heading-actions{display:flex;flex-wrap:wrap;gap:.65rem}.vault-grid,.settings-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.panel{background:#f9fbfb;border:1px solid #ced7dd;border-radius:1rem;box-shadow:0 .8rem 2.8rem #1e364a14;padding:clamp(1.35rem,3vw,2.2rem)}.panel-heading,.records-heading{align-items:flex-start;display:flex;gap:1rem;margin-bottom:2rem}.panel-heading h2,.records-heading h2,.security-note h2{letter-spacing:-.035em;margin-bottom:.35rem}.panel-heading p,.records-heading p{color:#627286;margin:0}.step-number{align-items:center;background:#102033;border-radius:.55rem;color:#d8ff6a;display:inline-flex;flex:0 0 2.5rem;font-size:.7rem;font-weight:850;height:2.5rem;justify-content:center}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.field.span-2,.span-2{grid-column:1/-1}.field small{color:#627286;display:block;line-height:1.45;margin-top:.45rem}.form-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.6rem}.form-hint{color:#627286;font-size:.8rem;margin:0;max-width:16rem}.notice{background:#efffc9;border:1px solid #a9cd47;color:#365900}.records-column{min-width:0}.records-heading{align-items:center;justify-content:space-between}.records-heading .eyebrow{margin-bottom:.25rem}.count-badge{align-items:center;background:#102033;border-radius:999px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:800;height:2.15rem;justify-content:center;min-width:2.15rem;padding:0 .65rem}.record-list{display:grid;gap:.8rem}.credential-card,.empty-state{background:#f9fbfb;border:1px solid #ced7dd;border-radius:.9rem;padding:1.25rem}.credential-topline{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.credential-topline h3{margin-bottom:.25rem}.credential-topline p{color:#627286;font-size:.83rem;margin-bottom:0;overflow-wrap:anywhere}.credential-card dl{display:grid;gap:.55rem;margin:1.1rem 0 0}.credential-card dl div{display:grid;gap:.8rem;grid-template-columns:5rem 1fr}.credential-card dt{color:#627286;font-size:.76rem;font-weight:700}.credential-card dd{font-size:.86rem;margin:0;min-width:0;overflow-wrap:anywhere}.secret-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.empty-state{color:#627286;display:grid;gap:.5rem;min-height:11rem;place-content:center;text-align:center}.empty-state strong{color:#102033;font-size:1.1rem}.passphrase-gate{background:#f9fbfb;border:1px solid #ced7dd;border-radius:1.1rem;box-shadow:0 1.5rem 5rem #1e364a24;margin:5vh auto 0;max-width:30rem;padding:clamp(1.8rem,5vw,3rem);text-align:center}.passphrase-gate>p:not(.eyebrow):not(.inline-error){color:#627286;line-height:1.6}.passphrase-gate form{margin-top:1.5rem;text-align:left}.passphrase-gate .button{margin-top:1rem}.passphrase-icon{color:#659000;margin-bottom:1rem}.passphrase-icon .material-symbols-outlined{font-size:2.8rem}.settings-grid{grid-template-columns:minmax(20rem,1.15fr) minmax(18rem,.85fr)}.settings-form{display:grid;gap:1.2rem}.settings-form .button{justify-self:start}.security-note{background:#102033;border-radius:1rem;color:#fff;padding:clamp(1.6rem,4vw,2.5rem)}.security-note .eyebrow{color:#d8ff6a}.security-note ul{color:#c6d2df;display:grid;gap:1rem;line-height:1.55;margin:1.5rem 0 0;padding-left:1.2rem}@media(max-width:940px){.auth-page,.vault-grid,.settings-grid{grid-template-columns:1fr}.auth-page{gap:2rem}.auth-copy h1{font-size:clamp(2.7rem,12vw,5rem)}}@media(max-width:620px){.page-heading,.form-footer{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.span-2,.span-2{grid-column:auto}.form-footer .button,.settings-form .button{width:100%}}