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