.container.svelte-1fav7v0{max-width:1100px;margin:0 auto;padding:0 1rem}.hero.svelte-1fav7v0{text-align:center;margin:2rem 0 3rem}h1.svelte-1fav7v0{font-size:2.5rem;color:#2c3e50;margin-bottom:.75rem}.hero-sub.svelte-1fav7v0{font-size:1.3rem;color:#2980b9;font-weight:500;margin-bottom:1rem}section.svelte-1fav7v0{margin:3rem 0}h2.svelte-1fav7v0{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:.75rem}.name-section.svelte-1fav7v0{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.name-section.svelte-1fav7v0{grid-template-columns:1fr 1fr}}.name-card.svelte-1fav7v0{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #00000014;border-top:4px solid #2980b9}.name-card.svelte-1fav7v0 h2:where(.svelte-1fav7v0){text-align:left;font-size:1.4rem;margin-bottom:.5rem}.name-card.svelte-1fav7v0 p:where(.svelte-1fav7v0){color:#666;margin-bottom:1.5rem;font-size:.95rem}.names-grid.svelte-1fav7v0{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;margin-bottom:1.5rem}.name-item.svelte-1fav7v0{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;padding:.5rem .6rem;border-radius:6px}.rank.svelte-1fav7v0{padding:.15rem .4rem;border-radius:4px;font-size:.72rem;font-weight:700;min-width:28px;text-align:center;color:#fff}.rank.boy.svelte-1fav7v0{background:#2980b9}.rank.girl.svelte-1fav7v0{background:#f39c12}.name.svelte-1fav7v0{font-weight:500;color:#333;font-size:.9rem}.load-btn.svelte-1fav7v0{width:100%;padding:.9rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;transition:opacity .2s}.load-btn.svelte-1fav7v0:hover{opacity:.88}.boy-btn.svelte-1fav7v0{background:#2980b9}.girl-btn.svelte-1fav7v0{background:#f39c12}.all-btn.svelte-1fav7v0{background:#2c3e50;max-width:400px}.all-btn-section.svelte-1fav7v0{display:flex;justify-content:center;margin-top:-1rem}.meaning-grid.svelte-1fav7v0{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem}.meaning-card.svelte-1fav7v0{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-left:4px solid #2980b9}.meaning-card.svelte-1fav7v0 h3:where(.svelte-1fav7v0){color:#2980b9;margin-bottom:.5rem}.meaning-card.svelte-1fav7v0 p:where(.svelte-1fav7v0){color:#555;line-height:1.6;font-size:.95rem}.related.svelte-1fav7v0 ul:where(.svelte-1fav7v0){list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.related.svelte-1fav7v0 a:where(.svelte-1fav7v0){background:#eaf4fb;color:#2980b9;padding:.5rem 1rem;border-radius:20px;text-decoration:none;font-size:.95rem;transition:background .2s}.related.svelte-1fav7v0 a:where(.svelte-1fav7v0):hover{background:#d6eaf8}