.names{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}.names__bar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.names__search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.names__search-box{position:relative;flex:1 1 16rem;min-width:0}.names__search-icon{position:absolute;left:.85rem;top:50%;translate:0 -50%;color:var(--color-muted);pointer-events:none}.names__input{width:100%;min-height:2.75rem;padding:0 var(--space-3) 0 2.5rem;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-bg);color:var(--color-text);font:inherit}.names__input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.names__search .btn{min-height:2.75rem}.names__team{display:grid;gap:var(--space-1);padding-top:var(--space-1)}@media(min-width:40em){.names__team{grid-template-columns:auto minmax(0,16rem) 1fr;align-items:center;gap:var(--space-2)}}.names__row{display:flex;align-items:center;gap:var(--space-2)}.names__row .chips{flex:1;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:.35rem}@media(max-width:47.99em){.names__row .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;mask-image:linear-gradient(90deg,#000 92%,transparent)}.names__row .chips::-webkit-scrollbar{display:none}}.chip{position:relative;display:inline-flex;flex:none}.chip__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.chip__label{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .8rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text);font:inherit;font-size:.8125rem;line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color .12s,border-color .12s}.chip__label:hover{background:var(--color-surface)}.chip__input:checked+.chip__label{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.chip__input:focus-visible+.chip__label{outline:3px solid var(--color-focus);outline-offset:2px}.names__filters-toggle{flex:none;border-style:dashed}.names__filters-toggle[aria-expanded=true]{border-style:solid;background:var(--color-surface)}.names__filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.68rem;font-weight:700}.names__filters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.names__filters[hidden]{display:none}.names__filter{display:grid;gap:.4rem}.names__filter--row{grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-2)}.names__filter-label{font-size:.8125rem;font-weight:600;color:var(--color-text)}.names__filter-hint{font-size:.8125rem;color:var(--color-muted)}.names__filter .field__select--sm{width:auto}.names__results{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.names__results-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);min-height:1.6rem}.names__results-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.names__count{margin-left:.35rem;font-weight:500;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.names__status{min-height:1.2em;font-size:var(--text-sm);color:var(--color-success)}.names__grid{list-style:none;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.name-card{position:relative;display:grid;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);transition:border-color .12s,background-color .12s}.name-card:hover,.name-card:focus-within{border-color:var(--color-border-strong);background:var(--color-surface)}.name-card--new{border-style:dashed}.name-card__main{display:grid;gap:.2rem;min-height:4.5rem;padding:var(--space-3) 4.5rem var(--space-3) var(--space-3);border:0;border-radius:inherit;background:none;color:inherit;font:inherit;text-align:left;cursor:copy}.name-card__main:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.name-card__name{font-weight:600;font-size:1rem;line-height:1.5}.name-card__meaning{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:.875rem;line-height:1.5;color:var(--color-muted)}@media(max-width:47.99em){.name-card__meaning{-webkit-line-clamp:2}}.name-card__badges{display:flex;gap:.6rem;font-size:.75rem;color:var(--color-muted)}.name-card__badge{font-weight:500}.name-card__badge--new{color:var(--color-accent)}.name-card__blank{color:var(--color-accent);font-style:italic}.name-card__tools{position:absolute;top:.55rem;right:.55rem;display:flex;gap:.15rem}.name-card__icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border:0;border-radius:6px;background:none;color:var(--color-muted);cursor:pointer}.name-card__icon:hover{background:var(--color-bg);color:var(--color-text)}.name-card__fav[aria-pressed=true]{color:var(--color-danger)}.name-card__fav[aria-pressed=true] svg{fill:currentColor}@media(hover:hover)and (pointer:fine){.name-card__icon{opacity:0;transition:opacity .12s}.name-card:hover .name-card__icon,.name-card:focus-within .name-card__icon,.name-card__fav[aria-pressed=true]{opacity:1}}.names__more{display:flex;justify-content:center}.names__saved{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:30;translate:-50% 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);width:min(56rem,calc(100vw - 1.5rem));padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);box-shadow:0 12px 32px #0f172a24}.names__saved[hidden]{display:none}.names.has-saved{padding-bottom:5rem}.names__saved-title{font-weight:600;font-size:var(--text-sm);white-space:nowrap}.names__saved-count{display:inline-block;min-width:1.5em;padding:0 .4em;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent);text-align:center}.names__saved-list{flex:1 1 12rem;min-width:0;list-style:none;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.names__saved-list::-webkit-scrollbar{display:none}.names__saved-item{display:inline-flex;align-items:center;flex:none}.names__saved-name{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:var(--color-border)}.names__saved-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.names__saved-actions[hidden]{display:none}.names__sections{display:grid;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.names__sections-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.names__section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);max-width:62rem}.names__section-title{font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}.names__section-intro{margin-top:calc(-1 * var(--space-2));font-size:var(--text-sm);color:var(--color-muted)}.names__lines{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem var(--space-5)}@media(min-width:48em){.names__lines{grid-template-columns:repeat(2,minmax(0,1fr))}}.names__line{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:0 .5rem;align-items:baseline;font-size:var(--text-sm);line-height:1.6;min-width:0}.names__line-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.names__line-meaning{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted)}.names__section-more>.names__section-summary{list-style:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.names__section-more>.names__section-summary::-webkit-details-marker{display:none}.names__section-more[open]>.names__section-summary{margin-bottom:.35rem}.names__section-cta{font-size:var(--text-sm)}.names__section-cta .btn--link{padding:0;color:var(--color-muted)}
