:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#16284a 0,#07111f 42%);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111fd9;border-bottom:1px solid #243552;justify-content:space-between;align-items:center;height:68px;padding:0 5vw;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brand span{color:#5eead4}.topbar nav{align-items:center;gap:18px;display:flex}.topbar nav a{color:#b8c4d9;text-decoration:none}.centered-page{place-items:center;min-height:calc(100vh - 68px);padding:32px 20px;display:grid}.hero-card,.panel{background:linear-gradient(145deg,#112039f5,#091527f5);border:1px solid #2b4163;border-radius:24px;width:min(680px,100%);padding:clamp(28px,6vw,58px);box-shadow:0 30px 80px #00000059}.hero-card h1,.panel h1{letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.98}.panel h1{font-size:2.2rem}.hero-card p,.panel p{color:#b8c4d9;font-size:1.08rem;line-height:1.7}.eyebrow{color:#5eead4;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:.76rem;font-weight:700;display:inline-flex}.notice{border-radius:12px;margin:24px 0;padding:14px 16px;line-height:1.5}.warning{color:#fde68a;background:#422006;border:1px solid #854d0e}.button-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:#062b2a;background:#5eead4}.secondary{color:#dbeafe;background:#14233b;border-color:#3a5072}.text-button{color:#b8c4d9;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px;display:inline-flex}.form-panel{max-width:560px}.form-panel h1{font-size:clamp(2.2rem,7vw,3.6rem)}form{gap:18px;margin-top:26px;display:grid}label{color:#dbeafe;gap:8px;font-weight:650;display:grid}input,textarea,select{color:#f8fafc;background:#091525;border:1px solid #405574;border-radius:10px;width:100%;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:#5eead4;outline:3px solid #5eead44d}.check-row{color:#cbd5e1;grid-template-columns:20px 1fr;align-items:start;font-weight:500;line-height:1.5}.check-row input{width:18px;margin-top:3px}.error{color:#fecaca;background:#450a0a;border:1px solid #991b1b}.success{color:#bbf7d0;background:#052e16;border:1px solid #166534}button:disabled{opacity:.65;cursor:wait}.vault-page{width:min(1180px,92vw);margin:0 auto;padding:54px 0 90px}.vault-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.vault-heading h1{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(2.5rem,7vw,5rem)}.search-box{background:#091525;border:1px solid #405574;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;max-width:560px;margin-bottom:28px;padding-left:13px}.search-box input{background:0 0;border:0}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.item-card{background:#0d1c31;border:1px solid #2b4163;border-radius:17px;flex-direction:column;min-height:250px;padding:21px;display:flex;box-shadow:0 12px 35px #0003}.item-card h2{overflow-wrap:anywhere;margin:12px 0 8px}.item-title{color:#5eead4;justify-content:space-between;align-items:center;display:flex}.type-pill{letter-spacing:.08em;font-size:.7rem;font-weight:750}.muted{color:#8796ae;font-size:.8rem}.notes{color:#b8c4d9;white-space:pre-wrap;overflow-wrap:anywhere}.card-actions{border-top:1px solid #253955;flex-wrap:wrap;gap:13px;margin-top:auto;padding-top:20px;display:flex}.card-actions button,.icon-button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px;display:inline-flex}.card-actions .danger,.danger{color:#fca5a5}.empty-state{text-align:center;color:#94a3b8;border:1px dashed #405574;border-radius:16px;padding:48px 20px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01070fcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#0d1c31;border:1px solid #405574;border-radius:20px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:clamp(22px,5vw,38px);overflow-y:auto;box-shadow:0 30px 90px #000}.modal.compact{max-width:480px}.modal h2{margin-top:0;font-size:1.8rem}.danger-button{color:#fff;background:#b91c1c}.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}code{color:#d1fae5}@media (width<=700px){.vault-heading{flex-direction:column;align-items:start}.topbar nav a{display:none}}.settings-page{width:min(1050px,92vw);margin:0 auto;padding:54px 0 90px}.settings-heading h1{letter-spacing:-.055em;margin:8px 0 32px;font-size:clamp(2.5rem,7vw,5rem)}.settings-grid{gap:20px;display:grid}.settings-card{width:100%}.settings-card h2{margin-top:0;font-size:1.6rem}.input-with-action{grid-template-columns:1fr auto;gap:10px;display:grid}.input-with-action .button{align-items:center;gap:7px}.generator-controls,.custom-fields{border:1px solid #2b4163;border-radius:12px;gap:12px;padding:14px;display:grid}.generator-controls{grid-template-columns:repeat(2,minmax(120px,1fr))}.generator-controls legend,.custom-fields legend{color:#5eead4;padding:0 7px;font-weight:700}.custom-field-row{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;display:grid}.button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}@media (width<=560px){.topbar{padding:0 18px}.brand{font-size:.9rem}.hero-card{border-radius:18px}.input-with-action,.custom-field-row,.generator-controls{grid-template-columns:1fr}}