:root{--bg-dark: #090d16;--bg-card: rgba(20, 27, 41, .6);--bg-card-hover: rgba(30, 41, 59, .85);--border-color: rgba(255, 255, 255, .08);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--nav-bg: rgba(9, 13, 22, .9);--input-bg: rgba(9, 13, 22, .6);--modal-bg: #141b29;--header-bg: rgba(255, 255, 255, .03);--accent-primary: #6366f1;--female-color: #f472b6;--male-color: #60a5fa;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: light){:root{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--nav-bg: rgba(255, 255, 255, .9);--input-bg: #ffffff;--modal-bg: #ffffff;--header-bg: #f8fafc;--accent-primary: #4f46e5;--female-color: #db2777;--male-color: #2563eb}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;padding-bottom:40px;line-height:1.4;transition:background-color .25s ease,color .25s ease}.top-nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:8px 16px}.nav-container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-main);font-weight:700;font-size:.95rem}.nav-logo img{width:22px;height:22px;border-radius:4px}.lang-toggle{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:1px;gap:1px}.lang-btn{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:3px;cursor:pointer}.lang-btn.active{background:var(--accent-primary);color:#fff}.app-container{max-width:1000px;margin:12px auto;padding:0 12px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.top-ad-banner{margin-bottom:10px;width:100%}.ad-placeholder{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:6px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;gap:4px}.ad-badge{font-size:.62rem;color:var(--text-dim);letter-spacing:.08em;font-weight:700;text-transform:uppercase;background:var(--input-bg);border:1px solid var(--border-color);padding:1px 6px;border-radius:4px}.hero-title{font-size:1.25rem;font-weight:800;color:var(--text-main)}.header-stats{font-size:.8rem;color:var(--text-muted)}.toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.year-compact{display:flex;align-items:center;gap:3px}.step-btn{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}.step-btn:hover:not(:disabled){background:var(--bg-card-hover)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.compact-select{height:26px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);padding:0 6px;font-size:.82rem;font-weight:600;outline:none;cursor:pointer}.gender-compact{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:1px;gap:1px;height:26px;align-items:center}.gender-btn{border:none;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:0 8px;height:22px;border-radius:3px;cursor:pointer}.gender-btn.active[data-gender=all]{background:var(--bg-card-hover);color:var(--text-main)}.gender-btn.active[data-gender=F]{background:var(--female-color);color:#fff}.gender-btn.active[data-gender=M]{background:var(--male-color);color:#fff}.search-compact{flex:1;min-width:140px;position:relative;display:flex;align-items:center}.compact-input{width:100%;height:26px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);padding:0 24px 0 8px;font-size:.8rem;outline:none}.search-clear-btn{position:absolute;right:6px;background:transparent;border:none;color:var(--text-muted);font-size:.72rem;cursor:pointer;padding:2px;line-height:1}.search-clear-btn:hover{color:var(--text-main)}.era-strip{display:flex;align-items:center;gap:4px;overflow-x:auto}.era-chip{padding:2px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:.75rem;cursor:pointer;white-space:nowrap}.era-chip:hover{color:var(--text-main)}.era-chip.active{background:var(--bg-card-hover);color:var(--accent-primary);font-weight:600}.results-subhead{font-size:.78rem;color:var(--text-dim);margin-bottom:6px;padding:0 4px}.name-list{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--bg-card)}.table-header{height:28px;min-height:28px;max-height:28px;background:var(--header-bg);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:48px 1fr 50px 110px 50px;align-items:center;padding:0 12px;gap:8px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.name-card{height:28px;min-height:28px;max-height:28px;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:48px 1fr 50px 110px 50px;align-items:center;padding:0 12px;gap:8px;cursor:pointer;transition:background .12s ease}.name-card:last-child{border-bottom:none}.name-card:hover{background:var(--bg-card-hover)}.rank-badge{font-size:.8rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.rank-badge.rank-1{color:#f59e0b}.rank-badge.rank-2{color:#64748b}.rank-badge.rank-3{color:#d97706}.name-text{font-size:.88rem;font-weight:600;color:var(--text-main)}.gender-pill{font-size:.72rem;font-weight:700}.gender-pill.F{color:var(--female-color)}.gender-pill.M{color:var(--male-color)}.count-value{font-size:.85rem;font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;text-align:right}.trend-btn{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-align:right}.trend-btn:hover{color:var(--accent-primary)}.load-more-container{text-align:center;margin-top:12px}.load-more-btn{padding:6px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);font-size:.8rem;cursor:pointer}.load-more-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}.state-box{text-align:center;padding:30px 16px;color:var(--text-muted);font-size:.85rem}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 8px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--modal-bg);border:1px solid var(--border-color);border-radius:8px;max-width:600px;width:100%;padding:20px;box-shadow:0 10px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-main)}.modal-close{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-muted);width:26px;height:26px;border-radius:50%;cursor:pointer}.chart-container{width:100%;height:220px;margin:12px 0}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--input-bg);padding:8px;border-radius:6px;border:1px solid var(--border-color)}.trend-stat-item{text-align:center}.trend-stat-label{font-size:.7rem;color:var(--text-dim)}.trend-stat-val{font-size:.95rem;font-weight:700;color:var(--text-main)}.app-footer{margin-top:24px;text-align:center;padding:12px 0 16px;border-top:1px dashed var(--border-color)}.source-credit{font-size:.78rem;color:var(--text-muted)}.source-credit a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity .15s ease}.source-credit a:hover{opacity:.8}@media (max-width: 600px){.table-header,.name-card{grid-template-columns:40px 1fr 40px 80px}.trend-btn,.table-header span:last-child{display:none}}