.namegen{--tint:#ff9f43;color:var(--on-pitch);background:radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--tint) 30%, transparent), transparent 60%), linear-gradient(150deg, var(--pitch), var(--pitch-2));box-shadow:var(--shadow-lg);border-radius:22px;padding:clamp(20px,4vw,32px);position:relative;overflow:hidden;margin-block:2em!important}.namegen .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.namegen .eyebrow{color:var(--accent)}.namegen h2{color:var(--on-pitch)!important;margin:6px 0 0!important;font-size:clamp(1.7rem,4vw,2.3rem)!important}.namegen .modes,.namegen .styles{flex-wrap:wrap;gap:6px;display:inline-flex}.namegen .modes{background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:4px}.namegen .modes button,.namegen .styles button{font:inherit;cursor:pointer;border-radius:999px;font-size:.9rem;font-weight:650;transition:background .2s,color .2s,border-color .2s}.namegen .modes button{color:var(--on-pitch-2);background:0 0;border:0;padding:8px 14px}.namegen .modes button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.namegen .styles{margin-top:20px}.namegen .styles[hidden]{display:none}.namegen .styles button{color:var(--on-pitch-2);background:0 0;border:1px solid #ffffff2e;padding:7px 13px}.namegen .styles button:hover{color:var(--on-pitch);border-color:#fff6}.namegen .styles button[aria-pressed=true]{color:#0d1410;background:#fffffff2;border-color:#0000}.namegen .controls{flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px;display:flex}.namegen .personal{color:var(--on-pitch-2);flex:220px;gap:6px;font-size:.85rem;display:grid}.namegen .personal[hidden]{display:none}.namegen .personal em{opacity:.7;font-style:normal}.namegen .personal input{font:inherit;color:var(--on-pitch);background:#00000040;border:1px solid #ffffff2e;border-radius:14px;outline:none;min-height:48px;padding:0 16px;font-size:1rem}.namegen .personal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c6f43233}.namegen .generate svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.namegen .generate:active svg{transition:transform .2s;transform:rotate(90deg)}.namegen .results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;list-style:none;display:grid;margin:20px 0 0!important;padding:0!important}.namegen .results li{margin:0!important}.namegen .results.animate li{animation:pop .45s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}.namegen .result{cursor:pointer;text-align:left;width:100%;font:800 1.35rem/1.1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--on-pitch);transition:background .2s ease, border-color .2s ease, transform .2s var(--ease-out);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.namegen .result:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.namegen .hint{font:700 .7rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--on-pitch-2);opacity:0;transition:opacity .2s}.namegen .result:hover .hint,.namegen .result:focus-visible .hint{opacity:1}.namegen .result.copied{border-color:var(--accent)}.namegen .result.copied .hint{opacity:1;color:var(--accent);font-size:0}.namegen .result.copied .hint:after{content:"Copied ✓";font-size:.7rem}.namegen .note{color:var(--on-pitch-2);font-size:.85rem;margin:14px 0 0!important}.name-list[data-astro-cid-zrc6nxq3]{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding:0!important}.name-list[data-astro-cid-zrc6nxq3] li[data-astro-cid-zrc6nxq3]{margin:0!important}button[data-astro-cid-zrc6nxq3]{font:600 .95rem/1.2 var(--font-body);color:var(--text);cursor:copy;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-out);border-radius:999px;padding:9px 14px}button[data-astro-cid-zrc6nxq3]:hover{border-color:var(--accent-text);transform:translateY(-1px)}.fresh[data-astro-cid-zrc6nxq3] button[data-astro-cid-zrc6nxq3]{border-color:color-mix(in srgb, var(--accent-text) 40%, var(--border));background:var(--accent-soft)}button[data-astro-cid-zrc6nxq3].copied{background:var(--accent);color:var(--accent-ink);border-color:#0000}