:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#081425;--surface:#081425;--surface-container:#152031;--surface-container-low:#111c2d;--surface-container-lowest:#040e1f;--surface-container-high:#1f2a3c;--surface-container-highest:#2a3548;--surface-variant:#2a3548;--on-surface:#d8e3fb;--on-surface-variant:#dbc2b0;--on-background:#d8e3fb;--primary:#ffb77d;--primary-container:#d97707;--secondary:#ffb95f;--secondary-container:#ee9800;--tertiary:#c6c6c7;--outline:#a38c7c;--outline-variant:#554336;--success:#4ade80;--error:#ffb4ab}*{box-sizing:border-box}body{color:var(--on-background);background-color:var(--background);background-image:radial-gradient(circle at 100% 0,#d977070f,#0000 40%),radial-gradient(circle at 0 100%,#2f3a4c66,#0000 40%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.brand-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#081425e6;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:10px;height:72px;display:flex;position:sticky;top:0}.brand-header .brand-logo{width:22px;height:22px}.brand-header .brand-name{letter-spacing:-.01em;color:var(--primary);font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}#app{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 20px 64px;display:flex}.glass-card{-webkit-backdrop-filter:blur(20px);background:#111c2d99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000004d}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:32px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(60px);pointer-events:none;background:#ffb77d0f;border-radius:50%;width:256px;height:256px;position:absolute;top:-80px;right:-80px}.hero-copy{z-index:1;flex:280px;position:relative}.hero-label{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:12px;font-weight:700}.hero-value{letter-spacing:-.02em;color:var(--on-surface);margin:0 0 20px;font-family:Montserrat,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.hero-goal{color:var(--on-surface-variant);margin:-8px 0 0;font-size:14px}.gauge{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.gauge svg{filter:drop-shadow(0 0 8px #ee980059);width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{stroke:#ffffff0d}.gauge-fill{stroke:url(#amber-gradient);transition:stroke-dashoffset 1s ease-out}.gauge-label{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute}.gauge-value{color:var(--on-surface);font-family:Montserrat,sans-serif;font-size:32px;font-weight:800;line-height:1}.gauge-goal{letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:6px;font-size:10px;font-weight:700}.metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{flex-direction:column;gap:16px;padding:20px;display:flex}.stat-card-head{justify-content:space-between;align-items:center;display:flex}.stat-card-title{letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface-variant);font-size:11px;font-weight:700}.stat-card-icon{background:var(--surface-container);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.stat-card-value-row{align-items:baseline;gap:8px;display:flex}.stat-card-value{color:var(--on-surface);font-family:Montserrat,sans-serif;font-size:32px;font-weight:700}.stat-card-trend{align-items:center;gap:2px;font-size:12px;display:flex}.stat-card-trend.up{color:var(--success)}.stat-card-trend.down{color:var(--error)}.stat-card-unit{letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);font-size:10px;font-weight:700}.split{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.split{grid-template-columns:2fr 1fr}}.panel{flex-direction:column;height:500px;display:flex}.panel-auto{height:auto}.panel-auto .panel-body{overflow-y:visible}.panel-head{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-title{color:var(--on-surface);align-items:center;gap:8px;margin:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.panel-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.feed-item{background:#040e1f80;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:border-color .2s;display:flex}.feed-item:hover{border-color:#ffffff1a}.avatar{background:linear-gradient(135deg, var(--surface-variant), var(--surface));width:44px;height:44px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.feed-item-body{flex:1;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.feed-item-text{color:var(--on-surface-variant);margin:0;font-size:14px}.feed-item-text .name{color:var(--on-surface);font-weight:700}.feed-item-text .number{color:var(--secondary);font-weight:600}.feed-item-time{letter-spacing:.05em;color:var(--on-surface-variant);opacity:.6;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.rank-row{border-radius:12px;align-items:center;padding:12px;transition:background .2s;display:flex}.rank-row:not(.rank-1):hover{background:#2a35484d}.rank-row.rank-1{background:linear-gradient(90deg,#ffb77d1a,#0000);border:1px solid #ffb77d33}.rank-number{text-align:center;width:28px;color:var(--tertiary);flex-shrink:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.rank-1 .rank-number{color:var(--primary)}.rank-2 .rank-number{color:var(--tertiary)}.rank-3 .rank-number{color:var(--outline-variant)}.rank-avatar{background:var(--surface-variant);width:36px;height:36px;color:var(--on-surface-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 12px;font-size:13px;font-weight:700;display:flex;position:relative}.rank-1 .rank-avatar{color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.rank-2 .rank-avatar{box-shadow:0 0 0 1px var(--tertiary)}.rank-3 .rank-avatar{box-shadow:0 0 0 1px var(--outline-variant)}.rank-crown{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;bottom:-2px;right:-2px}.rank-name{min-width:0;color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:700;overflow:hidden}.rank-count{color:var(--tertiary);flex-shrink:0;padding-left:8px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.rank-1 .rank-count{color:var(--primary)}.person-row-link{color:inherit;cursor:pointer;text-decoration:none}.back-link{color:var(--on-surface-variant);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--primary)}.load-more-wrap{text-align:center;padding:4px 16px 16px}.load-more-btn{background:var(--surface-container);color:var(--on-surface);cursor:pointer;border:1px solid #ffffff14;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.load-more-btn:hover{border-color:var(--primary);color:var(--primary)}.empty-state{color:var(--on-surface-variant);text-align:center;padding:24px 0;font-size:14px}.error{color:var(--on-surface-variant);text-align:center;padding:40px 0;font-size:14px}