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