:root{--color-bg:#f2f2f3;--color-surface:#e9e9ea;--color-text:#1d1f20;--color-accent:#5980a6;--color-brand:#fd8bbc;--color-divider:#1d1f2029;--color-hairline:#1d1f2014;--color-neutral-200:#e7e7ea;--color-neutral-700:#5d5d60;--color-neutral-800:#424244;--color-accent-100:#eef6ff;--color-accent-200:#d6ebff;--color-accent-300:#b5d9fd;--color-accent-700:#416180;--color-accent-800:#2c455d;--color-accent-900:#1d2d3d;--color-danger:#a8321f;--color-danger-bg:#fbeeea;--platform-ig:#d62976;--platform-tt:#010101;--platform-yt:#e60000;--gradient-yt:linear-gradient(90deg, #ff6a5c, red, #a30000);--platform-fb:#1877f2;--gradient-fb:linear-gradient(90deg, #4599ff, #1877f2, #0a4fb5);--platform-x:#14171a;--gradient-x:linear-gradient(90deg, #657786, #14171a, #000);--gradient-ig:linear-gradient(90deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);--gradient-tt:linear-gradient(90deg, #25f4ee, #fe2c55);--gradient-strip:linear-gradient(90deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5 60%, #25f4ee 80%, #fe2c55);--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--max-width:1280px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.015em;margin:0 0 6.8px;font-weight:600;line-height:1.12}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent-900)}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blueprint{border:1px solid var(--color-divider);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);pointer-events:none;position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.btn{cursor:pointer;white-space:nowrap;font-family:var(--font-heading);border:1px solid var(--color-divider);background:0 0;justify-content:center;align-items:center;gap:6px;padding:6.8px 12px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent-800);color:var(--color-bg);border-color:var(--color-accent-800)}.btn-primary:hover{background:var(--color-accent-900)}.input{width:auto;min-height:32px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0;padding:4px 8px;font-size:13px}.strip{background:var(--gradient-strip);height:5px}.header{background:var(--color-accent-900);color:var(--color-bg)}.header__inner{max-width:var(--max-width);flex-direction:column;gap:20px;margin:0 auto;padding:26px 24px 0;display:flex}.header__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.header__title{flex-direction:column;gap:4px;display:flex}.header__title h1{letter-spacing:-.02em;margin:0;font-size:46px;line-height:.95}.header__meta{color:var(--color-accent-200);font-size:14px}.header__side{flex-direction:column;align-items:center;gap:5px;display:flex}.header__logo{width:auto;height:34px;margin-bottom:8px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-300);align-self:flex-start;font-size:11px}.platform-filter{border:1px solid var(--color-accent-700);display:flex}.platform-filter button{cursor:pointer;font-family:var(--font-heading);color:var(--color-bg);background:0 0;border:0;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;display:flex}.platform-filter button[aria-pressed=true]{background:var(--color-bg);color:var(--color-accent-900)}.platform-icon{flex:none;display:block}.refresh{flex-direction:column;align-self:stretch;gap:4px;margin-top:6px;display:flex}.refresh__btn{border:1px solid var(--color-accent-700);cursor:pointer;font-family:var(--font-heading);color:var(--color-bg);background:0 0;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;display:flex}.refresh__btn:hover:enabled{background:var(--color-accent-800)}.refresh__btn:disabled{opacity:.7;cursor:not-allowed}.refresh__spinner{border:2px solid var(--color-accent-300);border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite refresh-spin}.refresh__note{color:var(--color-accent-200);text-align:center;font-size:12px}.refresh__note--error{color:#ffb4a6}.refresh__last{opacity:.85;overflow-wrap:anywhere;font-size:11px;line-height:1.35}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.refresh__spinner{animation-duration:3s}}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs button{cursor:pointer;color:var(--color-accent-200);background:0 0;border:0;align-items:baseline;gap:10px;padding:9px 16px 10px;display:flex}.tabs button:hover{background:var(--color-accent-800)}.tabs button[aria-selected=true]{background:var(--color-bg);color:var(--color-accent-900)}.tabs__num{letter-spacing:.1em;opacity:.7;font-size:12px}.tabs__label{font-family:var(--font-heading);font-size:18px;font-weight:600}.main{max-width:var(--max-width);flex-direction:column;gap:32px;margin:0 auto;padding:36px 24px 64px;display:flex}.screen{flex-direction:column;gap:28px;display:flex}.screen--tight{gap:20px}.screen__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.screen__head h2{margin:0;font-size:36px}.muted{color:var(--color-neutral-700);font-size:14px}.footer{color:var(--color-neutral-700);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.status{text-align:center;color:var(--color-neutral-700);padding:40px 24px}.banner{border:1px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.banner strong{display:block}.error-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.error-panel h2{margin:0}.empty{text-align:center;color:var(--color-neutral-700);flex-direction:column;align-items:center;gap:4px;padding:28px 16px;display:flex}.empty--compact{padding:14px 8px}.empty__title{font-family:var(--font-heading);color:var(--color-accent-800);font-size:22px;font-weight:600}.empty__text{max-width:46ch;font-size:14px}.grid-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;display:grid}.grid-piece-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.card{flex-direction:column;gap:10px;padding:20px;display:flex}.card--wide{gap:20px;padding:24px}.card h3{margin:0}button.card{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0}button.card[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-100)}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px}.card__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__hint{color:var(--color-neutral-700);font-size:11px}.kpi-value{font-family:var(--font-heading);font-size:52px;font-weight:600;line-height:1}.kpi-value--md{font-size:40px}.kpi-split{color:var(--color-neutral-800);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.kpi-split span{white-space:nowrap;align-items:center;gap:6px;display:flex}.swatch{flex:none;width:8px;height:8px}.swatch--ig{background:var(--platform-ig)}.swatch--tt{background:var(--platform-tt)}.swatch--yt{background:var(--platform-yt)}.note{color:var(--color-neutral-700);font-size:12px}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.chart-head h2{margin:0}.chart-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.switch{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;display:flex}.switch__track{border:1px solid var(--color-accent-700);background:0 0;width:42px;height:22px;position:relative}.switch[aria-checked=true] .switch__track{background:var(--color-accent-700)}.switch__knob{background:var(--color-bg);border:1px solid var(--color-accent-700);width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch__knob{left:22px}.is-active{font-weight:700}.legend{gap:14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.segmented{border:1px solid var(--color-divider);display:flex}.segmented button{cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:7px 14px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--color-accent);color:var(--color-bg)}.chart{height:300px;margin-left:52px;position:relative}.chart__tick{border-top:1px dashed var(--color-divider);position:absolute;left:0;right:0}.chart__tick span{color:var(--color-neutral-700);white-space:nowrap;font-size:11px;position:absolute;top:-9px;right:calc(100% + 8px)}.chart__bars{align-items:stretch;gap:6px;display:flex;position:absolute;inset:0}.chart__col{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.chart__val{text-align:center;font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.4}.chart__seg--ig{background:var(--platform-ig)}.chart__seg--tt{background:var(--platform-tt)}.chart__seg--yt{background:var(--platform-yt)}.chart__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chart__line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart__line--ig{stroke:var(--platform-ig)}.chart__line--tt{stroke:var(--platform-tt)}.chart__line--yt{stroke:var(--platform-yt)}.chart__empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.chart__empty .empty{background:color-mix(in srgb, var(--color-bg) 85%, transparent)}.chart__days{gap:6px;margin-left:52px;display:flex}.chart__days div{text-align:center;min-width:0;color:var(--color-neutral-700);white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.grid-two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.split-row{flex-direction:column;gap:8px;display:flex}.split-row__head{align-items:center;gap:10px;display:flex}.split-row__name{font-family:var(--font-heading);flex:1;font-size:20px;font-weight:600}.split-row__value{font-family:var(--font-heading);font-size:28px;font-weight:600}.split-row__pct{color:var(--color-neutral-700);text-align:right;width:48px;font-size:13px}.bar{background:var(--color-neutral-200);height:10px;display:block}.bar--sm{height:6px}.bar--lg{height:16px}.bar__fill{height:100%;display:block}.top-row{grid-template-columns:24px 36px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rank{font-family:var(--font-heading);color:var(--color-accent-700);font-size:18px}.top-row__body{flex-direction:column;gap:4px;min-width:0;display:flex}.top-row__name{font-size:14px;font-weight:500}.top-row__value{font-family:var(--font-heading);font-size:20px;font-weight:600}.avatar{background:var(--color-accent-200);color:var(--color-accent-900);font-family:var(--font-heading);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;position:relative}.avatar__photo{background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:0}.avatar__badges{flex-direction:row-reverse;display:flex;position:absolute;bottom:-4px;right:-4px}.avatar__badge+.avatar__badge{margin-right:2px}.avatar__badges .avatar__badge{filter:drop-shadow(0 0 1.5px var(--color-bg));position:relative}.avatar__badges .avatar__badge:first-child{z-index:1}.table-scroll{padding:8px;overflow-x:auto}.table{min-width:990px}.table--pieces{min-width:880px}.inf-grid{grid-template-columns:36px minmax(220px,2.2fr) minmax(64px,.6fr) repeat(6,minmax(84px,1fr)) 44px;align-items:center;gap:12px;display:grid}.table__head{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);border-bottom:1px solid var(--color-divider);padding:12px 16px;font-size:11px}.inf-item{border-bottom:1px solid var(--color-divider)}.inf-row{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:14px 16px}.inf-row:hover,.inf-row[aria-expanded=true]{background:var(--color-accent-100)}.inf-row .rank{font-size:22px}.inf-who{align-items:center;gap:12px;min-width:0;display:flex}.inf-who__text{flex-direction:column;min-width:0;display:flex}.inf-who__name{font-family:var(--font-heading);font-size:19px;font-weight:600;line-height:1.15}.inf-who__sub{color:var(--color-neutral-700);font-size:13px}.cell-strong{font-family:var(--font-heading);font-size:22px;font-weight:600}.cell{font-size:15px}.chevron{border:1px solid var(--color-divider);place-items:center;width:32px;height:32px;transition:transform .15s;display:grid}.chevron[data-open=true]{transform:rotate(180deg)}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon--sm{width:14px;height:14px}.inf-detail{background:var(--color-accent-100);flex-direction:column;gap:10px;padding:4px 16px 16px 64px;display:flex}.inf-detail__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.inf-detail__head a{align-items:center;gap:6px;font-size:13px;display:flex}.inf-account{flex-direction:column;gap:10px;display:flex}.inf-account+.inf-account{border-top:1px solid var(--color-divider);margin-top:6px}.inf-account__title{align-items:center;gap:8px;display:flex}.inf-accounts{flex-direction:column;gap:10px;min-width:0;display:flex}.cell-split{flex-direction:column;gap:4px;display:flex}.cell-split__item{white-space:nowrap;align-items:center;gap:6px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inf-who__more{color:var(--color-accent-700)}.inf-detail__body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.panel{background:var(--color-bg)}.post-row{border-bottom:1px solid var(--color-hairline);grid-template-columns:52px minmax(0,1.4fr) repeat(4,minmax(52px,1fr));align-items:center;gap:12px;padding:8px 12px;display:grid}.post-thumb{background:repeating-linear-gradient(135deg, var(--color-accent-200) 0 5px, var(--color-accent-100) 5px 10px);border:1px solid var(--color-divider);place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.post-thumb__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.post-thumb__code{z-index:1;pointer-events:none;font-family:var(--font-heading);background:var(--color-accent-900);color:var(--color-bg);padding:0 4px;font-size:11px;font-weight:600;position:absolute;top:0;left:0}.post-thumb svg{fill:none;width:16px;height:16px;stroke:var(--color-accent-800);stroke-width:1.5px;stroke-linejoin:round}.post-title{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.15;overflow:hidden}.post-sub{color:var(--color-neutral-700);white-space:nowrap;font-size:11px}.post-row,.piece-row,.spot-row{position:relative}.post-row--link,.piece-row--link,.spot-row--link{cursor:pointer}.post-row--link:hover{background:var(--color-accent-100)}.post-row--link .post-title a:after,.piece-row--link .piece-row__name a:after,.spot-row--link .spot-row__name a:after{content:"";position:absolute;inset:0}.post-row--link .post-title a:focus-visible:after,.piece-row--link .piece-row__name a:focus-visible:after,.spot-row--link .spot-row__name a:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:-2px}.post-row .tag-warning,.piece-row .tag-warning,.spot-row .tag-warning{z-index:1;position:relative}.metric-mini__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-700);font-size:10px}.metric-mini__value{font-family:var(--font-heading);white-space:nowrap;font-size:17px;font-weight:600;line-height:1.1}.tag-warning{background:var(--color-danger-bg);color:var(--color-danger);margin-top:2px;padding:0 6px;font-size:11px;display:inline-block}.timeline-panel{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.timeline-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.timeline-panel__head h4{margin:0}.timeline{flex:1;min-height:120px;margin-left:24px;position:relative}.timeline__tick{border-top:1px dashed var(--color-divider);position:absolute;left:0;right:0}.timeline__tick span{color:var(--color-neutral-700);font-size:11px;position:absolute;top:-8px;right:calc(100% + 6px)}.timeline__bars{gap:4px;display:flex;position:absolute;inset:0}.timeline__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:0;display:flex}.timeline__code{text-align:center;font-family:var(--font-heading);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.timeline__days{gap:4px;margin-left:24px;display:flex}.timeline__days div{text-align:center;min-width:0;color:var(--color-neutral-700);flex:1;font-size:11px}.timeline__line{fill:none;stroke:var(--color-accent-700);stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.timeline__group{align-items:stretch;gap:2px;height:100%;display:flex}.timeline__part{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.timeline__bar--ig,.legend-swatch--ig{background:var(--platform-ig)}.timeline__bar--tt,.legend-swatch--tt{background:var(--platform-tt)}.timeline__bar--yt,.legend-swatch--yt{background:var(--platform-yt)}.timeline__bar--fb,.legend-swatch--fb{background:var(--platform-fb)}.timeline__bar--x,.legend-swatch--x{background:var(--platform-x)}.timeline__line--ig{stroke:var(--platform-ig)}.timeline__line--tt{stroke:var(--platform-tt)}.timeline__line--yt{stroke:var(--platform-yt)}.timeline__line--fb{stroke:var(--platform-fb)}.timeline__line--x{stroke:var(--platform-x)}.legend-inline{color:var(--color-neutral-800);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.legend-inline span{align-items:center;gap:6px;display:flex}.legend-inline i{display:block}.grid-pieces{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;display:grid}.piece-tab{cursor:pointer;text-align:left;color:var(--color-text);background:0 0;align-items:center;gap:14px;padding:16px;display:flex}.piece-tab[aria-pressed=true]{border-color:var(--color-accent-900);background:var(--color-accent-900);color:var(--color-bg)}.piece-tab__code{font-family:var(--font-heading);font-size:34px;font-weight:600;line-height:1}.piece-tab__text{flex-direction:column;min-width:0;display:flex}.piece-tab__title{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.15}.piece-tab__meta{opacity:.8;font-size:12px}.piece-grid{grid-template-columns:32px minmax(200px,1.6fr) minmax(200px,2.4fr) repeat(4,minmax(74px,.8fr));align-items:center;gap:12px;display:grid}.piece-table__title{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 16px 8px;display:flex}.piece-table__title h3{margin:0}.piece-row{border-bottom:1px solid var(--color-hairline);padding:12px 16px}.piece-row:hover{background:var(--color-accent-100)}.piece-row .rank{font-size:20px}.piece-row__name{font-size:15px;font-weight:500}.piece-row__views{font-family:var(--font-heading);font-size:21px;font-weight:600}.table--spot{min-width:940px}.spot-grid{grid-template-columns:32px minmax(240px,1.8fr) minmax(120px,1.4fr) repeat(5,minmax(70px,.8fr));align-items:center;gap:12px;display:grid}.spot-row{border-bottom:1px solid var(--color-hairline);padding:12px 16px}.spot-row:hover{background:var(--color-accent-100)}.spot-row .rank{font-size:20px}.spot-row__name{font-size:15px;font-weight:500}.spot-row__meta{align-items:center;gap:6px;display:flex}@media (width<=760px){.header__title h1{font-size:34px}.inf-detail{padding-left:16px}.inf-detail__body{grid-template-columns:minmax(0,1fr)}}
