:root{color-scheme:dark;--bg:#0f0f0f;--panel:#272727;--line:#303030;--muted:#aaa;--accent:#b3f576;--white:#f1f1f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px/1.45 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.video-player:focus-visible{outline:2px solid #b3f576;outline-offset:3px}.icon-svg{width:23px;height:23px;display:block;flex-shrink:0}header{height:56px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;padding:0 18px;gap:24px;background:var(--bg)}.header-brand{width:196px;flex-shrink:0;display:flex;align-items:center;gap:20px}.icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;padding:6px;flex-shrink:0}.icon:hover{background:#303030}.brand{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-icon{width:30px;height:21px;border-radius:7px;background:var(--accent);display:grid;place-items:center;font-size:14px;color:#192010;letter-spacing:0}.search{display:flex;max-width:640px;width:45%;height:40px;margin:0 auto;border:1px solid #383838;border-radius:24px;overflow:hidden;background:#121212}.search input{min-width:0;flex:1;border:0;border-radius:0;background:transparent;margin:0;padding:0 17px;font-size:14px}.search .icon{border-left:1px solid #383838;border-radius:0;width:56px;height:39px;background:#222}.header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:24px;padding:10px 17px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--accent);color:#192010}.primary:hover{background:#cafa9d}.secondary{background:var(--panel)}.secondary:hover{background:#3d3d3d}.account-avatar{width:34px;height:34px;padding:0;background:var(--accent);color:#192010;font-size:16px;overflow:hidden}.account-avatar:hover{background:#cafa9d}#upload-btn{padding:7px 14px}#upload-btn .icon-svg{width:20px;height:20px}#sidebar{position:fixed;left:0;top:56px;bottom:0;width:220px;padding:4px 10px 20px;background:var(--bg);display:flex;flex-direction:column;overflow:auto;z-index:25}.nav{display:flex;align-items:center;gap:23px;width:100%;padding:11px 14px;height:44px;border-radius:10px;text-align:left;white-space:nowrap;font-size:13px}.nav:hover{background:#272727}.nav.active{background:#263023;color:var(--accent);font-weight:600}.nav .icon-svg{width:21px;height:21px}.nav.active .icon-svg{stroke-width:2.5}hr{border:0;border-top:1px solid #282828;margin:10px 0}.sidebar-bottom{margin-top:auto;color:#777;font-size:12px;padding:24px 14px 0;line-height:1.8}.sidebar-bottom small{color:#555}main{margin:56px 0 0 220px;padding:24px 24px 60px;min-width:0;max-width:2200px}.sidebar-collapsed #sidebar{display:none}.sidebar-collapsed main{margin-left:0}#sidebar-backdrop{display:none}.hero{display:none}.chips{display:flex;gap:10px;overflow:auto;scrollbar-width:none;margin:0 0 24px}.chip{border-radius:8px;padding:8px 13px;background:#272727;font-size:13px;white-space:nowrap;font-weight:500}.chip:hover{background:#3a3a3a}.chip.active{background:var(--accent);color:#192010}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.section-title h2{font-size:22px;margin:0}.section-title p{font-size:13px;color:var(--muted);margin:5px 0 0}.live-dot{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 18px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,320px))}.card{min-width:0}.thumbnail{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#222;display:grid;place-items:center}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail .placeholder{font-size:48px;opacity:.5}.duration{position:absolute;bottom:6px;right:6px;background:#000c;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:600}.category-tag{display:none}.thumbnail:hover{filter:brightness(1.1)}.card-info{display:flex;gap:11px;margin-top:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#354b36;color:#d4f7b9;display:grid;place-items:center;flex-shrink:0;font-weight:600;text-transform:uppercase}.card h3{font-size:14px;line-height:1.45;margin:0 0 4px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{color:var(--muted);font-size:12px;line-height:1.55}.meta:hover{color:#ddd}.channel-hero{display:flex;align-items:center;gap:24px;padding:0;margin:0 0 24px;min-height:110px}.channel-hero .avatar{width:98px;height:98px;font-size:44px;background:linear-gradient(145deg,#526f40,#263a32)}.channel-hero h1{font-size:28px;line-height:1.2;margin:0 0 12px;font-weight:700;overflow-wrap:anywhere}.channel-summary{margin-bottom:14px;font-size:14px}.channel-tabs{display:flex;gap:10px;margin:0 0 20px}.channel-content{display:none}.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,230px))}.shorts-grid .thumbnail{aspect-ratio:9/16}.empty{padding:64px 20px;text-align:center;grid-column:1/-1}.empty .symbol{font-size:42px;color:#777}.empty h2{font-size:21px;margin:12px 0}.empty p{color:var(--muted);max-width:440px;margin:0 auto 20px}.muted{color:var(--muted)}.small{font-size:12px}.loading{padding:80px 20px;text-align:center;color:var(--muted)}dialog{background:#212121;color:var(--white);border:1px solid #414141;border-radius:14px;padding:30px;width:min(550px,94vw);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0009}dialog h2{font-size:24px;margin:8px 0 5px}.close{position:absolute;right:10px;top:8px;font-size:25px}.eyebrow{font-size:10px;color:#aaa;letter-spacing:2px}label{display:block;font-size:12px;font-weight:500;margin-top:17px;color:#ddd}input,textarea,select{width:100%;background:#121212;color:var(--white);border:1px solid #444;border-radius:6px;padding:11px 12px;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:#b3f576}textarea{resize:vertical}input[type=file]{font-size:11px}.wide{width:100%;margin-top:18px}.text-btn{color:#b3f576;padding:8px}.error{color:#ff9696;font-size:12px}.dropzone{border:1px dashed #555;border-radius:10px;padding:18px;text-align:center;font-size:32px;background:#181818}.dropzone strong,.dropzone small{display:block;font-size:13px}.dropzone small{font-size:11px;color:#999;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.checkbox-label input{width:auto;margin:0;accent-color:var(--accent)}.checkbox-label small{width:100%;padding-left:24px;color:#aaa}.danger{color:#ff9696}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#f1f1f1;color:#111;padding:12px 22px;border-radius:7px;box-shadow:0 5px 30px #0008;display:none;max-width:90vw}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.watch-title{font-size:21px;line-height:1.35;margin:14px 0}.video-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:15px 0}.channel-box{display:flex;gap:12px;align-items:center}.channel-box strong{font-size:14px}.video-actions .icon-svg{width:19px;height:19px}#like-btn[aria-pressed=true]{background:var(--accent);color:#192010}.description{background:#272727;padding:15px;border-radius:10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.description p{margin:8px 0 0}.comment-form{display:flex;gap:10px;align-items:center;margin:20px 0}.comment-form input{margin:0;background:none;border:0;border-bottom:1px solid #555;border-radius:0;padding:10px 0}.comment{display:flex;gap:12px;padding:16px 0}.comment p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.comment-content{min-width:0;flex:1}.comment-content strong{font-size:13px}.recommendations .card{margin-bottom:18px}.recommendations .thumbnail{border-radius:8px}.recommendations>h3{font-size:15px;margin:0 0 16px}.back{color:var(--muted);display:inline-block;margin:0 0 16px;font-size:12px}.theater{grid-template-columns:minmax(0,1fr)}.theater .recommendations{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.theater .recommendations>h3{grid-column:1/-1}
.video-player{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;outline:none;isolation:isolate}.video-player video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.video-player.vertical-player{aspect-ratio:9/16;max-height:76vh;max-width:430px;margin:0 auto}.video-player:fullscreen{max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;width:100%;height:100%;display:grid;place-items:center}.video-player:fullscreen video{position:absolute;inset:0}.player-controls{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:32px 13px 8px;background:linear-gradient(transparent,#000c);transition:opacity .18s}.control-row{display:flex;align-items:center;gap:8px;height:38px}.control-row button{display:grid;place-items:center;width:34px;height:34px;padding:5px;border-radius:5px}.control-row button:hover{background:#ffffff30}.control-row .icon-svg{width:22px;height:22px}.controls-spacer{flex:1}.player-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline,.volume{appearance:none;-webkit-appearance:none;cursor:pointer;padding:0;border:0;border-radius:0;outline:none;margin:0;background:#ffffff55}.timeline{--played:0%;--buffered:0%;width:100%;display:block;height:4px;background:linear-gradient(to right,var(--accent) 0 var(--played),#ffffff88 var(--played) var(--buffered),#ffffff38 var(--buffered) 100%);margin-bottom:5px}.timeline:hover,.timeline:focus-visible{height:6px;margin-top:-2px}.timeline::-webkit-slider-thumb,.volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent)}.timeline::-moz-range-thumb,.volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent)}.volume{width:62px;height:3px}.volume::-webkit-slider-thumb{background:white;width:10px;height:10px}.speed-control{margin:0}.speed-control select{font-size:12px;font-weight:600;padding:6px 1px;margin:0;border:0;background:transparent;min-width:50px;cursor:pointer}.speed-control option{background:#222}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#0009;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:2}.center-play .icon-svg{width:35px;height:35px;fill:white;stroke:white;margin-left:4px}.is-paused .center-play{opacity:1;pointer-events:auto}.controls-hidden:not(.is-paused) .player-controls{opacity:0;pointer-events:none}.controls-hidden:not(.is-paused) video{cursor:none}.player-spinner{display:none;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.is-loading:not(.is-paused) .player-spinner{display:block}.player-notice{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:5px;background:#000a;opacity:0;font-size:13px;pointer-events:none;transition:opacity .15s}.show-notice .player-notice{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(min-width:1700px){.grid:not(.channel-grid):not(.shorts-grid){grid-template-columns:repeat(4,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(auto-fill,320px)}}@media(max-width:1200px){header{gap:14px}.header-brand{width:182px;gap:14px}#sidebar{width:200px}.nav{gap:17px}main{margin-left:200px;padding:22px}.watch-layout{grid-template-columns:minmax(0,1fr)}.recommendations{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.recommendations>h3{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:800px){header{padding:0 12px;gap:10px}.header-brand{width:auto;gap:10px}.brand{font-size:19px}.search{margin-left:auto;width:auto;flex:1}.search input{width:100%;padding:0 12px}.header-actions{gap:8px;margin-left:0}#sidebar{display:none;width:220px;z-index:35;box-shadow:10px 0 40px #0008}.menu-open #sidebar{display:flex}.menu-open #sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;z-index:32;background:#0009}.sidebar-collapsed #sidebar{display:none}main,.sidebar-collapsed main{margin-left:0;padding:20px}.channel-hero .avatar{width:86px;height:86px;font-size:36px}.channel-hero h1{font-size:25px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-bottom{display:none}#upload-btn{padding:7px 10px}#upload-btn>span:last-child{display:none}.header-actions .primary:not(.account-avatar){padding:9px 13px}}@media(max-width:540px){header{height:106px;align-items:flex-start;padding-top:10px}.header-brand{height:34px}.header-brand #menu{width:30px}.header-actions{margin-left:auto}.search{position:absolute;top:59px;left:12px;right:12px;height:36px;width:auto}.search .icon{height:35px}.search input{font-size:13px}main{margin-top:106px;padding:16px 12px}.menu-open #sidebar{top:106px}.menu-open #sidebar-backdrop{top:106px}.grid,.channel-grid{grid-template-columns:1fr;gap:26px}.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail{border-radius:8px}.channel-hero{gap:15px;min-height:100px;margin-bottom:22px}.channel-hero .avatar{width:76px;height:76px;font-size:32px}.channel-hero h1{font-size:23px;margin-bottom:8px}.channel-summary{font-size:12px;margin-bottom:10px}.channel-hero .secondary,.channel-hero .primary{padding:8px 12px;font-size:12px}.section-title h2{font-size:20px}.chips{margin-bottom:18px}.form-row{grid-template-columns:1fr}.watch-title{font-size:18px}.video-actions{gap:14px}.channel-box{flex-wrap:wrap;gap:10px}.video-actions .secondary{padding:8px 12px}.recommendations{grid-template-columns:1fr}.comment-form .primary{padding:9px 12px}.video-player{border-radius:6px}.control-row{gap:3px}.control-row button{width:29px}.control-row .icon-svg{width:19px;height:19px}.player-controls{padding:28px 8px 4px}.volume{display:none}.player-time{font-size:10px}.speed-control select{font-size:11px;min-width:44px}.control-row button[data-control=theater]{display:none}.center-play{width:48px;height:48px}.center-play .icon-svg{width:28px;height:28px}.player-notice{font-size:11px;white-space:nowrap}dialog{padding:27px 22px}.empty{padding:44px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.player-spinner{animation-duration:1.5s}}