:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--text:#1c2430;--text-muted:#5b6673;--border:#d7dce2;--accent:#2563eb;--accent-hover:#1d4ed8;--error:#b91c1c;--copied:#15803d;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#10141a;--surface:#1a2029;--text:#e8ecf1;--text-muted:#97a1ad;--border:#2d3641;--accent:#3b82f6;--accent-hover:#60a5fa;--error:#f87171;--copied:#4ade80}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;margin:0;display:flex}.container{flex:1;width:min(48rem,100% - 2rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-nav{justify-content:space-between;align-items:center;gap:1rem;width:min(48rem,100% - 2rem);margin-inline:auto;padding-block:.75rem;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.nav-links{gap:1rem;display:flex}.nav-links a{color:var(--text-muted);text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding-block:1rem;font-size:.875rem}.site-footer a{color:var(--accent)}.generator-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-block:2rem;padding:1.5rem}.generator-card h2{margin-top:0}.card-hint{color:var(--text-muted);margin-top:-.5rem;font-size:.875rem}.password-row{align-items:stretch;gap:.5rem;margin-bottom:1rem;display:flex}.password-output{border:1px solid var(--border);background:var(--bg);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:.5rem;flex:1;min-width:0;padding:.65rem .75rem;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:1.05rem}.icon-button{border:1px solid var(--border);background:var(--surface);min-width:2.75rem;color:var(--text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem .65rem;display:inline-flex}.text-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.45rem .9rem}.icon-button:hover,.text-button:hover{border-color:var(--accent);color:var(--accent)}.icon-button.copied,.text-button.copied{border-color:var(--copied);color:var(--copied);font-weight:600}.preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.preset{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.875rem}.preset:hover{border-color:var(--accent);color:var(--accent)}.control-row{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.control-row.wrap{flex-wrap:wrap}.control-row label{font-weight:500}#length-slider{accent-color:var(--accent);flex:1}#length-number,#passphrase-words,#uuid-version{border:1px solid var(--border);background:var(--bg);width:4.5rem;color:var(--text);font:inherit;border-radius:.5rem;padding:.4rem .5rem}#uuid-version{width:auto}.filter-group{border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem;padding:.75rem 1rem 1rem;display:flex}.filter-group legend{padding-inline:.35rem;font-weight:600}.filter{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.filter input{accent-color:var(--accent);width:1rem;height:1rem}.sample{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:.25rem;padding:0 .3rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}.error-message{color:var(--error);margin:-.5rem 0 1rem;font-weight:500}.about-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-block:2rem;padding:1.5rem}.about-section h2{border-bottom:1px solid var(--border);margin-top:0;padding-bottom:.5rem}.about-section pre{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;overflow-x:auto}@media (width<=40rem){.site-nav{flex-direction:column;align-items:flex-start;gap:.25rem}.generator-card{padding:1rem}.password-output{font-size:.95rem}}