body{font-size:16px}body:before{content:"";position:absolute;z-index:1;left:199px;top:0;bottom:0;width:1px;background:#ececee}.logo img{width:112px;height:auto}.mobile-top-links,.mobile-actions,.mobile-search-block{display:none}.topbar{height:64px;gap:16px}.hero{height:380px;margin-top:14px;margin-bottom:0}.hero-copy{left:36px;right:36px;bottom:22px;max-width:none;text-align:center}.hero-copy h1{margin-bottom:5px;font-size:18px}.hero-copy p{max-width:1040px;margin:auto;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section{margin:28px 0 32px}.section-head{margin-bottom:16px}.section-head h2{font-size:24px}.poster-grid{gap:16px}.poster-card:nth-child(n+7){display:none}.poster-card h3{height:18px;margin:5px 0 0;font-size:14px;line-height:18px}.footer{width:calc(100% + 56px);min-height:144px;margin:0 -28px -40px;padding:22px 28px;font-size:12px}.footer>div{width:100%}.footer img{width:100px;height:auto;margin-bottom:5px}.footer p{margin:2px 0}.floating-tools{position:fixed;z-index:45;right:0;top:55%;display:grid;padding:5px 0;border-radius:7px 0 0 7px;background:#f4f4f4;box-shadow:0 2px 8px #0001}.floating-tools button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#555}.detail-card{min-height:444px}.review-icons{display:flex;gap:7px}.review-icons img{width:24px;height:24px;border-radius:5px}.source-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.watch{height:395px;grid-template-columns:minmax(0,1fr) 480px}.player{height:395px;aspect-ratio:auto}.watch-side{height:395px;overflow:hidden}.watch-side .source-grid{max-height:236px;overflow:hidden}.player-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:13px}.player-loading img{width:178px;height:auto;opacity:1}.loading-ring{width:24px;height:24px;border:3px solid #ffffff33;border-top-color:#ffd400;border-radius:50%;animation:ring .8s linear infinite}@keyframes ring{to{transform:rotate(360deg)}}.play-toggle{display:none}.channel-tabs{display:flex;gap:18px;margin:18px 0 26px}.channel-tabs a{padding-bottom:8px;font-size:24px;font-weight:700}.channel-tabs a.active{border-bottom:4px solid #ffd400}.channel-tabs a:last-child{color:#555}.channel-promo{margin-left:auto;color:#ff6143;font-size:13px}.channel-section{margin:26px 0 30px}.channel-section h2{margin:0 0 18px;font-size:24px}.pagination{display:flex;justify-content:center;gap:8px;margin:36px 0}.pagination button{min-width:38px;height:38px;border:0;border-radius:4px;background:#f3f3f4}.pagination button.active{background:#ffd400}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.rank-row{display:grid;grid-template-columns:42px 88px 1fr;gap:14px;align-items:center;padding:10px;border-radius:7px;background:#f7f7f8}.rank-row>strong{font-size:24px;text-align:center}.rank-row:nth-child(-n+3)>strong{color:#e2ae00}.rank-row img{height:118px;border-radius:4px}.rank-row h3{margin:0 0 10px}.rank-row p{margin:0;color:#888;line-height:1.7}.channel-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.channel-title h1{margin:0;font-size:25px}.sort-tabs{display:flex;gap:10px}.sort-tabs button{padding:7px 14px;border:0;border-radius:4px;background:#f3f3f4}.sort-tabs button.active{background:#ffd400}
@media(max-width:772px) and (min-width:561px){body:before{left:85px}}
@media(max-width:560px){body{font-size:16px}body:before{display:none}.topbar{position:fixed;z-index:60;height:64px;padding:12px 0;gap:0;background:#fff}.topbar>.search,.topbar>.top-actions{display:none}.mobile-top-links{display:flex;width:210px;height:40px;align-items:center;gap:13px;padding:0 8px;overflow:hidden;white-space:nowrap;font-size:10px}.mobile-actions{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:8px;padding-right:8px;font-size:9px;white-space:nowrap}.mobile-actions .avatar{width:28px;height:28px}.content{width:100%;padding:0 16px 40px}.mobile-search-block{display:grid;height:118px;margin-top:64px;place-content:center;gap:9px}.mobile-search-block>img{width:108px;height:auto;margin:auto}.mobile-search-block form{display:flex;width:358px;height:36px;overflow:hidden;border-radius:4px;background:#f5f5f6}.mobile-search-block input{flex:1;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;font-size:12px}.mobile-search-block button{width:40px;border:0;background:transparent}.hero{width:100%;height:180px;margin:16px 0 0;border-radius:4px}.hero-copy{left:14px;right:14px;bottom:16px;text-align:left}.hero-copy h1{font-size:18px}.hero-copy p{display:block;font-size:10px}.hero-dots{right:12px;bottom:10px}.section{margin:12px 0 32px}.section-head{height:32px;margin-bottom:16px}.section-head h2{font-size:24px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.poster-card:nth-child(n+7){display:block}.poster-card:nth-child(n+10){display:none}.poster-card h3{height:17px;margin-top:5px;font-size:12px;line-height:17px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer{width:calc(100% + 32px);min-height:252px;margin:0 -16px -40px;padding:34px 16px;text-align:center}.footer img{margin-inline:auto}.floating-tools{display:none}.watch{height:auto;margin-top:0;grid-template-columns:1fr}.player{height:auto;aspect-ratio:16/9}.watch-side{height:auto}.watch-side .source-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:210px}.detail-poster{float:none;width:40%;min-width:160px;margin:32px auto 16px}.detail-title{text-align:center;margin-top:20px}.tags{justify-content:center}.detail-card>.controls{display:none}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-tabs{padding-top:18px}.channel-tabs a{font-size:16px}.channel-promo{display:none}.channel-section h2{font-size:24px}.rank-list{grid-template-columns:1fr}.rank-row{grid-template-columns:30px 70px 1fr}.rank-row img{height:96px}}