.reference-skin{--bg:#0c1013;--pink:#df18eb;--purple:#8339f6}.reference-skin .topbar{height:56px}.reference-skin .topbar h1{font-size:20px}.reference-skin .topbar .username{font-size:19px}.reference-skin .topbar .username .icon{width:15px;height:15px}.reference-skin .observer-profile-top{gap:10px}.reference-skin .profile-main{padding:2px 12px 0}.reference-skin .profile-head{min-height:110px;gap:14px}.reference-skin .avatar-stack{width:91px;margin-bottom:8px}.reference-skin .avatar-stack .avatar{width:78px;height:78px;margin-top:15px}.reference-skin .avatar-plus{width:21px;height:21px;right:7px}.reference-skin .note{font-size:10px;max-width:76px;min-width:0;line-height:1.1;max-height:52px;overflow:hidden;padding:8px 10px;top:-4px;border-radius:12px}.reference-skin .display-name{font-size:clamp(8px,2.6vw,12px);font-weight:650;white-space:nowrap;letter-spacing:0;margin-bottom:10px;overflow:hidden;text-overflow:clip}.reference-skin .counts{gap:8px;justify-content:space-between}.reference-skin .counts button{font-size:12px;white-space:nowrap}.reference-skin .counts strong{font-size:16px}.reference-skin .profile-main>.muted{font-size:13px}.reference-skin .bio{font-size:13px}.reference-skin .banners{padding:3px 7px;margin-top:8px;font-size:11px}.reference-skin .dashboard-card{padding:10px 12px;margin-top:13px;margin-bottom:9px;border-radius:6px}.reference-skin .dashboard-card strong{font-size:13px}.reference-skin .dashboard-card span{font-size:11px}.up-arrow{color:#39a37a;font-style:normal}.reference-skin .profile-actions .soft{padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:5px}.reference-skin .grid-tabs{height:47px;top:56px}.reference-skin .grid-tabs button.active:after{left:12%;right:12%}.reference-skin .tile{aspect-ratio:3/4}.reference-skin .media-grid.tall .tile{aspect-ratio:9/16}.reference-skin .tile>svg{fill:#fff;stroke:var(--bg);stroke-width:2;background:#fff;border-radius:4px;top:7px;right:7px;width:15px;height:15px}.reference-skin .tile-views{font-size:10px;bottom:5px;left:6px}.reference-skin .tile-views svg{width:12px;height:12px}.reference-skin .bottom-nav{height:calc(56px + var(--safe));padding-inline:14px}.reference-skin .tabs{top:56px;height:54px}.reference-skin .tabs button{font-size:14px;line-height:1.2}.reference-skin .tabs button.active:after{left:12%;right:12%}.reference-skin .section{padding:22px 16px;border-bottom-width:7px}.reference-skin .section h2{font-size:16px;font-weight:650}.reference-skin .graph-title{margin-top:28px;margin-bottom:20px}.reference-skin .stat-card{padding:16px 14px;min-height:84px;border-radius:10px}.reference-skin .stat-card span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:8px}.reference-skin .stat-card strong{font-size:18px}.reference-skin .chart text{font-size:12px}.reference-skin .pills{gap:8px;margin-bottom:24px}.reference-skin .pills button{padding:8px 13px;font-size:11px;white-space:nowrap}.reference-skin .chart{margin-top:30px}.reference-skin .legend{font-size:11px}.reference-skin .hero-counts{margin:20px 22px 0}.reference-skin .hero-counts svg{width:23px;height:23px}.reference-skin .hero-counts span{font-size:13px;margin-top:6px}.carousel-hero{padding:8px 0 16px}.hero-carousel{height:178px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;align-items:center;padding:0 calc(50% - 49px);box-sizing:content-box}.hero-carousel::-webkit-scrollbar{display:none}.carousel-item{padding:0;flex:0 0 88px;height:155px;border-radius:6px;overflow:hidden;position:relative;scroll-snap-align:center;border:1px solid #262c32;opacity:.9}.carousel-item.selected{height:170px;flex-basis:98px;opacity:1;border-color:#3b4046}.carousel-item img{width:100%;height:100%;object-fit:cover}.carousel-item>svg{position:absolute;right:6px;top:6px;width:17px;height:17px}.reference-skin .round-icon{width:40px;height:40px;background:#292f34;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.round-icon svg{width:23px;height:23px;color:#bbc1c9}.reference-skin .action-row{min-height:70px;font-size:13px}.reference-skin .action-row .metric{gap:12px}.reference-skin .action-row strong{white-space:nowrap}.chart-unavailable{height:205px;display:flex;flex-direction:column;justify-content:space-between;color:#7c858e;font-size:12px;padding:14px 0}.chart-unavailable p{text-align:center;border-top:1px solid #151d23;padding-top:20px;margin:auto 0}.unavailable-description{font-size:13px;line-height:1.65;color:#9ba2aa}.audience-horizontal{margin-top:28px}.audience-horizontal .distribution-row{margin-bottom:24px}.type-value{display:flex;align-items:center;gap:12px}.type-value .bar-track{flex:1;height:7px;border-radius:0}.type-value strong{min-width:54px;max-width:70px;text-align:right;font-size:13px;font-weight:600}.audience-horizontal .type-value{margin-top:7px}.reference-skin .type-legend{justify-content:flex-start;gap:25px;margin:24px 0 16px;font-size:10px}.dot.light{background:#ee82df}.type-bars .type-row{margin:19px 0}.type-bars .type-row>div:first-child{font-size:13px;margin-bottom:8px}.stacked{background:#e77edf;display:flex}.stacked span{background:var(--pink);height:100%;border-right:1px solid var(--bg)}.viewer-total{border-bottom:1px solid #20262c;padding-bottom:22px!important;margin-top:8px}.reference-skin .top-content-title{align-items:flex-start;margin-top:28px;font-size:14px;line-height:1.3}.text-blue{color:#8c8cff;font-size:11px;white-space:nowrap;padding:0}.reference-skin .content-thumbs{gap:8px;scrollbar-width:none}.reference-skin .content-thumbs button{width:95px}.reference-skin .content-thumbs img{width:95px;height:153px;border:1px solid #262c32}.reference-skin .content-thumbs button>svg{position:absolute;right:7px;top:7px;width:14px;height:14px}.reference-skin .content-thumbs span{position:absolute;bottom:6px;left:6px;font-size:10px}.reference-skin .content-thumbs span svg{width:12px;height:12px}.account-main>.row{padding:0 0 24px;font-size:18px}.range-picker{display:flex;gap:4px;align-items:center;font-weight:600;font-size:15px;white-space:nowrap}.range-picker .icon{width:15px;height:15px}.account-metric-cards{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none}.account-metric-cards .stat-card{flex:0 0 64%;text-align:left;min-height:101px;border:3px solid transparent;border-radius:14px}.account-metric-cards .stat-card:first-child{flex-basis:44%}.account-metric-cards .stat-card.selected{border-color:#e3e5e7}.account-metric-cards .stat-card strong{font-size:24px}.account-metric-cards .stat-card span{font-size:14px}.account-percent-lines{font-size:14px;margin:22px 0 24px}.reference-skin .account-main>.chart{margin-top:52px;margin-bottom:12px}.dashboard-summary>.row{padding-top:0}.dashboard-stat{width:100%;display:flex;align-items:center;text-align:left;padding:14px 0;gap:10px;font-size:14px}.dashboard-stat>span{flex:1}.dashboard-stat>strong{font-size:15px;font-weight:500}.dashboard-stat>svg{width:15px;height:15px;color:#9aa2aa}.tools-section>.row{padding-top:0;padding-bottom:16px}.tool-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:17px 0;font-size:15px}.tool-row>span{flex:1}.tool-row small{display:block;line-height:1.25;color:#9ca3ac;font-size:13px;margin-top:4px}.tool-row>.icon:last-child{width:13px;height:13px;color:#9ca3ac}.new-badge{border-radius:20px;padding:5px 9px;background:#6264ff;font-size:10px;font-weight:500}.scroll-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:16px}.content-browser>.row{padding-top:0}.account-content-list{margin-top:8px}.content-list-row{display:flex;align-items:center;gap:12px;width:100%;padding:5px 0;text-align:left}.list-cover{width:42px;height:62px;position:relative;flex-shrink:0}.list-cover img{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid #262b31}.list-cover>svg{position:absolute;right:3px;bottom:3px;width:12px;height:12px}.list-description{flex:1;min-width:0}.list-description>strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.list-description>span{display:flex;align-items:center;gap:4px;color:#969da5;font-size:11px;margin-top:4px}.list-description svg{width:13px;height:13px}.list-count{text-align:right;min-width:65px}.list-count strong{font-size:12px;font-weight:600}.list-count small{display:block;font-size:10px;color:#969da5;margin-top:2px}.reference-skin .editor .chart{margin-top:0}.reference-skin .editor .draw-chart{height:220px}.reference-skin .cover-settings{border:1px solid #343c46;border-radius:10px;padding:12px;margin:14px 0}.reference-skin .cover-settings img{width:50px;height:70px;object-fit:cover;border-radius:5px}.reference-skin .cover-settings .row{align-items:center}.reference-skin .cover-settings input[type=file]{display:none}

/* Match the chart proportions and cover framing in the supplied recording. */
.account-metric-cards .stat-card{min-height:82px;padding:12px 14px}.account-percent-lines{margin-top:16px}.reference-skin .account-main>.chart{margin-top:35px;height:185px}.reference-skin .tile img,.carousel-item img,.reference-skin .content-thumbs img,.list-cover img{transform:scale(1.35)}.reference-skin .tile>.icon path,.carousel-item>.icon path,.reference-skin .content-thumbs button>.icon path,.list-cover>.icon path{fill:white;fill-rule:evenodd;stroke-width:0}.reference-skin .content-thumbs button{overflow:hidden;border-radius:5px}.list-cover{overflow:hidden;border-radius:5px}

.reference-skin .tile>.icon{background:transparent;stroke:none}

/* October screenshots: cover rail, native-sized text, and circular avatar action. */
.reference-skin .observer-profile-top .username{text-align:right;padding-right:8px;font-weight:650}
.reference-skin .profile-threads-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ff1746;margin-left:-6px;margin-right:2px}
.reference-skin .observer-profile-top .icon-threads{width:27px;height:27px}
.reference-skin .display-name{font-size:clamp(12px,3.88vw,16px);font-weight:600}
.reference-skin .counts button{font-size:14px}
.reference-skin .counts strong{font-size:18px}
.reference-skin .profile-main>.muted,.reference-skin .bio{font-size:15px}
.reference-skin .profile-head{min-height:118px}
.reference-skin .note{font-size:11px;padding:9px 10px;max-width:78px}
.reference-skin .avatar-plus{display:grid;place-items:center;width:23px;height:23px;border:2px solid var(--bg);border-radius:50%;background:#f5f6f7;color:#0c1013;right:8px;bottom:0;line-height:1}
.reference-skin .avatar-plus .icon{width:13px;height:13px;stroke-width:2.6}
.reference-skin .banners{font-size:12px;padding:4px 9px;margin-top:16px}
.reference-skin .dashboard-card{padding:11px 12px;margin-top:13px}
.reference-skin .dashboard-card strong{font-size:15px}
.reference-skin .dashboard-card span{font-size:13px}
.reference-skin .profile-actions .soft{font-size:16px;padding:8px 10px}
.reference-skin .grid-tabs{height:52px}
.reference-skin .grid-tabs .icon{width:27px;height:27px}
.reference-skin .tile-views{font-size:12px;font-weight:500}
.reference-skin .tile>.icon-reelThumb{width:17px;height:17px}
.reference-skin .tile-views .icon-eye{width:14px;height:14px}
.reference-skin .content-thumbs span{display:flex;align-items:center;gap:4px;left:8px;right:6px;bottom:9px;padding:0;font-size:12px;line-height:16px;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 2px #000}
.reference-skin .content-thumbs span .icon-eye{width:15px;height:15px;flex:0 0 15px;overflow:visible;filter:drop-shadow(0 1px 2px #000)}
.reference-skin .watch-preview{width:88px;height:156px;background:#000}
.watch-preview img{width:100%;height:100%;object-fit:cover}
.preview-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.preview-play .icon{width:28px;height:28px;fill:white;stroke:white;filter:drop-shadow(0 1px 3px #0008)}
.carousel-hero{padding:12px 0 18px}
.hero-carousel{height:min(36vw,173px);gap:min(3vw,14px);padding:0 calc(50% - min(12.5vw,60px));align-items:center}
.carousel-item{flex-basis:min(22.2vw,106.6px);height:min(29.63vw,142.2px);border-radius:8px;opacity:1;border-color:#2a3035}
.carousel-item.selected{flex-basis:min(25vw,120px);height:min(33.333vw,160px);border-color:#30363c}
.carousel-item>.icon-reelClapper{width:20px;height:20px;top:8px;right:8px}
.reference-skin .hero-counts{margin:24px 28px 0}
.reference-skin .hero-counts svg{width:25px;height:25px;stroke-width:1.8}
.reference-skin .hero-counts span{font-size:15px;margin-top:9px;font-weight:400}
.reference-skin .tabs button{font-size:clamp(13px,3.88vw,16px);font-weight:600;padding-inline:4px;min-width:0}
.reference-skin .tabs button span{display:inline-block;white-space:nowrap}
.reference-skin .section h2{font-size:18px}
.reference-skin .stat-card strong{font-size:20px}
.reference-skin .account-metric-cards .stat-card strong{font-size:24px}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
.reference-skin .content-browser .range-picker{font-size:16px}
.reference-skin .content-browser>.row{padding-bottom:8px}
.reference-skin .content-browser .scroll-pills{margin:14px 0 10px;gap:8px}
.reference-skin .content-browser .pills button{font-size:13px;padding:10px 14px;font-weight:600}
.content-list-row{gap:12px;padding:5px 0}
.list-cover{width:50px;height:68px;border-radius:7px}
.list-cover img{border-radius:7px}
.list-cover>.icon-reelThumb{width:14px;height:14px;right:3px;bottom:3px}
.list-description strong{font-size:13px;font-weight:500;line-height:1.35}
.list-description span{font-size:13px;margin-top:5px;gap:6px}
.list-description span .icon{width:16px;height:16px;stroke-width:1.6}
.list-count strong{font-size:14px;font-weight:600;white-space:nowrap}
.list-count small{font-size:12px;white-space:nowrap;margin-top:5px}
.reference-skin .dashboard-summary{padding-top:24px}
.reference-skin .dashboard-stat{font-size:14px;padding:17px 0}
.reference-skin .tool-row{font-size:16px;padding:18px 0}
.reference-skin .tool-row small{font-size:14px}
.reference-skin .new-badge{font-size:12px;padding:5px 10px}
.reference-skin .list-cover img[src*="anime"],.reference-skin .carousel-item img[src*="anime"],.reference-skin .tile img[src*="anime"],.reference-skin .content-thumbs img[src*="anime"]{transform:none}