.analytics-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.analytics-heading h1{font-size:30px}.analytics-toolbar{display:flex;align-items:center;gap:10px}.period-switch{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.period-button{padding:9px 12px;font-size:11px;font-weight:550;border-radius:7px;white-space:nowrap;background:none;color:var(--subtle)}.period-button.selected{background:var(--accent-soft);color:var(--accent)}.analytics-ribbon{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--subtle);margin:0 0 19px}.analytics-live{display:flex;align-items:center;gap:7px}.analytics-live i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.analytics-metric{display:flex;flex-direction:column;padding:21px 19px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:145px}.analytics-metric.featured{background:linear-gradient(125deg,#a70d1c,#c52532);border-color:#b61520;color:white;position:relative;overflow:hidden}.analytics-metric.featured:after{content:"";position:absolute;width:100px;height:100px;right:-50px;bottom:-40px;border:15px solid #ffffff08;border-radius:50%}.analytics-metric-top{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;color:var(--subtle);line-height:1.5}.analytics-metric-top svg{width:16px;height:16px;flex:none;color:var(--accent)}.analytics-number{font-size:35px;font-weight:600;letter-spacing:-1.2px;line-height:1.1;margin:18px 0 10px;color:var(--ink)}.analytics-metric-hint{font-size:9px;color:var(--subtle);line-height:1.5}.analytics-metric.featured .analytics-metric-top,.analytics-metric.featured .analytics-metric-top svg,.analytics-metric.featured .analytics-number{color:white}.analytics-metric.featured .analytics-metric-hint{color:#ffccd0}.analytics-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:18px;margin-bottom:18px}.analytics-panel{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:23px}.analytics-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.analytics-panel-heading h2{font-size:14px;line-height:1.5}.analytics-panel-heading p{font-size:10px;color:var(--subtle);margin:6px 0 0;line-height:1.6}.analytics-count{font-size:10px;color:var(--accent);padding:7px 9px;background:var(--accent-soft);border-radius:7px;white-space:nowrap}.analytics-small-label{font-size:8px;letter-spacing:1.1px;color:var(--subtle);line-height:1.5}.analytics-chart{display:block;width:100%;height:auto;overflow:visible;min-height:175px}.chart-grid{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.chart-label{fill:var(--subtle);font:10px Inter,"Segoe UI",Arial,sans-serif}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-line.miniapp{stroke:var(--accent)}.chart-line.bot{stroke:#9999aa}.chart-area{fill:var(--accent);opacity:.065}.chart-dot{fill:var(--paper);stroke-width:2;stroke:var(--accent)}.chart-dot.bot{stroke:#9999aa}.chart-point{cursor:help}.chart-point:hover .chart-dot,.chart-point:focus .chart-dot{fill:var(--accent);r:5px}.chart-point:hover .chart-dot.bot,.chart-point:focus .chart-dot.bot{fill:#9999aa}.chart-empty{fill:var(--subtle);font:12px Inter,"Segoe UI",Arial,sans-serif}.chart-legend{display:flex;justify-content:center;gap:23px;margin-top:13px;color:var(--subtle);font-size:9px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:15px;height:3px;border-radius:3px;background:var(--accent)}.chart-legend i.bot{background:#9999aa}.chart-data{font-size:10px;color:var(--subtle);margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.chart-data summary{cursor:pointer;list-style-position:inside}.chart-data table{width:100%;border-collapse:collapse;margin-top:12px;font-size:10px}.chart-data th,.chart-data td{padding:7px 4px;text-align:right;border-bottom:1px solid var(--line)}.chart-data th:first-child,.chart-data td:first-child{text-align:left}.channel-panel .analytics-panel-heading{margin-bottom:10px}.channel-panel .analytics-small-label{font-size:7px;max-width:60px;text-align:right}.channel-card{padding:20px 0}.channel-card+.channel-card{border-top:1px solid var(--line)}.channel-label{display:flex;align-items:center;gap:9px}.channel-icon{height:29px;width:29px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:8px}.channel-icon svg{height:15px;width:15px}.channel-label strong{font-size:11px;font-weight:550}.channel-percent{font-size:10px;color:var(--subtle);margin-left:auto}.channel-card.bot .channel-icon{color:#9999aa;background:var(--raised)}.channel-meter,.rank-meter{display:block;width:100%;height:5px;appearance:none;-webkit-appearance:none;border:0;border-radius:5px;background:var(--line);overflow:hidden}.channel-meter{margin:15px 0}.channel-meter::-webkit-meter-bar,.rank-meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:5px;height:5px}.channel-meter::-webkit-meter-optimum-value,.rank-meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:5px}.channel-meter::-moz-meter-bar,.rank-meter::-moz-meter-bar{background:var(--accent);border-radius:5px}.channel-card.bot .channel-meter::-webkit-meter-optimum-value{background:#9999aa}.channel-card.bot .channel-meter::-moz-meter-bar{background:#9999aa}.channel-numbers{display:flex;justify-content:space-between;gap:10px}.channel-numbers div{display:flex;flex-direction:column;gap:5px}.channel-numbers strong{font-size:18px;letter-spacing:-.4px;font-weight:550;color:var(--ink)}.channel-numbers span{font-size:9px;color:var(--subtle)}.analytics-footnote{color:var(--subtle);font-size:9px;line-height:1.8;margin:7px 0 0}.analytics-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ranking-row{display:flex;gap:13px;margin-bottom:18px;align-items:center}.ranking-row:last-child{margin-bottom:0}.rank-index{font-size:10px;color:var(--subtle);font-variant-numeric:tabular-nums}.rank-info{flex:1;min-width:0}.rank-text{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:9px}.rank-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-text strong{font-weight:550;color:var(--ink)}.rank-meter{height:4px}.rank-meter::-webkit-meter-bar{height:4px}.analytics-empty{font-size:11px;line-height:1.9;color:var(--subtle);min-height:95px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px}.audience-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.audience-strip>div:first-child{display:flex;flex-direction:column;gap:8px}.audience-strip>div:first-child strong{font-size:13px;font-weight:550;color:var(--ink)}.audience-cell{display:flex;flex-direction:column;gap:7px}.audience-cell strong{font-size:18px;font-weight:550;color:var(--ink)}.audience-cell span{font-size:9px;color:var(--subtle)}.analytics-notes{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.9;color:var(--subtle);padding:17px 4px 0}.analytics-notes svg{width:13px;height:13px;flex:none;margin-top:4px}.analytics-notes p{margin:0}.analytics-back{background:none;padding:17px 4px 0;color:var(--accent);font-size:10px}
@media(max-width:1100px){.analytics-heading{align-items:flex-start;flex-direction:column;gap:18px}.analytics-heading h1{font-size:27px}.analytics-metrics{gap:10px}.analytics-metric{padding:17px 14px}.analytics-metric-top{font-size:9px}.analytics-middle{grid-template-columns:1fr}.channel-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.channel-panel>.analytics-panel-heading,.channel-panel>.analytics-footnote{grid-column:1/-1}.channel-card+.channel-card{border-top:0}.channel-card{padding:12px 0}.analytics-middle .analytics-chart{min-height:190px}.audience-strip{gap:15px;flex-wrap:wrap}.audience-strip>div:first-child{min-width:100%}}
@media(max-width:700px){.analytics-heading{margin-bottom:17px}.analytics-heading h1{font-size:27px}.analytics-heading .subtitle{font-size:11px;max-width:290px}.analytics-toolbar{width:100%;justify-content:space-between}.period-switch{flex:1;justify-content:space-between;margin-right:6px}.period-button{flex:1;font-size:11px;padding:9px 10px}.analytics-ribbon{font-size:9px;margin-bottom:17px}.analytics-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.analytics-metric{padding:17px 15px;min-height:137px}.analytics-number{font-size:32px;margin:14px 0 9px}.analytics-metric-top{font-size:10px}.analytics-metric-top svg{width:14px;height:14px}.analytics-metric-hint{font-size:8px}.analytics-panel{padding:19px 16px;border-radius:13px}.analytics-panel-heading{margin-bottom:18px}.analytics-panel-heading h2{font-size:13px}.analytics-panel-heading p{font-size:9px}.analytics-count{font-size:9px}.analytics-middle{gap:15px;margin-bottom:15px}.analytics-middle .analytics-chart{min-height:150px}.chart-legend{font-size:9px;gap:20px}.chart-label{font-size:11px}.chart-empty{font-size:12px}.channel-panel{column-gap:22px}.channel-panel>.analytics-panel-heading{margin-bottom:4px}.channel-label{gap:7px;flex-wrap:wrap}.channel-label strong{font-size:10px}.channel-icon{height:25px;width:25px;border-radius:7px}.channel-icon svg{width:14px;height:14px}.channel-percent{font-size:9px}.channel-numbers{gap:5px}.channel-numbers strong{font-size:17px}.channel-numbers span{font-size:8px}.analytics-footnote{font-size:8px;margin-top:7px}.analytics-bottom{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.ranking-row{margin-bottom:17px}.rank-text{font-size:11px}.audience-strip{padding:20px 17px;display:grid;grid-template-columns:1fr 1fr;row-gap:20px;column-gap:15px}.audience-strip>div:first-child{grid-column:1/-1;gap:7px;padding-bottom:17px;border-bottom:1px solid var(--line)}.audience-strip>div:first-child strong{font-size:15px}.audience-cell strong{font-size:20px}.audience-cell span{font-size:9px}.analytics-notes{font-size:8px;padding-top:16px}.analytics-back{font-size:10px;padding-top:17px}}
@media(max-width:700px){.channel-panel .channel-label{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:6px;row-gap:5px;min-height:48px;align-content:start}.channel-panel .channel-icon{grid-row:1/span 2;align-self:start}.channel-panel .channel-label strong{font-size:9px;line-height:1.5}.channel-panel .channel-percent{grid-column:2;margin:0;font-size:9px}}