:root{--background:#fff;--foreground:#111;--surface:#fff;--muted:#5e5e5e;--line:#d1d1d1;--line-strong:#111;--shadow:#0000001f}:root[data-theme=dark]{--background:#111;--foreground:#f7f7f7;--surface:#191919;--muted:#c7c7c7;--line:#5f5f5f;--line-strong:#f7f7f7;--shadow:#0000006b}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--background)}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{color:inherit;font:inherit}button{touch-action:manipulation}:is(button:focus-visible,input:focus-visible){outline:3px solid var(--foreground);outline-offset:3px}.simple-page{isolation:isolate;min-height:100vh;place-items:center;min-height:100svh;padding:28px;display:grid;position:relative}.simple-page:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.22;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:absolute;top:28px;right:28px}.theme-toggle:hover{background:var(--foreground);color:var(--background)}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:21px;height:21px}.username-tool{text-align:center;width:min(720px,100%)}h1{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:.96}.tagline{color:var(--muted);margin:14px 0 44px;font-size:.95rem}.generator-row{grid-template-columns:56px minmax(0,1fr) 170px;align-items:start;gap:12px;display:grid}.username-field,.generate-button,.settings-button{border:1px solid var(--line-strong);background:var(--surface);min-height:58px;box-shadow:5px 5px 0 var(--shadow);border-radius:12px;font-size:1rem;font-weight:700}.username-field{grid-template-columns:minmax(0,1fr) 54px 54px;min-width:0;display:grid}.username-output{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:19px 8px 19px 20px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;display:block;overflow:hidden}.copy-button,.history-button{color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:7px;padding:0;display:grid}.copy-button:hover,.history-button:hover{background:var(--foreground);color:var(--background)}.checkmark{font-size:1.35rem}.history-wrap{position:relative}.history-button{width:40px;height:44px}.history-popover{z-index:10;border:1px solid var(--line-strong);background:var(--surface);width:260px;box-shadow:7px 7px 0 var(--shadow);text-align:left;border-radius:12px;padding:18px;position:absolute;top:66px;right:0}.history-popover h2{margin:0 0 12px;font-size:1rem}.history-popover p{color:var(--muted);margin:0;font-size:.84rem}.history-popover ol{gap:4px;max-height:272px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.history-popover li{min-width:0}.history-popover li button{width:100%;color:var(--foreground);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 10px;font-family:Courier New,Courier,monospace;font-size:.82rem;font-weight:700;overflow:hidden}.history-popover li button:hover{border-color:var(--line-strong);background:var(--background)}.generate-button{background:var(--foreground);color:var(--background);cursor:pointer}.generate-button:hover{background:var(--background);color:var(--foreground)}.settings-wrap{position:relative}.settings-button{cursor:pointer;place-items:center;width:56px;padding:0;display:grid}.settings-button:hover{background:var(--foreground);color:var(--background)}.settings-popover{z-index:10;border:1px solid var(--line-strong);background:var(--surface);width:280px;max-height:calc(100svh - 120px);box-shadow:7px 7px 0 var(--shadow);text-align:left;border-radius:12px;padding:18px;position:absolute;top:0;right:calc(100% + 12px);overflow-y:auto}.settings-popover h2{margin:0 0 16px;font-size:1rem}.settings-options{border:0;margin:0;padding:0}.settings-options-spaced{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.settings-options legend{color:var(--muted);margin-bottom:8px;font-size:.78rem}.setting-row{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:.9rem;display:flex}.setting-row input{width:18px;height:18px;accent-color:var(--foreground);margin:0}.length-control{border-top:1px solid var(--line);gap:8px;margin-top:14px;padding-top:14px;font-size:.84rem;font-weight:700;display:grid}.length-control select{border:1px solid var(--line-strong);background:var(--background);cursor:pointer;border-radius:7px;width:100%;min-height:42px;padding:0 10px}.custom-word{border-top:1px solid var(--line);gap:8px;margin-top:14px;padding-top:14px;font-size:.84rem;font-weight:700;display:grid}.custom-word input,.custom-word select{border:1px solid var(--line-strong);background:var(--background);border-radius:7px;width:100%;min-height:42px;padding:0 11px}.custom-word select{cursor:pointer}.custom-word input::placeholder{color:var(--muted);opacity:1}.status-message{min-height:1.3rem;color:var(--muted);margin:12px 0 0;font-size:.8rem}.privacy-note{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.68rem;font-weight:600;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@media (max-width:640px){.simple-page{padding:20px}.theme-toggle{top:20px;right:20px}h1{font-size:2.35rem}.tagline{margin-bottom:38px}.generator-row{grid-template-columns:56px 1fr}.username-field{grid-area:1/1/auto/-1}.settings-wrap{grid-area:2/1}.generate-button{grid-area:2/2}.settings-popover{width:min(280px,100vw - 40px);top:68px;left:0;right:auto}}@media (prefers-contrast:more){.username-field,.generate-button,.settings-button,.settings-popover,.history-popover,.theme-toggle,.length-control select,.custom-word input,.custom-word select{border-width:2px}.tagline,.privacy-note,.settings-options legend{color:var(--foreground)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}