:root{--bg: #17110c;--bg-elevated: #241a12;--surface: #2e2117;--border: #4a3424;--text: #f6eee6;--muted: #b7a394;--accent: #f0852a;--accent-hover: #ffa045;--accent-text: #2a1404;--danger: #e07070;--password-bg: #322418;--password-border: #4f3726;--radius: 6px;--font: "IBM Plex Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#3a2414 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2c1c10 0%,transparent 50%),var(--bg);line-height:1.45}a{color:var(--accent)}.wrap{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem}.brand{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.lang{display:inline-flex;gap:.25rem;border:1px solid var(--border);border-radius:var(--radius);padding:.15rem;background:var(--surface)}.lang-btn{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.35rem .55rem;border-radius:4px;cursor:pointer}.lang-btn.active{background:var(--accent);color:var(--accent-text)}h1{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600}.lead{margin:.5rem 0 1.75rem;color:var(--muted);max-width:40rem}.panel{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius)}.panel-top{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.4rem}.field>span{font-size:.85rem;color:var(--muted)}.length-row{display:flex;align-items:center;gap:.35rem;height:2.4rem}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);font:inherit;cursor:pointer;padding:.55rem .9rem;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-icon{width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.btn-glyph{display:inline-block;transform:translateY(-2px);line-height:1}.btn-primary{height:2.4rem;background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600;padding:0 1.25rem;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}#length{width:4rem;height:2.4rem;text-align:center;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}#length:focus,.btn:focus-visible,.checks input:focus-visible,.password:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checks{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin:0;padding:0;border:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checks label{display:flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.checks input{accent-color:var(--accent);width:1rem;height:1rem}.hint{margin:1rem 0 .75rem;color:var(--muted);font-size:.9rem}.error{margin:1rem 0 0;color:var(--danger);min-height:1.35rem}.results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.password{position:relative;display:grid;place-items:center;min-height:2.6rem;font-family:var(--mono);font-size:.95rem;letter-spacing:.02em;padding:.65rem .7rem;background:var(--password-bg);border:1px solid var(--password-border);border-radius:var(--radius);color:var(--text);cursor:pointer;overflow:hidden;transition:border-color .15s ease,background .15s ease}.password-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-status{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 88%,var(--password-bg));color:var(--accent-text);font-family:var(--font);font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .12s ease}.password:hover,.password.copied{border-color:var(--accent)}.password.copied .password-status{opacity:1}.note{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}@media(max-width:800px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.panel-top{flex-direction:column;align-items:stretch}.btn-primary{width:100%}.results{grid-template-columns:1fr}}