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