:root{color:#202b26;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f7f9f8;--surface:#fff;--surface-raised:#fff;--ink:#202b26;--muted:#58645f;--muted-strong:#3f4d46;--line:#e1e7e3;--line-strong:#aab9af;--accent:#2f6b58;--accent-strong:#245341;--accent-soft:#e9f4ed;--danger:#9e3e34;--danger-soft:#fff0ed;--focus:#184e3c;--shadow:0 16px 36px #1c30241c;--shadow-soft:0 5px 18px #1c30240e;--radius-control:6px;--radius-panel:10px;background:#f7f9f8;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f4f0e8;--canvas:#1b201d;--surface:#242b26;--surface-raised:#2c352e;--ink:#f4f0e8;--muted:#b8c0b8;--muted-strong:#d6dbd4;--line:#465048;--line-strong:#657166;--accent:#86bc9a;--accent-strong:#a4d3b4;--accent-soft:#263f31;--danger:#e18173;--danger-soft:#4b2b28;--focus:#b9e2c5;--shadow:0 18px 45px #00000042;--shadow-soft:0 7px 24px #0003;background:#1b201d}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100dvh;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::selection{color:var(--surface);background:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700;line-height:1.2}.auth-screen{background:var(--canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-frame{width:min(100%,480px)}.wordmark{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:34px;font-size:.94rem;font-weight:720;display:inline-flex}.wordmark-mark{border:2px solid var(--accent);width:19px;height:24px;color:var(--accent);border-radius:5px 5px 2px 2px;place-items:center;font-size:.68rem;font-weight:800;display:inline-grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft);padding:clamp(26px,6vw,48px);animation:.22s ease-out both settle-in}.auth-card h1{max-width:15ch;color:var(--ink);letter-spacing:-.045em;margin:10px 0 14px;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.04}.auth-card>p:not(.eyebrow):not(.auth-note){color:var(--muted-strong);margin:0 0 28px;font-size:1rem;line-height:1.65}.auth-note{color:var(--muted);margin:18px 0 0;font-size:.83rem;line-height:1.55}.input-hint{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.5;display:block}.restore-entry{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:20px;display:flex}.restore-entry p{color:var(--muted-strong);margin:0;font-size:.85rem}.sync-restore{gap:10px;display:grid}.setup-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 22px;display:grid}.setup-choice button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);min-height:44px;color:var(--muted-strong);cursor:pointer;padding:9px 12px}.setup-choice button.active{border-color:var(--accent);color:var(--accent);font-weight:700}.setup-message{color:var(--accent);margin:0 0 16px;font-weight:650;line-height:1.5}.sync-restore .primary-button{width:100%;margin-top:10px}.sync-restore input,.sync-connect input{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);padding:10px 12px}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 90%, var(--surface));flex-direction:column;min-height:100dvh;padding:28px 18px 22px;display:flex}.sidebar .wordmark{margin:0 12px 52px}.nav-group{gap:5px;display:grid}.nav-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 12px 11px;font-size:.72rem;font-weight:700}.nav-link{border-radius:var(--radius-control);min-height:44px;color:var(--muted-strong);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;font-size:.93rem;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-link:hover,.nav-link:focus-visible{border-color:var(--line);background:var(--surface);color:var(--ink)}.nav-link.active{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.nav-marker{background:var(--line-strong);border-radius:2px;width:5px;height:20px}.nav-link.active .nav-marker{background:var(--accent)}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.session-hint{color:var(--muted);margin:4px 12px 0;font-size:.78rem;line-height:1.45}.main-shell{background:var(--canvas);min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:16px clamp(20px,4vw,52px);display:flex}.topbar-title{color:var(--ink);margin:0;font-size:.96rem;font-weight:700}.topbar-actions{align-items:center;gap:8px;display:flex}.content{width:min(100%,1380px);margin:0 auto;padding:clamp(24px,5vw,60px) clamp(20px,4vw,52px) 42px}.content-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.content-header h1{color:var(--ink);letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1}.search-panel{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft);align-items:center;gap:14px;padding:10px 14px;display:flex}.list-tools{align-items:stretch;gap:12px;display:flex}.list-tools .search-panel{flex:1;min-width:0}.category-filter{min-width:152px;color:var(--muted);gap:4px;font-size:.72rem;font-weight:700;display:grid}.category-filter select{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);min-height:42px;color:var(--ink);padding:0 10px}.search-icon{border:1px solid var(--line-strong);width:25px;height:25px;color:var(--muted-strong);border-radius:50%;flex:none;place-items:center;font-size:.76rem;font-weight:800;display:grid}.search-panel input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:1rem}.search-panel input::placeholder,input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.shortcut{border:1px solid var(--line);color:var(--muted);border-radius:4px;flex:none;padding:4px 7px;font-size:.72rem}.vault-grid{grid-template-columns:minmax(270px,.82fr) minmax(360px,1.18fr);gap:24px;min-width:0;margin-top:26px;display:grid}.vault-grid.detail-open .list-column{display:block}.list-column,.detail-column{min-width:0}.list-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.list-header h2{letter-spacing:-.01em;margin:0;font-size:.94rem;font-weight:750}.list-header p{color:var(--muted);margin:0;font-size:.82rem}.item-list{gap:7px;display:grid}.item-row{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px;transition:border-color .15s,background .15s,transform .15s;display:grid}.item-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.item-row.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 48%, var(--surface))}.item-main{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:4px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:5px;display:grid}.item-mark{border:1px solid var(--line-strong);background:var(--canvas);width:42px;height:42px;color:var(--accent-strong);letter-spacing:.04em;border-radius:7px;place-items:center;font-size:.8rem;font-weight:800;display:grid}.item-copy{min-width:0}.item-title,.item-meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.item-title{margin-bottom:4px;font-size:.94rem;font-weight:750}.item-meta{color:var(--muted);font-size:.8rem}.favorite-button,.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;font-size:1rem;display:grid}.favorite-button:hover,.favorite-button:focus-visible,.icon-button:hover,.icon-button:focus-visible{border-color:var(--line);background:var(--canvas);color:var(--accent-strong)}.favorite-button.active{color:var(--accent)}.detail-card,.settings-card,.generator-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft);padding:clamp(20px,3vw,32px)}.detail-card{position:sticky;top:24px}.mobile-back{display:none}.detail-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:28px;display:flex}.detail-header h2{letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.05}.detail-url{overflow-wrap:anywhere;color:var(--muted);margin:0;font-size:.85rem}.secret-list{gap:11px;display:grid}.secret-field{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--canvas);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.secret-label{color:var(--muted);margin-bottom:5px;font-size:.76rem;font-weight:700;display:block}.secret-value{overflow-wrap:anywhere;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;display:block}.secret-value.masked{letter-spacing:.12em}.otp-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:750}.field-actions{align-items:center;gap:4px;display:flex}.detail-section{margin-top:26px}.detail-section h3{margin:0 0 9px;font-size:.86rem}.notes{color:var(--muted-strong);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.6}.tag-list,.tag-picker{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--line);background:var(--canvas);min-height:30px;color:var(--muted-strong);border-radius:5px;align-items:center;padding:5px 9px;font-size:.78rem;display:inline-flex}.detail-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px;margin-top:30px;padding-top:20px;display:flex}.button,.primary-button,.danger-button,.quiet-button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:.88rem;font-weight:720;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button:disabled,.primary-button:disabled,.danger-button:disabled,.quiet-button:disabled{cursor:wait;opacity:.72}.button-spinner,.loader-ring{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.button,.quiet-button{border-color:var(--line-strong);color:var(--muted-strong);background:0 0}.button:hover,.button:focus-visible,.quiet-button:hover,.quiet-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.primary-button{background:var(--accent);color:#fffdf7}.primary-button:hover,.primary-button:focus-visible{background:var(--accent-strong)}.danger-button{border-color:color-mix(in srgb, var(--danger) 60%, var(--line));background:var(--danger-soft);color:var(--danger)}.danger-button:hover,.danger-button:focus-visible{border-color:var(--danger)}.empty-state,.detail-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--surface) 65%, transparent);padding:34px 24px}.empty-state h2,.detail-empty h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.05rem}.empty-state p,.detail-empty p{max-width:44ch;color:var(--muted-strong);margin:0 0 19px;font-size:.9rem;line-height:1.6}.form-shell{width:min(100%,760px);margin:0 auto}.form-header{justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px;display:flex}.form-header h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(1.85rem,4vw,2.55rem);line-height:1}.form-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft);gap:19px;padding:clamp(20px,4vw,36px);display:grid}.form-intro{color:var(--muted-strong);margin:0;font-size:.9rem;line-height:1.55}.advanced-fields{border-top:1px solid var(--line);padding-top:10px}.advanced-fields summary{cursor:pointer;min-height:44px;color:var(--accent-strong);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:720;display:flex}.advanced-fields summary:after{content:"+";color:var(--accent);font-size:1.25rem}.advanced-fields[open] summary:after{content:"−"}.advanced-fields summary span{color:var(--muted);margin-left:auto;padding-right:12px;font-size:.76rem;font-weight:500}.advanced-grid{gap:17px;padding:16px 0 5px;animation:.18s ease-out both settle-in;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.form-field{gap:7px;min-width:0;display:grid}.form-field.full{grid-column:1/-1}.form-field label{color:var(--muted-strong);font-size:.84rem;font-weight:720}.form-field input,.form-field textarea,.form-field select{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);width:100%;min-width:0;color:var(--ink);outline:0;padding:11px 12px}.form-field textarea{resize:vertical;min-height:116px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.input-with-action{align-items:center;gap:7px;min-width:0;display:flex}.input-with-action input{flex:1}.tag-input{gap:9px;display:grid}.form-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:7px;padding-top:20px;display:flex}.error-message,.warning-message{border:1px solid color-mix(in srgb, var(--danger) 55%, var(--line));border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);padding:11px 12px;font-size:.86rem;line-height:1.5}.settings-grid{gap:17px;display:grid}.sync-status{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--canvas);padding:12px}.sync-connect{gap:10px;display:grid}.sync-connect label{font-size:.88rem;font-weight:700}.sync-actions{flex-wrap:wrap;gap:10px;display:flex}.sync-conflict{border:1px solid var(--danger);border-radius:var(--radius-control);background:var(--danger-soft);margin-top:16px;padding:15px}.sync-conflict p{margin:0 0 12px;line-height:1.5}.settings-card h2,.generator-card h2{letter-spacing:-.025em;margin:0 0 7px;font-size:1.1rem}.settings-card>p,.generator-card>p{color:var(--muted-strong);margin:0 0 22px;font-size:.9rem;line-height:1.6}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-copy strong{margin-bottom:4px;font-size:.9rem;display:block}.setting-copy span{color:var(--muted);font-size:.82rem;line-height:1.45;display:block}.compact-select{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);min-height:40px;color:var(--ink);padding:0 9px}.generator-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:18px;display:grid}.generator-output{align-content:start;gap:17px;display:grid}.generated-value{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);min-height:90px;color:var(--ink);overflow-wrap:anywhere;padding:17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;line-height:1.55}.range-row{gap:9px;display:grid}.range-row label{color:var(--muted-strong);justify-content:space-between;font-size:.85rem;font-weight:720;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}.checkbox-grid{gap:10px;display:grid}.checkbox-label{min-height:38px;color:var(--muted-strong);cursor:pointer;align-items:center;gap:10px;font-size:.87rem;display:flex}.checkbox-label input{width:18px;height:18px;accent-color:var(--accent)}.toast{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);max-width:min(360px,100vw - 40px);box-shadow:var(--shadow);color:var(--ink);padding:12px 15px;font-size:.86rem;animation:.2s ease-out both settle-in;position:fixed}.mobile-nav{display:none}.boot-screen{min-height:100dvh;color:var(--muted-strong);place-items:center;padding:24px;display:grid}.boot-content{justify-items:center;gap:16px;font-size:.9rem;display:grid}.boot-content p{margin:0}.loader-ring{width:27px;height:27px;color:var(--accent);border-width:3px}.form-shell,.vault-grid,.settings-grid{animation:.22s ease-out both settle-in}@keyframes spin{to{transform:rotate(360deg)}}@keyframes settle-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=71.99rem){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar .wordmark{justify-content:center;margin-inline:0}.sidebar .wordmark-text,.nav-label,.nav-link-text,.session-hint{display:none}.nav-link{justify-content:center;padding-inline:0}.nav-marker{width:20px;height:5px}.sidebar-bottom .quiet-button{padding-inline:0;font-size:0}.sidebar-bottom .quiet-button:before{content:"K";font-size:.85rem}.generator-layout{grid-template-columns:1fr}}@media (width<=47.99rem){.auth-screen{align-items:start;padding:20px 16px}.auth-frame{margin-top:8vh}.auth-card{padding:24px 20px}.app-shell{min-height:100dvh;display:block}.sidebar{display:none}.topbar{min-height:62px;padding:12px 16px}.topbar-title{font-size:.88rem}.topbar-actions .quiet-button{padding-inline:11px;font-size:.78rem}.content{padding:27px 16px calc(98px + env(safe-area-inset-bottom))}.content-header,.form-header{flex-direction:column;align-items:start;gap:17px;margin-bottom:22px}.content-header .primary-button,.form-header .button{width:100%}.search-panel{padding:9px 11px}.list-tools{flex-direction:column}.category-filter{width:100%}.input-with-action{flex-wrap:wrap}.input-with-action input{flex-basis:100%}.input-with-action .button{flex:1}.restore-entry .button{width:100%}.shortcut{display:none}.vault-grid{margin-top:22px;display:block}.vault-grid.detail-open .list-column{display:none}.detail-card{padding:20px 17px;position:static}.mobile-back{min-height:44px;color:var(--accent-strong);cursor:pointer;background:0 0;align-items:center;margin-bottom:15px;padding:0;font-size:.85rem;font-weight:720;display:inline-flex}.form-card,.settings-card,.generator-card{padding:20px 17px}.form-grid{grid-template-columns:1fr;gap:16px}.form-field.full{grid-column:auto}.setting-row{flex-direction:column;align-items:start;gap:11px}.compact-select{width:100%}.form-actions,.detail-actions{grid-template-columns:1fr;display:grid}.form-actions>*,.detail-actions>*{width:100%}.mobile-nav{z-index:10;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 22px #26231d14}.mobile-nav .nav-link{text-align:center;flex-direction:column;gap:3px;min-height:50px;padding:4px;font-size:.68rem}.mobile-nav .nav-marker{width:18px;height:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}