:root{color-scheme:dark;--bg:#0b0e0c;--panel:#111612;--border:#29332a;--green:#c0f878;--text:#eef1e9;--muted:#939e91;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:48px 48px}.shell{max-width:1136px;padding:0 48px;margin:auto}header{height:102px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:2px}.brand-icon{color:var(--green);font-size:25px;letter-spacing:-3px;margin-right:4px}.brand-sub{font-size:10px;line-height:1.5;letter-spacing:1px;font-weight:400;color:var(--muted);max-width:90px;padding-left:14px;border-left:1px solid var(--border)}.local{display:flex;align-items:center;gap:9px;color:var(--muted);font:12px var(--mono)}.local span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #c0f84444}main{padding:44px 0 0}.eyebrow{font:12px var(--mono);color:var(--green);letter-spacing:2px;margin-bottom:19px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1{font-size:clamp(38px,5vw,60px);letter-spacing:-2.5px;line-height:1.04;margin:0;font-weight:700}h1>span{color:var(--green)}.cursor{font-family:var(--mono);font-weight:400}.heading p{color:var(--muted);margin:17px 0 0;font-size:15px}.stamp{font:28px var(--mono);color:#52654d;transform:rotate(-7deg);border:1px solid #30402b;padding:21px 25px;text-align:center;box-shadow:5px 5px 0 #141d11}.stamp small{display:block;font-size:10px;letter-spacing:3px;margin-top:10px}.terminal{border:1px solid #3d4b35;border-radius:10px;overflow:hidden;background:#0f1410;box-shadow:0 12px 50px #0003}.terminal-bar{padding:16px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#192018;border-bottom:1px solid var(--border);font:12px var(--mono);color:var(--muted)}.terminal-bar>div{display:flex;gap:20px}.terminal-dots{font-size:11px;color:#5f6c56;letter-spacing:3px}.password-row{display:flex;align-items:center;gap:20px;min-height:65px;border-bottom:1px solid #222b22;padding:10px 21px}.password-row:last-child{border-bottom:0}.row-number{font:12px var(--mono);color:#66725f;width:20px;flex-shrink:0}.password{font:22px/1.5 var(--mono);letter-spacing:1.3px;overflow-wrap:anywhere;min-width:0;flex:1}.char-digit{color:var(--green)}.char-symbol{color:#c9a5ff}.copy{flex-shrink:0;display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #35412f;border-radius:5px;background:#1a2317;color:#c9d7bd;padding:9px 12px;font-size:12px;min-width:112px;cursor:pointer}.copy:hover{background:#2a3920;border-color:var(--green);color:var(--green)}.copy svg{width:15px;height:15px}.terminal-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px 21px;border-top:1px solid var(--border);font:11px var(--mono);color:var(--muted)}.legend{display:flex;align-items:center;gap:7px}.legend i{width:5px;height:5px;background:#e1e8dc;margin-left:9px}.legend i:first-child{margin-left:0}.legend i:nth-child(2){background:var(--green)}.legend i:nth-child(3){background:#c9a5ff}.generate-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:21px 0 36px}.generate-row p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;padding-left:24px;position:relative}.tiny-arrow{position:absolute;left:0;color:var(--green)}button,input,select{font:inherit}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}.primary{background:var(--green);color:#17220e;border:1px solid var(--green);padding:16px 24px;border-radius:5px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:12px}.primary:hover{background:#d2ff98;box-shadow:0 0 22px #b6ec6820}.primary>span{font-size:24px;line-height:18px}.primary:disabled{opacity:.4;cursor:not-allowed}.settings{border-top:1px solid var(--border);padding-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font-size:17px;margin:0;font-weight:500}h2 span{font:12px var(--mono);color:#7b8e6c;margin-right:13px}.reset{border:none;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:8px}.reset:hover{color:var(--green)}.settings-grid{display:grid;grid-template-columns:1fr 220px;gap:60px;align-items:start}.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:37px}.settings label,.count-setting label{font-size:14px}.number-wrap{display:flex;align-items:center;color:var(--muted);font:12px var(--mono);gap:6px}.number-wrap input{width:64px;background:#171e14;border:1px solid #35432e;color:var(--green);padding:8px 5px;text-align:center;border-radius:4px;font-size:17px;font-weight:bold;appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}input[type=range]{display:block;width:100%;margin:18px 0 10px;accent-color:var(--green);cursor:pointer;height:5px}.range-labels{display:flex;justify-content:space-between;color:#7d8b75;font:11px var(--mono)}.count-setting label{display:block;margin-bottom:13px}.count-setting input{width:100%;padding:12px;background:#141b12;border:1px solid #35412f;border-radius:4px;color:var(--text);font-size:14px;cursor:pointer}.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:25px}.group{border:1px solid var(--border);padding:16px 14px;border-radius:5px;display:grid;grid-template-columns:1fr 18px;row-gap:9px;background:#10160f;cursor:pointer;position:relative;color:var(--muted)}.group:has(input:checked){border-color:#546e3f;background:#172013;color:#dce9cf}.group-example{font:20px var(--mono);grid-column:1}.group>span:nth-of-type(2){font-size:12px;grid-column:1}.group input{position:absolute;width:1px;height:1px;opacity:0}.group:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}.checkmark{grid-column:2;grid-row:1;width:17px;height:17px;border:1px solid #48523f;border-radius:3px}.group input:checked~.checkmark{background:var(--green);border-color:var(--green)}.group input:checked~.checkmark:after{content:'✓';color:#18200e;display:block;text-align:center;line-height:15px;font-size:13px;font-weight:bold}.exclude{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted);flex-wrap:wrap;cursor:pointer}.exclude input{width:16px;height:16px;accent-color:var(--green);margin:0}.exclude code{font:12px var(--mono);color:#798773;border:1px solid var(--border);padding:3px 7px;border-radius:3px}.error{color:#ffac9e;font-size:14px}footer{border-top:1px solid var(--border);margin-top:35px;padding:24px 0 30px;display:flex;justify-content:space-between;gap:24px;font:11px/1.6 var(--mono);color:#88947f}.footer-icon{margin-right:7px;color:var(--green)}.footer-version{color:#57654e}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #658c42;border-radius:6px;background:#24351b;color:#d5ffae;font-size:14px;box-shadow:0 8px 30px #0008;pointer-events:none;opacity:0;transition:opacity .15s;max-width:90vw}#toast.visible{opacity:1}@media(min-width:1400px){.shell{max-width:1180px}main{padding-top:50px}.heading{margin-bottom:36px}}@media(max-width:700px){.shell{padding:0 20px}header{height:78px}.brand-sub,.local,.stamp{display:none}main{padding-top:28px}.eyebrow{font-size:10px}h1{font-size:43px}.heading p{font-size:14px}.heading{margin-bottom:24px}.terminal-bar{padding:14px 13px;font-size:10px}.terminal-bar>div{gap:10px}.password-row{padding:12px;gap:10px;min-height:65px}.row-number{width:14px;font-size:10px}.password{font-size:17px;letter-spacing:.3px}.copy{min-width:37px;min-height:38px;padding:8px}.copy-label{display:none}.terminal-bottom{padding:12px;font-size:10px}.terminal-bottom>span:last-child{display:none}.generate-row{flex-direction:column-reverse;align-items:stretch;margin:16px 0 26px;gap:15px}.primary{justify-content:center}.generate-row p br{display:none}.generate-row p{font-size:12px}.settings-grid{grid-template-columns:1fr 125px;gap:20px}.groups{grid-template-columns:repeat(2,1fr)}h2{font-size:15px}h2 span{margin-right:7px}.exclude{font-size:12px!important}.exclude code{margin-left:26px}footer{flex-direction:column;gap:15px;margin-top:26px}input[type=range]{height:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.count-setting small{display:block;color:var(--muted);font:11px var(--mono);margin-top:8px}.copy-all{border:0;background:none;color:var(--green);font:12px var(--mono);padding:3px;cursor:pointer}.copy-all:hover{text-decoration:underline}.copy-all:disabled{opacity:.4;cursor:not-allowed}

.password-text{flex:1;min-width:0}.password-text .password{display:block}.password-hint{display:block;font:13px/1.7 var(--mono);color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.memorable-mode{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);background:var(--panel);padding:18px;border-radius:6px;margin-bottom:24px;cursor:pointer}.memorable-mode input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0;margin:2px 0 0}.memorable-mode strong{display:block;color:var(--text);font-size:16px}.memorable-mode small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:6px}.memorable-mode:has(input:checked){border-color:var(--green)}.memorable-settings{padding:20px;border:1px solid #435a36;border-radius:6px;margin:0 0 26px;min-width:0}.memorable-settings legend{color:var(--green);font-size:14px;padding:0 8px}.memorable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.memorable-grid label{display:block;min-width:0;font-size:13px}.memorable-grid select{display:block;width:100%;background:#141b12;color:var(--text);border:1px solid #35412f;padding:11px 8px;border-radius:4px;margin-top:10px;font-size:13px}.memorable-note,.dictionary-credit{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.dictionary-credit a{color:var(--green);text-underline-offset:3px}.group:has(input:disabled){opacity:.4;cursor:default}.length-setting:has(input:disabled),.exclude:has(input:disabled){opacity:.4}input:disabled{cursor:default}@media(max-width:700px){.memorable-grid{grid-template-columns:1fr}.memorable-mode{padding:14px}.memorable-settings{padding:14px}.password-hint{font-size:11px}.password-text .password{font-size:16px}.memorable-note,.dictionary-credit{font-size:11px}}

.batch-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border)}.batch-button{padding:10px 16px;background:#23321c;border:1px solid #536e3e;color:var(--green);border-radius:5px;cursor:pointer;font-size:14px}.batch-button:hover{background:#324627}.batch-button:disabled{opacity:.4;cursor:not-allowed}#password-list{display:block;box-sizing:border-box;width:100%;height:340px;max-height:60vh;resize:vertical;border:0;background:#0f1410;color:var(--text);padding:18px 20px;font:18px/1.7 var(--mono);white-space:pre;overflow:auto;border-radius:0}#password-list::selection{background:#c0f878;color:#17220e}[hidden]{display:none!important}@media(max-width:700px){.batch-actions{padding:12px}.batch-button{flex:1;padding:12px 8px}#password-list{font-size:16px;padding:14px 12px}}