.username-page{background:var(--white);padding-bottom:100px}.username-hero{text-align:center;padding:70px 0 52px}.username-hero-kicker{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:850;display:inline-flex}.username-hero h1{max-width:900px;font-family:var(--font-heading);letter-spacing:-.06em;margin:0 auto;font-size:clamp(48px,6.2vw,82px);font-weight:800;line-height:.98}.username-hero p{max-width:640px;color:var(--muted);margin:26px auto 0;font-size:18px;line-height:1.55}.username-hero ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.username-hero li{border-radius:var(--radius-pill);color:#40506a;background:var(--white);border:1px solid #c3ccd7;padding:7px 11px;font-size:10px;font-weight:750}.username-workbench{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:34px;display:grid}.username-builder{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#f7fbff;border-radius:20px;padding:27px}.username-builder>header{align-items:center;gap:13px;margin-bottom:24px;display:flex}.username-builder>header>span{border:1.5px solid var(--ink);width:39px;height:39px;color:var(--white);background:var(--blue);border-radius:50%;flex:0 0 39px;place-items:center;font-size:11px;font-weight:800;display:grid}.username-builder h2,.username-results h2,.username-how h2,.username-faq h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:0}.username-builder h2{font-size:23px}.username-builder header p{color:var(--muted);margin:3px 0 0;font-size:11px}.username-field{flex-direction:column;gap:7px;display:flex}.username-field+.username-field{margin-top:14px}.username-field>span,.username-choice-group>.username-control-heading>span{font-size:12px;font-weight:800}.username-field>span{justify-content:space-between;align-items:center;display:flex}.username-field>span small{color:var(--muted);font-size:9px;font-weight:600}.username-field>span b{color:var(--blue);font-size:11px}.username-field input:not([type=range]),.username-field select{width:100%;height:48px;color:var(--ink);background:var(--white);border:1.5px solid #aeb9c7;border-radius:10px;outline:none;padding:0 13px;font-size:14px}.username-field input:focus,.username-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878f921}.username-field input[type=range]{width:100%;accent-color:var(--blue)}.username-choice-group{margin-top:24px}.username-control-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.username-control-heading small{color:var(--muted);font-size:9px}.username-platforms{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.username-platforms button{min-width:0;min-height:61px;color:var(--ink);background:var(--white);cursor:pointer;border:1.5px solid #b7c1cd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 4px;display:flex}.username-platforms button b{width:24px;height:24px;color:var(--white);background:var(--ink);border-radius:7px;place-items:center;font-size:9px;display:grid}.username-platforms button span{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:800;overflow:hidden}.username-platforms button.is-active{border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.username-platforms button.is-active b{background:var(--blue)}.username-vibes{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.username-vibes button{border-radius:var(--radius-pill);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border:1.5px solid #b7c1cd;padding:0 7px;font-size:14px;font-weight:800}.username-vibes button.is-active{border-color:var(--blue);color:var(--white);background:var(--blue)}.username-advanced-trigger{width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-top:1px solid #c7d0da;border-bottom:1px solid #c7d0da;justify-content:space-between;align-items:center;margin-top:22px;padding:0 3px;font-size:14px;font-weight:800;display:flex}.username-advanced-trigger svg{width:17px;height:17px;transition:transform .18s}.username-advanced-trigger.is-open svg{transform:rotate(90deg)}.username-advanced{padding:17px 1px 2px}.username-two-fields{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.username-two-fields .username-field+.username-field{margin-top:0}.username-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:53px;margin-top:13px;display:flex;position:relative}.username-toggle>span{flex-direction:column;gap:2px;display:flex}.username-toggle strong{font-size:11px}.username-toggle small{color:var(--muted);font-size:9px}.username-toggle input{opacity:0;pointer-events:none;position:absolute}.username-toggle i{border:1.5px solid var(--ink);background:#aeb9c7;border-radius:99px;flex:0 0 42px;width:42px;height:24px;position:relative}.username-toggle i:after{content:"";border:1px solid var(--ink);background:var(--white);border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:3px;left:3px}.username-toggle input:checked+i{background:var(--blue)}.username-toggle input:checked+i:after{transform:translate(18px)}.username-generate{border:2px solid var(--ink);border-radius:var(--radius-md);width:100%;min-height:58px;color:var(--white);background:var(--blue);box-shadow:3px 3px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:9px;margin-top:22px;font-size:14px;font-weight:800;display:flex}.username-generate:disabled{opacity:.42;cursor:not-allowed}.username-generate svg{width:21px;height:21px}.username-local-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:9px}.username-results{min-width:0;scroll-margin-top:20px}.username-results>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:20px;min-height:72px;display:flex}.username-results>header>div>span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.username-results h2{margin:5px 0 14px;font-size:clamp(26px,3vw,37px)}.username-results>header>button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;align-items:center;gap:7px;margin-bottom:13px;padding:0 15px;font-size:14px;font-weight:800;display:flex}.username-results>header>button svg{width:17px;height:17px}.username-shortlist-tip{border-bottom:1px solid var(--line);min-height:74px;color:var(--muted);background:#f7fbff;align-items:center;gap:13px;padding:14px 18px;display:flex}.username-shortlist-tip>svg{width:24px;height:24px;color:var(--blue)}.username-shortlist-tip p{flex-direction:column;gap:2px;margin:0;display:flex}.username-shortlist-tip strong{color:var(--ink);font-size:12px}.username-shortlist-tip span{font-size:10px}.username-favorites{border-bottom:1px solid var(--line);background:#fff4bf;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:10px;min-height:86px;padding:14px 52px 14px 18px;display:grid;position:relative}.username-favorites>div:first-child{flex-direction:column;gap:2px;display:flex}.username-favorites>div:first-child strong{font-size:12px}.username-favorites>div:first-child span{color:var(--muted);font-size:9px}.username-favorites>div:nth-child(2){gap:6px;display:flex;overflow-x:auto}.username-favorites>div:nth-child(2) button{min-height:38px;color:var(--ink);background:var(--white);cursor:pointer;border:1px solid #b58b00;border-radius:99px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:14px;font-weight:800;display:flex}.username-favorites>div:nth-child(2) svg{width:13px;height:13px}.username-favorites>button{width:31px;height:31px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #cbb36a;border-radius:50%;padding:7px;position:absolute;right:14px}.username-favorites>button svg{width:100%;height:100%}.username-result{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:109px;padding:18px 4px 18px 16px;transition:background .16s;display:grid}.username-result:hover{background:#f8fbff}.username-result.is-favorite{background:#fffbeb}.username-result-main{min-width:0}.username-result-main>strong{font-family:var(--font-heading);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2.2vw,29px);display:block;overflow:hidden}.username-result-main>span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.username-result-main>div{flex-wrap:wrap;gap:5px 12px;margin-top:9px;display:flex}.username-result-main small{color:#37634e;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.username-result-main small svg{width:12px;height:12px}.username-result-actions{align-items:center;gap:6px;display:flex}.username-result-actions button,.username-result-actions a{min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border:1.5px solid #b6c0cc;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.username-result-actions button:nth-child(2){width:38px;padding:0}.username-result-actions button.is-active{color:#a87900;background:#fff4bf;border-color:#d8a400}.username-result-actions button.is-active svg{fill:currentColor}.username-result-actions button.is-copied{color:#2f6a4e;border-color:#4b8e69}.username-result-actions svg{width:15px;height:15px}.username-check-note{border-radius:var(--radius-md);color:var(--muted);background:#f0f7ff;border:1px solid #a9c9ed;align-items:flex-start;gap:10px;margin:20px 0 0;padding:15px 17px;font-size:10px;line-height:1.5;display:flex}.username-check-note svg{width:18px;height:18px;color:var(--blue);flex:0 0 18px}.username-check-note strong{color:var(--ink)}.username-builder button:focus-visible,.username-results button:focus-visible,.username-result-actions a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.username-how{grid-template-columns:.8fr 1.2fr;gap:90px;padding:125px 0 110px;display:grid}.username-how h2,.username-use-cases h2,.username-choice-guide h2,.username-faq h2{font-size:clamp(40px,4.5vw,60px);line-height:1}.username-how ol{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.username-how li{border-bottom:1px solid var(--line);grid-template-columns:42px 175px minmax(0,1fr);align-items:center;gap:14px;min-height:94px;display:grid}.username-how li b{color:var(--blue);font-size:11px}.username-how li strong{font-family:var(--font-heading);font-size:15px}.username-how li span{color:var(--muted);font-size:13px;line-height:1.5}.username-use-cases{padding:0 0 115px}.username-use-cases>header{max-width:820px}.username-use-cases header>span,.username-choice-guide header>span{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.username-use-cases h2,.username-choice-guide h2{font-family:var(--font-heading);letter-spacing:-.055em;margin:12px 0 0}.username-use-cases>header>p,.username-choice-guide header>p{max-width:680px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.7}.username-use-cases>div{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px;display:grid}.username-use-cases article{border-right:1px solid var(--line);min-height:245px;padding:24px 22px}.username-use-cases article:last-child{border-right:0}.username-use-cases article b{color:var(--blue);font-size:10px}.username-use-cases h3,.username-choice-guide h3{font-family:var(--font-heading);letter-spacing:-.035em;margin:46px 0 0;font-size:19px}.username-use-cases article p,.username-choice-guide article p{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.65}.username-choice-guide{color:var(--white);background:var(--ink);margin-bottom:110px;padding:90px 0}.username-choice-guide>.shell{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.username-choice-guide header>span{color:#8fc5ff}.username-choice-guide header>p{color:#b5c1d0}.username-choice-guide>.shell>div{border-top:1px solid #526075;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.username-choice-guide article{border-bottom:1px solid #526075;min-height:190px;padding:22px 22px 22px 0}.username-choice-guide article:nth-child(odd){border-right:1px solid #526075}.username-choice-guide article:nth-child(2n){padding-left:22px}.username-choice-guide h3{margin-top:0;font-size:17px}.username-choice-guide article p{color:#b5c1d0}.username-faq{grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:20px;display:grid}.username-faq>div{border-top:2px solid var(--ink)}.username-faq details{border-bottom:1px solid var(--line)}.username-faq summary{min-height:76px;font-family:var(--font-heading);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:0 4px;font-size:16px;font-weight:800;list-style:none;display:flex}.username-faq summary::-webkit-details-marker{display:none}.username-faq summary:after{content:"+";border:1.5px solid var(--ink);width:30px;height:30px;color:var(--white);background:var(--ink);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.username-faq details[open] summary:after{content:"−";color:var(--ink);background:var(--yellow)}.username-faq details p{color:var(--muted);margin:-2px 48px 23px 4px;font-size:14px;line-height:1.65}@media (width<=1040px){.username-workbench{grid-template-columns:340px minmax(0,1fr);gap:25px}.username-result{grid-template-columns:1fr;align-items:start;gap:13px}.username-result-actions{justify-content:flex-start}.username-result-actions button,.username-result-actions a{min-height:40px}.username-how,.username-faq{gap:55px}.username-use-cases>div{grid-template-columns:repeat(2,minmax(0,1fr))}.username-use-cases article:nth-child(2){border-right:0}.username-use-cases article:nth-child(-n+2){border-bottom:1px solid var(--line)}.username-choice-guide>.shell{gap:55px}}@media (width<=760px){.username-page{padding-bottom:50px}.username-hero{text-align:left;padding:48px 0 36px}.username-hero h1{font-size:clamp(46px,13vw,64px)}.username-hero p{margin:20px 0 0;font-size:16px}.username-hero ul{justify-content:flex-start}.username-workbench{grid-template-columns:1fr;gap:48px;width:min(100% - 24px,680px)}.username-builder{box-shadow:3px 3px 0 var(--ink);border-radius:18px;padding:22px 18px}.username-results>header{align-items:flex-start}.username-results>header>button{flex:none}.username-favorites{grid-template-columns:1fr}.username-result{padding-left:6px}.username-how,.username-faq{grid-template-columns:1fr;gap:43px;padding:90px 0 75px}.username-how li{grid-template-columns:35px minmax(0,1fr);gap:8px 13px;padding:15px 0}.username-how li span{grid-column:2}.username-faq{padding-top:0}.username-use-cases{padding-bottom:85px}.username-use-cases>div{grid-template-columns:1fr;margin-top:34px}.username-use-cases article{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.username-use-cases article:last-child{border-bottom:0}.username-use-cases h3{margin-top:34px}.username-choice-guide{margin-bottom:85px;padding:74px 0}.username-choice-guide>.shell{grid-template-columns:1fr;gap:42px}}@media (width<=480px){.username-platforms{grid-template-columns:repeat(3,1fr)}.username-results>header{flex-direction:column;gap:0}.username-results>header>button{margin:0 0 13px}.username-result-actions{grid-template-columns:1fr 40px 1fr 40px;width:100%;display:grid}.username-result-actions button,.username-result-actions a{min-width:0;padding:0 7px}.username-result-actions a{width:40px}.username-result-actions a span{display:none}.username-result-main>strong{font-size:23px}.username-two-fields{grid-template-columns:1fr}.username-two-fields .username-field+.username-field{margin-top:3px}.username-favorites{padding-left:13px}.username-faq summary{font-size:15px}}@media (prefers-reduced-motion:reduce){.username-advanced-trigger svg{transition:none}}