:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e1dd;font-synthesis:none;text-rendering:optimizelegibility;--background:#0d1b2a;--surface:#1b263b;--surface-raised:#415a77;--border:#778da961;--border-soft:#778da933;--text:#e0e1dd;--muted:#778da9;--accent:#778da9;--accent-light:#e0e1dd;--accent-dark:#0d1b2a;--radius-lg:24px;--radius-md:14px;background:#0d1b2a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -25%, #778da924, transparent 36rem), var(--background);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,label,input[type=range],input[type=checkbox]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #778da98c}.page-shell{flex-direction:column;width:min(100% - 40px,880px);min-height:100vh;margin:0 auto;display:flex}.site-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:86px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#0d1b2a;background:var(--accent);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 0 24px #778da938}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:21px}.privacy-note{color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.privacy-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;position:relative;box-shadow:0 0 0 4px #778da924}main{flex:1;width:min(100%,720px);margin:0 auto;padding-top:56px}.generator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 80px #0d1b2a73}.password-panel{border-bottom:1px solid var(--border);background:linear-gradient(120deg,#415a7740,#0000 55%),#0d1b2a;padding:25px 28px 28px}.password-heading,.password-meta,.section-heading{justify-content:space-between;align-items:center;display:flex}.password-heading{color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:600}.strength-pill{color:var(--accent);background:var(--accent-dark);letter-spacing:.035em;text-transform:uppercase;border:1px solid #778da94d;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.strength-pill[data-level="1"]{color:#778da9;background:#0d1b2a;border-color:#778da940}.strength-pill[data-level="2"]{color:#e0e1dd;background:#415a7740;border-color:#778da959}.strength-pill[data-level="3"]{color:#e0e1dd;background:#415a7766;border-color:#e0e1dd40}.password-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.password{color:var(--text);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(20px,5vw,29px);font-weight:500;line-height:1.4;display:block;overflow:hidden}.icon-button{width:39px;height:39px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:all .16s;display:grid}.icon-button:hover{color:var(--accent);background:var(--surface-raised);border-color:var(--border);transform:rotate(20deg)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.password-meta{border-top:1px solid var(--border-soft);color:#778da9;min-height:42px;margin-top:22px;padding-top:19px;font-size:11px}.password-meta strong{color:#e0e1dd;font-weight:600}.copy-button{color:#0d1b2a;background:var(--accent-light);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:156px;height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 8px 24px #778da92e}.copy-button:hover{background:#778da9;transform:translateY(-1px);box-shadow:0 10px 30px #778da947}.copy-button:active{transform:translateY(1px)}.copy-button.is-copied{color:#e0e1dd;background:#415a77}.copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:16px}.control-section{border:0;border-bottom:1px solid var(--border-soft);margin:0;padding:28px}.control-section:last-child{border-bottom:0}.section-heading label,legend{color:#e0e1dd;padding:0;font-size:12px;font-weight:700}.length-input-wrap{color:#e0e1dd99;align-items:center;gap:7px;font-size:10px;display:inline-flex}.length-number{color:#e0e1dd;border:1px solid var(--border);text-align:center;background:#0d1b2a;border-radius:8px;width:50px;height:32px;padding:0 4px 0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500}.range{--range-progress:21.4%;appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:19px 0 0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-progress), #415a77 var(--range-progress));border-radius:10px;height:4px}.range::-moz-range-track{background:#415a77;border-radius:10px;height:4px}.range::-moz-range-progress{background:var(--accent);border-radius:10px;height:4px}.range::-webkit-slider-thumb{appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent), 0 2px 8px #0d1b2a8c;border:3px solid #1b263b;border-radius:50%;margin-top:-6px}.range::-moz-range-thumb{background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 1px var(--accent), 0 2px 8px #0d1b2a8c;border:3px solid #1b263b;border-radius:50%}.range-limits{color:#e0e1dd99;justify-content:space-between;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;display:flex}legend{margin-bottom:18px}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.check-option{border:1px solid var(--border-soft);cursor:pointer;background:#0d1b2a;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:12px 14px;transition:all .15s;display:grid}.check-option:hover{border-color:#778da9}.check-option:has(input:checked){background:#415a7738;border-color:#778da98c}.check-option input,.switch-option input{opacity:0;width:1px;height:1px;position:absolute}.check-control{border:1px solid #778da9;border-radius:5px;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.check-control:after{content:"";opacity:0;border-bottom:2px solid #0d1b2a;border-left:2px solid #0d1b2a;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.check-option input:checked+.check-control{background:var(--accent);border-color:var(--accent)}.check-option input:checked+.check-control:after{opacity:1}.check-option input:focus-visible+.check-control,.switch-option input:focus-visible+.switch{outline-offset:3px;outline:3px solid #778da980}.check-option>span:last-child,.switch-option>span:first-child{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.check-option strong,.switch-option strong{color:#e0e1dd;font-size:11px;font-weight:600}.check-option small{color:#778da9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.compact-section{padding-top:22px;padding-bottom:22px}.switch-option{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;display:flex}.switch-option>span:first-child{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.switch-option small{color:#e0e1dd99;font-size:10px}.switch{background:#0d1b2a;border-radius:999px;flex:none;width:37px;height:21px;padding:3px;transition:all .17s}.switch:after{content:"";background:#778da9;border-radius:50%;width:15px;height:15px;transition:all .17s;display:block;box-shadow:0 1px 4px #0d1b2a73}.switch-option input:checked+.switch{background:var(--accent)}.switch-option input:checked+.switch:after{background:#0d1b2a;transform:translate(16px)}.security-message{color:#778da9;text-align:left;justify-content:center;align-items:flex-start;gap:12px;margin:24px 0 54px;padding:0 20px;font-size:10px;line-height:1.6;display:flex}.security-message svg{fill:none;stroke:#778da9;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none;width:17px;margin-top:1px}.security-message p{max-width:440px;margin:0}.security-message strong{color:#e0e1dd;font-weight:600}footer{color:#778da9;border-top:1px solid var(--border-soft);letter-spacing:.025em;justify-content:space-between;align-items:center;min-height:77px;font-size:9px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.page-shell{width:min(100% - 24px,880px)}.site-header{min-height:72px}.privacy-note{font-size:10px}main{padding-top:28px}.password-panel,.control-section{padding-left:20px;padding-right:20px}.password{overflow-wrap:anywhere;white-space:normal}.password-meta{align-items:flex-end}.password-meta>span{max-width:90px;line-height:1.5}.option-grid{grid-template-columns:1fr}footer{flex-direction:column;justify-content:center;gap:7px}}@media (width<=390px){.privacy-note{font-size:0}.copy-button{min-width:133px;padding:0 13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}