.page-shell.name-generator-page{--name-top-space:1.5rem;--name-section-space:clamp(2rem, 3.4vw, 2.75rem);padding-top:var(--name-top-space)}.name-style-nav{margin-bottom:var(--name-top-space);flex-wrap:wrap;gap:.45rem;display:flex}.name-style-nav__items{display:contents}.name-style-nav__link,.name-style-nav__toggle{cursor:pointer;border:var(--ui-stroke) solid var(--ink);border-radius:var(--control-radius);background:var(--canvas);min-width:0;max-width:100%;min-height:38px;color:var(--ink);flex:0 auto;justify-content:center;align-items:center;padding:.55rem .78rem;font-family:inherit;font-size:.76rem;font-weight:800;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.name-style-nav__link:hover,.name-style-nav__toggle:hover{background:var(--soft)}.name-style-nav__toggle{display:none}.name-style-nav__link.is-active,.name-style-nav__toggle[aria-expanded=true]{background:var(--ink);box-shadow:var(--control-shadow);color:var(--canvas)}.name-generator-breadcrumb{margin-bottom:var(--name-top-space)}.name-generator-hero{padding-bottom:var(--name-section-space)}.name-generator-hero__copy h1{max-width:850px;font-family:var(--display);letter-spacing:-.075em;text-wrap:balance;margin-bottom:1rem;font-size:clamp(3rem,6.4vw,5.25rem);font-weight:900;line-height:.92}.name-generator-hero__copy>p:last-child{max-width:62ch;color:var(--muted);margin-bottom:0;font-size:1rem}.name-generator-tool{scroll-margin-top:1rem}.name-generator-tool__intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);margin-bottom:1.25rem;display:grid}.name-generator-tool__intro h2,.name-generator-about__heading h2,.name-generator-faq__heading h2{max-width:16ch;font-family:var(--display);letter-spacing:-.07em;text-wrap:balance;margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.96}.name-generator-tool__intro>p{max-width:58ch;color:var(--muted);margin-bottom:0}.name-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.55rem;display:grid}.name-mode-tab{cursor:pointer;border:var(--ui-stroke) solid var(--soft-strong);border-radius:var(--card-radius);background:var(--paper);min-height:54px;color:var(--ink);text-align:left;align-items:center;gap:.75rem;padding:.75rem .9rem;font-weight:800;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.name-mode-tab:hover{border-color:var(--ink);background:var(--soft)}.name-mode-tab.is-active{border-color:var(--ink);background:var(--ink);box-shadow:var(--control-shadow);color:var(--canvas)}.name-mode-tab__number{font-family:var(--mono);letter-spacing:.04em;opacity:.7;font-size:.62rem}.name-mode-panel{border:var(--ui-stroke) solid var(--ink);border-radius:var(--card-radius);background:var(--soft);grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.1rem,2.5vw,1.75rem);display:grid}.name-mode-panel:focus-visible{outline-offset:4px}.name-mode-panel__copy h3{font-family:var(--display);letter-spacing:-.055em;margin-bottom:.65rem;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.name-mode-panel__copy>p:last-child{max-width:34ch;color:var(--muted);margin-bottom:0;font-size:.86rem}.name-generator-form label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.55rem;font-size:.68rem;font-weight:800;display:block}.name-generator-form__row{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.name-generator-form__field{min-width:0;position:relative}.name-generator-form input{border:var(--ui-stroke) solid var(--input-accent);border-radius:var(--card-radius);background:var(--paper);width:100%;min-width:0;min-height:54px;color:var(--ink);font-family:var(--display);outline:none;padding:.75rem 1rem;font-size:1.08rem;font-weight:800;transition:box-shadow .12s}.name-generator-form input:focus-visible{border-color:var(--input-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--input-accent) 32%, transparent);outline:none}.name-generator-submit,.name-results__more{cursor:pointer;border:var(--ui-stroke) solid var(--ink);border-radius:var(--control-radius);background:var(--ink);min-height:44px;box-shadow:var(--control-shadow);color:var(--canvas);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:.55rem;padding-inline:1rem;font-size:.65rem;font-weight:800;transition:box-shadow .12s,transform .12s;display:inline-flex}.name-generator-submit:hover,.name-results__more:hover{box-shadow:var(--control-shadow-hover);transform:translateY(-1px)}.name-generator-form__note{color:var(--muted);margin:.55rem 0 0;font-size:.72rem}.name-results{padding-top:var(--name-section-space)}.name-results__heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.name-results__heading h2{font-family:var(--display);letter-spacing:-.055em;margin-bottom:0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1}.name-results__more{background:var(--paper);min-height:42px;color:var(--ink);flex:none}.name-results__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.name-results__grid li{min-width:0}.name-result-card{cursor:pointer;border:var(--ui-stroke) solid var(--soft-strong);border-radius:var(--card-radius);background:var(--paper);width:100%;min-width:0;min-height:98px;color:var(--ink);text-align:left;flex-direction:column;justify-content:space-between;gap:0;padding:.7rem .8rem .85rem;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:flex;box-shadow:0 1px 2px #15151512}.name-result-card:hover{border-color:var(--ink);background:var(--soft);box-shadow:var(--control-shadow);transform:translateY(-1px)}.name-result-card:focus-visible{outline-color:var(--input-accent);outline-offset:2px}.name-result-card.is-copied{border-color:var(--input-accent);background:color-mix(in srgb, var(--input-accent) 12%, var(--paper))}.name-result-card__meta{color:var(--muted);font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;gap:.5rem;font-size:.55rem;font-weight:800;display:flex}.name-result-card__value{width:100%;max-width:100%;font-family:var(--body);overflow-wrap:anywhere;text-align:center;flex:auto;justify-content:center;align-items:center;font-size:clamp(.95rem,1.45vw,1.15rem);font-weight:800;line-height:1.2;display:flex;overflow:hidden}.name-generator-about,.name-generator-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);margin-top:clamp(2.25rem,4vw,3.5rem);padding-top:clamp(1.25rem,2vw,1.75rem);display:grid}.name-generator-about__copy>p{max-width:62ch;color:var(--muted)}.name-generator-about__copy>p:last-of-type{margin-bottom:0}.name-generator-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.name-generator-steps li{border:var(--ui-stroke) solid var(--soft-strong);border-radius:var(--card-radius);background:var(--paper);gap:.25rem;padding:.9rem;display:grid}.name-generator-steps strong{font-family:var(--display)}.name-generator-steps span{color:var(--muted);font-size:.72rem}.name-generator-faq__list{gap:.55rem;display:grid}.name-generator-faq__list details{border:var(--ui-stroke) solid var(--soft-strong);border-radius:var(--card-radius);background:var(--paper)}.name-generator-faq__list summary{cursor:pointer;min-height:58px;font-family:var(--display);padding:1rem 3rem 1rem 1rem;font-size:.95rem;font-weight:800;list-style:none;position:relative}.name-generator-faq__list summary::-webkit-details-marker{display:none}.name-generator-faq__list summary:after{content:"+";background:var(--soft);width:1.8rem;height:1.8rem;font-family:var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.name-generator-faq__list details[open] summary:after{content:"−";background:var(--ink);color:var(--canvas)}.name-generator-faq__list details p{max-width:62ch;color:var(--muted);margin-bottom:0;padding:0 3rem 1rem 1rem;font-size:.9rem}.name-generator-status{z-index:60;border-radius:var(--card-radius);background:var(--ink);max-width:min(360px,100vw - 2rem);box-shadow:var(--control-shadow-hover);color:var(--canvas);font-family:var(--mono);opacity:0;pointer-events:none;text-align:center;padding:.8rem 1rem;font-size:.68rem;font-weight:800;transition:opacity .12s,transform .12s;position:fixed;bottom:1rem;left:50%;right:auto;transform:translate(-50%,1rem)}.name-generator-status.is-visible{opacity:1;transform:translate(-50%)}@media (width>=761px){.name-generator-page{--name-section-space:clamp(1.35rem, 2.4vw, 2rem)}}@media (width<=900px){.name-results__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.name-generator-tool__intro,.name-mode-panel,.name-generator-about,.name-generator-faq{grid-template-columns:1fr}.name-generator-tool__intro{gap:.8rem}.name-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.name-mode-tab{text-align:center;justify-content:center;min-width:0;padding-inline:.55rem;font-size:.75rem}.name-mode-tab__number{display:none}.name-mode-panel{gap:1.25rem}.name-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.name-generator-about,.name-generator-faq{gap:1.5rem}}@media (width<=520px){.name-style-nav{flex-wrap:wrap;gap:.35rem}.name-style-nav__link,.name-style-nav__toggle{min-height:36px;padding-inline:.72rem;font-size:.7rem}.name-style-nav__toggle{display:inline-flex}.name-style-nav:not(.is-expanded) .name-style-nav__link:not(.is-mobile-fixed):not(.is-mobile-primary){display:none}.name-style-nav.is-expanded{flex-wrap:wrap}.name-generator-hero__copy h1{font-size:clamp(2.65rem,13vw,3.6rem)}.name-generator-form__row{grid-template-columns:1fr}.name-generator-submit{width:100%;min-height:48px}.name-results__heading{flex-direction:column;align-items:stretch}.name-results__more{align-self:flex-start}.name-result-card{min-height:86px}.name-generator-steps{grid-template-columns:1fr}}@media (width<=340px){.name-results__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.name-style-nav__link,.name-style-nav__toggle,.name-mode-tab,.name-generator-submit,.name-results__more,.name-result-card,.name-generator-status{transition:none}}
