:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecfdf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#06080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 10%,#5eead429,#0000 28rem),radial-gradient(circle at 78% 12%,#9cff6e24,#0000 24rem),linear-gradient(145deg,#06080d 0%,#0b111d 48%,#08100e 100%);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}.app-shell{width:min(1480px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero>div:first-child,.filter-panel,.panel,.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f172ae0,#080d16d6);border:1px solid #94a3b82e;box-shadow:0 20px 80px #00000052}.hero>div:first-child{border-radius:32px;padding:34px;position:relative;overflow:hidden}.hero>div:first-child:after{content:"";filter:blur(10px);background:linear-gradient(135deg,#9cff6e38,#5eead414);border-radius:999px;width:360px;height:220px;position:absolute;inset:auto -60px -100px auto;transform:rotate(-14deg)}.eyebrow{color:#9cff6e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:780px;margin-bottom:12px;font-size:clamp(2.35rem,6vw,5.7rem);line-height:.92}h2{letter-spacing:-.02em;margin-bottom:4px;font-size:1.05rem}.hero-copy{color:#aab8ca;max-width:680px;font-size:1.05rem;line-height:1.7}.hero-meta{z-index:1;flex-wrap:wrap;gap:10px;margin-top:28px;display:flex;position:relative}.hero-meta span,.badge{color:#b8c6d8;background:#0f172ab8;border:1px solid #94a3b833;border-radius:999px;padding:7px 11px;font-size:.78rem}.filter-panel{border-radius:28px;align-content:center;gap:18px;padding:24px;display:grid}label{color:#8ea0b8;letter-spacing:.08em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:800;display:grid}select{color:#eefdf7;background:#0b1220;border:1px solid #94a3b83d;border-radius:16px;outline:none;width:100%;padding:13px 14px}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-card{border-radius:24px;gap:14px;min-height:132px;padding:20px;display:flex}.metric-icon{color:#06100b;background:linear-gradient(135deg,#9cff6e,#5eead4);border-radius:15px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.metric-card p,.metric-card span,.panel-header p,.workout-row span,.workout-row p{color:#8ea0b8}.metric-card p{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.78rem;font-weight:800}.metric-card strong{margin-bottom:4px;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1;display:block}.metric-card span{font-size:.84rem}.chart-grid,.tables-grid{grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{border-radius:28px;min-width:0;padding:22px}.wide,.wide-table{grid-column:span 1}.panel-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.panel-header p{margin-bottom:0;font-size:.9rem}.rank-list,.workout-list{gap:10px;display:grid}.rank-row,.workout-row{background:#0f172a85;border:1px solid #94a3b824;border-radius:18px}.rank-row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.rank-row span{color:#5eead4;font-weight:900}.rank-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row em{color:#9cff6e;font-style:normal}.table-wrap{border:1px solid #94a3b824;border-radius:18px;max-height:520px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b81f;padding:12px 14px}th{z-index:1;color:#9cff6e;letter-spacing:.08em;text-transform:uppercase;background:#111827;font-size:.72rem;position:sticky;top:0}td{color:#d7e5ef}.badge{padding:4px 8px;font-size:.72rem}.badge.gold{color:#1f1300;background:#fbbf24;border-color:#fbbf24;font-weight:900}.workout-row{gap:8px;padding:15px;display:grid}.workout-row>div{justify-content:space-between;gap:12px;display:flex}.workout-row p{margin:0;line-height:1.5}.empty-state,.loading{color:#8ea0b8;place-items:center;min-height:260px;display:grid}.loading{align-content:center;gap:12px;min-height:100vh;font-size:1.1rem}code{color:#9cff6e;background:#111827;border-radius:6px;padding:2px 6px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.hero,.chart-grid,.tables-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-shell{width:min(100% - 20px,1480px);padding-top:10px}.hero>div:first-child,.filter-panel,.panel{border-radius:22px;padding:18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:118px;padding:16px}.hero-meta{gap:7px}th,td{padding:10px}}@media (width<=470px){.metrics-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:34px minmax(0,1fr)}.rank-row em{grid-column:2}}