/* T164: continuous dark canvas, exact player frame, native cover recommendations. */
html{min-height:100%;background:#070e25;color-scheme:dark}
body,body:has(.home-main){min-height:100vh;color:#e5edf9;background:linear-gradient(180deg,#111619 0,#0a1230 700px,#070e25 100%)!important}
.search-form{background:#172237;border:1px solid #34445f;border-radius:7px;box-shadow:0 5px 20px #0003}
.search-form input,.search-form button{color:#eef5ff;background:#172237}
.search-source{color:#a3b6ce}.search-form input::placeholder{color:#879bb7}
.search-form button:before{border-color:#b7d5ed}.search-form button:after{background:#b7d5ed}
.internal-header{border-color:#28374c}.vod-card,.line-panel,.empty-state{background:#141f33;border-color:#293c58;color:#d7e5f6}
.vod-thumb,.detail-cover img{background:#111b2d}.vod-title,.line-panel h2,.player-title{color:#edf4ff}
.play-line h3{color:#9fb7d4}.pager .active span{background:#244974;color:#e8f5ff}
.footer-area,.mobile-note{color:#92a6c2}.fleet-native-friends a{color:#b3d5f1}
.player-layout{position:relative;display:block;padding-right:292px;background:#0e1729}
.player-box{width:100%;aspect-ratio:16/9;height:auto;min-height:0;align-self:start;background:#000}
.player-side{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:292px;height:100%;min-height:0;padding:14px;background:#142035;overflow:hidden}
.player-side-head{flex:none;gap:18px;margin:0;padding-bottom:11px;border-color:#30445e;color:#89cdff}
.side-list{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px 10px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 3px 3px 0;scrollbar-width:thin;scrollbar-color:#48627f #142035}
.side-list a.side-video-card{display:block;min-width:0;padding:0;border-radius:6px;overflow:hidden;background:#1b2a42;white-space:normal}
.side-video-cover{display:block;width:100%;aspect-ratio:16/10;background:#101a2b;overflow:hidden}
.side-video-cover img{display:block;width:100%;height:100%;object-fit:cover}
.side-video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px;max-height:40px;margin:0;padding:5px 7px;color:#d9e7f8;font-size:12px;line-height:15px;white-space:normal;overflow-wrap:anywhere}
.side-list a:hover{background:#263d59}.side-list a:focus-visible{outline:2px solid #78c9ff;outline-offset:-2px}
@media(max-width:720px){
 .player-layout{padding-right:0}.player-box{aspect-ratio:16/9}
 .player-side{position:static;display:flex;width:100%;height:auto;max-height:none;margin:0;padding:14px}
 .side-list{overflow:visible;flex:none;gap:12px;padding-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .side-video-title{font-size:12px;line-height:17px;min-height:44px;max-height:44px}
 .player-title{color:#edf4ff}
}