.live-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff000026 0%,#0000 60%);position:fixed;inset:0}.glass-panel{-webkit-backdrop-filter:blur(25px);text-align:center;background:#141414b3;border:1px solid #ffffff0d;border-radius:30px;width:100%;max-width:600px;padding:40px;animation:.8s forwards slideUp;box-shadow:0 25px 50px #00000080}.channel-avatar{border:3px solid #ff475780;border-radius:50%;width:90px;height:90px;margin:15px auto;box-shadow:0 0 20px #ff47574d}.live-badge{color:#ff4757;background:#ff475726;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.pulsing-dot{background:#ff4757;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ff4757b3}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.primary-counter{margin:40px 0}.neon-text{color:#fff;text-shadow:0 0 20px #ffffff4d,0 0 40px #ff475766;font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:1}.secondary-stats{border-top:1px solid #ffffff1a;justify-content:space-around;padding-top:25px;display:flex}.stat-box{flex-direction:column;gap:5px;display:flex}.stat-label{color:#a1a1aa;font-size:.9rem}.stat-val{color:#fff;font-size:1.5rem;font-weight:700}.subscriber-change{background:#0000004d;border-radius:50px;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:.9rem;display:inline-flex}.subscriber-change.positive{color:#4ade80;border:1px solid #4ade804d}.subscriber-change.negative{color:#f87171;border:1px solid #f871714d}.subscriber-change.neutral{color:#fbbf24;border:1px solid #fbbf244d}.change-value{font-size:1.1rem;font-weight:700}.change-percent{opacity:.8;margin-right:4px;font-size:.8rem}.change-label{opacity:.7;font-size:.8rem}.chart-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:20px;margin-top:30px;padding:20px}.chart-container{width:100%}.chart-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.chart-header h3{color:#fff;margin:0;font-size:1.2rem}.chart-controls{gap:10px;display:flex}.chart-type-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:6px 12px;font-size:.8rem;transition:all .3s}.chart-type-btn:hover{background:#fff3}.chart-type-btn.active{background:#f05;border-color:#f05}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:8px;padding:10px 15px}.tooltip-date{color:#aaa;margin-bottom:5px;font-size:.8rem}.tooltip-value{color:#f05;margin:0;font-size:1rem;font-weight:700}.tooltip-sub{color:#fff;margin-top:5px;font-size:.8rem}.chart-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-around;gap:15px;margin-top:20px;padding-top:20px;display:flex}.chart-stat{text-align:center;background:#ffffff0d;border-radius:12px;flex:1;padding:10px}.chart-stat span{color:#aaa;margin-bottom:5px;font-size:.8rem;display:block}.chart-stat strong{color:#f05;font-size:1.2rem;display:block}@media (max-width:768px){.chart-stats{flex-direction:column;gap:10px}.chart-stat{padding:8px}.chart-header{flex-direction:column;gap:10px}.chart-container{height:300px}}.period-stats-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1499;border:1px solid #ffffff1a;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}.period-stats-container{width:100%}.period-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.period-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.period-btn:hover{background:#f053;border-color:#ff005580;transform:translateY(-2px)}.period-btn.active{background:linear-gradient(135deg,#f05,#f36);border-color:#0000;box-shadow:0 0 20px #ff00554d}.period-icon{font-size:1.2rem}.period-label{font-weight:500}.period-stat-card{background:#0006;border:1px solid #ffffff1a;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s}.period-stat-card.positive{background:linear-gradient(135deg,#00c8531a,#0006);border-left:4px solid #00c853}.period-stat-card.negative{background:linear-gradient(135deg,#ff17441a,#0006);border-left:4px solid #ff1744}.period-stat-card.neutral{border-left:4px solid #ffa726}.period-stat-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.period-stat-title{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.period-stat-period{color:#f05;font-size:1.1rem;font-weight:700}.period-stat-main{margin-bottom:1rem}.period-stat-gain{align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.gain-icon{font-size:2rem}.gain-value{font-size:2.5rem;font-weight:700}.period-stat-card.positive .gain-value{color:#00c853}.period-stat-card.negative .gain-value{color:#ff1744}.gain-percent{color:#aaa;font-size:1rem}.period-stat-dates{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.date-range{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;display:flex}.date-label{color:#888;font-size:.8rem}.date-value{color:#fff;font-size:1rem;font-weight:500}.date-value-sub{color:#f05;font-size:.9rem}.date-arrow{color:#f05;font-size:1.5rem}.period-stat-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden}.progress-bar{border-radius:2px;height:100%;transition:width .5s}.all-stats-table{margin-top:1rem}.all-stats-table h4{color:#fff;text-align:center;margin-bottom:1rem;font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.stat-grid-item{text-align:center;background:#ffffff0d;border-radius:1rem;padding:1rem;transition:all .3s}.stat-grid-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-grid-header{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.stat-grid-icon{font-size:1.2rem}.stat-grid-period{color:#aaa;font-size:.9rem}.stat-grid-gain{margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.stat-grid-gain.positive{color:#00c853}.stat-grid-gain.negative{color:#ff1744}.stat-grid-percent{color:#888;font-size:.8rem}.chart-stats .positive{color:#00c853}.chart-stats .negative{color:#ff1744}@media (max-width:768px){.period-buttons{gap:.5rem}.period-btn{padding:.5rem 1rem;font-size:.9rem}.gain-value{font-size:1.8rem}.period-stat-dates{flex-direction:column;align-items:flex-start}.date-arrow{align-self:center;transform:rotate(90deg)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.other-platforms-container{z-index:200;position:fixed;bottom:25px;left:25px}.circular-platforms-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f05,#c026d3,#7c3aed);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 25px #c026d359}.circular-platforms-btn:hover{transform:scale(1.12)rotate(12deg);box-shadow:0 12px 35px #c026d380}.circular-platforms-btn:active{transform:scale(.88)}.platforms-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19f5;border:1px solid #ffffff14;border-radius:18px;width:220px;padding:12px 8px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards menuPop;position:absolute;bottom:68px;left:0;overflow:hidden;box-shadow:0 25px 60px #0009}@keyframes menuPop{0%{opacity:0;transform:translateY(25px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.platforms-menu-header{border-bottom:1px solid #ffffff12;margin-bottom:6px;padding:10px 16px 14px}.platforms-menu-header h4{color:#f39;text-align:center;letter-spacing:.3px;margin:0;font-size:1.02rem;font-weight:600}.platforms-list{flex-direction:column;gap:4px;display:flex}.platform-item{color:#fff;border-radius:12px;align-items:center;gap:14px;padding:13px 16px;font-size:1.01rem;text-decoration:none;transition:all .25s;display:flex}.platform-item:hover{background:#ff33991f;transform:translate(8px);box-shadow:0 4px 15px #ff33991a}.platform-icon{text-align:center;width:30px;font-size:23px;transition:transform .3s}.platform-item:hover .platform-icon{transform:scale(1.15)}.platform-name{letter-spacing:.2px;font-weight:500}