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