:root{color-scheme:dark;--bg:#111111;--sidebar:#0c0c0c;--surface:#191919;--hover:#232323;--raised:#292929;--text:#ededed;--muted:#a0a0a0;--faint:#737373;--line:#303030;--line-soft:#262626;--accent:#e8e8e8;--accent-bg:#ffffff0a;--positive:#b2bbc9;--chart:#94a6c0;--negative:#dca579;--radius:8px;--rail:224px;font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-synthesis:none}
:root[data-theme=light]{color-scheme:light;--bg:#f6f6f6;--sidebar:#fcfcfc;--surface:#ffffff;--hover:#efefef;--raised:#ececec;--text:#222222;--muted:#6a6a6a;--faint:#8c8c8c;--line:#dedede;--line-soft:#eaeaea;--accent:#252525;--accent-bg:#00000007;--positive:#53627a;--chart:#596f91;--negative:#9b6a33}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}input,select{min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 11px;line-height:1.35}input::placeholder{color:var(--ink-muted)}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--accent);color:var(--sidebar);padding:12px}.skip-link:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--rail);background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 14px 14px;transition:width .18s ease}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;min-height:37px}.brand-mark{width:32px;height:35px;display:grid;place-items:center;position:relative;font-weight:750;font-size:27px;line-height:1;letter-spacing:-3px;color:var(--accent)}.brand-mark span{width:7px;height:7px;background:var(--accent);position:absolute;bottom:3px;right:0;border:2px solid var(--sidebar)}.brand-copy{font-size:16px;letter-spacing:.035em;font-weight:600;white-space:nowrap}.brand-copy>span{font-size:11px;display:block;color:var(--ink-muted);letter-spacing:.17em;margin-top:3px}.sidebar-caption{display:flex;justify-content:space-between;align-items:center;padding:26px 12px 14px;color:var(--ink-muted);font-size:14px;letter-spacing:.07em}.edition{font-size:12px;border:1px solid var(--line);padding:1px 5px;border-radius:3px;letter-spacing:0}.channel-nav{overflow:auto;flex:1;margin:0 -4px;padding:0 4px;scrollbar-width:thin}.nav-group{margin-bottom:18px}.nav-group-title{font-size:12px;color:var(--ink-muted);padding:0 12px 8px;letter-spacing:.06em;font-weight:500;display:flex;align-items:center;justify-content:space-between}.nav-group-title span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.6}.nav-item,.sidebar-setting{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:9px 11px;border:1px solid transparent;border-radius:6px;margin:2px 0;font-size:14px;color:var(--ink-secondary);white-space:nowrap;background:none;text-align:left;transition:background .13s,color .13s}.nav-item:hover,.sidebar-setting:hover{background:var(--hover);color:var(--text)}.nav-item.active{color:var(--accent);background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 15%,transparent);font-weight:550}.nav-mark{font-size:12px;display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;background:var(--raised);color:var(--ink-secondary);border-radius:5px;font-weight:600;letter-spacing:-.03em}.active .nav-mark{background:var(--accent);color:var(--sidebar)}.nav-arrow{margin-left:auto;font-size:14px;opacity:.55}.sidebar-bottom{border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.preview-note{padding:13px 10px 2px;display:flex;gap:10px;align-items:center}.preview-icon{border:1px solid var(--line);color:var(--ink-secondary);font-size:12px;width:25px;height:28px;display:grid;place-items:center;border-radius:5px}.preview-note strong{display:block;color:var(--ink-secondary);font-size:12px;font-weight:500}.preview-note div>span{font-size:12px;color:var(--ink-muted)}.workspace{margin-left:var(--rail);min-height:100dvh;transition:margin-left .18s ease;outline:none}.utility-bar{display:flex;align-items:center;justify-content:space-between;height:61px;padding:0 32px;border-bottom:1px solid var(--line);gap:12px}.utility-left,.utility-right{display:flex;align-items:center;gap:17px;min-width:0}.icon-button{border:0;display:inline-grid;place-items:center;background:transparent;width:30px;height:30px;color:var(--ink-secondary);font-size:18px;border-radius:5px;padding:0}.icon-button:hover{background:var(--hover);color:var(--text)}#nav-toggle{font-size:18px}.breadcrumbs{display:flex;gap:11px;align-items:center;min-width:0;font-size:14px;color:var(--ink-muted);white-space:nowrap}.breadcrumbs b{color:var(--text);font-weight:450}.crumb-sep{opacity:.5}.demo-badge{font-size:12px;color:var(--ink-secondary);border:1px solid var(--line);padding:3px 8px;border-radius:4px}.avatar{width:27px;height:27px;background:var(--raised);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--ink-secondary)}.main-content{max-width:1640px;margin:0 auto;padding:34px 36px 22px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--ink-muted);font-weight:550;margin-bottom:8px;text-transform:uppercase}h1{font-size:30px;font-weight:600;letter-spacing:-.035em;margin:0;line-height:1.3}.page-header p{margin:10px 0 0;color:var(--ink-secondary);font-size:14px}.page-actions{display:flex;gap:9px;flex-shrink:0}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 13px;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.4;min-height:33px}.btn:hover{background:var(--hover);border-color:var(--faint)}.btn.primary{background:var(--accent);color:var(--sidebar);border-color:var(--accent);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.quiet{background:none;border-color:transparent;color:var(--ink-secondary)}.button-symbol{font-size:16px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:0;background:none;padding:0 1px 13px;color:var(--ink-secondary);font-size:14px;position:relative;white-space:nowrap;line-height:1.5;min-height:33px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);font-weight:600}.tab.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.filter-toolbar{display:flex;gap:12px;align-items:center;padding:20px 0;flex-wrap:wrap;min-height:75px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:6px;background:var(--sidebar);padding:3px;gap:3px}.segmented button{border:0;background:none;font-size:14px;padding:5px 11px;border-radius:4px;color:var(--ink-secondary);white-space:nowrap}.segmented button.active{color:var(--text);background:var(--raised);box-shadow:0 1px 3px #0001}.range-label{font-size:12px;color:var(--ink-secondary);font-variant-numeric:tabular-nums}.filter-separator{height:18px;width:1px;background:var(--line);margin:0 3px}.scope-label{margin-left:auto;color:var(--ink-muted);font-size:12px}.date-fields{display:flex;gap:6px;align-items:center;font-size:14px;flex-wrap:wrap}.date-fields input{font-size:14px;padding:6px 8px}.filter-select{font-size:14px;padding:7px 10px;max-width:190px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 27px;padding:22px 0}.metric{padding:0 23px;min-width:0;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-label{font-size:14px;color:var(--ink-secondary);display:flex;justify-content:space-between;align-items:center;gap:6px}.metric-label small{color:var(--ink-muted);font-size:12px}.metric-value{font-size:32px;line-height:1.25;letter-spacing:-.04em;font-weight:550;font-variant-numeric:tabular-nums;margin:12px 0 9px;white-space:nowrap}.metric-sub{font-size:12px;color:var(--ink-muted)}.up{color:var(--ink-positive)}.down{color:var(--ink-negative)}.metric-sub .up{margin-right:8px}.content{min-height:340px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap}.section-head h2{margin:0;font-size:16px;font-weight:550;letter-spacing:-.02em}.section-head h2 small{font-weight:400;color:var(--ink-muted);margin-left:9px;font-size:12px}.section-head p{font-size:12px;color:var(--ink-muted);margin:5px 0 0}.table-tools{display:flex;gap:8px;flex-wrap:wrap}.search-field{width:220px;font-size:14px;background:var(--surface);padding:8px 12px}.table-tools select{font-size:12px;max-width:170px}.table-frame{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);scrollbar-width:thin;max-width:100%}.data-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;white-space:nowrap}.data-table th{font-size:12px;color:var(--ink-secondary);font-weight:450;height:42px;background:color-mix(in srgb,var(--surface) 65%,var(--bg));border-bottom:1px solid var(--line)}.data-table th,.data-table td{padding:0 17px}.data-table td{height:52px;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--hover)}.data-table th.num,.data-table td.num{text-align:right}.data-table th button{border:0;background:none;padding:0;color:inherit;font:inherit}.data-table th button:hover{color:var(--text)}.rank{width:35px;color:var(--ink-muted);font-size:12px}.rank.top{color:var(--accent);font-weight:600}.drama-cell{min-width:190px}.drama-link{border:0;background:none;text-align:left;font-size:14px;color:var(--text);font-weight:500;padding:0;display:flex;align-items:center;gap:11px}.cover-mark{height:30px;width:24px;display:grid;place-items:center;background:var(--raised);color:var(--ink-secondary);font-size:12px;border:1px solid var(--line);border-radius:4px;flex:none}.drama-name{display:block}.drama-meta{font-size:12px;color:var(--ink-muted);font-weight:400;margin-top:2px}.pill{font-size:12px;color:var(--ink-secondary);background:var(--raised);border-radius:3px;padding:3px 7px}.pill.highlight{color:var(--ink-important);background:var(--accent-bg)}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:12px;color:var(--ink-secondary)}.pager{display:flex;align-items:center;gap:8px}.pager .btn{min-height:28px;padding:4px 9px;font-size:12px}.pager select{font-size:12px;padding:5px 8px}.page-number{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);width:28px;height:28px;border-radius:5px;color:var(--text)}.empty{padding:65px 20px;text-align:center;color:var(--ink-secondary);font-size:14px}.empty b{display:block;color:var(--text);font-size:18px;margin-bottom:9px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;margin-bottom:24px}.panel>.section-head{margin-bottom:10px}.chart-legend{display:flex;align-items:center;gap:17px;color:var(--ink-secondary);font-size:12px}.legend-line{display:inline-block;width:14px;height:2px;background:var(--chart);vertical-align:middle;margin-right:6px}.legend-line.secondary{background:var(--faint)}.chart{width:100%;min-width:0;overflow:hidden;min-height:210px}.chart svg{width:100%;height:245px;display:block;overflow:visible}.chart svg text{font-family:inherit;fill:var(--ink-muted);font-size:12px}.chart-grid{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.chart-area{fill:var(--chart);opacity:.06}.chart-line{stroke:var(--chart);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line.secondary{stroke:var(--faint);stroke-width:1.5;stroke-dasharray:4 5}.chart-note{font-size:12px;color:var(--ink-muted);margin:8px 0 0}.date-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.date-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:17px;padding:17px 20px}.date-group summary::-webkit-details-marker{display:none}.date-group summary::before{content:'›';font-size:18px;color:var(--ink-muted);transition:transform .12s}.date-group[open] summary::before{transform:rotate(90deg)}.date-group summary strong{font-size:14px;font-weight:550}.date-group summary small{font-size:12px;color:var(--ink-muted);margin-left:10px}.group-values{margin-left:auto;display:flex;gap:30px;text-align:right}.group-values span{font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.group-values span small{display:block;margin:0 0 3px;color:var(--ink-muted);font-size:12px}.date-group .table-frame{border-width:1px 0 0;border-radius:0}.date-group .data-table td{height:46px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}.two-col>div{min-width:0}.region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;padding:12px 0}.region-item{display:flex;align-items:center;gap:13px;font-size:14px}.region-item>span{width:45px;flex:none;color:var(--ink-secondary)}.region-track{flex:1;height:6px;background:var(--raised);border-radius:2px}.region-track i{display:block;height:100%;background:var(--chart);border-radius:2px;opacity:.75}.region-item b{width:50px;text-align:right;font-variant-numeric:tabular-nums;font-weight:450}.report-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 0 23px;border-bottom:1px solid var(--line);margin-bottom:23px}.report-intro h2{font-size:21px;font-weight:550;margin:0 0 7px}.report-intro p{font-size:14px;color:var(--ink-secondary);margin:0;max-width:680px;line-height:1.8}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:26px}.report-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px}.report-card h3{font-size:14px;font-weight:450;color:var(--ink-secondary);margin:0 0 17px}.report-card .value{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-bottom:6px}.report-card p{color:var(--ink-muted);font-size:12px;margin:0}.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:36px;padding:16px 0 0;color:var(--ink-muted);font-size:12px}.backdrop{position:fixed;inset:0;background:#0007;backdrop-filter:blur(2px);z-index:35}.rail-small{--rail:74px}.rail-small .sidebar{padding-left:10px;padding-right:10px}.rail-small .brand{padding:0 10px}.rail-small .brand-copy,.rail-small .sidebar-caption,.rail-small .nav-label,.rail-small .nav-arrow,.rail-small .preview-note>div,.rail-small .nav-group-title{display:none}.rail-small .channel-nav{margin-top:35px}.rail-small .nav-group{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.rail-small .nav-item,.rail-small .sidebar-setting{justify-content:center;padding:9px 8px}.rail-small .preview-note{justify-content:center;padding:14px 0 0}.action-dialog,.detail-dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-shadow:0 25px 90px #0004}.detail-dialog{width:min(760px,calc(100vw - 32px))}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-head h2{font-size:24px;font-weight:550;letter-spacing:-.025em;margin:0}.dialog-head .icon-button{font-size:26px}.dialog-copy{font-size:14px;color:var(--ink-secondary);line-height:1.8;margin:0 0 20px}.dialog-label{display:block;font-size:14px;color:var(--ink-secondary);margin-bottom:18px}.dialog-label input,.dialog-label select{display:block;width:100%;margin-top:7px}.upload-drop{display:block;text-align:center;border:1px dashed var(--faint);border-radius:8px;padding:26px 15px;margin:19px 0;color:var(--ink-secondary);font-size:14px;background:var(--bg)}.upload-drop strong{display:block;color:var(--text);font-weight:500;margin-bottom:6px}.upload-drop input{max-width:100%;margin-top:15px;font-size:14px;border:0;background:none}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.demo-callout{padding:12px 14px;background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:6px;color:var(--ink-secondary);font-size:14px;line-height:1.8}.management-list{display:grid;gap:10px}.management-list button{padding:15px;text-align:left;justify-content:space-between;font-size:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:90;max-width:calc(100vw - 32px);padding:13px 20px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font-size:14px;box-shadow:0 8px 30px #0003}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.detail-metrics>div{border-bottom:1px solid var(--line);padding-bottom:15px}.detail-metrics small{font-size:12px;color:var(--ink-muted)}.detail-metrics strong{display:block;font-size:25px;margin-top:8px;font-weight:500}.state-note{font-size:12px;color:var(--ink-muted);margin-left:5px}
@media(min-width:1800px){.main-content{padding-top:44px}.metric-value{font-size:34px}}
@media(max-width:1279px){:root{--rail:210px}.main-content{padding:28px 25px 20px}.utility-bar{padding:0 25px}.metric{padding:0 17px}.metric-value{font-size:27px}.tabs{gap:22px}.table-tools{gap:6px}.search-field{width:180px}.two-col{grid-template-columns:1fr}.rail-small{--rail:74px}}
@media(max-width:1079px){:root,.rail-small{--rail:224px}.sidebar{transform:translateX(-100%);transition:transform .18s ease}.workspace{margin-left:0}.nav-open .sidebar{transform:translateX(0)}.rail-small .brand-copy,.rail-small .sidebar-caption,.rail-small .nav-label,.rail-small .nav-arrow,.rail-small .preview-note>div,.rail-small .nav-group-title{display:revert}.rail-small .nav-item,.rail-small .sidebar-setting{justify-content:flex-start;padding:9px 11px}.rail-small .nav-group{border:0;padding-bottom:0;margin-bottom:18px}.rail-small .channel-nav{margin-top:0}.rail-small .sidebar{padding:26px 14px 14px}.rail-small .preview-note{justify-content:flex-start;padding:13px 10px 2px}.utility-bar{height:56px}.main-content{max-width:1040px}.crumb-group{display:none}}
@media(max-width:639px){.utility-bar{padding:0 17px;gap:8px}.utility-left{gap:10px}.utility-right{gap:8px}.breadcrumbs{font-size:12px;gap:7px}.crumb-tab,.crumb-tab-sep{display:none}.avatar{display:none}.demo-badge{font-size:12px}.main-content{padding:25px 17px 18px}.page-header{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:21px}h1{font-size:27px}.page-header p{font-size:14px}.page-actions{gap:7px}.eyebrow{font-size:11px}.tabs{gap:23px}.tab{font-size:14px}.filter-toolbar{gap:10px;padding:15px 0}.range-label{font-size:12px}.filter-separator{display:none}.scope-label{width:100%;margin:0}.segmented button{font-size:12px;padding:5px 9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:24px}.metric{padding:17px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-label{font-size:12px}.metric-label small{display:none}.metric-value{font-size:clamp(18px,5.3vw,25px);margin:10px 0 6px}.metric-sub{font-size:12px}.section-head{gap:12px}.table-tools{width:100%}.search-field{flex:1;width:120px}.table-tools select{max-width:130px}.data-table th,.data-table td{padding:0 13px}.data-table td{height:50px}.drama-cell{min-width:180px}.table-footer{align-items:flex-start;flex-direction:column}.pager{align-self:flex-end}.panel{padding:17px 15px;margin-bottom:20px}.chart svg{height:205px}.chart-legend{font-size:12px;gap:10px}.date-group summary{padding:15px 12px;gap:10px}.date-group summary strong{font-size:14px}.date-group summary small{display:none}.group-values{gap:14px}.group-values span{font-size:12px}.group-values span small{display:block;font-size:11px}.date-group summary>div:first-of-type{min-width:95px}.region-list{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr;gap:10px}.report-card{padding:15px}.report-card .value{font-size:22px}.report-intro{flex-direction:column}.page-footer{font-size:12px;line-height:1.7}.page-footer>span:last-child{display:none}.action-dialog,.detail-dialog{padding:22px}.detail-metrics strong{font-size:22px}.table-frame{position:relative}.btn{font-size:12px}.page-actions .btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ui-unify foreground mode: preserve every existing surface and chart color. */
.brand-mark,.nav-item.active,.tab.active,.rank.top{color:var(--ink-link)}
.page-actions .btn:not(.primary),.table-tools .btn{color:var(--ink-link)}
.data-table td[data-metric="views"]{color:var(--ink-link)}
.data-table td[data-metric="revenue"],.data-table td[data-metric="revenueLater"]{color:var(--ink-positive)}
.data-table td[data-metric="cost"]{color:var(--ink-warning)}
.data-table td[data-metric="roi"]{color:var(--ink-important)}

/* Readable role sizes; neutral surfaces and existing chart series remain untouched. */
.data-table{font-size:14px}
.data-table th{font-size:13px;height:46px}
.data-table td,.date-group .data-table td{height:58px}
.drama-link{font-size:15px}
.drama-meta,.metric-sub,.section-head p,.page-footer,.chart-note{font-size:12px;line-height:1.65}
.btn{min-height:38px}
.nav-item,.sidebar-setting{font-size:14px;min-height:42px}
.nav-group-title{font-size:12px;font-weight:550}
.breadcrumbs{font-size:13px}
.preview-note div{min-width:0}
.preview-note div>span{display:block;line-height:1.55}
.region-item>span{width:58px}
.region-item b{width:64px}
@media(max-width:1439px) and (min-width:640px){
 .metric-value{font-size:clamp(23px,2.2vw,30px)}
 .metrics{padding:22px 0}
}
@media(max-width:639px){
 .data-table{font-size:13px}
 .data-table th{font-size:12px}
 .data-table td,.date-group .data-table td{height:56px}
 .drama-link{font-size:14px}
 .btn,.page-actions .btn,.tab,.segmented button,.search-field,.filter-select,.table-tools select{font-size:13px}
 .table-tools .search-field{width:100%;flex-basis:100%}
 .table-tools select{flex:1;max-width:none}
 .eyebrow,.demo-badge,.metric-label,.chart-legend,.scope-label{font-size:11px}
 .metric-sub,.drama-meta,.range-label,.page-footer{font-size:12px}
 .breadcrumbs{font-size:12px}
 .page-header p{font-size:13px;line-height:1.65}
 .date-group summary{flex-wrap:wrap}
 .date-group summary>div:first-of-type{min-width:100px}
 .group-values{gap:12px}
 .group-values span{font-size:12px}
 .group-values span small{font-size:11px}
}