:root{--bg:#f6f2e8;--surface:#fffdf7;--surface-2:#ebe3cf;--ink:#070707;--muted:#6f695d;--line:#d8c79f;--teal:#d9b763;--teal-dark:#9f741f;--coral:#f3ead7;--gold:#d9b763;--mint:#fffdf7;--danger:#171717;--shadow:0 18px 54px #0707072e;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:progress;opacity:.68}#root{min-height:100svh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.lock-screen{background:radial-gradient(circle at 18% 18%,#d9b76340,#0000 26%),radial-gradient(circle at 82% 34%,#fffdf721,#0000 25%),radial-gradient(circle at 56% 90%,#d9b7632e,#0000 34%),linear-gradient(135deg,#030303 0%,#14120d 50%,#050505 100%);grid-template-columns:minmax(320px,1fr) minmax(360px,480px);align-items:stretch;gap:28px;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.lock-hero{min-height:calc(100svh - 48px);box-shadow:none;background:0 0;border:0;border-radius:0;align-content:end;padding:48px;display:grid;position:relative;overflow:hidden}.lock-copy{z-index:3;align-self:end;max-width:760px;padding-bottom:10px;position:relative}.eyebrow,.status-strip,.panel-heading,.brand-row,.topbar-actions,.auth-actions,.sidebar-actions,.section-heading,.section-actions,.action-row,.password-tools,.check-row{align-items:center;display:flex}.eyebrow{width:fit-content;min-height:34px;color:var(--teal-dark);background:#fffdf7c7;border:1px solid #9f741f47;border-radius:999px;gap:8px;padding:7px 12px;font-size:.88rem;font-weight:700}h1,h2,h3,p{margin:0}h1{max-width:840px;color:var(--ink);letter-spacing:0;margin:22px 0 20px;font-size:6.8rem;line-height:.88}h2{color:var(--ink);letter-spacing:0;font-size:2.2rem;line-height:1}.lock-screen h1{color:#fffdf5;text-shadow:0 22px 60px #00000070}h3{color:var(--ink);letter-spacing:0;font-size:1rem}.muted,.install-note,.auth-panel p,.panel-heading p,.action-card p{color:var(--muted)}.status-strip{flex-wrap:wrap;gap:10px}.status-strip span{min-height:32px;color:var(--ink);background:#fffdf7db;border:1px solid #1918161f;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.86rem;font-weight:700;display:inline-flex}.lock-screen .eyebrow,.lock-screen .status-strip span{color:#fffdf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0505056b;border-color:#d9b76357}.kinetic-vault{--tilt-x:0deg;--tilt-y:0deg;--beam-x:50%;--beam-y:42%;perspective:1000px;background:radial-gradient(circle at var(--beam-x) var(--beam-y), #fff4c73d, transparent 22%), repeating-linear-gradient(90deg, #ffffff0f 0 1px, transparent 1px 84px), repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 84px);position:absolute;inset:0;overflow:hidden}.vault-canvas,.scene-scanline,.vault-stage{position:absolute;inset:0}.vault-canvas{width:100%;height:100%}.scene-scanline{pointer-events:none;mix-blend-mode:screen;opacity:.44;background:linear-gradient(#0000,#ffffff1a,#0000),linear-gradient(90deg,#d9b76338,#0000 38%,#fffdf71f);animation:7s ease-in-out infinite scan-pass;transform:translateY(-52%)}.vault-stage{transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));place-items:center;transition:transform .24s;display:grid}.vault-halo,.vault-device{transform-style:preserve-3d;border-radius:50%;grid-area:1/1}.vault-halo{aspect-ratio:1;border:1px solid #fffaec29;width:min(61vmin,620px);box-shadow:inset 0 0 64px #d9b76321,0 0 90px #fffdf714}.vault-halo-one{animation:28s linear infinite vault-spin}.vault-halo-two{border-color:#d9b76347;width:min(47vmin,480px);animation:17s linear infinite vault-spin-reverse;transform:rotateX(64deg)}.vault-device{aspect-ratio:1;background:radial-gradient(circle,#fffcefeb 0 13%,#0000 14%),radial-gradient(circle,#030303f5 0 29%,#0000 30%),conic-gradient(from 120deg,#fffdf7,#d9b763,#0a0a0a,#b98a2e,#fffdf7);width:min(39vmin,400px);animation:6s ease-in-out infinite vault-breathe;position:relative;box-shadow:inset 0 0 0 1px #fffcef33,inset 0 0 70px #00000052,0 38px 120px #00000070,0 0 90px #d9b76333}.vault-device:before,.vault-device:after{content:"";border:1px solid #fffcef38;border-radius:50%;position:absolute;inset:9%}.vault-device:after{border-color:#0c13118a;inset:20%;box-shadow:inset 0 0 42px #00000061}.vault-notch{transform-origin:50% 196%;background:#fffcefbd;border-radius:999px;width:5%;height:22%;position:absolute;top:6%;left:50%}.notch-two{transform:rotate(120deg)}.notch-three{transform:rotate(240deg)}.vault-dial{background:#fffcefeb;border-radius:50%;place-items:center;display:grid;position:absolute;inset:34%;box-shadow:inset 0 0 0 10px #d9b76333,0 14px 34px #0000003d}.vault-dial-face{aspect-ratio:1;width:54%;color:var(--teal-dark);background:#fffdf7;border-radius:50%;place-items:center;display:grid}.vault-dial-face svg{width:56%;height:56%}.cipher-rail{z-index:2;color:#fffcefc7;text-transform:uppercase;gap:10px;font-size:.74rem;font-weight:900;display:flex;position:absolute}.cipher-rail span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05090857;border:1px solid #fffcef2e;border-radius:999px;min-height:28px;padding:7px 10px}.cipher-rail-top{top:28px;right:34px}.cipher-rail-bottom{bottom:28px;right:34px}@keyframes vault-spin{to{transform:rotate(360deg)rotateX(58deg)}}@keyframes vault-spin-reverse{to{transform:rotate(-360deg)rotateX(64deg)}}@keyframes vault-breathe{0%,to{transform:translateZ(26px)scale(1)}50%{transform:translateZ(56px)scale(1.035)}}@keyframes scan-pass{0%,to{transform:translateY(-58%)}50%{transform:translateY(58%)}}@keyframes ambient-drift{0%{transform:translate(-80px)}to{transform:translate(80px)}}.auth-shell{z-index:4;flex-direction:column;justify-content:center;gap:14px;display:flex;position:relative}.auth-panel,.settings-panel,.detail-panel,.empty-panel,.action-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7f2}.auth-panel{gap:18px;padding:28px;display:grid}.lock-screen .auth-panel{color:#fffdf5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#d9b7632e,#fffcef12),#070707bd;border-color:#d9b7633d;box-shadow:0 34px 90px #00000061}.lock-screen .auth-panel h2,.lock-screen .auth-panel label,.lock-screen .auth-panel .muted{color:#fffdf5}.lock-screen .auth-panel p,.lock-screen .panel-heading p{color:#fffcefb8}.lock-screen input{background:#fffdf7f0;border-color:#d9b7635c}.panel-heading{gap:14px}.panel-heading>svg{border-radius:var(--radius);width:44px;height:44px;color:var(--surface);background:var(--teal-dark);padding:10px}.panel-heading h2{font-size:1.65rem}label{color:var(--ink);gap:8px;font-size:.92rem;font-weight:800;display:grid}input,textarea{border-radius:var(--radius);width:100%;color:var(--ink);background:#fffdf7;border:1px solid #d8c79f;outline:none;font-weight:650}input{min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:160px;padding:13px;line-height:1.45}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #d9b7632e}.password-field,.compound-field,.search-field{align-items:center;display:flex;position:relative}.password-field input,.compound-field input{padding-right:54px}.compound-field{gap:8px}.compound-field input{padding-right:13px}.password-field .icon-button{position:absolute;right:6px}.primary-button,.secondary-button,.danger-button,.install-button,.icon-button{border-radius:var(--radius);letter-spacing:0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:850;display:inline-flex}.primary-button,.secondary-button,.danger-button,.install-button{padding:0 14px}.primary-button{color:#fffdf7;background:#070707;border-color:#d9b76394}.primary-button:hover{color:#070707;background:var(--gold)}.secondary-button,.install-button,.icon-button{color:var(--ink);background:#fffdf7;border-color:#d8c79f}.secondary-button:hover,.install-button:hover,.icon-button:hover{border-color:var(--teal)}.danger-button{color:#fffdf7;background:var(--danger);border-color:#d9b76380}.danger-button:hover{filter:brightness(.94)}.icon-button{flex:0 0 42px;width:42px;padding:0}.primary-button svg,.secondary-button svg,.danger-button svg,.install-button svg,.icon-button svg{width:18px;height:18px}.auth-actions{gap:10px}.auth-actions .primary-button{flex:1}.install-button{color:#fffdf7;background:#070707e6;border-color:#d9b76370;width:100%}.lock-screen .install-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#d9b76329;border-color:#d9b76347}.install-note,.error-text,.success-text{font-size:.9rem;font-weight:700}.error-text{color:var(--danger)}.success-text{color:var(--teal-dark)}.strength-meter{background:#e8dec4;border-radius:999px;height:9px;overflow:hidden}.strength-meter span{border-radius:inherit;background:linear-gradient(90deg, #070707, var(--gold), #fffdf7);height:100%;transition:width .18s;display:block}.app-shell{background:radial-gradient(circle at 88% 12%, #d9b76329, transparent 28%), radial-gradient(circle at 62% 96%, #fffdf729, transparent 26%), linear-gradient(90deg, #1918160a, transparent 36%), var(--bg);grid-template-columns:340px minmax(0,1fr);min-height:100svh;display:grid;position:relative;overflow:hidden}.app-ambient{pointer-events:none;opacity:.68;background:linear-gradient(115deg,#0000 0 40%,#ffffff4d 40.2%,#0000 40.5%),repeating-linear-gradient(90deg,#9f741f0f 0 1px,#0000 1px 92px);animation:18s linear infinite ambient-drift;position:absolute;inset:0}.sidebar,.workspace{z-index:1;position:relative}.sidebar{border-right:1px solid var(--line);background:#fffdf7db;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;min-height:100svh;padding:20px;display:grid}.brand-row{gap:12px}.brand-mark{border-radius:var(--radius);color:#fffdf7;background:linear-gradient(135deg,#070707,#d9b763),#070707;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.brand-mark svg{width:25px;height:25px}.brand-row strong{color:var(--ink);font-size:1.05rem;display:block}.brand-row span{color:var(--muted);font-size:.9rem;font-weight:700;display:block}.search-field svg{width:18px;height:18px;color:var(--muted);position:absolute;left:13px}.search-field input{padding-left:42px}.entry-list{align-content:start;gap:8px;padding-right:2px;display:grid;overflow:auto}.entry-row{border-radius:var(--radius);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.entry-row:hover,.entry-row.active{background:#fffdf7;border-color:#d8c79f}.entry-avatar{border-radius:var(--radius);width:42px;height:42px;color:var(--surface);background:#070707;place-items:center;font-weight:900;display:grid}.entry-row strong,.entry-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.entry-row strong{color:var(--ink)}.entry-row small{color:var(--muted);font-weight:700}.row-star{width:17px;color:var(--gold);fill:currentColor}.sidebar-actions{gap:8px}.sidebar-actions .primary-button{flex:1}.workspace{grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;padding:22px;display:grid}.topbar{justify-content:space-between;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(94px,1fr));gap:10px;width:min(680px,100%);display:grid}.stat-grid div{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7e6;min-height:76px;padding:14px}.stat-grid span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:850;display:block}.stat-grid strong{color:var(--ink);margin-top:3px;font-size:1.65rem;line-height:1;display:block}.stat-grid .warning strong{color:var(--danger)}.topbar-actions{align-self:start;gap:10px}.copy-status{min-height:34px;color:var(--teal-dark);background:#d9b7632e;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:800}.settings-panel,.detail-panel,.empty-panel{min-height:0;padding:26px;overflow:auto}.section-heading{justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading p{color:var(--teal-dark);text-transform:uppercase;margin-bottom:7px;font-size:.86rem;font-weight:900}.section-actions{gap:8px}.section-actions .selected{color:var(--gold)}.section-actions .selected svg{fill:currentColor}.editor-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full-span,.password-tools,.generator-panel,.audit-list{grid-column:1/-1}.password-tools{border:1px solid var(--line);border-radius:var(--radius);background:#f1ead8;justify-content:space-between;gap:16px;min-height:96px;padding:18px}.password-tools>div{flex:1}.password-tools span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:850;display:block}.password-tools strong{margin:3px 0 12px;font-size:1.25rem;display:block}.generator-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7;grid-template-columns:minmax(220px,1fr) repeat(4,auto);align-items:center;gap:12px;padding:14px;display:grid}.generator-panel label:first-child{grid-template-columns:auto 1fr auto;align-items:center}.generator-panel input[type=range]{min-height:24px;padding:0}.check-row{grid-template-columns:18px auto;gap:7px;font-weight:800}.check-row input{width:18px;min-height:18px}.action-card{box-shadow:none;gap:12px;padding:18px;display:grid}.action-row{gap:10px}.audit-list{gap:8px;margin-top:18px;display:grid}.audit-row{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:10px 12px;display:grid}.audit-row span{color:var(--muted);font-size:.86rem;font-weight:750}.empty-panel{text-align:center;align-content:center;place-items:center;gap:16px;display:grid}.empty-panel>svg{width:72px;height:72px;color:var(--teal-dark)}@media (width<=980px){.lock-screen{grid-template-columns:1fr;padding:14px}.lock-hero{min-height:46svh;padding:28px}.lock-screen h1{font-size:5rem}.cipher-rail{display:none}.vault-stage{place-items:start end;padding:16px 22px}.auth-shell{justify-content:start}.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);grid-template-rows:auto auto auto auto;min-height:auto}.entry-list{grid-auto-columns:minmax(220px,260px);grid-auto-flow:column;overflow-x:auto}.topbar{flex-direction:column}.stat-grid,.editor-grid,.settings-grid{grid-template-columns:1fr}.generator-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-panel label:first-child{grid-column:1/-1}}@media (width<=620px){.lock-screen,.workspace,.sidebar{padding:12px}.lock-hero{min-height:38svh;padding:20px}h1{font-size:3rem}.vault-device{width:min(56vmin,230px)}.vault-halo{width:min(76vmin,300px)}.auth-panel,.settings-panel,.detail-panel,.empty-panel{padding:18px}.status-strip{gap:7px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.password-tools{flex-direction:column;align-items:stretch}.section-actions,.topbar-actions{flex-wrap:wrap;width:100%}.section-actions .danger-button,.topbar-actions .secondary-button{flex:1}.generator-panel,.audit-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.vault-stage{transition:none}}