:root{--surface:#fff;--surface-inset:#f6f7f9;--border:#d9dde3;--text:#1c2128;--text-muted:#59636e;--accent:#0969da;--accent-hover:#0757b3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#1c2128;--surface-inset:#14181d;--border:#363c44;--text:#e6e9ec;--text-muted:#9aa4af;--accent:#539bf5;--accent-hover:#6cb0ff}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-inset);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1.5rem;width:min(100%,40rem);margin:0 auto;padding:2rem;display:flex;box-shadow:0 8px 24px #00000014}h1{font-size:1.75rem;line-height:1.2}.subtitle{color:var(--text-muted);margin-top:-1rem}.controls{flex-direction:column;gap:.75rem;display:flex}.length-label{font-size:.95rem}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:2.75rem}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:999px;height:.75rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:1.75rem;height:1.75rem;margin-top:-.5rem;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-track{background:var(--border);border-radius:999px;height:.75rem}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:1.75rem;height:1.75rem;box-shadow:0 1px 4px #00000040}fieldset{border:1px solid var(--border);border-radius:.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.5rem;padding:.75rem 1rem;display:grid}legend{color:var(--text-muted);padding:0 .5rem;font-size:.85rem}.checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox input{accent-color:var(--accent)}.hint{color:#d64545;font-weight:500}.passwords{flex-direction:column;gap:.5rem;list-style:none;display:flex}.password-row{background:var(--surface-inset);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.password-row:hover{border-color:var(--accent);color:inherit}.password-row code{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.95rem;overflow:hidden}.copy-feedback{color:var(--text-muted);opacity:0;font-size:.8rem;transition:opacity .1s}.password-row:hover .copy-feedback,.password-row:focus-visible .copy-feedback,.copy-feedback.copied{opacity:1}.copy-feedback.copied{color:#2f9e44;font-weight:600}button{border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:.5rem;padding:.4rem .9rem;font-size:.85rem}button:hover{border-color:var(--accent);color:var(--accent)}.regenerate{background:var(--accent);border-color:var(--accent);color:#fff;align-self:center;padding:.6rem 1.5rem;font-weight:600}.regenerate:hover{background:var(--accent-hover);color:#fff}footer{text-align:center;color:var(--text-muted);font-size:.85rem}