.baby-names-page .prose{max-width:85.5rem;margin-top:1rem}.baby-names-page .prose>h1{max-width:20ch;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.15}.baby-names-page .prose-lede{max-width:52rem}.baby-names-page .prose{position:relative}.baby-names-page .starfield{opacity:.7;height:55rem}.baby-names-page .twinkle circle{animation:none}.baby-hero{max-width:48rem;margin-bottom:1.5rem}.baby-hero h1{max-width:17ch;margin:0;font-size:clamp(2.5rem,4.4vw,4.1rem);line-height:1.15}.baby-hero-description{max-width:43rem;margin-top:1.5rem}.baby-hero-description>p+p{color:var(--muted);margin-top:.5rem}.baby-hero-thought{color:var(--ink);font-size:clamp(1.15rem,1.6vw,1.45rem)}.baby-hero-art{pointer-events:none;width:min(65vw,68rem);height:min(62rem,105svh);position:absolute;top:3rem;right:-7vw;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.baby-hero-art picture{width:100%;height:100%;display:block}.baby-hero-art img{object-fit:contain;object-position:center top;opacity:.6;width:100%;height:100%}.baby-intro-links{flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:.75rem;display:flex}.baby-intro-links a{align-items:center;min-height:2.75rem;display:inline-flex}.baby-name-tool{--baby-space:clamp(1.25rem, 3vw, 2.5rem)}.baby-name-tool p{margin-bottom:0}.baby-name-tool h2{margin:0 0 .8rem;font-size:clamp(1.5rem,2.4vw,2.1rem)}.baby-name-tool h3{font-size:1.2rem}.baby-name-tool .fine-print{color:var(--muted);font-size:.875rem;line-height:1.65}.baby-name-tool .button{margin:0}.baby-name-tool .text-button{min-height:2.75rem}.baby-name-tool fieldset{border:0;min-width:0;margin:0;padding:0}.baby-birth-form{background:var(--veil);border:1px solid var(--line-bright);border-radius:.75rem;padding:1.25rem 1.5rem}.baby-form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.baby-form-grid>.field{grid-column:span 2}.baby-form-grid>[data-name-preference]{grid-column:span 3}.baby-form-grid .field label{white-space:normal}.baby-name-tool .field-help{color:var(--muted);min-height:0;margin-top:.5rem;font-size:.8125rem;line-height:1.6}.baby-preference legend{margin-bottom:.5rem;padding:0;font-size:.9375rem;font-weight:600}.baby-preference>div{flex-wrap:wrap;gap:.4rem;display:flex}.baby-preference label{cursor:pointer;position:relative}.baby-preference input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.baby-preference label span{border:1px solid var(--line-control);border-radius:.5rem;min-height:3.125rem;padding:.75rem .8rem;font-size:.875rem;display:block}.baby-preference input:checked+span{background:var(--bg-deep);border-color:var(--accent);color:var(--accent)}.baby-preference input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.baby-preference input:disabled+span{opacity:.6}.baby-name-tool .baby-approximate{align-items:flex-start;margin-top:1rem;font-size:.875rem}.baby-name-tool .checkbox input{flex-shrink:0;margin-top:.25rem}.baby-name-tool .place-popover{z-index:var(--z-dropdown)}.baby-name-tool .place-popover ul{padding:0}.baby-name-tool .place-popover li{margin:0}.baby-name-tool .place-popover p{padding:.5rem 1rem;font-size:.875rem}.baby-location-options{margin-top:.75rem;font-size:.875rem}.baby-name-tool summary{cursor:pointer;min-height:2.75rem;color:var(--ink-2);padding-block:.65rem}.baby-location-options>p{max-width:48rem;margin-bottom:1rem}.baby-manual-grid{grid-template-columns:1fr 1fr 2fr;gap:1rem;margin-top:1rem;display:grid}.baby-manual-grid label,.baby-clock-choice,.baby-filter-bar>label,.baby-extra-filter-actions>label,.baby-share-result label{flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.baby-clock-choice{max-width:24rem;margin-top:1rem}.baby-form-actions{align-items:center;gap:1rem 1.5rem;margin-top:1.25rem;display:flex}.baby-form-actions .button{flex-shrink:0}.baby-form-actions .fine-print{max-width:29rem}.baby-result-loading{min-height:12rem;color:var(--accent);justify-content:center;align-items:center;gap:1rem;display:flex}.baby-result-loading svg{flex-shrink:0}.baby-error,.baby-notice{background:var(--surface);border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.baby-error{border:1px solid var(--danger)}.baby-error .button,.baby-error .fine-print{margin-top:1rem}.baby-notice p+p,.baby-notice h3+p{margin-top:.75rem}.baby-name-tool section{scroll-margin-top:2rem}.baby-result{padding-block:3.5rem 0}.baby-result-heading,.baby-discovery-heading,.baby-saved-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.baby-result-heading>div{max-width:45rem}.baby-result-heading>a,.baby-discovery-heading>button,.baby-saved-heading>button{flex-shrink:0}.baby-result-heading p{color:var(--accent)}.baby-sound-summary{grid-template-columns:12rem minmax(0,42rem);align-items:center;gap:2.5rem;margin-block:2rem;display:grid}.baby-primary-sound{text-align:center;background:radial-gradient(#4f86b326,#0000 70%);background:radial-gradient(lab(53.4453% -8.5325 -29.6924/.15),#0000 70%);flex-direction:column;padding:1.5rem 0;display:flex}.baby-names-page .baby-primary-sound strong{font-size:clamp(3.5rem,5vw,5rem);font-family:var(--display);color:var(--accent);font-weight:400;line-height:1.1}.baby-primary-sound>span:last-child{color:var(--muted);margin-top:.75rem}.baby-sound-summary .fine-print{margin-top:.75rem}.baby-sound-picker{flex-wrap:wrap;gap:2.5rem;display:flex}.baby-sound-picker p{color:var(--muted);margin-bottom:.5rem;font-size:.875rem}.baby-other-sounds{gap:.625rem;display:flex}.baby-sound-picker button{border:1px solid var(--line-control);border-radius:.6rem;align-items:center;gap:.65rem;min-height:3.125rem;padding:.75rem 1rem;display:inline-flex}.baby-sound-picker button[aria-pressed=true]{border-color:var(--accent);background:var(--surface);color:var(--accent)}.baby-sound-picker small{color:var(--muted);font-size:.8125rem}.baby-name-tool .baby-sound-explanation{max-width:57rem;margin-top:1rem}.baby-calculation-details{color:var(--muted);margin-top:1.5rem}.baby-calculation-details p,.baby-calculation-details h3{margin-block:1rem}.baby-calculation-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1rem 0;display:grid}.baby-calculation-details dt{font-size:.875rem}.baby-calculation-details dd{color:var(--ink-2);overflow-wrap:anywhere;margin:0}.baby-calculation-details ul{margin-bottom:1rem}.baby-share{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:1.5rem;display:flex}.baby-share>p{flex:20rem;max-width:36rem}.baby-share-result{max-width:55rem;margin-top:1rem}.baby-share-result>p{color:var(--accent);margin-bottom:.75rem}.baby-share-result svg{vertical-align:middle;margin-right:.5rem}.baby-discovery,.has-naming-guide .baby-discovery{padding-top:3.5rem}.baby-calculator-section{max-width:48rem}.baby-calculator-section>p{max-width:46rem;color:var(--muted);margin-bottom:1.5rem}.baby-discovery-heading p{max-width:48rem;color:var(--muted)}.baby-filter-bar{grid-template-columns:minmax(12rem,1.5fr) minmax(9rem,1fr) minmax(15rem,1.5fr) minmax(8rem,.8fr);align-items:end;gap:1rem;margin-top:2rem;display:grid}.baby-sound-filter{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;margin-top:1.5rem;padding-block:1rem;display:flex}.baby-sound-filter .checkbox{color:var(--accent);margin:0}.baby-sound-filter .fine-print{flex:18rem}.baby-country-note{max-width:65ch;margin-top:1rem}.baby-name-search>div{position:relative}.baby-name-search svg{color:var(--muted);position:absolute;top:1rem;left:.8rem}.baby-name-search input{padding-left:2.4rem}.baby-filter-tools{justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-top:.75rem;display:flex}.baby-more-filters{flex-shrink:0}.baby-filter-tools .baby-match-note{max-width:44rem}.baby-extra-filters{background:var(--surface);border-radius:.75rem;grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem 2rem;margin-top:.75rem;padding:1.5rem;display:grid}.baby-extra-filters>p{grid-column:1/-1}.baby-extra-filters button{justify-self:start}.baby-extra-filter-actions{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:1rem 2rem;display:flex}.baby-extra-filter-actions>label{width:min(100%,26rem)}.baby-letter-filters{border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.25rem 2rem;padding-bottom:1.25rem;display:grid}.baby-letter-filters legend{color:var(--ink);margin-bottom:1rem;font-size:1rem}.baby-length-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.baby-letter-filters label{flex-direction:column;gap:.5rem;min-width:0;font-size:.875rem;display:flex}.baby-letter-rule{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:.75rem;display:flex}.baby-letter-rule>label{flex:5.25em}.baby-letter-rule>label+label{flex:2 9.75em}.baby-letter-rule input{text-transform:uppercase}.baby-remove-letter{width:2.75rem;height:3.125rem;color:var(--muted);border-radius:.5rem;flex:0 0 2.75rem;place-items:center;display:grid}.baby-remove-letter:hover{background:var(--bg-deep);color:var(--ink)}.baby-letter-filters>p{grid-column:1/-1}.baby-results-meta{margin-block:1.5rem .5rem}.baby-results-meta>p:first-child{color:var(--accent);font-size:.9375rem}.baby-results-meta>p+p{max-width:55rem;margin-top:.35rem}.baby-name-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem 2rem;margin-top:1rem;display:grid}.baby-name-card{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding-block:.6rem;display:flex}.baby-name-card h3{overflow-wrap:anywhere;margin:0;font-size:1.2rem;line-height:1.5}.baby-heart{width:2.75rem;height:2.75rem;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;margin-top:0;display:grid}.baby-heart:hover{color:var(--accent);background:var(--surface)}.baby-heart[aria-pressed=true]{color:var(--accent)}.baby-empty{padding:var(--baby-space);background:var(--surface);border-radius:.75rem;margin-top:1rem}.baby-empty h3{margin:0}.baby-empty>p{max-width:47rem;margin-top:.8rem}.baby-empty-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;display:flex}.baby-saved{padding-top:4rem}.baby-saved>p{max-width:48rem;color:var(--muted)}.baby-name-tool .baby-save-status{color:var(--accent);margin-top:1rem}.baby-saved-empty{align-items:center;gap:1rem;padding-block:2rem;display:flex}.baby-saved-empty svg{flex-shrink:0}.baby-education{max-width:52rem;margin:5rem auto 0}.baby-education section{scroll-margin-top:2rem}.baby-education p{max-width:68ch}.baby-education h2{margin-top:3.5rem;font-size:clamp(1.5rem,2.5vw,2rem)}.baby-education h3{margin-block:1.5rem .75rem;font-size:1.25rem}.baby-about-naming,.baby-methodology{margin-top:1.5rem}.baby-about-naming>summary,.baby-methodology>summary{cursor:pointer;min-height:2.75rem;color:var(--ink-2);padding-block:.75rem}.baby-name-tool .baby-discovery-source{max-width:58rem;margin-top:1.5rem}.baby-faq details{border-bottom:1px solid var(--line)}.baby-faq summary{cursor:pointer;color:var(--ink);padding-block:1.25rem}.baby-faq p{color:var(--ink-2)}.baby-methodology{color:var(--muted)}.baby-methodology .fine-print{font-size:.8125rem}@media (max-width:980px){.baby-hero-art{opacity:.55;width:75vw;right:-20vw}.baby-name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.baby-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.baby-name-search{grid-column:1/-1}.baby-country-filter{grid-column:span 1}.baby-sound-picker{gap:1.5rem}}@media (max-width:640px){.baby-hero{margin-bottom:1rem}.baby-hero h1{max-width:17ch;font-size:clamp(2rem,7.8vw,3rem)}.baby-hero-art{opacity:.4;width:100vw;height:38rem;top:6rem;right:-32vw}.baby-names-page .prose{margin-top:.5rem;padding-inline:min(1rem,max(4vw,16px))}.baby-names-page .prose>h1{font-size:clamp(2.15rem,7vw,3rem)}.baby-birth-form{padding:1rem min(1rem,4vw)}.baby-form-grid>.field:nth-child(-n+2) .field-help,.baby-place-help-default{display:none}.baby-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(10em,50% - 1rem)),1fr));gap:.875rem}.baby-form-grid>.field{grid-column:span 1}.baby-form-grid>.baby-place-field,.baby-form-grid>[data-name-preference]{grid-column:1/-1}.baby-preference label span{padding-inline:.65rem}.baby-manual-grid,.baby-extra-filters,.baby-name-grid,.baby-calculation-details dl,.baby-letter-filters{grid-template-columns:minmax(0,1fr)}.baby-extra-filters{padding-inline:min(1.5rem,max(6vw,24px))}.baby-form-actions,.baby-result-heading,.baby-discovery-heading,.baby-saved-heading{flex-direction:column;gap:1rem}.baby-form-actions{align-items:flex-start}.baby-form-actions .button{width:100%}.baby-sound-summary{grid-template-columns:minmax(0,1fr);gap:1rem}.baby-primary-sound{text-align:left;background:0 0;align-items:flex-start;padding:.75rem 0}.baby-sound-picker button{gap:.4rem;padding-inline:.75rem}.baby-other-sounds{flex-wrap:wrap;gap:.4rem}.baby-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.baby-country-filter{grid-area:2/1/auto/-1}.baby-filter-tools{flex-direction:column;align-items:flex-start;gap:.25rem}.baby-empty-actions{flex-direction:column;align-items:flex-start;gap:.75rem}.baby-extra-filters>p{grid-column:auto}.baby-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.25rem}.baby-result,.has-naming-guide .baby-discovery{padding-top:3rem}.baby-result-loading{justify-content:flex-start;min-height:10rem}}@media (max-width:380px){.baby-preference>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.baby-preference label span{text-align:center}}@media (max-width:760px),(pointer:coarse){.baby-name-tool .baby-approximate{padding-block:.6rem}.baby-name-tool .checkbox input{margin-top:.1rem}}@media (prefers-reduced-motion:reduce){.baby-name-tool .calculation-spinner{animation:none}}.baby-place-option{cursor:pointer;align-items:center;gap:.75rem;min-height:3rem;padding:.8rem 1rem;display:flex}.baby-place-field .place-popover li:hover,.baby-place-field .place-popover li.highlighted{background:var(--surface-raised)}.baby-names-content[aria-busy=true]{min-height:25rem}.baby-name-list-loading{opacity:.3}.baby-results-meta>p{align-items:center;gap:.65rem;min-height:1.5rem;display:flex}.baby-pagination,.baby-saved-recovery{flex-wrap:wrap;gap:1rem;margin-block:1.5rem;display:flex}.baby-name-tool .baby-match-note{margin:0}.baby-pagination button:disabled,.baby-heart:disabled{opacity:.5;cursor:default}:root:not([data-theme=dark]) .baby-hero-art img{opacity:1;filter:brightness(.42)saturate(1.4)}
