.leaderboard-page.svelte-c59208{max-width:900px;margin:0 auto;padding:60px 24px 100px}.page-header.svelte-c59208{text-align:center;margin-bottom:48px}.page-header.svelte-c59208 h1:where(.svelte-c59208){font-size:48px;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.page-header.svelte-c59208 p:where(.svelte-c59208){font-size:18px;color:var(--text-secondary)}.stats-row.svelte-c59208{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.stat-card.svelte-c59208{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px}.stat-card.svelte-c59208 svg{color:var(--accent)}.stat-content.svelte-c59208{display:flex;flex-direction:column}.stat-value.svelte-c59208{font-size:24px;font-weight:600;color:var(--text-primary)}.stat-label.svelte-c59208{font-size:13px;color:var(--text-secondary)}.leaderboard-container.svelte-c59208{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}.leaderboard-header.svelte-c59208{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-subtle);gap:12px}.header-left.svelte-c59208{display:flex;align-items:center;gap:12px}.leaderboard-header.svelte-c59208 h2:where(.svelte-c59208){font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap}.mode-filters.svelte-c59208{display:flex;gap:6px}.mode-btn.svelte-c59208{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mode-btn.svelte-c59208:hover{border-color:var(--accent);color:var(--text-primary)}.mode-btn.active.svelte-c59208{border-color:var(--accent);background:#8b5cf626;color:var(--accent)}.time-filter.svelte-c59208{display:flex;gap:4px;background:var(--bg-primary);padding:4px;border-radius:9999px}.filter-btn.svelte-c59208{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease}.filter-btn.svelte-c59208:hover{color:var(--text-primary)}.filter-btn.active.svelte-c59208{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 8px #00000014}.search-bar.svelte-c59208{display:flex;align-items:center;gap:10px;margin:16px 24px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:9999px;transition:border-color .2s ease}.search-bar.svelte-c59208:focus-within{border-color:var(--accent)}.search-bar.svelte-c59208 svg{color:var(--text-secondary);flex-shrink:0}.search-bar.svelte-c59208 input:where(.svelte-c59208){flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary)}.search-bar.svelte-c59208 input:where(.svelte-c59208)::placeholder{color:var(--text-secondary)}.leaderboard-table.svelte-c59208{padding:0 24px}.table-header.svelte-c59208{display:grid;grid-template-columns:80px 1fr 120px 100px;padding:16px 0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);align-items:center}.table-row.svelte-c59208{display:grid;grid-template-columns:80px 1fr 120px 100px;padding:16px 0;border-bottom:1px solid var(--border-subtle);transition:background .2s ease;align-items:center;min-height:60px}.table-row.svelte-c59208:hover{background:var(--bg-primary)}.table-row.svelte-c59208:last-child{border-bottom:none}.empty-state.svelte-c59208{padding:48px 24px;text-align:center;color:var(--text-secondary)}.col-rank.svelte-c59208{display:flex;align-items:center;font-weight:600;color:var(--text-secondary)}.table-row.top-three.svelte-c59208 .col-rank:where(.svelte-c59208){color:var(--text-primary)}.col-rank.svelte-c59208 svg.gold{color:gold}.col-rank.svelte-c59208 svg.silver{color:silver}.col-rank.svelte-c59208 svg.bronze{color:#cd7f32}.col-user.svelte-c59208{display:flex;align-items:center;height:100%;padding:0}.user-info-link.svelte-c59208{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;transition:opacity .2s ease}.user-info-link.svelte-c59208:hover{opacity:.8}.user-info.svelte-c59208{display:flex;align-items:center;gap:16px;width:100%;min-height:40px}.user-info.svelte-c59208 .avatar-frame-leaderboard{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible}.avatar-img.svelte-c59208{width:40px;height:40px;border-radius:50%;display:block;object-fit:cover}.avatar.svelte-c59208{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:16px}.user-details.svelte-c59208{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;min-width:0;line-height:1.2;overflow:hidden}.username.svelte-c59208{font-weight:600;color:var(--text-primary);font-size:14px;line-height:1.2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.username.following.svelte-c59208{color:#f5a623}.title-pill.svelte-c59208{display:inline-flex;align-items:center;height:20px;padding:2px 12px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.08);width:fit-content}.col-rating.svelte-c59208{display:flex;align-items:center;justify-content:flex-end;font-weight:600;color:var(--accent)}.col-solved.svelte-c59208{display:flex;align-items:center;justify-content:flex-end;color:var(--text-secondary)}.pagination.svelte-c59208{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid var(--border-subtle)}.page-btn.svelte-c59208{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.page-btn.svelte-c59208:hover:not(:disabled){border-color:var(--accent);background:var(--bg-tertiary)}.page-btn.svelte-c59208:disabled{opacity:.4;cursor:not-allowed}.page-info.svelte-c59208{font-size:13px;color:var(--text-secondary)}.your-rank.svelte-c59208{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border-subtle)}.your-rank.svelte-c59208 p:where(.svelte-c59208){font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.your-rank.svelte-c59208 strong:where(.svelte-c59208){color:var(--accent)}.your-rank.svelte-c59208 svg.gold{color:gold}.your-rank.svelte-c59208 svg.silver{color:silver}.your-rank.svelte-c59208 svg.bronze{color:#cd7f32}.sign-in-link.svelte-c59208{padding:10px 20px;background:var(--text-primary);color:var(--bg-primary);font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .2s ease}.sign-in-link.svelte-c59208:hover{background:var(--accent)}@media(max-width:768px){.page-header.svelte-c59208 h1:where(.svelte-c59208){font-size:36px}.stats-row.svelte-c59208{grid-template-columns:1fr}.leaderboard-header.svelte-c59208{flex-direction:column;gap:12px;align-items:flex-start}.header-left.svelte-c59208{flex-wrap:wrap}.table-header.svelte-c59208,.table-row.svelte-c59208{grid-template-columns:60px 1fr 80px}.col-solved.svelte-c59208{display:none}.your-rank.svelte-c59208{flex-direction:column;gap:16px;text-align:center}}