@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@600;700&display=swap";:root{--bg-ink:#0f1722;--bg-midnight:#102a43;--bg-cloud:#edf2f7;--accent-coral:#ef6f6c;--accent-sun:#f4b942;--accent-mint:#2ec4b6;--text-bright:#f7fafc;--text-muted:#b8c5d6;--panel:#0d1c2bbf;--panel-border:#f7fafc33;--meter-bg:#ffffff24}*{box-sizing:border-box}body{color:var(--text-bright);background:radial-gradient(circle at 20% 10%,#1b3a57 0%,transparent 45%),radial-gradient(circle at 85% 20%,#592941 0%,transparent 35%),linear-gradient(160deg,var(--bg-ink),var(--bg-midnight));min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}.app-shell{display:grid;place-items: center;min-height:100vh;padding:2rem 1rem}.hero-card{background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--panel-border);animation:rise-in .52s ease-out;border-radius:24px;width:min(1220px,100%);padding:clamp(1.2rem,2vw,2.5rem);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff26}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-sun);margin:0;font-size:.85rem}h1{max-width:16ch;margin:.4rem 0 0;font-family:Sora,Space Grotesk,sans-serif;font-size:clamp(1.6rem,3.8vw,3rem);line-height:1.08}.subtitle{color:var(--text-muted);max-width:56ch;margin:1rem 0 1.6rem;line-height:1.45}.controls{display:grid;gap:.9rem}.options-grid{display:grid;grid-template-columns:minmax(260px,1.2fr)minmax(130px,auto)minmax(180px,auto)minmax(230px,auto)minmax(250px,auto);align-items:stretch;gap:.85rem}.actions-row{display:flex;justify-content:flex-end}.options-hint{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;max-width:76ch;margin:.3rem 0 0;padding:.55rem .8rem;font-size:.86rem;line-height:1.4}.length-control{display:grid;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;gap:.4rem;padding:.55rem .75rem;font-size:.92rem}.length-control input[type=range]{accent-color:var(--accent-mint);width:100%}.length-value-control,.leet-intensity-control{display:grid;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;gap:.4rem;padding:.55rem .75rem;font-size:.92rem}.leet-intensity-control select{color:var(--text-bright);background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;min-width:9.5rem;padding:.58rem .9rem;font-family:Sora,Space Grotesk,sans-serif;font-size:.95rem;font-weight:600}.leet-intensity-control select option{color:#0f1722;background:#fff}.leet-intensity-control select:focus-visible{outline:2px solid var(--accent-coral);outline-offset:1px}.toggle-card{display:grid;grid-template-columns:auto 1fr;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items: start;gap:.6rem;padding:.6rem .72rem;transition:border-color .17s,background-color .17s,transform .17s}.toggle-card:hover{background:#ffffff14;border-color:#f4b94273;transform:translateY(-1px)}.toggle-card input[type=checkbox]{accent-color:var(--accent-mint);block-size:1.06rem;inline-size:1.06rem;margin-top:.12rem}.toggle-copy{display:grid;gap:.12rem}.toggle-title{color:var(--text-bright);font-family:Sora,Space Grotesk,sans-serif;font-size:.9rem}.toggle-subtitle{font-size:.8rem;line-height:1.35}#length-value{color:var(--text-bright);text-align:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;min-width:5.4rem;padding:.58rem .9rem;font-family:Sora,Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700}#length-value:focus-visible{outline:2px solid var(--accent-mint);outline-offset:1px}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.65rem 1rem;transition:transform .18s,filter .18s;font-weight:600}button:hover{filter:brightness(1.03);transform:translateY(-1px)}button:active{transform:translateY(1px)}#generate-button{background:linear-gradient(135deg,var(--accent-coral),#f1884d);color:#101828;min-width:13.5rem}.password-panel{display:grid;grid-template-columns:1fr auto;align-items: center;gap:.7rem;margin-top:1rem}#password-output{word-break:break-all;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;margin:0;padding:.85rem 1rem;font-family:Sora,Space Grotesk,sans-serif;font-size:clamp(1rem,2.4vw,1.4rem);line-height:1.35}#copy-button{background:linear-gradient(135deg,var(--accent-mint),#93f1d7);color:#07221f}.strength-panel{background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;margin-top:1rem;padding:.9rem 1rem}.strength-header{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.strength-label,.strength-score,.strength-meta{margin:0}.strength-label{font-family:Sora,Space Grotesk,sans-serif;font-size:1.05rem}.strength-score{color:var(--text-muted);font-size:.9rem}.strength-meter{background:var(--meter-bg);overflow:hidden;border-radius:999px;height:.72rem;margin-top:.7rem}.strength-fill{border-radius:inherit;background:linear-gradient(90deg,#ef6f6c,#f4b942,#2ec4b6);width:0;height:100%;transition:width .28s}.strength-fill[data-score="0"]{filter:saturate(.75)}.strength-fill[data-score="4"]{box-shadow:0 0 12px #2ec4b699}.strength-meta{color:var(--text-muted);margin-top:.55rem;font-size:.9rem}.status-message{color:var(--text-muted);min-height:1.2rem;margin:.9rem 0 0;font-size:.9rem}.status-message[data-state=error]{color:#ffd2cf}@media (max-width:980px){.options-grid{grid-template-columns:1fr 1fr}.actions-row{justify-content:stretch}}@media (max-width:720px){.options-grid{grid-template-columns:1fr}.actions-row{justify-content:stretch}.password-panel{grid-template-columns:1fr}button{width:100%}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}