:root{color:#172033;font-synthesis:none;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{max-width:1080px;margin:0 auto;padding:40px 24px 64px}h2{margin:0 0 .7rem;font-size:1.25rem}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:#53627a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.back-link{color:#53627a;margin-bottom:.35rem;text-decoration:none;display:inline-block}.muted{color:#667085;margin:.2rem 0 .8rem;line-height:1.5}.card{background:#fff;border:1px solid #e4e9f2;border-radius:16px;padding:24px;box-shadow:0 10px 35px #1e375a14}form,label{gap:8px;display:grid}form{gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{color:#172033;background:#fff;border:1px solid #cbd3df;border-radius:9px;width:100%;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:#315efb;outline:none;box-shadow:0 0 0 3px #315efb21}button{color:#25324a;cursor:pointer;background:#fff;border:1px solid #c7cfdb;border-radius:9px;padding:10px 14px;font-weight:650}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#315efb;border-color:#315efb}.danger{color:#a12828}.error,.notice{border-radius:10px;padding:12px 14px}.error{color:#9d2020;background:#fff0f0}.notice{color:#214caa;background:#eef4ff}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.filters{align-items:end;gap:10px;display:flex}.filters label{font-size:.82rem}.filters input,.filters select{min-width:170px}.vault-grid,.entry-list,.history ul{margin:0;padding:0;list-style:none}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vault-grid a{color:#172033;background:#fff;border:1px solid #e0e6ef;border-radius:13px;gap:8px;min-height:140px;padding:20px;text-decoration:none;transition:all .15s;display:grid}.vault-grid a:hover{border-color:#9eb1d0;transform:translateY(-2px);box-shadow:0 8px 24px #213a5d14}.vault-grid span{color:#667085;font-size:.9rem}.vault-grid .open-label{color:#315efb;margin-top:auto}.revision-badge{color:#3152b8;background:#e9efff;border-radius:999px;padding:8px 12px;font-weight:700}.toolbar,.entry-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar{margin-bottom:18px}.entry-list{gap:12px;display:grid}.entry-card{background:#fff;border:1px solid #e1e7f0;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.entry-summary{gap:5px;min-width:0;display:grid}.entry-summary span{color:#667085}.entry-summary code{overflow-wrap:anywhere}.history{border-top:1px solid #dfe5ee;margin-top:38px;padding-top:24px}.history li{justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.empty-state{color:#667085;text-align:center;background:#fff;border:1px dashed #bdc8d8;border-radius:13px;padding:28px}a{color:#315efb}.auth-card{margin-top:12vh}.row-actions{justify-content:flex-end}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-backdrop{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:16px;width:100%;max-width:460px;padding:24px;box-shadow:0 24px 70px #00000040}.confirm-dialog p{color:#53627a;line-height:1.5}.confirm-dialog .row-actions{margin-top:20px}.confirm-dialog .danger.primary{color:#fff;background:#b42318;border-color:#b42318}@media (width<=760px){.section-heading,.filters{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%}main{padding:24px 16px 48px}.form-grid,.vault-grid{grid-template-columns:1fr}.entry-card,.history li{flex-direction:column;align-items:stretch}.entry-actions button{flex:1}header{align-items:center}h1{margin-bottom:1rem}}.key-section{max-width:1080px;margin:0 auto 48px;padding:0 24px;display:block}.account-identity{color:#53627a;text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-left:auto;font-size:.9rem;overflow:hidden}@media (width<=760px){.account-identity{max-width:42vw}}:root{color:#262626;background:#fafafa}body{background:#fafafa}main{max-width:975px;padding:28px 20px 56px}h1{letter-spacing:-.035em;margin:.1rem 0;font-size:2rem}h2{letter-spacing:-.015em;font-size:1.18rem}.eyebrow{color:#737373;letter-spacing:.18em;margin-bottom:3px;font-size:.7rem}header{background:#fff;border:1px solid #dbdbdb;border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px}header>div{min-width:0}header>button{flex:none;order:3}.account-identity{color:#262626;flex:0 auto;order:2;align-items:center;gap:8px;max-width:none;margin-left:auto;font-size:.86rem;font-weight:600;display:flex;overflow:visible}.account-avatar{color:#fff;background:linear-gradient(135deg,#feda75,#d62976 55%,#4f5bd5);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:.76rem;font-weight:800;display:inline-flex}.account-email{text-overflow:clip;white-space:nowrap;overflow:visible}.card{box-shadow:none;border:1px solid #dbdbdb;border-radius:10px;padding:22px}.form-grid{gap:16px;margin-bottom:28px}.muted{color:#737373}.card .muted{min-height:48px}input,textarea,select{color:#262626;background:#fafafa;border-color:#dbdbdb;border-radius:6px;padding:11px 12px}input:focus,textarea:focus,select:focus{box-shadow:none;border-color:#a8a8a8}input[type=file]{background:#fff;padding:8px}input[type=file]::file-selector-button{color:#262626;cursor:pointer;font:inherit;background:#fff;border:1px solid #dbdbdb;border-radius:6px;margin-right:10px;padding:8px 10px;font-weight:600}button{color:#262626;border-color:#dbdbdb;border-radius:8px;padding:9px 14px}.primary{background:#0095f6;border-color:#0095f6}.error{color:#ed4956;background:#fff;border:1px solid #ed4956}.notice{color:#0064a8;background:#eff7ff;border:1px solid #bde1fa}.section-heading{align-items:end;margin-top:6px}.filters{gap:12px}.filters label{color:#737373}.vault-grid{gap:12px}.vault-grid a{border-color:#dbdbdb;border-radius:10px;min-height:118px;padding:17px}.vault-grid a:hover{box-shadow:none;border-color:#a8a8a8;transform:none}.vault-grid .open-label,a{color:#0095f6}.entry-card{border-color:#dbdbdb;border-radius:10px}.revision-badge{color:#0074cc;background:#eff7ff}.empty-state{border-color:#dbdbdb;border-radius:10px}.key-section{max-width:975px;padding:0 20px}.key-section>.card{max-width:none}.auth-card{box-shadow:none;background:0 0;border:0;margin-top:6vh}.confirm-dialog{border:1px solid #dbdbdb;border-radius:12px;box-shadow:0 12px 40px #00000024}@media (width<=760px){main{padding:14px 12px 42px}header{align-items:center;padding:12px}.account-identity{max-width:45vw;margin-left:auto}.account-email{display:none}.account-avatar{flex-basis:32px;height:32px}.key-section{padding:0 12px}.card{padding:18px}.card .muted{min-height:0}h1{font-size:1.65rem}}.account-identity{flex-shrink:0;min-width:max-content}.account-email{flex:none;min-width:max-content;padding-right:2px;display:inline-block}:root{--accent:#0095f6;--accent-hover:#1877f2;--page:#fafafa;--surface:#fff;--surface-soft:#f5f5f5;--text:#262626;--muted:#737373;--border:#dbdbdb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--page:#0f0f0f;--surface:#181818;--surface-soft:#242424;--text:#f1f1f1;--muted:#aaa;--border:#3f3f3f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-style=youtube]{--accent:#f03;--accent-hover:#cc0029}[data-style=tiktok]{--accent:#00c2c7;--accent-hover:#00a3a8}body,:root{background:var(--page);color:var(--text)}header,.card,.vault-grid a,.entry-card,.empty-state,.confirm-dialog,.key-section>.card{background:var(--surface);border-color:var(--border);color:var(--text)}h1,h2,strong,label{color:var(--text)}.muted,.entry-summary span,.vault-grid span,.filters label{color:var(--muted)}input,textarea,select{background:var(--surface-soft);border-color:var(--border);color:var(--text)}button{background:var(--surface);border-color:var(--border);color:var(--text)}button:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}a,.vault-grid .open-label{color:var(--accent)}[data-style=instagram] .account-avatar{background:linear-gradient(135deg,#feda75,#d62976 55%,#4f5bd5)}[data-style=youtube] .account-avatar{background:#f03}[data-style=tiktok] .account-avatar{background:linear-gradient(135deg,#25f4ee 0 45%,#fe2c55 55%)}.account-identity{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);border-radius:999px;min-width:0;padding:5px 10px 5px 5px;overflow:visible}.account-email{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;flex:0 auto;min-width:0;padding-right:4px;display:block;overflow:visible}.theme-controls{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:12px;align-items:end;gap:8px;padding:8px;display:flex;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 28px #0000001f}.theme-controls label{gap:3px;font-size:.68rem;display:grid}.theme-controls label span{color:var(--muted);padding-left:3px}.theme-controls select{width:auto;min-width:112px;padding:7px 9px;font-size:.78rem}[data-style=youtube] .card,[data-style=youtube] header,[data-style=youtube] .vault-grid a{border-radius:12px}[data-style=tiktok] .primary{box-shadow:3px 3px #fe2c55}[data-style=tiktok] .card,[data-style=tiktok] header{border-radius:4px}@media (width<=760px){.theme-controls{bottom:8px;left:8px;right:8px}.theme-controls label{flex:1}.theme-controls select{width:100%;min-width:0}.account-identity{padding-right:5px}.account-email{display:none}}input[type=file]{background:var(--surface-soft);border-color:var(--border);color:var(--text)}input[type=file]::file-selector-button{background:var(--surface-soft);border-color:var(--border);color:var(--text)}:is(input:autofill,input:-moz-autofill){background-color:var(--surface-soft)!important;box-shadow:0 0 0 1000px var(--surface-soft) inset!important;color:var(--text)!important;filter:none!important}input:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface-soft) inset!important;caret-color:var(--text)!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface-soft) inset!important;caret-color:var(--text)!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface-soft) inset!important;caret-color:var(--text)!important}.auth-card{max-width:620px}.auth-mode,.auth-methods{align-items:center;gap:8px;margin:0 0 16px;display:flex}.auth-mode a,.auth-methods button{border:1px solid var(--border);text-align:center;border-radius:9px;flex:1;padding:11px 14px;font-weight:700;text-decoration:none}.auth-mode span,.auth-methods span{color:var(--muted);font-size:.8rem}.auth-mode a.active,.auth-methods button.active{background:var(--accent);border-color:var(--accent);color:#fff}.auth-method-card{margin-bottom:18px}.auth-method-card h1{margin:0 0 8px;font-size:1.45rem}@media (width<=520px){.auth-mode,.auth-methods{grid-template-columns:1fr;align-items:stretch;display:grid}.auth-mode span,.auth-methods span{text-align:center}}