:root{--ink:#171512;--muted:#746e66;--paper:#f5f5f5;--white:#fff;--line:#d7d7d7;--accent:#d94b55;--lime:#d8f34a;--blue:#2448ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1420px,100% - 40px);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.site-header{z-index:30;color:#fff;background:#3e4651;border-bottom:3px solid #d7d7d7;position:sticky;top:0}.header-top{place-items:center;height:88px;display:grid;position:relative}.brand{letter-spacing:.08em;align-items:center;font-size:30px;font-weight:400;display:inline-flex}.brand-word{line-height:1}.site-menu{position:absolute;top:22px;left:0}.site-menu summary{cursor:pointer;align-content:center;gap:6px;width:44px;height:42px;padding:7px 4px;list-style:none;display:grid}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{background:#fff;border-radius:3px;width:38px;height:4px;display:block}.site-menu-panel{background:#fff;border:1px solid #bbb;width:230px;padding:7px;display:grid;position:absolute;top:48px;left:0;box-shadow:0 5px 12px #0000002e}.site-menu-panel a{color:#333;border-bottom:1px solid #eee;padding:12px 13px;font-size:13px;font-weight:400}.site-menu-panel a:hover{color:#d94b55;background:#f3f3f3}.hero{padding:88px 0 42px}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.18em;font-size:11px;font-weight:900}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:currentColor;width:28px;height:2px}.hero h1{letter-spacing:-.075em;max-width:870px;margin:16px 0 18px;font-size:clamp(48px,8vw,106px);font-weight:900;line-height:.94}.hero-copy{max-width:650px;color:var(--muted);font-size:15px;line-height:1.9}.period-tabs{background:var(--ink);border-radius:999px;margin-top:28px;padding:5px;display:inline-flex}.period-tabs a{color:#aaa49b;text-align:center;border-radius:999px;min-width:92px;padding:10px 16px;font-size:13px;font-weight:800}.period-tabs a.active{color:var(--ink);background:var(--lime)}.home-page{color:var(--ink);background:#fff}.ranking-intro{text-align:center;padding:52px 0 36px}.ranking-intro h1{letter-spacing:0;margin:0;font-size:clamp(28px,3.2vw,38px)}.ranking-intro>p{color:#999;margin:14px auto 0;font-size:14px;line-height:1.8}.ranking-navigation{flex-wrap:wrap;justify-content:center;gap:38px;margin-top:48px;display:flex}.ranking-navigation a{color:#555;background:#fff;border:0;border-bottom:2px solid #d94b55;border-radius:0;min-width:122px;padding:10px 16px 14px;font-size:18px;font-weight:400}.ranking-navigation a:hover,.ranking-navigation a.active{color:#d94b55;background:#fff}.ranking{padding:24px 0 60px}.ranking-notice{color:#333;background:#fafafa;border:1px solid #ddd;margin:0 0 28px;padding:22px 20px;font-size:14px;line-height:1.9}.ranking-notice a{color:#d94b55;text-underline-offset:3px;text-decoration:underline}.section-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:22px;display:flex}.section-heading h2,.method h2{letter-spacing:-.055em;margin:5px 0 0;font-size:clamp(30px,5vw,54px)}.ranking-rule{text-align:right;margin:0;font-size:13px;font-weight:800}.ranking-rule span{color:var(--muted);font-size:11px;font-weight:400}.demo-banner,.admin-alert{background:#fff5c7;border:1px solid #e5b623;border-radius:8px;margin:18px 0 0;padding:13px 16px;font-size:12px}.home-page .section-kicker{color:var(--accent)}.home-page .section-heading{border-bottom-color:var(--line);padding-bottom:14px}.home-page .section-heading h2{letter-spacing:-.025em;font-size:24px}.home-page .ranking-rule{color:var(--ink)}.home-page .ranking-rule span{color:var(--muted)}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px;margin-top:20px;display:grid}.video-card{background:var(--white);border:1px solid var(--line);border-radius:6px;min-width:0;overflow:hidden;box-shadow:0 12px 35px #1e1a140d}.home-page .video-card,.listing-page .video-card,.genre-ranking-page .video-card,.video-detail-page .video-card{color:var(--ink);box-shadow:none;background:#fff;border-color:#d5d5d5;border-radius:4px}.media-frame{aspect-ratio:4/5;background:#c4beb3;position:relative;overflow:hidden}.media-frame video,.media-frame img{object-fit:cover;width:100%;height:100%;display:block}.media-placeholder{color:#fff;text-align:center;letter-spacing:.18em;background:#747b83;place-items:center;height:100%;font-size:13px;line-height:2;display:grid}.rank-badge{color:#fff;letter-spacing:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#180a0db3;border-radius:5px;min-width:0;padding:7px 9px;font-size:13px;font-weight:500;line-height:1;position:absolute;top:10px;left:10px}.rank-1 .rank-badge{color:#fff;background:#180a0db3}.creator-overlay{color:#fff;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#180a0dad;border-radius:5px;max-width:calc(100% - 80px);padding:7px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;right:10px;overflow:hidden}.pr-badge{color:#fff;letter-spacing:.12em;background:#00000094;border-radius:4px;padding:4px 6px;font-size:8px;position:absolute;bottom:50px;left:10px}.x-source-badge{color:#fff;letter-spacing:.05em;background:#000000a3;border-radius:5px;padding:7px 8px;font-size:9px;position:absolute;bottom:10px;right:10px}.favorite{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f080ac2;border:0;border-radius:999px;width:auto;height:auto;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;bottom:10px;left:10px}.favorite.on{color:#ff6b84}.card-body{padding:13px}.creator-row{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#59636f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.creator-row strong,.creator-row a{display:block}.creator-row strong{font-size:13px}.creator-row a{color:var(--muted);margin-top:2px;font-size:11px}.metric-grid{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:11px;margin:16px 0;padding:14px 0;display:grid}.metric-grid div:last-child{grid-column:1/-1}.metric-grid dt{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:700}.metric-grid dd{margin:3px 0 0;font-size:14px;font-weight:900}.metric-grid em{color:var(--accent);margin-left:4px;font-size:11px;font-style:normal}.affiliate-cta{color:#fff;background:var(--ink);justify-content:space-between;align-items:center;padding:12px 13px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.affiliate-cta:hover{color:var(--ink);background:var(--lime)}.affiliate-cta span{font-size:17px}.video-detail-link{color:var(--blue);text-align:right;margin:-4px 0 12px;font-size:11px;font-weight:800;display:block}.home-page .creator-row a,.listing-page .creator-row a,.genre-ranking-page .creator-row a,.video-detail-page .creator-row a,.home-page .metric-grid dt,.listing-page .metric-grid dt,.genre-ranking-page .metric-grid dt,.video-detail-page .metric-grid dt{color:var(--muted)}.home-page .metric-grid,.listing-page .metric-grid,.genre-ranking-page .metric-grid,.video-detail-page .metric-grid{border-color:var(--line)}.home-page .metric-grid em,.listing-page .metric-grid em,.genre-ranking-page .metric-grid em,.video-detail-page .metric-grid em{color:#d94b55}.home-page .affiliate-cta,.listing-page .affiliate-cta,.genre-ranking-page .affiliate-cta,.video-detail-page .affiliate-cta{background:#3e4651;border-radius:2px}.home-page .affiliate-cta:hover,.listing-page .affiliate-cta:hover,.genre-ranking-page .affiliate-cta:hover,.video-detail-page .affiliate-cta:hover{color:#fff;background:#d94b55}.home-page .video-detail-link,.listing-page .video-detail-link,.genre-ranking-page .video-detail-link,.video-detail-page .video-detail-link{color:#d94b55}.method{border-top:1px solid var(--line);padding:48px 0 76px}.method-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.method-grid article{padding:28px 30px 32px 0}.method-grid article+article{border-left:1px solid var(--line);padding-left:30px}.method-grid span{color:var(--accent);font-size:11px;font-weight:900}.method-grid h3{margin:24px 0 10px;font-size:20px}.method-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.empty-state{text-align:center;border:1px solid var(--line);margin-top:20px;padding:48px 20px}.empty-index{color:var(--line);margin:0;font-size:72px;font-weight:900}.empty-state h2{margin:-12px 0 10px}.empty-state p{color:var(--muted)}.home-page .method{border-top-color:#58323a}.home-page .method h2{font-size:28px}.home-page .method-grid{border-color:#58323a;margin-top:24px}.home-page .method-grid article+article{border-left-color:#58323a}.home-page .method-grid p{color:#b6a1a5}.home-page .empty-state{background:#fafafa;border-color:#ddd}.home-page .empty-state h2{margin:0 0 8px;font-size:23px}.home-page .empty-state p{color:var(--muted);margin-bottom:0}.genre-section{color:#222;background:#f4f4f4;border-top:1px solid #ddd;padding:54px 0 50px}.genre-inner{text-align:center}.genre-inner h2{color:#777;letter-spacing:.04em;margin:0 0 26px;font-size:18px}.genre-chips{flex-wrap:wrap;justify-content:center;gap:12px 14px;display:flex}.genre-chips a{background:#fff;border:1px solid #aaa;border-radius:999px;padding:10px 18px;font-size:15px}.genre-chips a:hover{color:#fff;background:#d94b55;border-color:#d94b55}.genre-chips span{color:#888;margin-left:5px;font-size:13px}.genre-chips a:hover span{color:inherit}.genre-all{color:#d94b55;border-bottom:2px solid;margin-top:32px;font-size:16px;font-weight:700;display:inline-block}.genre-page-head{padding:54px 0 38px}.genre-page-head h1,.genre-ranking-page h1{letter-spacing:-.06em;margin:8px 0 12px;font-size:clamp(38px,6vw,70px)}.genre-page-head p:last-child{color:var(--muted)}.genre-ranking-page{min-height:70vh;padding-top:68px;padding-bottom:100px}.genre-ranking-page .section-heading{align-items:center}.genre-ranking-page .period-tabs{margin-top:0}.genre-back{color:var(--blue);margin-bottom:30px;font-size:12px;font-weight:800;display:inline-block}.genre-ranking-page,.video-detail-page{color:var(--ink);clip-path:inset(0 -100vmax);background:#fff;box-shadow:0 0 0 100vmax #fff}.genre-ranking-page .section-heading,.video-detail-page .section-heading{border-color:var(--line)}.genre-ranking-page .period-tabs{background:#3e4651}.genre-ranking-page .period-tabs a.active{color:#fff;background:#d94b55}.genre-ranking-page .genre-back,.video-detail-page .related-videos a{color:#d94b55}.listing-page{min-height:72vh;color:var(--ink);clip-path:inset(0 -100vmax);background:#fff;padding-top:46px;padding-bottom:86px;box-shadow:0 0 0 100vmax #fff}.listing-page>h1{letter-spacing:-.04em;margin:7px 0 10px;font-size:clamp(28px,4vw,42px)}.listing-lead{max-width:720px;color:var(--muted);font-size:13px;line-height:1.8}.listing-page .section-kicker{color:#d94b55}.listing-page .empty-state{background:#fafafa;border-color:#ddd}.listing-page .empty-state h2{margin:0;font-size:22px}.listing-page .pagination{border-color:var(--line)}.listing-page .pagination a{color:#d94b55}.listing-page .pagination strong{color:var(--muted)}.pagination{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:42px;padding-top:22px;font-size:12px;display:grid}.pagination a{color:var(--blue);font-weight:800}.pagination a:last-child{text-align:right}.pagination strong{color:var(--muted);font-size:11px}.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.creator-card{background:var(--white);border:1px solid var(--line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;display:grid}.creator-card:hover{border-color:var(--ink);transform:translateY(-1px)}.creator-card-avatar,.creator-profile-avatar{color:#fff;background:var(--blue);border-radius:50%;place-items:center;font-weight:900;display:grid}.creator-card-avatar{width:46px;height:46px}.creator-card strong,.creator-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.creator-card small{color:var(--muted);margin-top:4px;font-size:10px}.creator-card em{color:var(--accent);font-size:12px;font-style:normal;font-weight:900}.listing-page .creator-card{color:var(--ink)}.creator-profile{border-bottom:2px solid var(--ink);align-items:center;gap:22px;padding-bottom:28px;display:flex}.creator-profile-avatar{flex:none;width:82px;height:82px;font-size:30px}.creator-profile h1{letter-spacing:-.06em;margin:5px 0;font-size:clamp(38px,6vw,68px)}.creator-profile p:last-child{color:var(--muted);margin:0;font-size:12px}.video-detail-page{min-height:70vh;padding-top:68px;padding-bottom:110px}.video-detail-heading h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(38px,6vw,72px)}.video-detail-heading>p:last-child{color:var(--muted);font-size:12px}.video-detail-page .video-detail-heading>p:last-child{color:var(--muted)}.video-detail-primary{width:min(520px,100%);margin:30px auto 80px}.related-videos{padding-top:20px}.related-videos .section-heading>a{color:var(--blue);font-size:12px;font-weight:800}.admin-summary{cursor:pointer;justify-content:space-between;font-size:20px;font-weight:800;display:flex}.admin-summary span{color:var(--muted);font-size:11px}.genre-admin-new{background:var(--paper);margin:20px 0;padding:14px}.genre-admin-list{border-top:1px solid var(--line);max-height:540px;overflow:auto}.genre-admin-form{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr 90px 80px 70px;align-items:center;gap:8px;padding:8px 0;display:grid}.genre-admin-form input{border:1px solid var(--line);background:#fff;min-width:0;padding:9px}.genre-admin-form label{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.genre-admin-form button{color:#fff;background:var(--ink);cursor:pointer;border:0;padding:10px;font-size:11px;font-weight:800}.site-footer{color:#d5d7da;background:#3e4651;padding:42px 0;font-size:11px;line-height:1.8}.footer-grid{grid-template-columns:1.2fr 1fr;gap:80px;display:grid}.footer-grid p{margin:5px 0}.footer-brand{color:#fff;font-size:15px;font-weight:800}.footer-links{color:#fff;flex-wrap:wrap;gap:8px 16px;margin-top:14px;display:flex}.footer-links a{text-underline-offset:3px;text-decoration:underline}.legal-page{min-height:70vh;padding:80px 0 110px}.legal-page>h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(38px,6vw,72px)}.legal-updated{color:var(--muted);font-size:12px}.legal-body{max-width:780px;margin-top:42px}.legal-body section{border-top:1px solid var(--line);padding:24px 0}.legal-body h2{margin:0 0 10px;font-size:18px}.legal-body p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.legal-back,.text-link{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.legal-back{margin-top:35px;font-size:13px;font-weight:700;display:inline-block}.age-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171512f0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.age-card{text-align:center;background:var(--paper);border-top:7px solid var(--accent);width:min(440px,100%);padding:44px}.age-number{color:var(--accent);letter-spacing:-.08em;font-size:54px;font-weight:900}.age-card h2{margin:6px 0;font-size:30px}.age-card p{color:var(--muted);line-height:1.7}.age-card button,.age-card a{cursor:pointer;border:0;width:100%;margin-top:10px;padding:13px;display:block}.age-card button{color:#fff;background:var(--ink);font-weight:800}.age-card a{color:var(--muted);font-size:12px}.admin-shell{width:min(1040px,100% - 40px);min-height:70vh;margin:0 auto;padding:64px 0 100px}.admin-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.admin-heading h1{letter-spacing:-.05em;margin:4px 0 0;font-size:46px}.admin-heading>span{background:var(--lime);padding:8px 12px;font-size:12px;font-weight:800}.admin-panel{background:var(--white);border:1px solid var(--line);margin-top:24px;padding:26px}.admin-panel h2{margin:0 0 22px;font-size:20px}.account-form{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:12px;display:grid}.account-form label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.account-form .check{grid-column:1/-1;align-items:center;display:flex}.account-form input:not([type=checkbox]),.workflow-field input{border:1px solid var(--line);background:#fff;width:100%;padding:11px}.account-form button,.workflow-save,.source-url button{color:#fff;background:var(--ink);cursor:pointer;border:0;padding:12px 16px;font-weight:800}.workflow-save:disabled,.source-url button:disabled{cursor:not-allowed;opacity:.45}.account-list{border-top:1px solid var(--line);margin-top:24px}.account-list>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1.3fr;gap:18px;padding:13px 0;font-size:12px;display:grid}.account-list span{color:#2c781f;font-weight:800}.account-list small{color:var(--muted);text-align:right}.admin-help{color:var(--muted);font-size:12px;line-height:1.7}.admin-links{color:var(--blue);gap:16px;margin:10px 0;font-size:11px;display:flex}.status-warn{color:#9a520c;font-size:12px}.workflow-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.workflow-title h2{margin-bottom:5px}.workflow-title .admin-help{margin:0}.workflow-filters{background:var(--paper);border-radius:8px;flex:none;padding:4px;display:flex}.workflow-filters button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:800}.workflow-filters button.active{color:#fff;background:var(--ink)}.workflow-table{border-top:1px solid var(--line)}.workflow-row{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:20px;padding:22px 0;display:grid}.workflow-preview{aspect-ratio:4/5;width:130px;color:var(--muted);background:var(--paper);letter-spacing:.1em;place-items:center;font-size:9px;display:grid;overflow:hidden}.workflow-preview img{object-fit:cover;width:100%;height:100%}.workflow-content{min-width:0}.workflow-meta{align-items:center;gap:12px;display:flex}.workflow-meta small{color:var(--muted);margin-right:auto}.workflow-status{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.workflow-status.source_missing,.workflow-status.affiliate_missing{color:#8c3e16;background:#ffe0cc}.workflow-status.genre_missing{color:#745e00;background:#fff2a8}.workflow-status.ready{color:#173e84;background:#dfe9ff}.workflow-status.published{color:#256219;background:#dff2d6}.source-url{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:12px 0;display:grid}.source-url code{min-width:0;color:var(--muted);background:var(--paper);text-overflow:ellipsis;white-space:nowrap;padding:10px;font-size:10px;overflow:hidden}.source-url button{padding:10px 12px;font-size:10px}.workflow-field{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.workflow-field input:disabled{color:#aaa;background:#eee}.genre-picker{border:1px solid var(--line);margin:14px 0;padding:12px}.genre-picker legend{color:var(--muted);padding:0 5px;font-size:10px;font-weight:700}.genre-picker>div{flex-wrap:wrap;gap:7px;display:flex}.genre-picker label{background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:10px;display:flex}.genre-picker input{accent-color:var(--accent);margin:0}.workflow-save{width:100%}@media (max-width:840px){.video-grid,.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-form{grid-template-columns:1fr}.account-form .check{grid-column:auto}.genre-admin-form{grid-template-columns:1fr 1fr 76px}.genre-admin-form label,.genre-admin-form button{grid-column:auto}}@media (min-width:841px) and (max-width:1080px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1081px) and (max-width:1320px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.shell{width:min(100% - 24px,1420px)}.header-top{height:62px}.brand{font-size:20px}.site-menu{top:10px;left:0;right:auto}.site-menu summary{width:36px}.site-menu summary span{width:32px;height:2px}.site-menu-panel{width:210px;top:44px}.hero{padding-top:55px}.hero h1{font-size:54px}.ranking-intro{padding:28px 0 24px}.ranking-intro h1{font-size:24px}.ranking-intro>p{margin-top:14px;font-size:12px;line-height:1.7}.ranking-navigation{flex-wrap:nowrap;gap:6px;margin-top:20px}.ranking-navigation a{flex:1;min-width:0;padding:10px 4px;font-size:13px}.ranking-notice{padding:16px;font-size:12px}.period-tabs{display:flex}.period-tabs a{flex:1;min-width:0}.genre-ranking-page .period-tabs{margin-top:18px}.genre-chips{gap:9px}.genre-chips a{padding:9px 14px;font-size:14px}.section-heading{display:block}.ranking-rule{text-align:left;margin-top:16px}.video-grid{grid-template-columns:1fr;gap:18px}.creator-grid{grid-template-columns:1fr}.media-frame{aspect-ratio:4/4.4}.method-grid,.footer-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:24px 0}.footer-grid{gap:18px}.age-card{padding:30px 22px}.account-list>div{grid-template-columns:1fr auto}.account-list small{text-align:left;grid-column:1/-1}.workflow-title{display:block}.workflow-filters{margin-top:14px}.workflow-row{grid-template-columns:74px minmax(0,1fr);gap:12px}.workflow-preview{width:74px}.workflow-meta{flex-wrap:wrap;align-items:flex-start}.workflow-meta small{order:3;width:100%}.admin-links{flex-wrap:wrap}.source-url,.genre-admin-form{grid-template-columns:1fr}.creator-profile{align-items:flex-start}.creator-profile-avatar{width:58px;height:58px;font-size:22px}}