:root{--card: #0e0d12;--card2: #14131a;--good: #4ade80;--bad: #f87171;--tiktok: #25f4ee;--yt: #ff3b3b;--ig: #e1306c;--sp: #1ed760;--am: #fa57c1}body{background:var(--bg)}body:after{opacity:.05}.shell{max-width:1240px;margin:0 auto;padding:0 var(--pad) calc(90px + env(safe-area-inset-bottom))}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) 0 14px;background:linear-gradient(var(--bg) 70%,transparent)}.brand{letter-spacing:.28em}.brand b{color:var(--lamp);font-weight:600}.range{display:flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.range button{padding:6px 12px;border-radius:999px;font:600 12px var(--ui);color:var(--dim)}.range button[aria-selected=true]{background:var(--text);color:var(--bg)}.tabs{display:flex;gap:4px;margin:4px 0 18px;border-bottom:1px solid var(--line)}.tabs button{display:flex;align-items:center;gap:8px;padding:12px 14px;color:var(--faint);font:600 13px var(--ui);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button i{font-style:normal;font-size:14px}.tabs button[aria-current=true]{color:var(--text);border-color:var(--lamp)}section[hidden]{display:none}section{display:grid;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}.card h2{margin:0;font:600 15px/1.2 var(--ui)}.sub{margin:4px 0 14px;font-size:12px;color:var(--faint)}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:4px;position:relative;overflow:hidden}.kpi .l{font:500 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.kpi .v{font:800 40px/1 var(--display);letter-spacing:.01em}.kpi .d{font:600 12px var(--ui)}.up{color:var(--good)}.down{color:var(--bad)}.kpi svg{position:absolute;right:12px;bottom:12px;width:90px;height:32px;opacity:.9}.chart svg{width:100%;height:220px;display:block}.chart.tall svg{height:280px}.chart text,.donut text{fill:var(--faint);font:500 10px var(--ui)}.bar{transition:opacity .2s}.bar:hover{opacity:.75}.tip{position:fixed;z-index:50;pointer-events:none;background:#1b1a22;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font:600 12px var(--ui);white-space:nowrap;transform:translate(-50%,-120%)}.donut{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.donut svg{width:150px;height:150px}.legend,.donut ul{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:10px 0 0;padding:0;font-size:12px;color:var(--dim)}.donut ul{flex-direction:column;margin:0}.legend span:before,.donut li:before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--c);margin-right:7px}.donut li b{color:var(--text);margin-left:6px;font-weight:600}.toplist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.toplist li{display:grid;grid-template-columns:22px 38px 1fr auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(236,231,223,.05)}.toplist li:last-child{border:0}.toplist .n{font:800 18px var(--display);color:var(--faint)}.toplist img{width:38px;height:38px;border-radius:6px;object-fit:cover}.toplist b{font-weight:600;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toplist small{color:var(--faint);font-size:12px}.toplist .s{text-align:right;font:700 14px var(--ui)}.toplist .s small{display:block;font-weight:600}.socials{display:grid;gap:10px}.soc{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--card2);border-radius:12px}.soc .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 13px var(--ui);color:#000;background:var(--c)}.soc b{display:block;font-size:14px}.soc small{color:var(--faint);font-size:12px}.soc .r{text-align:right;font:700 16px var(--ui)}.soc .r small{display:block;font-weight:600}.upload{display:flex;justify-content:space-between;align-items:center;gap:16px;border-style:dashed}.upload .sub{margin-bottom:0}.drop{flex:none;padding:11px 18px;border-radius:999px;background:var(--lamp);color:#140a02;font:700 13px var(--ui);cursor:pointer}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font:500 11px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:0 8px 8px 0;white-space:nowrap;cursor:pointer}.tbl td{padding:9px 8px 9px 0;border-top:1px solid rgba(236,231,223,.06);white-space:nowrap}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl td.t{max-width:240px;overflow:hidden;text-overflow:ellipsis}.tbl .barcell{position:relative}.tbl .barcell i{position:absolute;left:0;top:50%;height:4px;margin-top:9px;background:var(--lamp);border-radius:2px;opacity:.6}.scroll{overflow-x:auto}.ctry{display:grid;grid-template-columns:26px 1fr 70px;gap:10px;align-items:center;padding:6px 0;font-size:13px}.ctry .bar2{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--violet),var(--lamp))}.ctry .num{text-align:right;font-variant-numeric:tabular-nums}.social-big{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sbig{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:12px;border-top:3px solid var(--c)}.sbig h3{margin:0;font:700 14px var(--ui);display:flex;justify-content:space-between}.sbig h3 small{color:var(--faint);font-weight:500}.sbig .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sbig .m{background:var(--card2);border-radius:10px;padding:10px 12px}.sbig .m .l{font-size:11px;color:var(--faint)}.sbig .m .v{font:800 26px/1.1 var(--display)}.sbig svg{width:100%;height:60px}.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.post{background:var(--card2);border-radius:12px;overflow:hidden}.post .img{aspect-ratio:9 / 13;background-size:cover;background-position:center;position:relative}.post .img span{position:absolute;left:8px;top:8px;font:800 10px var(--ui);padding:3px 6px;border-radius:4px;color:#000;background:var(--c)}.post .img b{position:absolute;left:8px;bottom:8px;font:800 18px var(--display);text-shadow:0 1px 6px #000}.post p{margin:0;padding:8px 10px;font-size:11px;color:var(--dim);display:flex;justify-content:space-between}.songlist{display:grid;gap:2px}.srow{display:grid;grid-template-columns:44px 1fr 110px 90px 90px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(236,231,223,.05);font-size:13px}.srow img{width:44px;height:44px;border-radius:6px;object-fit:cover}.srow b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow small{color:var(--faint)}.pill{justify-self:start;font:600 11px var(--ui);padding:4px 9px;border-radius:999px;background:#4ade801f;color:var(--good)}.pill.c{background:#ff7a1a1f;color:var(--lamp)}.srow .num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:900px){.kpis{grid-template-columns:1fr 1fr}.kpi .v{font-size:32px}.kpi svg{top:14px;bottom:auto;width:54px;height:22px}.kpi .l{padding-right:58px}.grid2,.social-big{grid-template-columns:1fr}.tabs{position:fixed;z-index:30;left:0;right:0;bottom:0;margin:0;justify-content:space-around;background:#0a090deb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex-direction:column;gap:3px;padding:10px 4px 8px;font-size:10px;border-bottom:0;border-top:2px solid transparent;margin:-1px 0 0}.tabs button[aria-current=true]{border-color:var(--lamp)}.tabs button i{font-size:18px}.range button{padding:6px 9px;font-size:11px}.upload{flex-direction:column;align-items:stretch;text-align:left}.srow{grid-template-columns:44px 1fr 80px}.srow .hide{display:none}.donut{grid-template-columns:120px 1fr}.donut svg{width:120px;height:120px}}