@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.watch-layout.stacked{grid-template-columns:minmax(0,1fr)}.other-videos{margin-top:40px}.other-videos h2{margin-bottom:22px}
.thumb.uploaded-thumb{background:linear-gradient(135deg,#24382c,#171f27)}.thumb.uploaded-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none}.thumb.uploaded-thumb .play{opacity:1;background:transparent}
:root{color-scheme:dark;--bg:#101212;--panel:#1b1e1e;--muted:#979f9e;--accent:#bcf56b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f3ef;font:15px Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{height:92px;border-bottom:1px solid #292d2c;display:flex;align-items:center;gap:50px;padding:0 5%}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;white-space:nowrap}.mark{display:inline-grid;place-items:center;background:var(--accent);color:#162310;width:34px;height:34px;border-radius:11px;font-size:18px;letter-spacing:0;vertical-align:4px}.dot{color:var(--accent)}#search{display:flex;max-width:530px;flex:1;background:#202423;border:1px solid #343a37;border-radius:30px;overflow:hidden}input{width:100%;padding:13px 20px;color:white;background:none;border:0;min-width:0}#search button{border:0;background:none;color:var(--accent);font-size:28px;padding:0 20px}.edition{margin-left:auto;font-size:10px;letter-spacing:1.6px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:34px 5% 70px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:330px;overflow:hidden;border:1px solid #343e33;border-radius:22px;background:#1d271e;margin-bottom:35px}.hero-copy{padding:35px 40px;position:relative;z-index:1}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(32px,3.6vw,56px);line-height:1.13;letter-spacing:-2px;margin:18px 0}p{color:var(--muted);line-height:1.8}.hero p{max-width:430px}.primary{display:inline-flex;gap:12px;align-items:center;background:var(--accent);color:#15200e;padding:13px 20px;border-radius:9px;font-weight:800;margin-top:10px}.hero-art{position:relative;min-height:280px}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d271e,transparent 40%)}.hero-art span{position:absolute;bottom:24px;right:24px;z-index:1;font-size:11px;background:#111b;padding:9px 13px;border-radius:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.categories{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid #333a36;background:#1b1f1d;color:#c1c8c3;padding:10px 16px;border-radius:9px}.chip.active{background:var(--accent);color:#19210f;border-color:var(--accent);font-weight:800}select{background:#171b19;color:#b4bdb7;padding:9px;border:1px solid #333a36;border-radius:7px}.section-title{display:flex;align-items:baseline;gap:15px;margin-bottom:22px}h2{font-size:23px;letter-spacing:-.5px;margin:0}.count{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px 20px}.thumb{aspect-ratio:16/9;background:#29332d;position:relative;overflow:hidden;border-radius:12px}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.055)}.time{position:absolute;bottom:9px;right:9px;font-size:11px;font-weight:800;background:#080c0ddd;padding:4px 7px;border-radius:4px}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;opacity:0;background:#0003;transition:.2s}.card:hover .play{opacity:1}.card h3{font-size:14px;line-height:1.5;margin:12px 0 8px;font-weight:700}.byline{display:flex;gap:9px;align-items:center}.avatar{background:#303b30;color:#c4d4b8;border-radius:50%;display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;font-size:10px}.meta{font-size:11px;color:var(--muted);line-height:1.7}.watch-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(250px,1fr);gap:32px;margin-top:25px}video{width:100%;background:#000;aspect-ratio:16/9;border-radius:15px}.watch-title{font-size:29px;letter-spacing:-1px;line-height:1.3}.description{padding:22px;background:var(--panel);border-radius:13px;margin-top:24px}.description a{color:var(--accent);text-decoration:underline}.recommendations{display:grid;gap:23px;margin-top:20px}.back{color:var(--muted);font-size:13px}.notice{font-size:12px;padding:12px 0;color:var(--muted)}.error{color:#ffca92}.empty{text-align:center;padding:70px 20px;background:var(--panel);border-radius:16px;grid-column:1/-1}footer{border-top:1px solid #2b302d;margin:0 5%;padding:28px 0;display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px}footer a:last-child{margin-left:auto}footer .brand{font-size:25px;color:white}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.edition{display:none}header{gap:40px}.hero-copy{padding:28px}.watch-layout{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:780px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-art{height:200px;min-height:0;grid-row:1}.hero-art:after{background:linear-gradient(0deg,#1d271e,transparent 70%)}.hero-copy{padding:22px}.hero h1{font-size:37px}.toolbar{align-items:flex-start;flex-direction:column}.watch-layout{grid-template-columns:1fr}.recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:20px;padding:0 5%;height:80px}.brand{font-size:27px}.mark{width:28px;height:28px;font-size:14px}footer{flex-wrap:wrap}footer a:last-child{margin-left:0}}@media(max-width:440px){.grid{gap:25px 12px}.card h3{font-size:12px}.meta{font-size:10px}.avatar{display:none}input{padding:11px}#search button{padding:0 11px}.chip{font-size:12px;padding:9px 12px}.section-title{flex-wrap:wrap}main{padding-top:22px}.watch-title{font-size:24px}}

/* Extra controls for hosted videos only. */
.enhanced-player{width:100%;min-width:0}
.enhanced-player [hidden]{display:none!important}
.enhanced-player video{display:block;max-height:80vh;object-fit:contain}
.enhanced-player .player-extras{padding:12px 0}
.player-actions,.player-resume{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.player-resume{padding:12px;margin-bottom:12px;border:1px solid #46583b;border-radius:10px;background:var(--panel)}
.player-actions label{display:flex;align-items:center;gap:8px;font-size:13px}
.enhanced-player button,.enhanced-player select{min-height:44px}
.enhanced-player .player-help,.enhanced-player .player-status{margin:8px 0;padding:0}
.player-status:empty{display:none}
.player-error{padding:14px;border:1px solid #996442;border-radius:10px;background:var(--panel)}
.player-error p{margin:0 0 12px;color:#ffca92}
@media(max-width:440px){.player-actions{gap:8px}.player-resume>span{width:100%}.player-help{font-size:11px}}

.player-stage{position:relative}
.player-start{position:absolute;inset:0;width:100%;border:0;border-radius:15px;background:#0003;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:inherit;font-weight:700;text-shadow:0 1px 4px #000}
.player-start>span:first-child{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#101212cc;color:var(--accent);font-size:32px}
.preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:32px}

/* Highlight the HD 1080p category in navigation. */
.categories .chip[href="/category/hd-1080p/"]{
 background:linear-gradient(135deg,#ffe08a,#f5bb45);
 border:2px solid #ffdf85;
 color:#241900;
 font-weight:800;
 box-shadow:0 3px 12px #f5bb4526;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:44px;
 transition:background .15s ease,box-shadow .15s ease;
}
.categories .chip[href="/category/hd-1080p/"]:hover{
 background:#ffe6a3;
 box-shadow:0 3px 16px #f5bb4540;
}
.categories .chip[href="/category/hd-1080p/"].active{
 outline:2px solid #fff1c6;
 outline-offset:3px;
}
.categories .chip[href="/category/hd-1080p/"]:focus-visible{
 outline:3px solid #fff;
 outline-offset:4px;
}

/* Silver highlight for All videos navigation. */
.categories .chip[href="index.html"],
.categories .chip[href="/index.html"]{
 background:linear-gradient(135deg,#f5f7fa,#b8c0cc);
 border:2px solid #e0e5ed;
 color:#202631;
 font-weight:800;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:44px;
 box-shadow:0 3px 12px #bdc7d526;
 transition:background .15s ease,box-shadow .15s ease;
}
.categories .chip[href="index.html"]:hover,
.categories .chip[href="/index.html"]:hover{
 background:#f1f4f8;
 box-shadow:0 3px 16px #bdc7d540;
}
.categories .chip[href="index.html"].active,
.categories .chip[href="/index.html"].active{
 outline:2px solid #e7ecf4;
 outline-offset:3px;
}
.categories .chip[href="index.html"]:focus-visible,
.categories .chip[href="/index.html"]:focus-visible{
 outline:3px solid #fff;
 outline-offset:4px;
}

/* Red accents for the logo and category navigation. */
.brand,.categories{--accent:#ff5252}
.brand .mark{color:#2b0909}
.categories .chip.active:not([href="/category/hd-1080p/"]):not([href="index.html"]):not([href="/index.html"]){color:#2b0909}

/* Red search icon matching the logo. */
#search button{color:#ff5252}
