.baby-name-shell{margin-bottom:48px;overflow:hidden}.baby-name-form{padding:30px}.baby-name-intro{display:grid;gap:8px;margin-bottom:26px}.baby-name-intro h2{font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.035em}.baby-name-intro p{color:var(--muted);max-width:760px}.baby-name-field-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.baby-name-field{display:grid;gap:9px}.baby-name-field label{font-weight:800;letter-spacing:-.02em}.baby-name-field input,.baby-name-field select{background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);font:inherit;min-height:54px;padding:0 15px;width:100%}.baby-name-field input:focus,.baby-name-field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent);outline:none}.baby-name-field small{color:var(--muted);font-size:.78rem;line-height:1.5}.baby-name-error{color:var(--danger,#b42318);font-weight:750;margin-top:14px;min-height:24px}.baby-name-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.baby-name-result{border-top:1px solid var(--line);padding:30px;scroll-margin-top:90px}.baby-name-result[hidden]{display:none}.baby-name-result-header{display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.baby-name-result-header h2{font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.035em}.baby-name-summary{background:color-mix(in srgb,var(--accent) 14%,var(--surface-soft));border:1px solid var(--line);border-radius:18px;display:grid;gap:7px;margin-bottom:20px;padding:18px}.baby-name-summary span{color:var(--muted);font-size:.88rem}.baby-name-list{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.baby-name-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;display:grid;gap:14px;padding:20px;position:relative}.baby-name-rank{align-items:center;background:var(--accent);border-radius:999px;color:var(--accent-dark);display:flex;font-size:.78rem;font-weight:900;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.baby-name-heading{padding-right:42px}.baby-name-heading h3{font-size:1.45rem;letter-spacing:-.04em}.baby-name-heading span{color:var(--brand);font-size:.86rem;font-weight:800}.baby-name-card dl{display:grid;gap:12px}.baby-name-card dl div{display:grid;gap:4px}.baby-name-card dt{font-size:.78rem;font-weight:850}.baby-name-card dd{color:var(--muted);font-size:.86rem;line-height:1.65;margin:0}.baby-name-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.baby-name-privacy{border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;margin-top:18px;padding-top:14px}.baby-name-caution{background:var(--surface-soft);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;padding:16px 18px}.baby-name-caution p{margin:0}@media(max-width:720px){.baby-name-form,.baby-name-result{padding:24px 18px}.baby-name-field-grid,.baby-name-list{grid-template-columns:1fr}.baby-name-field-grid{gap:16px}.baby-name-field input,.baby-name-field select{min-height:56px}.baby-name-actions .button,.baby-name-result-actions .button{min-height:50px;width:100%}.baby-name-result-header{display:block}.baby-name-card{padding:18px}}@media(prefers-reduced-motion:reduce){.baby-name-field input,.baby-name-field select{scroll-behavior:auto}}