:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#090b14;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 50% -15%,#6856e929,#0000 38rem),#090b14;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,tr:focus-visible{outline-offset:2px;outline:2px solid #22d3ee}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 32px 36px;position:relative;overflow:hidden}.ambient{z-index:-1;filter:blur(90px);opacity:.15;pointer-events:none;border-radius:999px;width:34rem;height:34rem;position:absolute}.ambient--one{background:#8b5cf6;top:6rem;left:-24rem}.ambient--two{background:#0891b2;top:30rem;right:-28rem}.app-header{border-bottom:1px solid #a6b4d91f;justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{color:#f7f8fe;letter-spacing:-.02em;align-items:center;gap:10px;font-size:.97rem;font-weight:760;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;background:linear-gradient(135deg,#7354d8,#ae63f5);border:1px solid #b1a1ff8a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 21px #8159e447}.header-actions{align-items:center;gap:13px;display:flex}.sync-status{color:#aeb9cb;align-items:center;gap:7px;font-size:.78rem;font-weight:650;display:inline-flex}.sync-status>span{background:#5c6981;border-radius:50%;width:7px;height:7px}.sync-status--succeeded>span{background:#31d6a3;box-shadow:0 0 0 4px #31d6a31f}.sync-status--running>span{background:#fbbf24;animation:1.2s ease-in-out infinite pulse}.sync-status--failed>span{background:#fb7185}.icon-button{color:#ccd4e7;background:#ffffff0a;border:1px solid #a6b4d926;border-radius:10px;place-items:center;width:35px;height:35px;transition:background .16s,color .16s,border-color .16s;display:inline-grid}.icon-button:hover{color:#fff;background:#8b5cf62b;border-color:#9b89fd8f}.hero{justify-content:space-between;align-items:end;gap:28px;padding:56px 0 30px;display:flex}.eyebrow{color:#9d8bf2;letter-spacing:.105em;margin:0 0 7px;font-size:.68rem;font-weight:780}h1,h2,h3,p{margin-top:0}h1{color:#f8f9ff;letter-spacing:-.053em;max-width:830px;margin-bottom:10px;font-size:clamp(2rem,3.8vw,3.65rem);font-weight:770;line-height:1.04}h2{color:#f3f5fb;letter-spacing:-.017em;margin-bottom:0;font-size:1.04rem;font-weight:700}h3{color:#f3f5fb;margin-bottom:0;font-size:1rem;font-weight:700}.hero__subtitle{color:#9da9bf;max-width:760px;margin:0;font-size:.94rem;line-height:1.55}.hero__meta{color:#a6b1c6;gap:10px;min-width:220px;margin-bottom:4px;font-size:.76rem;display:grid}.hero__meta span{white-space:nowrap;align-items:center;gap:7px;display:flex}.hero__meta svg{color:#22d3ee}.range-tabs{scrollbar-width:none;background:#0e111dc4;border:1px solid #a6b4d91f;border-radius:11px;gap:3px;width:max-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.range-tabs::-webkit-scrollbar{display:none}.range-tabs button{color:#8995ad;background:0 0;border:0;border-radius:7px;flex:none;padding:7px 12px;font-size:.76rem;font-weight:650;transition:color .15s,background .15s}.range-tabs button:hover{color:#e6eaff}.range-tabs button.is-active{color:#f9f9ff;background:#8f70f13b;box-shadow:inset 0 0 0 1px #a890ff30}.error-banner{color:#fecdd3;background:#9f274129;border:1px solid #fb718559;border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;padding:12px 15px;font-size:.8rem;display:flex}.error-banner strong{color:#fff1f2}.error-banner button{color:#fff;background:#ffffff1f;border:0;border-radius:5px;margin-left:auto;padding:4px 8px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.metric-card{background:linear-gradient(145deg,#1b1e30eb,#10121fd9);border:1px solid #a6b4d91f;border-radius:15px;min-height:142px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 18px 38px #0000001a}.metric-card:after{content:"";filter:blur(18px);opacity:.2;border-radius:50%;width:106px;height:106px;position:absolute;top:-42px;right:-33px}.metric-card--violet:after{background:#8b5cf6}.metric-card--cyan:after{background:#22d3ee}.metric-card--pink:after{background:#f472b6}.metric-card--amber:after{background:#fbbf24}.metric-card__top{color:#9ba6bb;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:650;display:flex}.metric-card__icon{color:#d8d1ff;background:#ffffff12;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.metric-card--cyan .metric-card__icon{color:#85edfb}.metric-card--pink .metric-card__icon{color:#ffacd4}.metric-card--amber .metric-card__icon{color:#fddd8b}.metric-card strong{color:#fbfbfe;letter-spacing:-.045em;margin-top:17px;font-size:1.84rem;font-weight:750;display:block}.metric-card__delta{color:#61ddaf;align-items:center;gap:4px;margin-top:9px;font-size:.69rem;font-weight:650;display:inline-flex}.metric-card__delta.is-muted{color:#77849c}.metric-card__delta.is-negative{color:#fb8192}.chart-grid,.history-grid{grid-template-columns:minmax(0,1.52fr) minmax(330px,.98fr);gap:14px;margin-top:14px;display:grid}.panel{background:#121523c4;border:1px solid #a6b4d91f;border-radius:15px;min-width:0;box-shadow:0 18px 38px #0000001a}.panel__header{justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 19px 5px;display:flex}.panel__stat{color:#a894ff;background:#8b5cf621;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.panel__stat--engagement{color:#f9a8d4;background:#f472b61f}.panel__stat--count{color:#84eaf7;background:#22d3ee1f}.chart-empty{color:#7f8aa0;text-align:center;place-content:center;gap:9px;min-height:285px;padding:24px;font-size:.78rem;display:grid}.chart-empty svg{color:#7663cf;margin:auto}.table-panel,.subscriber-panel{margin-top:14px}.subscriber-table{min-width:720px}.subscriber-table tbody tr,.subscriber-table tbody tr:hover{cursor:default;background:0 0}.subscriber-avatar{border-radius:50%;width:36px;height:36px}.footer-mark{color:inherit;-webkit-user-select:none;user-select:none;margin:-6px 2px -6px -6px;padding:6px;display:inline-flex}.footer-mark.is-busy{color:#c4b5fd}.toast{z-index:30;color:#ecfdf5;background:#0f2a22f5;border:1px solid #a7f3d052;border-radius:12px;padding:12px 16px;font-size:.84rem;font-weight:660;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000059}.album-section{margin-top:14px}.album-section__header{background:#12152394;border:1px solid #a6b4d91f;border-bottom:0;border-radius:15px 15px 0 0;justify-content:space-between;align-items:end;gap:16px;padding:18px 19px 12px;display:flex}.album-chart-panel{border-radius:0}.album-table-panel{border-top:0;border-radius:0 0 15px 15px;overflow:hidden}table.album-table{min-width:760px}.album-table tbody tr{cursor:pointer}.album-table tbody tr:hover{background:#22d3ee0b}.album-cell{align-items:center;gap:11px;min-width:260px;display:flex}.album-cell>div{gap:4px;min-width:0;display:grid}.album-cell strong{color:#ebeff9;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.79rem;font-weight:660;overflow:hidden}.album-cell span{color:#758198;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.68rem;overflow:hidden}.album-cover{object-fit:cover;background:#1d2440;border:1px solid #ffffff1a;border-radius:9px;flex:none;width:48px;height:48px;display:block}.album-cover--placeholder{color:#c3b6ff;background:linear-gradient(135deg,#29264b,#1d2440);place-items:center;display:grid}.panel__header--table{align-items:end;padding-bottom:16px}.search-box{color:#8491a8;letter-spacing:.065em;text-transform:uppercase;gap:5px;min-width:min(100%,220px);font-size:.65rem;font-weight:720;display:grid}.search-box input{color:#eaf0fd;background:#04060d59;border:1px solid #a6b4d926;border-radius:8px;min-width:220px;padding:8px 10px;font-size:.78rem}.search-box input::placeholder{color:#65728a}.table-wrap{border-top:1px solid #a6b4d91a;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:835px}th{color:#7d89a1;letter-spacing:.055em;text-align:left;text-transform:uppercase;height:42px;padding:0 16px;font-size:.65rem;font-weight:720}td{color:#adbad0;border-top:1px solid #a6b4d914;padding:11px 16px;font-size:.77rem}tbody tr{cursor:pointer;transition:background .14s}tbody tr:hover{background:#8f70f112}.sort-button{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-button:hover,.sort-button.is-active{color:#c9c3fa}.sort-button--right{float:right}.video-cell{align-items:center;gap:10px;min-width:260px;display:flex}.video-cell>div{gap:4px;min-width:0;display:grid}.video-cell__title{align-items:center;gap:7px;min-width:0;display:flex}.video-cell strong{color:#ebeff9;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:.78rem;font-weight:650;overflow:hidden}.video-cell__title strong{flex:1}.video-open-link{color:#94edf8;background:#22d3ee14;border:1px solid #22d3ee33;border-radius:5px;flex:none;align-items:center;gap:3px;padding:3px 5px;font-size:.62rem;font-weight:710;line-height:1;text-decoration:none;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.video-open-link:hover{color:#e1fbff;background:#22d3ee2b;border-color:#22d3ee94}.video-open-link span{max-width:none;color:inherit;font-size:inherit;font-weight:inherit}.video-cell span{color:#758198;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.video-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:6px;flex:none;width:56px;height:32px;display:block}.video-thumb--large{border-radius:9px;width:90px;height:51px}.video-thumb--placeholder{color:#b9a9ff;background:linear-gradient(135deg,#29264b,#1d2440);place-items:center;display:grid}.numeric{color:#d3daea;font-variant-numeric:tabular-nums;text-align:right}.rank-badge{color:#a7f2fb;background:#22d3ee1f;border-radius:5px;justify-content:center;min-width:28px;padding:3px 6px;font-size:.7rem;font-weight:720;display:inline-flex}.table-message{color:#7b879d;text-align:center;padding:32px}.app-footer{color:#68758c;justify-content:space-between;gap:20px;padding:22px 2px 0;font-size:.68rem;line-height:1.5;display:flex}.app-footer div{align-items:flex-start;gap:6px;display:flex}.app-footer div:last-child{text-align:right;max-width:510px}.detail-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04050ca6;justify-content:flex-end;padding:12px;display:flex;position:fixed;inset:0}.detail-panel{background:#11141f;border:1px solid #a6b4d926;border-radius:16px;width:min(700px,100%);height:100%;overflow-y:auto;box-shadow:-20px 0 50px #0000005c}.detail-panel__header{z-index:1;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#11141ff0;border-bottom:1px solid #a6b4d91a;justify-content:space-between;align-items:flex-start;padding:18px;display:flex;position:sticky;top:0}.detail-actions{align-items:center;gap:8px;display:flex}.detail-video{gap:12px;min-width:0;display:flex}.detail-video>div{min-width:0}.detail-video h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:1.05rem;overflow:hidden}.detail-video>div>span{color:#8b98b0;font-size:.74rem}.detail-video .album-cover{width:90px;height:51px}.detail-metrics{background:#a6b4d91a;border:1px solid #a6b4d91a;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:18px;display:grid;overflow:hidden}.detail-metrics>div{background:#151925;gap:5px;padding:12px;display:grid}.detail-metrics span,.metadata span{color:#7d89a1;font-size:.65rem}.detail-metrics strong{color:#f0f3fa;font-variant-numeric:tabular-nums;font-size:.95rem}.detail-chart{margin:25px 18px 0}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.metadata-grid{background:#a6b4d91a;border:1px solid #a6b4d91a;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:25px 18px 18px;display:grid;overflow:hidden}.metadata{background:#151925;gap:4px;min-height:65px;padding:11px 12px;display:grid}.metadata strong{color:#dfe5f2;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:620;overflow:hidden}.topic-list{margin:0 18px 30px}.topic-list>div{flex-wrap:wrap;gap:7px;display:flex}.topic-list span{color:#c8bbff;background:#8b5cf61a;border:1px solid #8b5cf63d;border-radius:6px;padding:5px 7px;font-size:.68rem}.group-video-list{background:#a6b4d91a;border:1px solid #a6b4d91a;border-radius:11px;gap:1px;margin:25px 18px 30px;display:grid;overflow:hidden}.group-video-list>.eyebrow{background:#151925;margin:0;padding:11px 12px 8px}.group-video-list button{color:#dce4f2;text-align:left;background:#151925;border:0;border-top:1px solid #a6b4d914;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:10px 12px;transition:background .14s;display:flex}.group-video-list button:hover{background:#8b5cf62b}.group-video-list button span{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.group-video-list button strong{color:#a9f0f7;font-variant-numeric:tabular-nums;flex:none;font-size:.74rem}.detail-loading{z-index:9;color:#dce4f5;background:#171b28;border:1px solid #a6b4d92b;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:.75rem;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #00000040}.recharts-default-tooltip{color:#e9eefb!important;background:#171b27!important;border:1px solid #a6b4d933!important;border-radius:8px!important;font-size:.72rem!important}.recharts-tooltip-label{color:#aeb9ce!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media (width<=1020px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.history-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:0 16px 25px}.app-header{min-height:64px}.sync-status{display:none}.hero{padding:37px 0 23px;display:block}.hero__meta{margin-top:17px}.metric-grid{gap:10px}.metric-card{min-height:129px;padding:14px}.metric-card strong{font-size:1.48rem}.panel__header--table,.album-section__header{flex-direction:column;align-items:flex-start}.search-box,.search-box input{width:100%;min-width:0}.app-footer{flex-direction:column}.app-footer div:last-child{text-align:left}.detail-backdrop{padding:0}.detail-panel{border:0;border-radius:0}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.metric-grid{grid-template-columns:1fr}h1{font-size:2rem}}