:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#182237;background:#f3f6fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main{max-width:1200px;margin:auto;padding:0 28px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3ed}.brand{font-size:24px;font-weight:900;letter-spacing:2px;color:#175bdb;text-decoration:none}.brand span{font-size:14px;font-weight:400;color:#637086;letter-spacing:0;margin-left:14px}header>span{font-size:14px;color:#637086}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;font-weight:600;margin:0;overflow-wrap:anywhere}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;color:#175bdb;font-weight:700;margin:0 0 12px}.muted{font-size:14px;line-height:1.7;color:#637086}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button,.button{border:0;border-radius:7px;background:#175bdb;color:white;font:inherit;font-size:14px;padding:12px 18px;cursor:pointer;display:inline-block}.secondary{background:#fff;color:#175bdb;border:1px solid #cddaf0}button:focus-visible,a:focus-visible,.button:focus-within{outline:3px solid #97b8ff;outline-offset:3px}.card{background:white;border:1px solid #dce3ed;padding:26px;border-radius:12px;margin-bottom:24px}.latest{display:flex;justify-content:space-between;gap:28px}.stamp{min-width:180px;border-left:1px solid #dce3ed;padding-left:24px;display:flex;flex-direction:column;gap:12px;color:#637086;font-size:14px}.stamp strong{color:#182237;font-weight:500}.video-link{color:#175bdb;font-size:14px;display:inline-block;margin-top:14px}.metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:28px}.metric{padding:24px;background:#fff;border:1px solid #dce3ed;border-radius:10px;border-top:3px solid #175bdb}.metric span{font-size:14px}.metric strong{display:block;font-size:42px;margin:16px 0 10px;font-variant-numeric:tabular-nums}.metric small{font-size:12px;color:#b5c8e7}.metric.primary{background:#172d50;color:white;border-color:#172d50}.notice{padding:16px 20px;background:#e7efff;border:1px solid #ccdaf3;border-radius:8px;font-size:14px;color:#23528a;margin-bottom:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title label{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;font-size:14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{background:#f7f9fd;color:#637086;font-weight:500}th,td{padding:15px;border-bottom:1px solid #edf1f7;white-space:nowrap}td:first-child{white-space:normal;min-width:190px;max-width:480px;overflow-wrap:anywhere}td:last-child{white-space:normal}td a{color:#175bdb;text-decoration:none;line-height:1.7}select,input{border:1px solid #cdd6e3;background:#fff;border-radius:6px;padding:11px;font:inherit;font-size:14px;max-width:100%}select{min-width:0;max-width:520px}label{font-size:14px}form>label{display:block;margin-top:18px;margin-bottom:8px}form>input{display:block;width:100%}form small{display:block;color:#637086;margin-top:8px;font-size:12px}.check{display:flex;gap:10px;align-items:center;margin:24px 0}.check input{width:18px;height:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid label{display:block;margin:18px 0 8px}.form-grid input{width:100%}.login{max-width:460px;margin:80px auto}.login button{margin-top:20px;width:100%}.empty{text-align:center;color:#637086;font-size:14px;padding:24px}.failure{color:#a92736}footer{font-size:13px;color:#637086;line-height:1.8;margin-bottom:40px}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#172d50;color:white;border-radius:8px;padding:16px 24px;font-size:14px;box-shadow:0 6px 24px #172d5030}#message.error{background:#9b2635}[hidden]{display:none!important}@media(max-width:800px){header,main{padding-left:16px;padding-right:16px}.brand span{display:none}header>span{font-size:12px}.intro{align-items:flex-start;flex-direction:column;padding-top:28px}h1{font-size:28px}.latest{flex-direction:column;padding:20px}.stamp{border-left:0;border-top:1px solid #dce3ed;padding:16px 0 0}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:18px}.metric.primary{grid-column:1/-1}.metric strong{font-size:36px}.section-title{flex-direction:column;align-items:flex-start}.card{padding:18px}.form-grid{grid-template-columns:1fr;gap:0}.login{margin:50px auto}}

.instagram-connect{margin-top:24px}details{margin:18px 0;font-size:14px}details label{display:block;margin:12px 0}details input{width:100%}.instagram-connect small{display:block;margin-top:10px}

.update-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}.update-panel .muted{margin-bottom:0}.update-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.update-controls label{white-space:nowrap}.comparison-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.comparison-controls label{display:flex;align-items:center;gap:10px}.growth-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.growth-metrics>div{background:#f7f9fd;border:1px solid #e0e6ef;border-radius:8px;padding:20px}.growth-metrics span{font-size:13px;color:#637086}.growth-metrics strong{display:block;font-size:28px;margin-top:12px;font-variant-numeric:tabular-nums}.positive{color:#16734e}.negative{color:#b83245}.delta{font-weight:600;white-space:nowrap}.delta-baseline{display:block;font-size:11px;color:#637086;margin-top:5px}.growth-chart{overflow-x:auto;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.growth-chart svg{display:block;width:100%;min-width:580px}.growth-chart g[role=button]{cursor:pointer}.growth-chart g:focus{outline:none}.growth-chart g:focus rect[fill=transparent]{fill:#175bdb10;stroke:#175bdb}.chart-note{font-size:12px}button:disabled{opacity:.6;cursor:wait}.growth-panel h3{font-size:16px;margin:0}@media(max-width:800px){.update-panel{align-items:flex-start;flex-direction:column}.growth-metrics{grid-template-columns:repeat(2,1fr)}.growth-metrics>div{padding:14px}.growth-metrics strong{font-size:24px}.comparison-controls{gap:10px}.comparison-controls label{width:100%;justify-content:space-between}.comparison-controls>span{display:none}.update-controls{width:100%}.update-controls select{flex:1;min-width:0}}

.connection-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;margin:0 0 20px;background:white;border:1px solid #dce3ed;border-radius:10px}.connection-badge{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.connection-badge:before{content:"";width:9px;height:9px;border-radius:50%;background:#8794a8}.connection-badge.connected{color:#16734e}.connection-badge.connected:before{background:#16734e}.connection-badge.pending{color:#936413}.connection-badge.pending:before{background:#bd881e}.connection-badge.expired{color:#b83245}.connection-badge.expired:before{background:#b83245}.connection-panel p{margin:9px 0 0;font-size:12px;line-height:1.6}.connection-mode{font-size:12px;white-space:nowrap;color:#637086;background:#f3f6fb;padding:8px 12px;border-radius:6px}@media(max-width:800px){.connection-panel{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}}

.connection-manager h2{margin:0}.connection-manager .section-title .muted{margin:8px 0 0}.server-location{background:#f3f6fb;border-left:3px solid #175bdb;padding:16px 18px;margin:20px 0;border-radius:4px;font-size:14px}.server-location p{margin:8px 0 0;color:#637086;line-height:1.7}.connection-steps{padding-left:22px;margin:18px 0;line-height:2;font-size:14px;color:#465771}.connection-footnote{font-size:12px;margin:16px 0 0!important}.connection-manager .notice{margin:16px 0}details .button{margin:16px 0 0;display:inline-block}

.connection-summary{font-weight:600;color:#172d50;font-size:14px;margin:20px 0 0}

.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 0 24px}.workspace-intro h1{font-size:32px;margin:8px 0 12px;letter-spacing:-1px}.workspace-intro p{margin-bottom:0}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3ed;margin-bottom:24px;gap:16px}.workspace-tabs{display:flex;gap:22px}.workspace-tabs button{background:transparent;color:#637086;border-radius:0;padding:15px 2px;border-bottom:3px solid transparent;box-shadow:none;font-weight:500}.workspace-tabs button.active{color:#175bdb;border-bottom-color:#175bdb;font-weight:600}.compact-state{background:#eef2f7;color:#637086;font-size:12px;padding:8px 12px;border-radius:30px;white-space:nowrap}.compact-state.connected{background:#e8f4ec;color:#16734e}.data-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:20px}.data-filters label{font-size:12px;color:#637086;display:flex;flex-direction:column;gap:8px;min-width:170px}.data-filters select,.data-filters input{min-height:40px}.data-filters p{width:100%;margin:0;font-size:12px}.data-filters>div{display:flex;gap:12px}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.overview-metric{padding:24px;background:#fff;border:1px solid #dce3ed;border-radius:10px;min-width:0}.overview-metric span{font-size:13px;color:#637086}.overview-metric strong{display:block;font-size:32px;margin:16px 0 12px;font-variant-numeric:tabular-nums}.overview-metric small{font-size:11px;color:#637086;line-height:1.6;display:block}.overview-metric.accent{background:#175bdb;border-color:#175bdb;color:white}.overview-metric.accent span,.overview-metric.accent small{color:#d3e4ff}.overview-metric .date-metric{font-size:19px;line-height:1.5;margin-top:12px}.growth-panel .comparison-controls{border-bottom:1px solid #e0e6ef;padding-bottom:20px}.comparison-details{margin-top:20px}.comparison-details summary{color:#175bdb;cursor:pointer}.library-controls{display:flex;align-items:center;gap:12px}.library-controls input{max-width:220px}.library-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#637086}.video-row-button,.top-video{background:transparent;color:#172d50;text-align:left;box-shadow:none;border:0;cursor:pointer}.video-row-button:hover,.top-video:hover{background:#f3f6fb}.video-row-button{display:flex;align-items:center;gap:14px;padding:8px;border-radius:8px;min-width:300px;max-width:470px}.video-row-button strong,.top-video-name strong{font-size:13px;line-height:1.6;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-row-button small,.top-video-name small{display:block;margin-top:6px;font-size:11px;color:#637086}.video-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;width:48px;height:64px;border-radius:7px;background:linear-gradient(140deg,#e8edfb,#dfe9f8);color:#7891bd;position:relative}.video-cover small{position:absolute;bottom:4px;font-size:8px;margin:0}.play-symbol{font-size:17px}.platform-pill{display:inline-block;border-radius:4px;background:#edf1fa;color:#496a9b;padding:5px 7px;font-size:11px}.table-number{font-size:15px;font-weight:600}.top-video{display:flex;align-items:center;gap:18px;width:100%;padding:16px 4px;border-top:1px solid #edf0f5;border-radius:0}.top-video-name{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.top-video-name>span:last-child{min-width:0}.top-video-metric{min-width:90px;text-align:right}.top-video-metric strong{font-size:18px;display:block}.top-video-metric small{font-size:11px;display:block;color:#637086;margin-top:6px}.row-arrow{color:#637086;font-size:18px}.chart-sample-note{margin:12px 20px;color:#637086;font-size:11px}.platform-note{font-size:12px;color:#637086;line-height:1.8}.video-detail{border:0;border-radius:14px;max-width:1000px;width:calc(100% - 48px);max-height:90vh;padding:28px;background:#f4f7fc;color:#172d50;box-shadow:0 24px 100px #172d5040}.video-detail::backdrop{background:#12233d70;backdrop-filter:blur(3px)}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.detail-heading h2{margin:0}.detail-heading .eyebrow{margin:0 0 8px}.video-detail .latest{margin-bottom:16px}.video-detail .metrics{margin-bottom:16px}.detail-trend svg{width:100%;display:block}.detail-trend{border:1px solid #e0e6ef;border-radius:8px;background:white}.video-library .muted{font-size:12px}.video-library td{vertical-align:middle}.connection-panel .actions{flex-wrap:wrap}.update-panel{margin-bottom:20px}
@media(max-width:900px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.workspace-intro{align-items:flex-start;flex-direction:column;padding-top:28px}.workspace-intro h1{font-size:27px}.workspace-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:14px}.workspace-tabs{gap:20px}.data-filters{gap:12px}.data-filters label{min-width:calc(50% - 6px);flex:1}.data-filters>div{width:100%}.library-controls{flex-wrap:wrap;width:100%}.library-controls input{max-width:none;flex:1}.top-video-metric{min-width:64px}.top-video-metric strong{font-size:15px}.top-video{gap:12px}.overview-metric{padding:18px}.overview-metric strong{font-size:28px}.overview-metric .date-metric{font-size:16px}.video-detail{width:calc(100% - 24px);padding:16px}.comparison-controls label{gap:8px}.connection-panel .actions{width:100%}}

.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.pagination button{padding:8px 12px;font-size:12px}.pagination span{font-size:12px}

.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;z-index:1}

.account-add{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.account-add label:nth-child(2){flex:1;min-width:240px}.account-add input,.account-add select{margin-bottom:0}.account-manager td:last-child{min-width:200px}.account-manager{margin-bottom:24px}
.account-add{margin-top:20px}.account-add label{display:flex;flex-direction:column;gap:8px;font-size:14px}.account-add label:first-child{min-width:150px}.account-add input,.account-add select{width:100%}.account-add button{flex-shrink:0}@media(max-width:600px){.account-add label{width:100%}.account-add button{width:100%}}

/* Complete metrics for overview video cards. */
.top-video{display:block;padding:20px 4px;cursor:default}.top-video-header{display:flex;gap:20px;align-items:center;justify-content:space-between}.top-video-name{background:transparent;color:#172d50;text-align:left;box-shadow:none;border:0;padding:0;cursor:pointer}.top-video-name:hover{background:transparent;color:#175bdb}.top-video .top-video-name strong{display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere}.top-video-dates{display:grid;gap:7px;color:#637086;font-size:11px;flex-shrink:0}.top-video-dates time{color:#172d50;margin-left:8px;font-variant-numeric:tabular-nums}.top-video-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0;padding:14px 16px;background:#f6f8fc;border-radius:8px}.top-video-metric{min-width:0;text-align:left}.top-video-metric small{margin:0 0 7px}.top-video-metric strong{font-size:19px;font-variant-numeric:tabular-nums}.top-metric-note{display:block;margin-top:6px;font-size:10px;color:#637086;line-height:1.5}.top-video-footer{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:#637086;line-height:1.7}.top-video-footer a{white-space:nowrap}.top-video-caption{margin-top:12px;font-size:11px;color:#637086}.top-video-caption summary{cursor:pointer}.top-video-caption p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#172d50;margin:12px 0 0}
@media(max-width:900px){.top-video-header{align-items:flex-start;flex-direction:column;gap:12px}.top-video-dates{display:flex;flex-wrap:wrap;gap:8px 18px;padding-left:62px}.top-video-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.top-video .top-video-metric strong{font-size:18px}}
@media(max-width:480px){.top-video-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.top-video-dates{padding-left:0}.top-video-footer{gap:8px}.top-video{padding:18px 0}}

.video-library .video-row-button{min-width:220px;max-width:360px}.video-library th,.video-library td{padding:14px 10px}.video-library th:nth-child(n+4):nth-child(-n+7),.video-library td:nth-child(n+4):nth-child(-n+7){text-align:right;white-space:nowrap}.video-library td:nth-child(3),.video-library td:nth-child(8){white-space:nowrap;font-size:11px}

.site-switcher{max-width:460px}.site-switcher label{font-size:12px;color:#637086;margin:0 0 5px}.site-switcher select{min-width:210px;max-width:300px;margin:0;background:#fff;font-weight:600}.site-switcher button{padding:9px 12px}.site-switcher+.brand{font-size:17px;margin-left:auto;margin-right:24px}.group-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.group-item{border:1px solid #dce3ed;border-radius:8px;padding:14px;flex:1 1 260px;min-width:0}.group-item strong,.group-item small{display:block;overflow-wrap:anywhere;margin-bottom:8px}.account-group-select{min-width:150px;max-width:200px}#group-dialog{max-width:540px;width:calc(100% - 32px)}#group-dialog input{width:100%}@media(max-width:760px){header{height:auto;min-height:92px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.site-switcher{width:100%;max-width:none}.site-switcher+.brand{margin-left:0}.site-switcher select{flex:1;max-width:none}}

/* Social Console: property selector, permanent navigation and report surfaces. */
:root{color:#202124;background:#f0f4f9;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px}
.console-header{position:sticky;top:0;z-index:20;max-width:none;height:72px;padding:0 26px;gap:20px;background:#f0f4f9;border:0;justify-content:flex-start}
.console-header .brand{font-size:23px;font-weight:500;letter-spacing:0;color:#5f6368;white-space:nowrap;text-decoration:none;margin:0}
.console-header .brand>span:not(.console-mark){font-size:18px;color:#5f6368;margin-left:5px}.console-header .console-mark{font-size:30px;color:#4285f4;margin:0 6px 0 0;font-weight:700}
.icon-button{border:0;background:transparent;color:#444746;border-radius:50%;padding:9px 12px;font-size:20px}.icon-button:hover{background:#e1e7ef}
.console-search{margin:0 20px;display:flex;align-items:center;gap:12px;background:#e3edff;border-radius:28px;padding:0 14px;max-width:680px;flex:1;height:48px}.console-search>span{font-size:27px;color:#5f6368}.console-search input{flex:1;min-width:0;background:transparent;border:0;margin:0;padding:12px 0;box-shadow:none;font-size:14px}.console-search button{font-size:13px;border-radius:20px}.console-header #schedule{margin-left:auto;white-space:nowrap;font-size:12px}
.console-sidebar{position:fixed;left:0;top:72px;bottom:0;width:276px;padding:8px 16px 24px;overflow-y:auto;background:#f0f4f9;z-index:15;transition:transform .18s ease}
.console-sidebar .site-switcher{width:100%;max-width:none;margin:0 0 24px}.console-sidebar .site-switcher>label{display:block;font-size:11px;margin:0 8px 8px}.console-sidebar .site-switcher .actions{gap:8px}.console-sidebar .site-switcher select{width:100%;min-width:0;max-width:none;padding:16px 12px;border:1px solid #c4c7c5;border-radius:14px;background:#f0f4f9;font-size:14px}.console-sidebar #group-manage{background:transparent;border:0;padding:8px 12px;border-radius:20px;color:#0b57d0;font-size:12px}
.nav-caption{font-size:12px;color:#5f6368;padding:0 16px;margin:0 0 12px}.console-sidebar .workspace-tabs{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0}.console-sidebar .workspace-tabs button{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#444746;text-align:left;border-radius:24px;padding:13px 18px;font-size:14px;font-weight:500}.console-sidebar .workspace-tabs button::before{font-size:18px;width:20px;text-align:center}.console-sidebar [data-view="overview"]::before{content:'↗'}.console-sidebar [data-view="videos"]::before{content:'▣'}.console-sidebar [data-view="collection"]::before{content:'⚙'}.console-sidebar .workspace-tabs button:hover{background:#e1e7ef}.console-sidebar .workspace-tabs button.active{background:#c2e7ff;color:#001d35}.sidebar-note{margin:30px 16px 0;padding-top:22px;border-top:1px solid #c4c7c5;color:#5f6368;font-size:12px;line-height:1.8}.sidebar-note strong{font-weight:500}.sidebar-note p{margin:8px 0}
main{max-width:none;margin-left:276px;padding:8px 34px 28px;transition:margin-left .18s ease}.login{margin:64px auto;max-width:460px}body:has(#dashboard[hidden]) main{margin-left:0}
.workspace-intro{padding:8px 0 18px;gap:24px}.workspace-intro .eyebrow{display:none}.workspace-intro h1{font-size:23px;font-weight:500;letter-spacing:0;margin:4px 0 6px}.workspace-intro .muted{font-size:12px;margin:0}.workspace-intro .actions button{padding:10px 16px;border-radius:22px}.workspace-toolbar{border-top:1px solid #c4c7c5;padding:12px 0;margin-bottom:12px;justify-content:flex-end;background:transparent}.compact-state{background:transparent;border:0;font-size:12px;padding:5px 0;color:#5f6368}
.card{border:0;box-shadow:none;background:#fff;border-radius:16px;padding:24px;margin-bottom:24px}.data-filters{background:transparent;padding:0 0 18px;border-radius:0;margin-bottom:0;gap:12px}.data-filters label{font-size:12px;gap:5px}.data-filters select,.data-filters input{background:#f0f4f9;border:1px solid #747775;border-radius:8px;padding:8px 12px;margin:0;font-size:13px}.data-filters .muted{width:100%;margin:0;font-size:11px}.comparison-controls select,.comparison-controls input{border:1px solid #c4c7c5;border-radius:8px;padding:8px 12px;font-size:13px;background:#fff}.comparison-controls{gap:12px}.comparison-controls label{font-size:12px}
#view-overview>.overview-metrics{gap:0;margin-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px 16px 0 0;overflow:hidden;background:#fff}.overview-metric{border:0;box-shadow:none;border-radius:0;padding:22px 24px;min-height:118px;background:white}.overview-metric span{font-size:12px}.overview-metric strong{font-size:30px;font-weight:500;margin:12px 0 8px;line-height:1.25}.overview-metric small{font-size:11px;line-height:1.6}.overview-metric .date-metric{font-size:18px}.overview-metric:nth-child(1),.overview-metric.accent{background:#4285f4;color:white}.overview-metric:nth-child(2){background:#673ab7;color:white}.overview-metric:nth-child(4){background:#ef6c00;color:#202124}.overview-metric:nth-child(1) span,.overview-metric:nth-child(1) small,.overview-metric:nth-child(2) span,.overview-metric:nth-child(2) small{color:rgba(255,255,255,.92)}.overview-metric:nth-child(1) strong,.overview-metric:nth-child(2) strong{color:white}.overview-metric:nth-child(4) span,.overview-metric:nth-child(4) small{color:#202124}
#view-overview>.growth-panel{border-radius:0 0 16px 16px;padding-top:26px}.growth-panel h2,.follower-panel h2,.section-title h2{font-size:18px;font-weight:500}.growth-chart{background:#fff;border:0;border-radius:0;min-height:230px}.growth-summary{border-top:1px solid #e3e3e3;padding-top:18px}.follower-panel .overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border-radius:12px;margin:20px 0}.follower-panel .overview-metric:nth-child(1){background:#00897b}.follower-panel .overview-metric:nth-child(3){background:#fff3e0}
table{font-size:12px}thead th{background:#fff;color:#5f6368;font-size:12px;font-weight:500;border-bottom:1px solid #dadce0}tbody td{border-bottom:1px solid #eceff1}.table-scroll{border-radius:0}tbody tr:hover{background:#f8fafd}.platform-pill{border-radius:5px;background:#e8f0fe;color:#1967d2}.top-video-stats{background:#f8fafd}.positive{color:#137333}.negative{color:#b3261e}.nav-collapsed .console-sidebar{transform:translateX(-100%)}.nav-collapsed main{margin-left:0}[hidden]{display:none!important}
@media(min-width:1800px){main{padding-right:48px;padding-left:48px}.console-search{max-width:800px}}
@media(max-width:1150px){.console-header .brand>span:not(.console-mark){display:none}.console-search{margin:0;max-width:480px}.console-sidebar{width:240px}main{margin-left:240px;padding:8px 22px}.overview-metric{padding:18px}.overview-metric strong{font-size:26px}}
@media(max-width:800px){.console-header{height:64px;padding:0 14px;gap:10px;flex-wrap:nowrap}.console-header .brand{font-size:18px}.console-header #schedule{display:none}.console-search{height:40px;padding:0 10px}.console-search input{font-size:12px}.console-search>span{display:none}.console-sidebar{top:64px;width:230px;box-shadow:4px 0 12px #20212412}main{margin-left:230px;padding:8px 16px}.workspace-intro{flex-wrap:wrap}.workspace-intro h1{font-size:21px}#view-overview>.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.follower-panel .overview-metrics{grid-template-columns:1fr}.card{padding:18px}.data-filters{padding:0 0 16px}.overview-metric .date-metric{font-size:16px}}
@media(max-width:600px){main{margin-left:0}.console-sidebar{width:260px;box-shadow:8px 0 24px #20212420}.console-header .brand>span.console-mark{display:none}.console-header .brand{font-size:16px}.console-search button{display:none}.console-search{min-width:0}.workspace-intro .actions{gap:6px}.workspace-intro .actions button{padding:8px 12px;font-size:12px}.overview-metric{min-height:110px;padding:16px}.overview-metric strong{font-size:25px}.section-title{flex-wrap:wrap}}

/* Stronger typography for dense social reports. */
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,Arial,sans-serif;font-weight:500}
.console-header .brand{font-weight:650}.console-header .brand>span:not(.console-mark){font-weight:600}
.workspace-intro h1{font-weight:700}.growth-panel h2,.follower-panel h2,.section-title h2,h2,h3{font-weight:650}
.console-sidebar .workspace-tabs button,.console-sidebar .site-switcher select,button,.button,select,input{font-weight:600}
.overview-metric strong{font-weight:700}.overview-metric span{font-size:13px;font-weight:600}.overview-metric small{font-size:12px;font-weight:500}
table{font-size:13px}thead th{font-size:13px;font-weight:650;color:#444746}tbody td{font-weight:600}.table-number,.top-video-metric strong,.growth-summary strong{font-weight:700;font-variant-numeric:tabular-nums}
.muted,.nav-caption,.sidebar-note,.workspace-intro .muted,.data-filters .muted{color:#505864;font-weight:500}.workspace-intro .muted,.data-filters .muted,.sidebar-note,.nav-caption{font-size:13px}
.data-filters label,.comparison-controls label,.top-video-dates,.platform-pill{font-weight:600}.growth-chart svg text,.detail-trend svg text{font-weight:600}

/* Self-hosted rounded Chinese and Latin typefaces. */
@font-face{font-family:"Surmount Rounded";src:url("/fonts/rounded-sc-500.woff2") format("woff2");font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:"Surmount Rounded";src:url("/fonts/rounded-sc-700.woff2") format("woff2");font-style:normal;font-weight:600 900;font-display:swap}
:root{font-family:"Surmount Rounded","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
button,input,select,textarea{font-family:inherit}

.danger-button{color:#b3261e;border-color:#eac7c7}.danger-button:hover{background:#fff0ef}

.video-selection-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.selection-cell{width:44px;min-width:44px;text-align:center}.selection-cell input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;accent-color:#1a73e8;cursor:pointer}.sort-heading{background:transparent;border:0;color:inherit;padding:6px 0;white-space:nowrap;font-weight:600}.sort-heading:hover{background:#e8f0fe;color:#185abc}.sort-indicator{margin-left:4px}th[aria-sort=ascending],th[aria-sort=descending]{color:#185abc}tr.is-selected{background:#edf4ff}

/* Keep long video titles inside their own column, including after selection. */
.video-library .selection-cell{min-width:44px;max-width:44px;width:44px}
.video-library td:nth-child(2){white-space:normal;min-width:260px}
.video-library .video-row-button{width:320px;min-width:0;max-width:320px;white-space:normal}
.video-row-button .video-label-text{flex:1;min-width:0;overflow:hidden}
.video-row-button .video-label-text strong{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.video-row-button .video-label-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-library th:nth-child(n+5):nth-child(-n+8),.video-library td:nth-child(n+5):nth-child(-n+8){text-align:right}
.video-library td:nth-child(4),.video-library td:nth-child(9){font-size:11px;white-space:nowrap}

.trend-range-toolbar{display:flex;gap:0;flex-wrap:wrap;align-items:center;margin-bottom:20px}.trend-range-toolbar>button{border:1px solid #c4cbd5;border-radius:0;background:white;color:#344054;padding:9px 16px}.trend-range-toolbar>button:first-child{border-radius:8px 0 0 8px}.trend-range-toolbar>button:nth-child(4){border-radius:0 8px 8px 0}.trend-range-toolbar>button[aria-pressed=true]{background:#d3e8fd;color:#174ea6;font-weight:700}.trend-range-toolbar .muted{margin-left:18px}#trend-custom{display:flex;gap:14px;width:100%;margin-top:16px;flex-wrap:wrap}.trend-metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e6ee;border-radius:12px 12px 0 0;overflow:hidden;margin-top:8px}.trend-metric-card{padding:20px;background:#fff;color:#475467;cursor:pointer;min-width:0}.trend-metric-card input{width:15px;height:15px;padding:0;accent-color:currentColor;margin-right:5px}.trend-metric-card strong{display:block;font-size:30px;margin:14px 0 8px;font-variant-numeric:tabular-nums}.trend-metric-card small{display:block;font-size:11px;line-height:1.5}.trend-metric-card[data-metric-card=plays].metric-active{background:#4285f4;color:white}.trend-metric-card[data-metric-card=likes].metric-active{background:#673ab7;color:white}.trend-metric-card[data-metric-card=comments].metric-active{background:#ef6c00;color:white}.trend-metric-card[data-metric-card=followers].metric-active{background:#00897b;color:white}.trend-guide{opacity:0}.trend-day:hover .trend-guide,.trend-day:focus .trend-guide{opacity:1}.trend-day{cursor:pointer}.trend-tooltip{border:1px solid #dde3ec;border-radius:8px;padding:14px;background:#fafcff;font-size:13px}.trend-tooltip>div{display:flex;gap:16px;align-items:center;margin-top:9px}.trend-tooltip>div>span{min-width:90px}.trend-tooltip small{color:#667085;margin-left:auto}@media(max-width:700px){.trend-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-metric-card{padding:16px}.trend-metric-card strong{font-size:24px}.trend-range-toolbar .muted{width:100%;margin:12px 0 0}.trend-tooltip>div{flex-wrap:wrap}.trend-tooltip small{margin-left:0}}
