/* Visual direction 04: dense workspace with soft matte depth on every surface. */
:root{
  --canvas:#f1f2f4;
  --canvas-deep:#e9ebee;
  --surface:#fafafa;
  --surface-hi:#fff;
  --ink:#20242a;
  --muted:#747b84;
  --hairline:rgba(75,84,96,.11);
  --green:#176b46;
  --green-deep:#105838;
  --radius-card:24px;
  --radius-control:14px;
  --shadow-card:0 1px 1px rgba(255,255,255,.92) inset,0 1px 3px rgba(35,40,48,.04),0 12px 34px rgba(35,40,48,.065);
  --shadow-float:0 1px 0 rgba(255,255,255,.98) inset,0 2px 4px rgba(35,40,48,.06),0 7px 16px rgba(35,40,48,.075);
  --shadow-soft:0 1px 0 #fff inset,0 1px 2px rgba(35,40,48,.045),0 4px 10px rgba(35,40,48,.045);
  --shadow-well:inset 0 1px 3px rgba(45,52,61,.08),0 1px 0 rgba(255,255,255,.85);
}

body,.app-shell{background:var(--canvas)}
.app-shell{position:relative}
.workspace-sidebar{
  background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(247,248,249,.92));
  border-right:1px solid rgba(62,70,82,.10);
  box-shadow:10px 0 32px rgba(29,35,43,.045),1px 0 0 rgba(255,255,255,.8) inset;
  backdrop-filter:blur(22px) saturate(.86);
}
.global-header{
  background:rgba(250,250,251,.82);
  border-color:rgba(75,84,96,.09);
  box-shadow:0 1px 0 rgba(255,255,255,.85),0 7px 24px rgba(37,43,52,.035);
  backdrop-filter:blur(22px) saturate(.88);
  position:sticky;top:0;z-index:18;
}

/* Navigation */
.workspace-sidebar .brand-mark{
  background:linear-gradient(145deg,#343940,#1d2025);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 18px rgba(25,29,35,.18),0 2px 5px rgba(25,29,35,.18);
}
.sidebar-item{position:relative;border:1px solid transparent;transition:color .18s,background .18s,transform .18s,box-shadow .18s}
.sidebar-item:not(.active):hover{background:rgba(255,255,255,.78);border-color:rgba(76,84,96,.07);box-shadow:var(--shadow-soft);color:#363d46;transform:translateY(-1px)}
.sidebar-item.active{
  background:linear-gradient(150deg,#3a3e45,#24272c 64%,#202329);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 8px 18px rgba(30,34,40,.18),0 2px 5px rgba(30,34,40,.12);
}
.sidebar-item.active:hover{background:linear-gradient(150deg,#434851,#282c32);transform:translateY(-1px)}
.sidebar-item.active .icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}
.sidebar-current-dot{width:6px;height:6px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.10),0 1px 4px rgba(0,0,0,.25)}
.sidebar-label:after{content:"";display:inline-block;width:20px;height:1px;margin-left:9px;vertical-align:middle;background:linear-gradient(90deg,rgba(82,89,99,.17),transparent)}
.sidebar-help:hover{background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}
.sidebar-profile{border-color:rgba(73,81,92,.1)}
.sidebar-profile .account-avatar{
  border:2px solid rgba(255,255,255,.92);
  background:linear-gradient(145deg,#fff,#e8eaed);
  box-shadow:0 1px 2px rgba(31,36,43,.08),0 5px 13px rgba(31,36,43,.08);
}

/* Shared matte controls */
.icon-button,.pill-button,.row-open,.back-button,.breadcrumb .back-button,.leader-link{
  border:1px solid rgba(72,81,93,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,245,247,.98));
  box-shadow:var(--shadow-float);
  transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s;
}
.icon-button:hover,.pill-button:hover,.row-open:hover,tr:hover .row-open,.back-button:hover,.breadcrumb .back-button:hover,.leader-link:hover{
  background:linear-gradient(180deg,#fff,#edf0f3);
  border-color:rgba(66,78,94,.20);
  box-shadow:0 1px 0 #fff inset,0 3px 6px rgba(33,40,49,.07),0 9px 19px rgba(33,40,49,.085);
  color:#253343;transform:translateY(-1px);
}
.icon-button:active,.pill-button:active,.row-open:active,.back-button:active{transform:translateY(1px);box-shadow:var(--shadow-well)}
.pill-button.primary{
  background:linear-gradient(145deg,#34383f,#202329);
  border-color:rgba(255,255,255,.11);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 3px 6px rgba(26,30,36,.14),0 10px 24px rgba(26,30,36,.16);
}
.pill-button.primary:hover{background:linear-gradient(145deg,#41464f,#25292f);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 5px 9px rgba(26,30,36,.16),0 13px 27px rgba(26,30,36,.18)}
.hero .pill-button.primary .icon{width:20px;height:20px;padding:4px;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.13) inset}
.row-open{width:72px;height:33px;border-radius:999px;color:#485360;font-weight:570}
.row-open .icon{width:18px;height:18px;padding:4px;border-radius:50%;background:rgba(70,80,93,.07);box-shadow:var(--shadow-well)}
.back-button,.breadcrumb .back-button{min-height:34px;border-radius:999px;padding:6px 13px 6px 8px;gap:8px}
.back-button .icon{width:21px;height:21px;padding:5px;border-radius:50%;background:rgba(71,81,94,.075);box-shadow:var(--shadow-well)}
.save-button.saved{background:linear-gradient(180deg,#f0f3f5,#e5e8eb);box-shadow:var(--shadow-well);border-color:rgba(68,79,94,.13)}

/* Recessed control wells with raised selections */
.preview-dock,.filter-tabs,.segmented{
  background:linear-gradient(180deg,#eaecf0,#f1f2f4);
  border:1px solid rgba(69,77,88,.08);
  box-shadow:var(--shadow-well);
}
.preview-dock{padding:4px;border-radius:999px}
.preview-dock a,.filter-tabs button,.segmented button{border-radius:999px;transition:background .16s,box-shadow .16s,color .16s,transform .16s}
.preview-dock a.current,.filter-tabs button.active,.segmented button.active{
  background:linear-gradient(180deg,#fff,#f7f8f9);
  border-color:rgba(66,76,89,.10);box-shadow:var(--shadow-float);color:#28313b;
}
.preview-dock a:hover,.filter-tabs button:hover,.segmented button:hover{color:#252d36}
.filter-tabs button:active,.segmented button:active{transform:translateY(1px)}
.filter-tabs button[data-filter="authorized"]{color:var(--green-deep)}
.filter-tabs button[data-filter="authorized"] .tab-count{background:#dde9e2;color:var(--green-deep);border:1px solid rgba(17,91,58,.08);box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.filter-tabs button[data-filter="authorized"].active{
  background:linear-gradient(180deg,#fff,#f5f7f6);border-color:rgba(22,107,70,.18);color:var(--green-deep);
  box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(28,72,52,.07),0 7px 16px rgba(28,72,52,.08);
}
.filter-tabs button[data-filter="authorized"].active .tab-count{background:#d8e8df;color:var(--green-deep)}
.search,.sort-control select{
  background:linear-gradient(180deg,#eef0f2,#f8f8f9);
  border:1px solid rgba(68,77,89,.11);box-shadow:var(--shadow-well);
}
.search{border-radius:999px}.sort-control select{border-radius:999px}
.search:focus-within,.sort-control select:focus{
  background:#fff;border-color:rgba(75,94,118,.27);
  box-shadow:inset 0 1px 2px rgba(40,47,56,.055),0 0 0 4px rgba(92,111,136,.09),0 7px 15px rgba(43,50,60,.06);
}

/* Cards and data surfaces */
.ranking-panel,.detail-metrics,.panel{
  border:1px solid rgba(70,79,91,.09);
  background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(249,249,250,.97));
  border-radius:var(--radius-card);box-shadow:var(--shadow-card);
}
.ranking-panel{overflow:hidden}
.list-toolbar{background:rgba(250,250,251,.66);border-bottom:1px solid rgba(74,83,95,.06)}
th{background:linear-gradient(180deg,#f4f5f6,#f8f8f9);border-top:1px solid rgba(255,255,255,.95);border-bottom-color:rgba(68,77,89,.09);color:#6f7781}
td{border-bottom-color:rgba(70,79,91,.075)}
tbody tr{transition:background .16s,box-shadow .16s}
tbody tr:hover{background:linear-gradient(90deg,rgba(240,242,245,.73),rgba(251,251,252,.72));box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.creator-cell .avatar,.detail-identity .avatar,.leader-line .avatar{
  border:2px solid rgba(255,255,255,.96);
  box-shadow:0 2px 4px rgba(31,37,44,.10),0 7px 17px rgba(31,37,44,.09);
}
.rank-number.top{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(145deg,#fff,#e9ebee);box-shadow:var(--shadow-float);font-size:13px}
.table-footer{background:linear-gradient(180deg,rgba(250,250,251,.6),rgba(244,245,246,.75));border-color:rgba(71,80,92,.08)}
.pagination button{border:1px solid transparent}
.pagination button.active{background:linear-gradient(145deg,#3a3e45,#24272c);border-color:rgba(255,255,255,.13);box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 5px 12px rgba(28,33,39,.17)}
.pagination button:not(:disabled):hover{background:linear-gradient(180deg,#fff,#edf0f2);border-color:rgba(71,80,92,.10);box-shadow:var(--shadow-soft)}

/* Authorization is prominent but stays part of the material system. */
.auth-badge,.detail-title-line .auth-badge,.authorization-panel .panel-title .auth-badge{
  display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:3px 10px 3px 4px;
  border:1px solid rgba(20,99,64,.17);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,244,241,.99));
  color:var(--green-deep);font-size:10px;font-weight:650;letter-spacing:.05px;
  box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(29,72,53,.07),0 6px 14px rgba(29,72,53,.075);
}
.auth-mark{
  width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#23845a,#105e3d);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 3px 7px rgba(15,87,56,.22);
}
.auth-mark .icon,.auth-badge .auth-mark .icon{width:10px;height:10px;stroke-width:2.4}
.detail-title-line .auth-badge,.authorization-panel .panel-title .auth-badge{font-size:11px;min-height:29px;padding:4px 12px 4px 5px}
.detail-title-line .auth-mark,.authorization-panel .auth-mark{width:19px;height:19px}
.authorization-panel{
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(245,247,246,.96));
  border-color:rgba(41,99,73,.11);box-shadow:0 1px 0 #fff inset,0 2px 5px rgba(31,48,40,.045),0 14px 34px rgba(31,48,40,.075);
}
.authorization-panel .pill-button{background:linear-gradient(180deg,#fff,#edf1ef);border-color:rgba(34,89,66,.16);color:#294d3e;box-shadow:0 1px 0 #fff inset,0 3px 6px rgba(34,75,57,.07),0 8px 18px rgba(34,75,57,.07)}
.authorization-panel .pill-button:hover{background:linear-gradient(180deg,#fff,#e8efeb);border-color:rgba(34,89,66,.24);color:#163d2d}
.auth-metrics>div{padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.7);border:1px solid rgba(49,86,70,.08);box-shadow:var(--shadow-soft)}
.cooperation-tags span{border-radius:999px;background:linear-gradient(180deg,#fff,#f0f2f3);border-color:rgba(71,81,94,.11);box-shadow:var(--shadow-soft)}

/* Detail hierarchy */
.detail-metrics{overflow:hidden}
.detail-metric:first-child{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,240,243,.86))}
.detail-metric+.detail-metric:before{border-color:rgba(67,76,88,.10)}
.detail-subline .rank-pill{border-radius:999px;background:linear-gradient(180deg,#fff,#eceff2);border-color:rgba(70,80,92,.11);box-shadow:var(--shadow-soft)}
.panel-title>.icon{width:30px;height:30px;padding:7px;border-radius:11px;background:linear-gradient(145deg,#fff,#e9ecef);border:1px solid rgba(71,81,93,.09);box-shadow:var(--shadow-soft);color:#596674}
.chart-panel{background:linear-gradient(155deg,#fff,#f8f9fa)}
.chart-tip{border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 12px 28px rgba(23,29,37,.22)!important;backdrop-filter:blur(12px)}
.audience-grid>div{padding:12px 13px;border-radius:15px;background:linear-gradient(145deg,#fff,#f1f3f5);border:1px solid rgba(73,82,94,.08);box-shadow:var(--shadow-soft)}
.audience-grid>div:last-child{border-top:1px solid rgba(73,82,94,.08)}

dialog{background:linear-gradient(145deg,#fff,#f2f4f6);border-color:rgba(69,78,90,.12);box-shadow:0 1px 0 #fff inset,0 28px 80px rgba(28,34,42,.22);backdrop-filter:blur(20px)}
.dialog-note{background:linear-gradient(145deg,#eceef1,#f6f7f8);box-shadow:var(--shadow-well)}
#toast{background:rgba(37,42,49,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.13) inset,0 12px 30px rgba(24,29,36,.22);backdrop-filter:blur(14px)}

@media(max-width:1200px){.row-open{width:64px}.auth-badge{gap:5px;padding-right:8px}.auth-metrics>div{padding:11px}}
@media(max-width:760px){
  .workspace-sidebar{box-shadow:7px 0 24px rgba(29,35,43,.055)}
  .sidebar-label:after{display:none}
  .global-header{box-shadow:0 1px 0 rgba(255,255,255,.9),0 5px 18px rgba(37,43,52,.04)}
}
@media(min-width:701px) and (max-width:1000px){
  .table-scroll table{min-width:0}
  col.rank-col{width:10%}col.creator-col{width:30%}col.sales-col{width:22%}col.highest-col{width:18%}col.video-col{width:11%}col.accounts-col{width:9%}
  col.action-col,th:nth-child(7),td:nth-child(7){display:none}
  th{font-size:10px;letter-spacing:0;white-space:nowrap;padding-left:8px;padding-right:8px}
  .creator-name-line{display:block}.creator-name-line .creator-name{display:block}
  .creator-name-line .auth-badge{margin-top:2px;min-height:18px;padding:1px 6px 1px 2px;font-size:8px;gap:3px}
  .creator-name-line .auth-mark{width:13px;height:13px}.creator-name-line .auth-mark .icon{width:7px;height:7px}
  .creator-sub{display:none}
  .mobile-detail{display:flex;width:max-content;margin-left:auto;justify-content:flex-end;align-items:center;gap:2px;color:#52657d;font-size:9px;font-weight:550;line-height:1.3;margin-top:4px;padding:2px 6px 2px 8px;border-radius:999px;background:linear-gradient(180deg,#fff,#eef0f3);border:1px solid rgba(67,78,92,.11);box-shadow:var(--shadow-soft)}
  .mobile-detail .icon{width:9px;height:9px}
}
@media(max-width:700px){
  .creator-name-line .auth-badge{display:inline-flex!important;margin-top:4px;border-radius:999px;gap:4px;padding:2px 7px 2px 3px;min-height:20px}
  .creator-name-line .auth-mark{width:14px;height:14px}.creator-name-line .auth-mark .icon{width:8px;height:8px}
  .detail-title-line .auth-badge,.authorization-panel .panel-title .auth-badge{padding:3px 9px 3px 4px}
  .back-button,.breadcrumb .back-button{padding-left:6px}
}
@media(max-width:600px){
  :root{--radius-card:20px}
  .ranking-panel,.detail-metrics,.panel{box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(35,40,48,.035),0 9px 22px rgba(35,40,48,.055)}
  .rank-number.top{min-width:24px;height:24px;border-radius:8px;font-size:11px}
  .mobile-detail{display:flex;width:max-content;margin-left:auto;padding:3px 7px 3px 9px;border-radius:999px;background:linear-gradient(180deg,#fff,#eef0f3);border:1px solid rgba(67,78,92,.11);box-shadow:var(--shadow-soft);color:#46586f}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Ranking hierarchy and a continuous, anchored reading flow. */
:root{--header-height:65px}
main{--toolbar-height:77px}
.ranking-title{display:flex;align-items:center;gap:10px}
.ranking-title-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:linear-gradient(145deg,#fffaf0,#f0dfbb);color:#947039;border:1px solid rgba(146,103,36,.14);box-shadow:0 1px 0 #fff inset,0 4px 12px rgba(148,110,50,.13)}
.ranking-title-icon .icon{width:19px;height:19px;stroke-width:1.6}
.ranking-panel{overflow:visible}
.list-toolbar{
  position:sticky;top:var(--header-height);z-index:12;
  border-radius:var(--radius-card) var(--radius-card) 0 0;
  background:rgba(250,251,252,.94);backdrop-filter:blur(18px);
  box-shadow:0 1px 0 #fff inset,0 6px 14px rgba(33,40,48,.035);
}
.table-scroll{overflow:visible}.table-scroll table{min-width:0}
thead th{position:sticky;top:calc(var(--header-height) + var(--toolbar-height));z-index:10;background:#f5f6f8;box-shadow:0 1px 0 rgba(66,76,90,.09),0 3px 7px rgba(36,44,55,.025)}
.sales-heading{color:#4e5967;font-weight:550}
.sale-value{font-weight:610;color:#242c35}
.sales-cell{background:transparent}
tbody tr[data-rank="1"]{--rank-color:#947034;--rank-tint:#fcf6e9;background:linear-gradient(90deg,#fcf6e9,rgba(252,247,237,.38) 50%,rgba(255,255,255,.35))}
tbody tr[data-rank="2"]{--rank-color:#61768c;--rank-tint:#f0f4f8;background:linear-gradient(90deg,#f0f4f8,rgba(242,246,250,.32) 50%,rgba(255,255,255,.35))}
tbody tr[data-rank="3"]{--rank-color:#a16c55;--rank-tint:#faf0eb;background:linear-gradient(90deg,#faf0eb,rgba(250,244,241,.3) 50%,rgba(255,255,255,.35))}
tbody tr[data-rank="1"]:hover,tbody tr[data-rank="2"]:hover,tbody tr[data-rank="3"]:hover{background:linear-gradient(90deg,var(--rank-tint),rgba(255,255,255,.7))}
tbody tr[data-rank="1"] td:first-child,tbody tr[data-rank="2"] td:first-child,tbody tr[data-rank="3"] td:first-child{box-shadow:inset 2px 0 var(--rank-color)}
.rank-number.top{position:relative;width:30px;height:30px;border-radius:11px;font-size:14px;font-weight:650;letter-spacing:-.5px;border:1px solid rgba(255,255,255,.72)}
.rank-number.rank-1{color:#8a6429;background:linear-gradient(140deg,#fffdf5,#ead29e);box-shadow:0 1px 0 #fff inset,0 3px 6px rgba(125,92,34,.11),0 7px 14px rgba(125,92,34,.13)}
.rank-number.rank-2{color:#536b85;background:linear-gradient(140deg,#fff,#d7e1eb);box-shadow:0 1px 0 #fff inset,0 3px 6px rgba(61,81,108,.09),0 7px 14px rgba(61,81,108,.10)}
.rank-number.rank-3{color:#976047;background:linear-gradient(140deg,#fffbf8,#efd5c7);box-shadow:0 1px 0 #fff inset,0 3px 6px rgba(129,78,53,.09),0 7px 14px rgba(129,78,53,.10)}
.rank-number.top .icon{width:13px;height:13px;position:absolute;top:-8px;left:8px;fill:#f3dfa9;stroke-width:1.7;filter:drop-shadow(0 1px 0 #fff)}
tbody tr[data-rank="1"] .creator-name{font-weight:650}
tbody tr[data-rank="1"] .sale-value{color:#88602b}
tbody tr[data-rank="1"] .avatar{border-color:#f3e5c9}
tbody tr[data-rank="2"] .avatar{border-color:#e2e9f1}
tbody tr[data-rank="3"] .avatar{border-color:#f1dfd6}
.creator-name{transition:color .18s,transform .2s;scroll-margin-top:calc(var(--header-height) + var(--toolbar-height) + 52px)}
tbody tr:hover .creator-name{transform:translateX(2px);color:#314a63}
.row-open .icon,.mobile-detail .icon{transition:transform .18s,background .18s}
.row-open:hover .icon,.mobile-detail:hover .icon{transform:translateX(2px);background:rgba(67,87,112,.12)}
.row-open:active,.mobile-detail:active{transform:translateY(1px)}
.row-enter{animation:row-enter .28s cubic-bezier(.22,.65,.32,1) var(--row-delay,0ms) both}
.return-highlight{animation:return-highlight 1.5s ease-out}
.detail-hero,.detail-metrics{animation:surface-enter .28s ease-out both}
.detail-metrics{animation-delay:45ms}
.chart svg{animation:surface-enter .22s ease-out}
.stream-footer{border-radius:0 0 var(--radius-card) var(--radius-card);min-height:65px;gap:20px}
.stream-count{display:flex;align-items:center;gap:8px;font-size:11px;color:#74808e;font-variant-numeric:tabular-nums}
.stream-dot{width:6px;height:6px;background:#9faebf;border-radius:50%;box-shadow:0 0 0 4px rgba(94,119,149,.08)}
.stream-dot.complete{background:#839d8c;box-shadow:0 0 0 4px rgba(60,113,82,.07)}
.stream-end{font-size:10px;color:#929ba6}
.load-more{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#fff,#eef1f4);border:1px solid rgba(70,84,102,.13);border-radius:999px;box-shadow:var(--shadow-soft);padding:7px 12px;font-size:10px;color:#526780;transition:transform .18s,box-shadow .18s}
.load-more .icon{width:13px;height:13px}.load-more:hover{box-shadow:var(--shadow-float);transform:translateY(-1px)}
.scroll-top{position:fixed;right:27px;bottom:27px;z-index:23;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(145deg,#3a414b,#252b33);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 7px 20px rgba(26,34,45,.20);padding:11px 15px;font-size:11px;animation:surface-enter .2s ease-out}
.scroll-top .icon{width:15px;height:15px}.scroll-top[hidden]{display:none}
.scroll-top:hover{background:#414c5b;transform:translateY(-2px)}
@keyframes row-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes surface-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes return-highlight{0%,25%{background-color:#e8edf3;box-shadow:inset 3px 0 #92a5bb}100%{background-color:transparent;box-shadow:inset 0 0 transparent}}
@media(max-width:760px){:root{--header-height:57px}.scroll-top{right:19px;bottom:20px}}
@media(max-width:700px){col.highest-col,col.video-col,col.accounts-col,col.action-col{display:none}.rank-number.top{width:25px;height:25px;min-width:25px;border-radius:9px;font-size:11px}.rank-number.top .icon{width:11px;height:11px;left:6px;top:-7px}.ranking-title-icon{width:27px;height:27px;border-radius:10px}.ranking-title-icon .icon{width:16px;height:16px}.ranking-title{gap:8px}.stream-count{font-size:9px}.stream-end{font-size:8px}.stream-footer{gap:10px}.scroll-top span{display:none}.scroll-top{width:37px;height:37px;padding:0;justify-content:center}}
@media(max-width:600px){:root{--header-height:53px}.ranking-title-icon{display:none}.load-more{font-size:9px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.row-enter,.return-highlight,.detail-hero,.detail-metrics,.chart svg,.scroll-top{animation:none!important}tbody tr:hover .creator-name{transform:none}}

/* One shared selection surface moves between items in the same control. */
.sliding-tabs{position:relative;isolation:isolate}
.preview-dock.sliding-tabs{left:auto;right:auto;top:auto;bottom:auto;transform:none}
.sliding-tabs::before{
  content:"";position:absolute;left:0;top:0;z-index:0;pointer-events:none;box-sizing:border-box;
  width:var(--pill-width,0px);height:var(--pill-height,0px);border-radius:999px;
  transform:translate3d(var(--pill-x,0px),var(--pill-y,0px),0);
  background:linear-gradient(180deg,#fff,#f7f8f9);
  border:1px solid rgba(66,76,89,.10);box-shadow:var(--shadow-float);
}
.sliding-tabs.slide-ready::before{transition:transform .32s cubic-bezier(.22,.78,.24,1),width .32s cubic-bezier(.22,.78,.24,1),height .25s ease,border-color .25s ease,box-shadow .25s ease}
.sliding-tabs>button,.sliding-tabs>a,.sliding-tabs>.preview-label{position:relative;z-index:1}
.filter-tabs.sliding-tabs button.active,.filter-tabs.sliding-tabs button[data-filter="authorized"].active,.segmented.sliding-tabs button.active,.preview-dock.sliding-tabs a.current{
  background:transparent;border-color:transparent;box-shadow:none;
}
.filter-tabs.sliding-tabs[data-selected="authorized"]::before{border-color:rgba(22,107,70,.18);box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(28,72,52,.06),0 7px 16px rgba(28,72,52,.075)}
.sliding-tabs>button,.sliding-tabs>a{transition:color .22s ease,opacity .22s ease}
.filter-tabs.sliding-tabs button:active,.segmented.sliding-tabs button:active{transform:none}
.preview-dock.sliding-tabs a:hover{background:transparent}
.chart svg{animation:none}
#chart-content[aria-busy="true"]{pointer-events:none}
.chart-topline{flex-wrap:wrap;gap:8px 10px}
.chart-topline .estimate-prefix{font-size:14px;font-weight:450;color:#778492;letter-spacing:0;margin-right:2px}
.chart-value-notes{display:flex;align-items:center;gap:6px;font-size:10px;color:#78838f}
.chart-topline .estimate-label{padding:2px 7px;border-radius:999px;line-height:1.5;font-size:9px;font-weight:550;color:#536b81;background:linear-gradient(180deg,#f3f6f9,#e9eef3);border:1px solid rgba(81,108,135,.12);box-shadow:0 1px 0 #fff inset}
.chart-tip-label{display:block;font-size:9px;color:#cad4df;margin-top:2px;letter-spacing:.2px}
@media(max-width:600px){.chart-topline .estimate-prefix{font-size:12px}.chart-value-notes{font-size:9px;gap:4px}.chart-topline .estimate-label{font-size:8px;padding:2px 5px}}
@media(prefers-reduced-motion:reduce){.sliding-tabs.slide-ready::before{transition:none}}

.metric-label{display:flex;align-items:center;gap:6px}
.metric-label>.icon{width:13px;height:13px;stroke-width:1.6;color:#8491a0;flex-shrink:0}
.detail-metric .metric-label>.icon{width:14px;height:14px;color:#758698}
.key-values dt.metric-label{align-items:center}
@media(max-width:600px){.metric-label{gap:5px}.metric-label>.icon{width:12px;height:12px}}