.slider{background:linear-gradient(to right,#7c3aed,#d946ef)}.slider::-webkit-slider-thumb{appearance:none;height:20px;width:20px;border-radius:50%;background:#7c3aed;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d}.slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#7c3aed;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d}.name-card{padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,border-color .2s ease,background .2s ease;animation:nameAppear .35s ease both}.name-card:hover{transform:translateY(-2px);background:#7c3aed1a;border-color:#7c3aed73}.name-card.copied{background:#10b9811f;border-color:#10b98180}.name-word{flex:1;min-width:0;overflow-wrap:break-word;font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:600;line-height:1.2;color:var(--text-primary)}.name-meta{margin-top:6px;font-size:.75rem;color:var(--text-muted)}.name-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.name-star{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0;color:var(--text-muted);background:none;border:0;cursor:pointer;transition:color .2s ease,transform .15s ease}.name-star svg{display:block;width:18px;height:18px}.name-star:hover{color:#fbbf24;transform:scale(1.15)}.name-star.is-saved{color:#fbbf24}.name-copy{font-size:.95rem;opacity:.35;transition:opacity .2s ease}.name-card:hover .name-copy{opacity:1}@media(hover:none){.name-copy{opacity:.6}}@keyframes nameAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fav-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:999px;background:#fbbf241a;border:1px solid rgba(251,191,36,.28);cursor:pointer;transition:background .2s ease,border-color .2s ease;animation:nameAppear .25s ease both}.fav-chip:hover{background:#fbbf242e;border-color:#fbbf2473}.fav-chip.copied{background:#10b98126;border-color:#10b98173}.fav-name{font-size:.95rem;font-weight:600;color:var(--text-primary);word-break:break-word}.fav-remove{display:flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0;font-size:1.15rem;line-height:1;color:var(--text-muted);background:none;border:0;cursor:pointer;transition:color .2s ease}.fav-remove:hover{color:#f87171}