:root{color:#172033;font-synthesis:none;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,summary,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ab4ff}.app{color:#172033;background:radial-gradient(circle at 50% -10%,#eaf1ff 0,#f7f8fb 34% 100%);min-height:100vh;transition:all .2s}.app.dark{color:#edf3ff;background:#090d18}.shell{width:min(100% - 32px,1040px);margin:0 auto}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#ffffffe6;border-bottom:1px solid #e3e8f2;position:sticky;top:0}.dark .topbar{background:#090d18e6;border-color:#20283b}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.brand{color:inherit;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:flex}.brand em{color:#73809a;font-style:normal;font-weight:500}.brand-mark{color:#fff;background:linear-gradient(135deg,#315efb,#6c8cff);border-radius:8px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 8px 24px #315efb33}nav{align-items:center;gap:22px;display:flex}nav a{color:#5f6b82;font-size:14px;font-weight:650;text-decoration:none}.dark nav a{color:#aab5ca}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px;display:grid}.main{padding:64px 0 80px}.hero{text-align:center;max-width:760px;margin:0 auto 30px}.privacy-pill{color:#2558dd;background:#edf3ff;border:1px solid #d8e4ff;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:750;display:inline-flex}.dark .privacy-pill{color:#9db7ff;background:#111b33;border-color:#27365d}.hero h1{letter-spacing:-.045em;margin:18px 0 16px;font-size:clamp(36px,6vw,58px);line-height:1.02}.hero p{color:#69758b;margin:0;font-size:17px;line-height:1.7}.dark .hero p{color:#aab5ca}.generator-card{background:#fff;border:1px solid #e2e7f0;border-radius:22px;width:min(100%,760px);margin:0 auto;padding:26px;box-shadow:0 24px 70px #1c2c561a}.dark .generator-card{background:#101726;border-color:#263047;box-shadow:0 24px 70px #00000059}.tabs{background:#f2f4f8;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:26px;padding:5px;display:grid}.dark .tabs{background:#0a101c}.tab{color:#69758b;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 8px;font-weight:650}.tab.active{color:#2558dd;background:#fff;box-shadow:0 2px 8px #14234814}.dark .tab.active{color:#9db7ff;background:#1a2438}.output-panel{background:#fbfcfe;border:1px solid #dfe5ee;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:74px;padding:14px 16px;display:flex}.dark .output-panel{background:#0c1320;border-color:#2a354d}.output-panel code{word-break:break-all;color:#27344d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:17px}.dark .output-panel code{color:#edf3ff}.output-actions{flex-shrink:0;gap:8px;display:flex}.output-actions button{color:#2558dd;cursor:pointer;background:#edf3ff;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-weight:700;display:flex}.output-actions .ghost-square{padding:10px}.control-heading{justify-content:space-between;align-items:center;margin-top:28px;margin-bottom:6px;display:flex}.control-heading strong{color:#2558dd}.range{accent-color:#315efb;width:100%}.switch-grid{grid-template-columns:1fr 1fr;column-gap:34px;margin:18px 0 4px;display:grid}.switch-row{cursor:pointer;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:24px;padding:13px 0;display:flex}.dark .switch-row{border-color:#202a3d}.switch-row span{gap:2px;display:grid}.switch-row strong{font-size:14px}.switch-row small{color:#8994a8}.switch-row input{appearance:none;cursor:pointer;background:#d4dae5;border-radius:999px;flex:none;width:42px;height:24px;transition:all .2s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.switch-row input:checked{background:#315efb}.switch-row input:checked:after{transform:translate(18px)}.options-grid{gap:14px;margin-top:22px;display:grid}.options-grid>label{justify-content:space-between;align-items:center;gap:16px;font-weight:700;display:flex}.options-grid input[type=number],.options-grid select{color:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;min-width:120px;padding:9px 10px}.dark .options-grid input,.dark .options-grid select{background:#0c1320;border-color:#2a354d}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap svg{pointer-events:none;position:absolute;right:10px}.select-wrap select{appearance:none;padding-right:32px}.hint-box{color:#657086;background:#f7f9fc;border:1px solid #e6eaf1;border-radius:12px;margin:12px 0 0;padding:14px;font-size:14px;line-height:1.6}.dark .hint-box{color:#a8b2c6;background:#0d1422;border-color:#263047}.strength-card{border:1px solid #e6eaf1;border-radius:14px;margin-top:26px;padding:16px}.dark .strength-card{border-color:#263047}.strength-card>div:first-child{justify-content:space-between;gap:12px;display:flex}.strength-card strong{color:#16a34a}.meter{grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0 8px;display:grid}.meter i{background:#e2e7ef;border-radius:999px;height:5px}.dark .meter i{background:#263047}.meter i.filled{background:#22c55e}.entropy{color:#7a869b;font-size:13px}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#315efb,#5b7cff);border:0;border-radius:12px;width:100%;margin-top:18px;padding:14px 18px;font-weight:800;box-shadow:0 12px 24px #315efb38}.trust-card{background:#f0f6ff;border:1px solid #dbe8ff;border-radius:18px;gap:16px;width:min(100%,760px);margin:22px auto 0;padding:20px;display:flex}.dark .trust-card{background:#0d172c;border-color:#23395f}.shield{color:#315efb;background:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.dark .shield{color:#9db7ff;background:#16213a}.trust-card h2{margin:0 0 5px;font-size:16px}.trust-card p{color:#657086;margin:0;font-size:14px;line-height:1.6}.dark .trust-card p{color:#a8b2c6}.details-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;width:min(100%,760px);margin:14px auto 0;padding:0 18px}.dark .details-card{background:#101726;border-color:#263047}.details-card summary{cursor:pointer;padding:16px 0;font-weight:750}.details-card ul{color:#657086;padding-bottom:14px;line-height:1.8}.dark .details-card ul{color:#a8b2c6}footer{background:#fff;border-top:1px solid #e3e8f2}.dark footer{background:#090d18;border-color:#20283b}.footer-inner{color:#7a869b;justify-content:space-between;align-items:center;gap:16px;min-height:78px;font-size:13px;display:flex}.footer-inner a{color:#315efb;text-decoration:none}@media (width<=700px){.shell{width:min(100% - 24px,1040px)}.header-inner{min-height:62px}.brand em,nav a{display:none}.main{padding-top:42px}.hero h1{font-size:40px}.hero p{font-size:15px}.generator-card{border-radius:18px;padding:16px}.tabs{display:flex;overflow-x:auto}.tab{flex:1;min-width:88px}.output-panel{flex-direction:column;align-items:flex-start}.output-actions{width:100%}.output-actions button:first-child{flex:1;justify-content:center}.switch-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;justify-content:center;min-height:110px}}