body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Nexa;src:url(/assets/Nexa-Light-C37NKr2r.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Nexa;src:url(/assets/Nexa-Regular-BnPPfcUj.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nexa;src:url(/assets/Nexa-Bold-pXKwyRgb.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Nexa Bold Title;src:url(/assets/NexaBoldTitle-TvXXkzpt.woff) format("woff");font-weight:700;font-style:normal}:root{--primary-color: #ff0000;--bg-color: #0f0f0f;--card-bg: #1f1f1f;--text-primary: #ffffff;--text-secondary: #aaaaaa;--hover-bg: #272727}html{scrollbar-gutter:stable}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Nexa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary)}.app{min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--bg-color);border-bottom:1px solid #303030;z-index:1000;padding:0 16px}.nav-content{max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:56px}.logo{display:flex;align-items:center;gap:8px;color:var(--text-primary);text-decoration:none;font-size:20px;font-weight:700;font-family:Nexa Bold Title,Nexa,sans-serif}.logo img{height:32px;object-fit:contain}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:var(--hover-bg)}.nav-link.create-btn{background-color:var(--primary-color);color:#fff}.nav-link.create-btn:hover{background-color:#c00}.main-content{max-width:1920px;margin:0 auto;padding:72px 16px 24px}.page-title{font-size:24px;margin-bottom:24px;font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:24px}.video-card{background-color:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s;text-decoration:none;color:inherit}.video-card:hover{transform:scale(1.02)}.video-thumbnail{width:100%;aspect-ratio:16 / 9;background:linear-gradient(45deg,#1f1f1f 25%,#2f2f2f 25% 50%,#1f1f1f 50% 75%,#2f2f2f 75%,#2f2f2f);background-size:20px 20px;display:flex;align-items:center;justify-content:center;position:relative}.video-thumbnail.live:after{content:"LIVE";position:absolute;top:8px;left:8px;background-color:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.video-thumbnail svg{width:64px;height:64px;color:var(--text-secondary)}.video-info{padding:12px}.video-title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta{font-size:12px;color:var(--text-secondary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:8px}.status-badge.live{background-color:var(--primary-color);color:#fff}.status-badge.pending{background-color:#666;color:#fff}.status-badge.ended{background-color:#333;color:var(--text-secondary)}.form-container{max-width:600px;margin:0 auto;background-color:var(--card-bg);padding:32px;border-radius:12px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:500}.form-input,.form-textarea{width:100%;padding:12px;background-color:var(--bg-color);border:1px solid #303030;border-radius:4px;color:var(--text-primary);font-size:14px;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#c00}.btn-secondary{background-color:var(--hover-bg);color:var(--text-primary)}.btn-secondary:hover{background-color:#3a3a3a}.broadcast-info{background-color:var(--card-bg);padding:24px;border-radius:12px;margin-top:24px}.broadcast-info h3{margin-bottom:16px}.info-item{margin-bottom:12px}.info-label{color:var(--text-secondary);font-size:14px;margin-bottom:4px}.info-value{font-family:monospace;background-color:var(--bg-color);padding:8px 12px;border-radius:4px;font-size:14px;word-break:break-all}.player-container{max-width:1280px;margin:0 auto}.video-player{width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;overflow:hidden}.video-player video{width:100%;height:100%}.video-details{margin-top:24px}.video-details h1{font-size:20px;margin-bottom:8px}.video-description{color:var(--text-secondary);margin-top:12px;line-height:1.6}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary)}.empty-state svg{width:96px;height:96px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.success-message{background-color:#0f5132;color:#d1e7dd;padding:16px;border-radius:8px;margin-bottom:24px}.error-message{background-color:#58151c;color:#f8d7da;padding:16px;border-radius:8px;margin-bottom:24px}.footer{background-color:var(--card-bg);border-top:1px solid #303030;padding:24px 16px;margin-top:48px}.footer-content{max-width:1920px;margin:0 auto;text-align:center;color:var(--text-secondary);font-size:14px}@media(max-width:768px){.video-grid{grid-template-columns:1fr}.nav-content{padding:0 8px}.form-container{padding:24px}}/*! @license
 * Shaka Player
 * Copyright 2016 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */.shaka-hidden{display:none!important}.shaka-video-container{position:relative;top:0;left:0;display:flex;font-family:Roboto,sans-serif,TengwarTelcontar;font-weight:400;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.shaka-video-container .material-svg-icon{font-size:24px}.shaka-video-container:fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-webkit-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-webkit-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-moz-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-moz-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-ms-fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:-ms-fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-controls-container{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.shaka-video-container:not([shaka-controls=true]) .shaka-controls-container{display:none}.shaka-controls-container *{flex-shrink:0}.shaka-controls-container[casting=true] .shaka-fullscreen-button{display:none}.shaka-canvas-container,.shaka-vr-canvas-container{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;pointer-events:none}.shaka-bottom-controls{width:98%;padding:0;z-index:1}.shaka-controls-button-panel{padding:0;margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;overflow:hidden;min-width:48px;font-size:12px;font-weight:400;font-style:normal;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-controls-button-panel,.shaka-controls-container[shown=true] .shaka-controls-button-panel{opacity:1}.shaka-controls-button-panel>*{color:#fff;height:48px;width:48px;line-height:.5;padding:0 2px;background:0 0;border:0;cursor:pointer;opacity:.9;transition:opacity cubic-bezier(.4,0,.6,1) .1s;text-shadow:0 0 2px rgba(0,0,0,.5)}.shaka-controls-button-panel>.shaka-fast-forward-button .material-svg-icon,.shaka-controls-button-panel>.shaka-rewind-button .material-svg-icon,.shaka-controls-button-panel>.shaka-skip-next-button .material-svg-icon,.shaka-controls-button-panel>.shaka-skip-previous-button .material-svg-icon,.shaka-controls-button-panel>.shaka-small-play-button .material-svg-icon{font-size:32px}.shaka-controls-button-panel>.shaka-fullscreen-button .material-svg-icon{font-size:24px}.shaka-controls-button-panel>.shaka-overflow-menu-button{position:relative}.shaka-controls-button-panel>.shaka-overflow-menu-button .material-svg-icon{font-size:24px}.shaka-controls-button-panel>:hover{opacity:1}.shaka-controls-button-panel .shaka-overflow-menu-only{display:none}.shaka-play-button-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1}.shaka-statistics-container{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,.5);scrollbar-width:thin;min-width:300px;color:#fff;background-color:#232323e6;font-size:14px;padding:5px 10px;border-radius:2px;position:absolute;z-index:2;left:15px;top:15px;max-height:calc(100% - 115px);opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-statistics-container,.shaka-controls-container[shown=true] .shaka-statistics-container{opacity:1}.shaka-statistics-container div{display:flex;justify-content:space-between}.shaka-statistics-container span{color:#969696}.shaka-ad-statistics-container{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,.5);scrollbar-width:thin;min-width:150px;color:#fff;background-color:#232323e6;font-size:14px;padding:5px 10px;border-radius:2px;position:absolute;z-index:2;right:15px;top:15px;max-height:calc(100% - 115px);opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-ad-statistics-container,.shaka-controls-container[shown=true] .shaka-ad-statistics-container{opacity:1}.shaka-ad-statistics-container div{display:flex;justify-content:space-between}.shaka-ad-statistics-container span{color:#969696}.shaka-context-menu{overflow-x:hidden;overflow-y:auto;white-space:nowrap;background:#1c1c1ce6;border-radius:2px;min-width:190px;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;display:flex;flex-direction:column;align-items:stretch;position:absolute;z-index:3}.shaka-controls-container[casting=true] .shaka-context-menu,.shaka-controls-container[shown=true] .shaka-context-menu{opacity:1}.shaka-context-menu button{font-size:14px;background:0 0;color:#fff;border:none;min-height:30px;padding:10px;display:flex;align-items:center;cursor:pointer}.shaka-context-menu button:hover{background:#ffffff1a}.shaka-context-menu button label{cursor:pointer;margin-left:5px}.shaka-keyboard-navigation .shaka-context-menu button:focus{background:#ffffff1a}.shaka-context-menu button .shaka-current-selection-span{display:none}.shaka-scrim-container{margin:0;width:100%;position:absolute;left:0;right:0;bottom:0;flex-shrink:1;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;height:61px;background:linear-gradient(#0000 0,#00000080)}.shaka-controls-container[casting=true] .shaka-scrim-container,.shaka-controls-container[shown=true] .shaka-scrim-container{opacity:1}.shaka-text-container{position:absolute;inset:0;pointer-events:none;width:100%;min-width:48px;transition:bottom cubic-bezier(.4,0,.6,1) .1s;transition-delay:.5s;font-size:20px;line-height:1.4;color:#fff}.shaka-text-container span.shaka-text-wrapper{display:inline;background:0 0}.shaka-controls-container[shown=true]~.shaka-text-container{transition-delay:0s}.shaka-spinner-container{position:absolute;inset:0;width:100%;height:100%;flex-shrink:1;display:flex;justify-content:center;align-items:center}.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container{display:none}.shaka-hidden-fast-forward-container,.shaka-hidden-rewind-container{height:100%;width:40%;flex-shrink:1;z-index:1}.shaka-hidden-fast-forward-container{position:absolute;inset:0 0 0 60%}.shaka-hidden-rewind-container{position:absolute;inset:0}.shaka-video-container.no-cursor,.shaka-video-container.no-cursor *{cursor:none!important}.shaka-play-button{box-sizing:border-box;padding:7.5%;width:0;height:0;margin:0;border-radius:50%;box-shadow:#0000001a 0 0 20px;border:none;background-size:50%;background-repeat:no-repeat;background-position:center center;background-color:#ffffffe6;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-play-button,.shaka-controls-container[shown=true] .shaka-play-button{opacity:1}.shaka-play-button[icon=play]{background-image:url(data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%205v14l11-7z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E)}.shaka-play-button[icon=pause]{background-image:url(data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6%2019h4V5H6v14zm8-14v14h4V5h-4z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E)}.shaka-play-button[icon=replay]{background-image:url(data:image/svg+xml,%3Csvg%20fill%3D%22%231f1f1f%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M480-80q-75%200-140.5-28.5t-114-77q-48.5-48.5-77-114T120-440h80q0%20117%2081.5%20198.5T480-160q117%200%20198.5-81.5T760-440q0-117-81.5-198.5T480-720h-6l62%2062-56%2058-160-160%20160-160%2056%2058-62%2062h6q75%200%20140.5%2028.5t114%2077q48.5%2048.5%2077%20114T840-440q0%2075-28.5%20140.5t-77%20114q-48.5%2048.5-114%2077T480-80Z%22%2F%3E%0A%3C%2Fsvg%3E)}@media(prefers-reduced-transparency:no-preference){.shaka-controls-container[shown=true] .shaka-play-button{opacity:.75}}.shaka-current-time{font-size:14px;color:#fff;cursor:pointer;width:auto;padding:0 5px}.shaka-current-time[disabled]{background-color:transparent;color:#fff;cursor:default}.shaka-controls-container button:focus,.shaka-controls-container input:focus{outline:1px solid Highlight}.shaka-controls-container button:-moz-focus-inner,.shaka-controls-container input:-moz-focus-outer{outline:0;border:0}.shaka-controls-container:not(.shaka-keyboard-navigation) button:focus,.shaka-controls-container:not(.shaka-keyboard-navigation) input:focus{outline:0}.shaka-fast-forward-container,.shaka-rewind-container{height:100%;width:100%;flex-shrink:1;position:absolute;inset:0;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;border:none;color:#fff;background-color:#00000080;cursor:default;font-size:20px;opacity:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.shaka-fast-forward-container{border-radius:40% 0 0 40%}.shaka-rewind-container{border-radius:0 40% 40% 0}.shaka-forward-rewind-container-icon{font-size:32px}.shaka-range-container{position:relative;top:0;left:0;margin:4px 6px;height:4px;border-radius:4px;background:#fff;box-sizing:content-box}.shaka-volume-bar-container{width:100px;padding:0;transition-property:opacity,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.6,1)}.shaka-volume-bar-container:hover{width:100px!important;opacity:1!important}@media(max-width:474px){.shaka-volume-bar-container{width:50px}.shaka-volume-bar-container:hover{width:50px!important}.shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding{width:50px;opacity:1}}.shaka-mute-button+.shaka-volume-bar-container-allow-hiding:not(:focus-within){width:0;opacity:0}@media(min-width:475px){.shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding{width:100px;opacity:1}}.shaka-range-element{-webkit-appearance:none;background:0 0;cursor:pointer;position:absolute;inset:-4px 0 0;margin:0;padding:0;width:100%;height:100%;height:12px;z-index:1}.shaka-range-element::-webkit-slider-runnable-track{width:100%;cursor:pointer;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-moz-range-track{width:100%;cursor:pointer;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-moz-range-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-seek-bar-container{opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;top:5px;height:5px;margin-bottom:0;background-clip:padding-box!important;border-top:4px solid transparent;border-bottom:4px solid transparent}.shaka-controls-container[casting=true] .shaka-seek-bar-container,.shaka-controls-container[shown=true] .shaka-seek-bar-container{opacity:1}.shaka-seek-bar-container .shaka-seek-bar{transition:opacity cubic-bezier(.4,0,.6,1) .25s;opacity:0}.shaka-seek-bar-container:hover .shaka-seek-bar{opacity:1}.shaka-ad-markers{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%}.shaka-spacer{cursor:default;flex-shrink:1;flex-grow:1;margin:0}.shaka-overflow-menu,.shaka-settings-menu{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,.5);scrollbar-width:thin;white-space:nowrap;background:#1c1c1ce6;border-radius:15px;max-height:250px;min-width:190px;padding:5px 0;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;display:flex;flex-direction:column;align-items:stretch;position:absolute;z-index:2;right:15px;bottom:62px}.shaka-controls-container[casting=true] .shaka-overflow-menu,.shaka-controls-container[casting=true] .shaka-settings-menu,.shaka-controls-container[shown=true] .shaka-overflow-menu,.shaka-controls-container[shown=true] .shaka-settings-menu{opacity:1}.shaka-overflow-menu button,.shaka-settings-menu button{font-size:14px;background:0 0;color:#fff;border:none;min-height:30px;padding:10px;display:flex;align-items:center;cursor:pointer}.shaka-overflow-menu button:hover,.shaka-settings-menu button:hover{background:#ffffff1a}.shaka-overflow-menu button label,.shaka-settings-menu button label{cursor:pointer}.shaka-keyboard-navigation .shaka-overflow-menu button:focus,.shaka-keyboard-navigation .shaka-settings-menu button:focus{background:#ffffff1a}.shaka-overflow-menu .material-svg-icon,.shaka-settings-menu .material-svg-icon{padding-left:0;padding-right:10px}.shaka-overflow-menu .material-svg-icon.shaka-chosen-item,.shaka-settings-menu .material-svg-icon.shaka-chosen-item{order:-1;line-height:17px;font-size:18px}.shaka-overflow-menu.shaka-low-position,.shaka-settings-menu.shaka-low-position{bottom:48px}.shaka-overflow-menu span{text-align:left}.shaka-overflow-button-label{position:relative;display:flex;flex-direction:column}.shaka-overflow-button-label-inline{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:calc(100% - 34px);padding-right:28px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2VlZWVlZSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTguNTkgMTYuNTlMMTMuMTcgMTIgOC41OSA3LjQxIDEwIDZsNiA2LTYgNi0xLjQxLTEuNDF6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:right 5px center;background-size:24px 24px}.shaka-simple-overflow-button-label-inline{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:calc(100% - 50px)}.shaka-current-selection-span{font-size:12px;padding-left:10px}.shaka-current-auto-quality{margin-left:5px;font-size:11px;color:#ccc}.shaka-current-quality-mark,.shaka-quality-mark{color:red;margin-left:2px!important;font-size:10px;height:17px}.shaka-quality-mark{line-height:6px}.shaka-overflow-playback-rate-mark,.shaka-overflow-quality-mark{background:red;color:#fff;border-radius:2px;font-family:Roboto,sans-serif,TengwarTelcontar;font-size:10px;font-weight:700;line-height:10px;text-shadow:none;padding:1px;position:absolute;right:4px;top:10px}.shaka-settings-menu span{margin-left:28px}.shaka-settings-menu span.shaka-chosen-item{margin-left:0}.shaka-settings-menu .shaka-chapter{margin-left:10px}.shaka-back-to-overflow-button{border-bottom:1px solid rgba(255,255,255,.2)!important}.shaka-back-to-overflow-button span{margin-left:0}.shaka-back-to-overflow-button .material-svg-icon{padding-right:10px;font-size:18px!important}.shaka-back-to-overflow-button:hover{background:0 0!important}.shaka-controls-container[ad-active=true]{pointer-events:none}.shaka-controls-container[ad-active=true] .shaka-bottom-controls{pointer-events:auto}.shaka-client-side-ad-container,.shaka-server-side-ad-container{position:absolute;inset:0}.shaka-video-container[shaka-controls=true] .shaka-client-side-ad-container iframe,.shaka-video-container[shaka-controls=true] .shaka-server-side-ad-container iframe{height:90%}.shaka-ad-controls{display:flex;flex-direction:row;z-index:1;padding-bottom:1%}.shaka-video-container:not([shaka-controls=true]) .shaka-ad-controls{display:none}.shaka-ad-controls button,.shaka-ad-controls div{color:#fff;font-size:initial}.shaka-ad-info{font-size:14px;color:#fff;width:auto;padding:0 5px}.shaka-ad-info[disabled]{background-color:transparent;color:#fff;cursor:default;padding:0}.shaka-skip-ad-container{position:relative;right:-1%;display:flex;flex-direction:row;margin:0 0 0 auto}.shaka-skip-ad-button{padding:5px 15px;background:#000000b3;border:none;cursor:pointer}.shaka-skip-ad-button:disabled{background:#0000004d}.shaka-skip-ad-counter{padding:5px;background:#000000b3;margin:0}/*!
* @license
* The tooltip is based on https://github.com/felipefialho/css-components/
* Local modifications have been performed.
*
* Copyright (c) 2017 Felipe Fialho
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/.shaka-tooltips-on{overflow:visible}.shaka-tooltips-on>.shaka-tooltip,.shaka-tooltips-on>.shaka-tooltip-status{position:relative}.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after,.shaka-tooltips-on>.shaka-tooltip:active:after,.shaka-tooltips-on>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip:hover:after{content:attr(aria-label);font-family:Roboto,sans-serif,TengwarTelcontar;line-height:20px;white-space:nowrap;font-size:14px;background:#00000080;color:#fff;border-radius:2px;padding:2px 10px;position:absolute;bottom:62px;left:24px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media(prefers-reduced-transparency){.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after,.shaka-tooltips-on>.shaka-tooltip:active:after,.shaka-tooltips-on>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip:hover:after{background-color:#000000e6}}.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:active:after,.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:hover:after{bottom:48px}.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after{content:attr(aria-label) " (" attr(shaka-status) ")"}.shaka-tooltips-on button:first-child:active:after,.shaka-tooltips-on button:first-child:focus-visible:after,.shaka-tooltips-on button:first-child:hover:after{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}.shaka-tooltips-on button:last-child:active:after,.shaka-tooltips-on button:last-child:focus-visible:after,.shaka-tooltips-on button:last-child:hover:after{left:48px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translate(-100%)}#shaka-player-ui-thumbnail-container{background-color:#000;border:1px solid #000;box-shadow:0 8px 8px #00000080;min-width:150px;overflow:hidden;position:absolute;visibility:hidden;width:15%;z-index:1;pointer-events:none}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-image{position:absolute}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container{bottom:0;left:0;position:absolute;right:0;display:flex;justify-content:center}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container #shaka-player-ui-thumbnail-time{background-color:#00000080;border-radius:14px;color:#fff;font-size:14px;padding:0 5px}@media(prefers-reduced-transparency){#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container #shaka-player-ui-thumbnail-time{background-color:#000000e6}}#shaka-player-ui-thumbnail-container.portrait-thumbnail{min-width:75px;width:7.5%}#shaka-player-ui-time-container{background-color:#00000080;border-radius:5px;color:#fff;display:flex;font-size:14px;justify-content:center;overflow:hidden;padding:0 3px;position:absolute;visibility:hidden;z-index:1}@media(prefers-reduced-transparency){#shaka-player-ui-time-container{background-color:#000000e6}}.material-svg-icon{display:inline-block;fill:currentcolor;width:1em;height:1em}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:normal;src:url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format("truetype")}.video-player-container{position:relative;width:100%}.theater-mode-btn{position:absolute;top:12px;right:12px;background:#000000b3;border:none;border-radius:4px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.theater-mode-btn:hover{background:#000000e6}.theater-mode-btn svg{fill:currentColor}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.comments-section{margin-top:24px;padding-top:24px;border-top:1px solid #3a3a3a}.comments-title{font-size:20px;font-weight:600;margin-bottom:24px;color:#fff}.comments-loading{padding:40px;text-align:center;color:#aaa}.comment-form{margin-bottom:32px}.comment-input-wrapper{display:flex;gap:16px}.comment-avatar{flex-shrink:0;align-self:flex-start;width:40px;height:40px}.avatar-placeholder{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#aaa;overflow:hidden;flex-shrink:0}.avatar-placeholder svg{width:20px;height:20px;flex-shrink:0}.comment-avatar img,.avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.channel-selector-minimal{position:absolute;top:-20px;right:0;padding:2px 6px;background-color:transparent;border:1px solid #3a3a3a;border-radius:2px;color:#717171;font-size:9px;font-family:inherit;cursor:pointer;outline:none;line-height:1;height:18px;max-width:120px}.channel-selector-minimal:hover:not(:disabled){border-color:#555;color:#aaa}.channel-selector-minimal:focus{border-color:#717171;color:#fff}.channel-selector-minimal:disabled{opacity:.5;cursor:not-allowed}.comment-input-container{flex:1;position:relative}.comment-input{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:1px solid #3a3a3a;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.comment-input:focus{border-bottom-color:#fff}.comment-input::placeholder{color:#717171}.comment-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-primary,.btn-secondary{padding:10px 16px;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#3ea6ff;color:#0f0f0f}.btn-primary:hover:not(:disabled){background-color:#65b8ff}.btn-primary:disabled{background-color:#263850;color:#717171;cursor:not-allowed}.btn-secondary{background-color:transparent;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#3a3a3a}.comment-login-prompt{padding:24px;text-align:center;background-color:#1a1a1a;border-radius:8px;margin-bottom:24px}.comment-login-prompt p{margin:0;color:#aaa;font-size:14px}.comments-list{display:flex;flex-direction:column;gap:24px}.comment{display:flex;gap:16px}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-size:13px;font-weight:500;color:#fff}.comment-time{font-size:12px;color:#aaa}.comment-text{font-size:14px;line-height:1.6;color:#f1f1f1;margin-bottom:8px;word-wrap:break-word}.comment-footer{display:flex;align-items:center;gap:16px}.comment-like-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:18px;color:#f1f1f1;cursor:pointer;font-size:12px;transition:background .2s}.comment-like-btn:hover:not(:disabled){background:#3a3a3a}.comment-like-btn:disabled{cursor:not-allowed;opacity:.5}.comment-like-btn.liked{color:#3ea6ff}.comment-like-btn svg{fill:currentColor}.no-comments{padding:40px;text-align:center}.no-comments p{margin:0;color:#aaa;font-size:14px}.upload-page{min-height:calc(100vh - 60px);background-color:#0f0f0f;padding:40px 20px}.upload-container{max-width:900px;margin:0 auto}.upload-title{font-size:28px;font-weight:600;margin-bottom:30px;color:#fff}.error-message{padding:12px 16px;background-color:#c00;border-radius:4px;margin-bottom:20px;color:#fff}.upload-form{display:flex;flex-direction:column;gap:24px}.video-upload-area{border:2px dashed #555;border-radius:8px;padding:60px 20px;text-align:center;cursor:pointer;background-color:#181818;transition:all .3s ease;position:relative}.video-upload-area:hover{border-color:#888;background-color:#202020}.video-upload-area.dragging{border-color:#c00;background-color:#2a1a1a}.video-upload-area.has-file{border-style:solid;border-color:#3ea6ff;padding:30px 20px}.upload-icon{width:64px;height:64px;margin:0 auto 20px;color:#aaa}.upload-text{font-size:18px;margin-bottom:8px;color:#fff}.upload-text strong{color:#3ea6ff}.upload-hint{font-size:14px;color:#aaa}.file-preview{display:flex;flex-direction:column;align-items:center;gap:20px}.video-preview{max-width:100%;max-height:300px;border-radius:8px}.file-info{text-align:center}.file-name{font-size:16px;font-weight:500;margin-bottom:4px;color:#fff;word-break:break-word}.file-size{font-size:14px;color:#aaa;margin-bottom:12px}.change-file-btn{padding:8px 16px;background-color:#272727;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.change-file-btn:hover{background-color:#3a3a3a}.upload-progress{background-color:#181818;padding:20px;border-radius:8px}.progress-bar{width:100%;height:8px;background-color:#272727;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#3ea6ff,#0080ff);transition:width .3s ease}.progress-text{text-align:center;color:#aaa;font-size:14px}.form-label{font-size:15px;font-weight:500;color:#fff}.form-input,.form-textarea,.form-select{width:100%;padding:12px;background-color:#181818;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3ea6ff}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-select option{background-color:#181818;color:#fff}.thumbnail-upload-section{display:flex;flex-direction:column;gap:8px}.thumbnail-upload-area{border:2px dashed #555;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;background-color:#181818;transition:all .3s ease;max-width:400px}.thumbnail-upload-area:hover{border-color:#888;background-color:#202020}.thumbnail-icon{width:48px;height:48px;margin:0 auto 12px;color:#aaa}.thumbnail-upload-area p{font-size:14px;color:#aaa}.thumbnail-preview-container{position:relative}.thumbnail-preview{max-width:100%;max-height:200px;border-radius:8px;display:block;margin:0 auto 12px}.change-thumbnail-btn{padding:6px 12px;background-color:#272727;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s}.change-thumbnail-btn:hover{background-color:#3a3a3a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #333}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#3ea6ff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2793e6}.btn-primary:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:transparent;color:#fff;border:1px solid #555}.btn-secondary:hover:not(:disabled){background-color:#272727}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.upload-page{padding:20px 12px}.upload-title{font-size:24px}.video-upload-area{padding:40px 16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.google-signin-container{width:100%;display:flex;justify-content:center;align-items:center;margin:16px 0}.google-signin-button{width:100%;max-width:400px}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-container{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:450px;box-shadow:0 10px 40px #0003}.auth-container h1{text-align:center;margin-bottom:30px;color:#333;font-size:24px}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center}.divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span{padding:0 16px;font-size:14px;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#555;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;color:#666;font-size:14px}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.search-results-page{max-width:1200px;margin:0 auto;padding:24px}.search-header{margin-bottom:24px}.search-header h1{font-size:24px;margin-bottom:8px}.search-stats{color:#606060;font-size:14px;margin-bottom:16px}.search-filters{display:flex;align-items:center;gap:12px}.search-filters label{font-size:14px;font-weight:500}.search-filters select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.search-results{display:flex;flex-direction:column;gap:16px}.search-result-item{display:flex;gap:16px;padding:12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s}.search-result-item:hover{background:#f8f8f8}.result-thumbnail{width:320px;height:180px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.result-thumbnail img{width:100%;height:100%;object-fit:cover}.placeholder-thumbnail{display:flex;align-items:center;justify-content:center;color:#ccc}.result-info{flex:1;display:flex;flex-direction:column;gap:8px}.result-info h3{font-size:18px;font-weight:500;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;align-items:center;gap:8px;color:#606060;font-size:14px}.result-description{color:#606060;font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading,.empty-state{text-align:center;padding:60px 20px}.empty-state h2{font-size:20px;margin-bottom:8px}.empty-state p{color:#606060}@media(max-width:768px){.search-result-item{flex-direction:column}.result-thumbnail{width:100%}}.trending-page{max-width:1200px;margin:0 auto;padding:24px}.trending-header{margin-bottom:32px}.trending-header h1{font-size:32px;margin-bottom:24px;font-family:Nexa-Bold,Nexa,sans-serif;color:var(--text-primary)}.category-tabs{display:flex;gap:12px;flex-wrap:wrap;border-bottom:2px solid #303030;padding-bottom:4px;margin-bottom:8px}.category-tab{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;color:var(--text-secondary);border-radius:8px 8px 0 0;transition:all .3s ease;position:relative;letter-spacing:.5px;text-transform:uppercase;min-width:80px;text-align:center}.category-tab:hover{background:var(--hover-bg);color:var(--text-primary);transform:translateY(-2px)}.category-tab.active{color:var(--text-primary);background:var(--card-bg);font-weight:700}.category-tab.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:3px;background:var(--primary-color);border-radius:3px 3px 0 0;box-shadow:0 0 8px var(--primary-color)}.trending-videos{display:flex;flex-direction:column;gap:16px}.trending-item{display:flex;gap:16px;padding:12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s;align-items:flex-start}.trending-item:hover{background:var(--card-bg)}.trending-rank{font-size:32px;font-weight:700;font-family:Nexa-Bold,Nexa,sans-serif;color:var(--text-secondary);min-width:50px;text-align:center;padding-top:8px}.trending-thumbnail{width:320px;height:180px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--card-bg);display:flex;align-items:center;justify-content:center}.trending-thumbnail img{width:100%;height:100%;object-fit:cover}.placeholder-thumbnail{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.trending-info{flex:1;display:flex;flex-direction:column;gap:8px}.trending-info h3{font-size:18px;font-weight:500;font-family:Nexa-Bold,Nexa,sans-serif;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-meta{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-family:Nexa,sans-serif}.trending-description{color:var(--text-secondary);font-size:14px;font-family:Nexa,sans-serif;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h2{font-size:20px;font-family:Nexa-Bold,Nexa,sans-serif;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-family:Nexa,sans-serif}@media(max-width:768px){.category-tabs{gap:8px}.category-tab{padding:10px 16px;font-size:13px;min-width:60px}.trending-item{flex-direction:column}.trending-rank{font-size:24px;min-width:auto}.trending-thumbnail{width:100%}}.playlists-page{max-width:1920px;margin:0 auto;padding:24px;min-height:calc(100vh - 56px)}.playlists-page.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-family:Nexa,sans-serif;font-size:16px;color:var(--text-secondary)}.playlists-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #303030;display:flex;justify-content:space-between;align-items:center}.playlists-header h1{font-size:32px;font-weight:700;margin:0;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;letter-spacing:-.5px}.playlist-count{color:var(--text-secondary);font-size:15px;font-family:Nexa,sans-serif;letter-spacing:.3px}.create-playlist-btn{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #f003;letter-spacing:.3px;position:relative;overflow:hidden}.create-playlist-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.create-playlist-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.create-playlist-btn:hover:before{transform:translate(100%)}.no-playlists{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:64px 32px;background:var(--card-bg);border-radius:16px;border:2px dashed #303030}.no-playlists p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;font-family:Nexa,sans-serif}.no-playlists button{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #f003}.no-playlists button:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:8px}.playlist-card{background:var(--card-bg);border-radius:16px;border:1px solid #303030;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.playlist-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,#cc0000 100%);opacity:0;transition:opacity .3s ease}.playlist-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:#404040}.playlist-card:hover:before{opacity:1}.playlist-thumbnail{width:100%;padding-top:56.25%;position:relative;background:var(--bg-color);cursor:pointer;overflow:hidden}.playlist-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.placeholder-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,#cc0000 100%);color:#fff}.placeholder-thumbnail svg{width:64px;height:64px;opacity:.9}.video-count-badge{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.video-count-badge svg{width:14px;height:14px}.playlist-info{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.playlist-info h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;transition:color .3s ease;cursor:pointer;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-info h3:hover{color:var(--primary-color)}.playlist-meta{color:var(--text-secondary);font-size:13px;font-family:Nexa,sans-serif;margin:0;display:flex;align-items:center;gap:8px;text-transform:capitalize;letter-spacing:.2px}.playlist-meta .separator{color:#404040}.visibility-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.visibility-badge.public{background:#10b9811a;color:#10b981}.visibility-badge.unlisted{background:#f59e0b1a;color:#f59e0b}.visibility-badge.private{background:#ef44441a;color:#ef4444}.playlist-description{color:var(--text-secondary);font-size:14px;font-family:Nexa,sans-serif;margin:4px 0 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.2px}.playlist-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.playlist-actions button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;cursor:pointer;transition:all .3s ease;border:none;letter-spacing:.3px;position:relative;overflow:hidden;flex:1;min-width:80px}.playlist-actions button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.playlist-actions button:hover:before{transform:translate(100%)}.playlist-actions button:first-child{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #f003}.playlist-actions button:first-child:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.playlist-actions button:not(:first-child){background:transparent;color:var(--text-secondary);border:1px solid #404040}.playlist-actions button:not(:first-child):hover{background:var(--hover-bg);color:var(--text-primary);border-color:#505050;transform:translateY(-2px)}.playlist-actions button.delete-btn{border-color:#ef44444d;color:#ef4444}.playlist-actions button.delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#f55}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-bg);border-radius:16px;padding:32px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;scrollbar-gutter:stable;border:1px solid #303030;box-shadow:0 20px 60px #00000080}.modal-content h2{margin:0 0 24px;font-size:24px;font-weight:700;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;letter-spacing:-.5px}.modal-content .form-group{margin-bottom:20px}.modal-content label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;letter-spacing:.3px}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:12px 16px;border:1px solid #303030;border-radius:8px;font-size:15px;font-family:Nexa,sans-serif;background:var(--bg-color);color:var(--text-primary);transition:all .3s ease}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff00001a}.modal-content textarea{resize:vertical;min-height:100px;line-height:1.6}.modal-content select{cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:.3px;position:relative;overflow:hidden}.modal-actions button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.modal-actions button:hover:before{transform:translate(100%)}.modal-actions button[type=button]{background:transparent;color:var(--text-secondary);border:1px solid #404040}.modal-actions button[type=button]:hover{background:var(--hover-bg);color:var(--text-primary);border-color:#505050;transform:translateY(-2px)}.modal-actions button[type=submit]{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #f003}.modal-actions button[type=submit]:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.playlists-page.loading:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary-color);margin-left:8px;animation:pulse 1.5s ease-in-out infinite}@media(max-width:1200px){.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.playlists-page{padding:16px}.playlists-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px}.playlists-header h1{font-size:24px}.create-playlist-btn{width:100%}.playlists-grid{grid-template-columns:1fr;gap:16px}.playlist-card{flex-direction:row;align-items:flex-start}.playlist-thumbnail{width:140px;padding-top:0;height:78px;flex-shrink:0}.playlist-info{padding:16px;flex:1}.playlist-info h3{font-size:16px}.playlist-actions{flex-wrap:nowrap}.playlist-actions button{font-size:13px;padding:8px 12px}.modal-content{padding:24px;max-width:95%}.modal-content h2{font-size:20px}}@media(max-width:480px){.playlists-page{padding:12px}.playlist-card{flex-direction:column}.playlist-thumbnail{width:100%;height:0;padding-top:56.25%}.playlist-actions{flex-direction:column}.playlist-actions button{width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}:root{--primary-blue: #3ea6ff;--primary-blue-hover: #4db2ff;--primary-blue-active: #2a95eb;--primary-blue-10: rgba(62, 166, 255, .1);--primary-blue-20: rgba(62, 166, 255, .2);--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #272727;--bg-elevated: #212121;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #717171;--text-link: #3ea6ff;--border-primary: #303030;--border-hover: #4a4a4a;--border-focus: #3ea6ff;--success-green: #4caf50;--error-red: #f44336;--overlay-dark: rgba(0, 0, 0, .6);--overlay-darker: rgba(0, 0, 0, .8);--overlay-light: rgba(255, 255, 255, .1);--overlay-medium: rgba(255, 255, 255, .2);--gradient-header: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--gradient-primary: linear-gradient(90deg, #3ea6ff 0%, #2a95eb 100%);--gradient-overlay-bottom: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .8) 100%);--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-base: .875rem;--font-size-sm: .8125rem;--font-size-xs: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--icon-size-xs: 16px;--icon-size-sm: 20px;--icon-size-md: 24px;--icon-size-lg: 32px}.playlist-detail-page{max-width:1280px;margin:0 auto;padding:var(--space-6);font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.playlist-hero{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-8);background:var(--gradient-header);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}@media(min-width:768px){.playlist-hero{grid-template-columns:360px 1fr}}.playlist-thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);cursor:pointer}.playlist-thumbnail-wrapper.empty{cursor:default}.playlist-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.empty-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.empty-thumbnail svg{width:80px;height:80px;color:var(--text-tertiary)}.playlist-thumbnail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-base)}.playlist-thumbnail-wrapper:hover .playlist-thumbnail-overlay{opacity:1}.button-play-all{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--text-primary);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.button-play-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3ea6ff66}.button-play-all:active{transform:translateY(0)}.button-play-all .icon{width:var(--icon-size-md);height:var(--icon-size-md)}.button-shuffle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--overlay-light);color:var(--text-primary);border:1px solid var(--overlay-medium);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.button-shuffle:hover{background:var(--overlay-medium);border-color:var(--text-secondary)}.button-shuffle .icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.playlist-thumbnail-count{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--overlay-darker);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.playlist-thumbnail-count .icon-sm{width:var(--icon-size-xs);height:var(--icon-size-xs)}.playlist-info{display:flex;flex-direction:column;gap:var(--space-3)}.playlist-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}.playlist-stats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap}.separator{color:var(--text-tertiary)}.visibility-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--overlay-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.visibility-badge .icon-xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.playlist-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.playlist-metadata{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.channel-name{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.video-list{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.video-list-item{display:grid;grid-template-columns:40px 246px 1fr auto;grid-template-areas:"index thumb info actions";gap:var(--space-4);padding:var(--space-4);background:transparent;border-bottom:1px solid var(--border-primary);transition:background-color var(--transition-base),transform var(--transition-fast);cursor:pointer}.video-list-item:hover{background-color:var(--bg-tertiary);transform:translate(4px)}.video-list-item:last-child{border-bottom:none}.video-list-item.active{background-color:var(--primary-blue-10);border-left:4px solid var(--primary-blue);padding-left:calc(var(--space-4) - 4px)}.video-index{grid-area:index;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.video-thumbnail{grid-area:thumb;position:relative;width:246px;height:138px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);flex-shrink:0;cursor:pointer}.video-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base)}.video-list-item:hover .video-thumbnail-image{transform:scale(1.05)}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-base)}.video-list-item:hover .video-play-overlay{opacity:1}.play-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);color:var(--text-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-duration-badge{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:2px 6px;background:var(--overlay-darker);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.5px;line-height:1}.video-info{grid-area:info;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.video-title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color var(--transition-fast)}.video-title:hover{color:var(--text-link)}.video-channel{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);width:fit-content}.video-channel:hover{color:var(--text-primary)}.video-metadata{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary)}.video-actions{grid-area:actions;display:flex;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-2);flex-shrink:0}.video-action-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.video-action-button:hover{background:var(--bg-elevated);color:var(--text-primary)}.video-action-button.remove:hover{color:var(--error-red)}.video-action-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg)}.empty-icon{width:80px;height:80px;color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.empty-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-8)}.error-icon{width:64px;height:64px;color:var(--error-red);margin-bottom:var(--space-4)}.error-state h2{font-size:var(--font-size-h2);color:var(--error-red);margin:0 0 var(--space-6) 0}.button-primary{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3ea6ff4d}.button-primary:active{transform:translateY(0)}.button-primary:focus-visible{box-shadow:0 0 0 4px var(--primary-blue-20)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-hero{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}@media(min-width:768px){.skeleton-hero{grid-template-columns:360px 1fr}}.skeleton-thumbnail{width:100%;aspect-ratio:16 / 9;height:203px}.skeleton-info{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-title{height:32px;width:60%}.skeleton-text{height:16px;width:40%}.skeleton-item{opacity:.6}.skeleton-small{width:40px;height:20px}.skeleton-video-thumb{width:246px;height:138px}.skeleton-text-block{height:60px;flex:1}@media(max-width:1023px){.video-list-item{grid-template-columns:32px 200px 1fr auto}.video-thumbnail{width:200px;height:112px}.video-title{font-size:1.125rem}.playlist-title{font-size:1.75rem}}@media(max-width:767px){.playlist-detail-page{padding:var(--space-4)}.playlist-hero{padding:var(--space-4);gap:var(--space-4)}.playlist-title{font-size:1.5rem}.video-list-item{grid-template-columns:28px 160px 1fr;grid-template-areas:"index thumb info" "index thumb actions";gap:var(--space-3);padding:var(--space-3)}.video-thumbnail{width:160px;height:90px}.video-title{font-size:1rem}.video-actions{justify-content:flex-end;padding-top:0}.video-action-button{width:36px;height:36px}.button-play-all,.button-shuffle{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.empty-state,.error-state{padding:var(--space-8) var(--space-4)}}@media(max-width:575px){.playlist-stats,.video-metadata{font-size:.75rem}.playlist-thumbnail-overlay{flex-direction:row;flex-wrap:wrap;padding:var(--space-2)}.button-play-all span,.button-shuffle span{display:none}}@media print{.video-actions,.playlist-thumbnail-overlay{display:none}.playlist-detail-page{background:#fff;color:#000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.channel-page{min-height:100vh;background:#0f0f0f;font-family:Nexa,-apple-system,BlinkMacSystemFont,sans-serif;color:#f1f1f1}.channel-page.loading,.channel-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.channel-page.error p{font-size:1.2rem;color:#f44;margin-bottom:1rem;font-weight:400}.channel-page.error button{padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;cursor:pointer;font-family:Nexa,sans-serif;font-weight:700;font-size:1rem;transition:transform .2s,box-shadow .2s}.channel-page.error button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.channel-header{position:relative;margin-bottom:2rem}.channel-banner{width:100%;height:280px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;position:relative;overflow:hidden}.channel-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,rgba(15,15,15,.8))}.channel-info{max-width:1280px;margin:-80px auto 0;padding:0 2rem;display:flex;gap:2rem;align-items:flex-end;position:relative;z-index:10}.channel-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;border:6px solid #0f0f0f;box-shadow:0 8px 32px #0009;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.channel-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;font-family:Nexa Bold Title,Nexa,sans-serif;text-transform:uppercase}.channel-details{flex:1;padding-bottom:1.5rem}.channel-details h1{font-family:Nexa Bold Title,Nexa,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.5px}.channel-stats{display:flex;gap:1rem;align-items:center;font-size:.95rem;color:#aaa;margin-bottom:1rem;font-weight:400;flex-wrap:wrap}.channel-stats span{display:flex;align-items:center}.subscribe-btn{padding:.75rem 2.5rem;background:linear-gradient(135deg,#ff0844,#ff4e69);color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:700;font-family:Nexa,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff08444d;letter-spacing:.5px;text-transform:uppercase}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff084480;background:linear-gradient(135deg,#ff0844,#ff2952)}.subscribe-btn.subscribed{background:linear-gradient(135deg,#2d2d2d,#404040);box-shadow:0 4px 12px #0000004d}.subscribe-btn.subscribed:hover:not(:disabled){background:linear-gradient(135deg,#3a3a3a,#4a4a4a);box-shadow:0 6px 16px #0006}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.channel-tabs{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;gap:0;border-bottom:1px solid #2d2d2d;margin-bottom:2rem}.channel-tabs button{padding:1rem 2rem;background:none;border:none;color:#aaa;font-size:1rem;font-weight:600;font-family:Nexa,sans-serif;cursor:pointer;position:relative;transition:color .2s;border-bottom:3px solid transparent;letter-spacing:.3px}.channel-tabs button:hover{color:#fff}.channel-tabs button.active{color:#fff;border-bottom-color:#ff0844}.channel-content{max-width:1280px;margin:0 auto;padding:0 2rem 4rem}.home-tab,.videos-tab,.broadcasts-tab,.playlists-tab,.about-tab{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-tab h2,.about-section h2{font-family:Nexa Bold Title,Nexa,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#fff;letter-spacing:-.3px}.featured-section,.recent-videos-section{margin-bottom:3rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.video-card{cursor:pointer;background:#1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.video-card:hover{transform:translateY(-4px);border-color:#333;box-shadow:0 12px 32px #00000080}.video-thumbnail{position:relative;width:100%;height:180px;background:#2d2d2d;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.placeholder-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#666;background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.video-info{padding:1rem}.video-info h3{font-family:Nexa,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.video-meta{color:#aaa;font-size:.85rem;font-weight:400}.broadcasts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.broadcast-card{cursor:pointer;background:#1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.broadcast-card:hover{transform:translateY(-4px);border-color:#333;box-shadow:0 12px 32px #00000080}.broadcast-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.broadcast-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:4rem;opacity:.3}.status-badge{position:absolute;top:12px;left:12px;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.85rem;font-family:Nexa,sans-serif;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-badge.live{background:#ff0844f2;color:#fff;animation:pulse 2s infinite;box-shadow:0 4px 12px #ff084480}.status-badge.pending{background:#ff9800f2;color:#fff}.status-badge.ended{background:#757575f2;color:#fff}@keyframes pulse{0%,to{opacity:1;box-shadow:0 4px 12px #ff084480}50%{opacity:.85;box-shadow:0 4px 24px #ff0844b3}}.broadcast-info{padding:1.25rem}.broadcast-info h3{font-family:Nexa,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.broadcast-meta{margin:0 0 .5rem;color:#aaa;font-size:.9rem;font-weight:400}.broadcast-description{margin:0;color:#888;font-size:.85rem;font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.playlist-card{cursor:pointer;background:#1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.playlist-card:hover{transform:translateY(-4px);border-color:#333;box-shadow:0 12px 32px #00000080}.playlist-thumbnail{position:relative;width:100%;height:170px;background:#2d2d2d;overflow:hidden}.playlist-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.playlist-card:hover .playlist-thumbnail img{transform:scale(1.05)}.playlist-count{position:absolute;bottom:8px;right:8px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;color:#fff}.playlist-info{padding:1rem}.playlist-info h3{font-family:Nexa,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-info p{margin:0;color:#aaa;font-size:.85rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.about-section{margin-bottom:3rem}.about-section p{color:#ccc;font-size:1rem;line-height:1.7;font-weight:300}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.stat-item{background:#1a1a1a;padding:1.5rem;border-radius:12px;border:1px solid #2d2d2d;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s}.stat-item:hover{border-color:#404040}.stat-label{color:#aaa;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#fff;font-size:2rem;font-weight:700;font-family:Nexa Bold Title,Nexa,sans-serif}.no-content{text-align:center;padding:4rem 2rem;color:#888}.no-content p{font-size:1.1rem;font-weight:400}@media(max-width:768px){.channel-banner{height:180px}.channel-info{flex-direction:column;align-items:center;text-align:center;margin-top:-60px}.channel-avatar{width:120px;height:120px}.avatar-placeholder{font-size:3rem}.channel-details h1{font-size:2rem}.channel-stats{justify-content:center}.channel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.channel-tabs button{padding:1rem 1.5rem;font-size:.9rem;white-space:nowrap}.videos-grid,.broadcasts-grid,.playlists-grid{grid-template-columns:1fr}}@media(max-width:480px){.channel-details h1{font-size:1.5rem}.channel-avatar{width:100px;height:100px}.subscribe-btn{padding:.65rem 2rem;font-size:.9rem}}.subscriptions-page{max-width:1920px;margin:0 auto;padding:24px;min-height:calc(100vh - 56px)}.subscriptions-page.loading,.subscriptions-page.error{display:flex;align-items:center;justify-content:center;min-height:400px;font-family:Nexa,sans-serif;font-size:16px;color:var(--text-secondary)}.subscriptions-page.error{flex-direction:column;gap:24px}.subscriptions-page.error p{color:#ef4444;font-size:16px;margin:0}.subscriptions-page.error button{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #f003}.subscriptions-page.error button:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.subscriptions-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #303030}.subscriptions-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;letter-spacing:-.5px}.subscription-count{color:var(--text-secondary);font-size:15px;font-family:Nexa,sans-serif;letter-spacing:.3px}.no-subscriptions{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:64px 32px;background:var(--card-bg);border-radius:16px;border:2px dashed #303030}.no-subscriptions p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;font-family:Nexa,sans-serif}.no-subscriptions button{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #f003}.no-subscriptions button:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:8px}.subscription-card{background:var(--card-bg);border-radius:16px;border:1px solid #303030;padding:24px;transition:all .3s ease;display:flex;gap:20px;align-items:flex-start;position:relative;overflow:hidden}.subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,#cc0000 100%);opacity:0;transition:opacity .3s ease}.subscription-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:#404040}.subscription-card:hover:before{opacity:1}.subscription-avatar{flex-shrink:0;width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--bg-color);transition:all .3s ease;cursor:pointer;border:3px solid transparent;position:relative}.subscription-avatar:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#cc0000);opacity:0;z-index:-1;transition:opacity .3s ease}.subscription-avatar:hover{transform:scale(1.05)}.subscription-avatar:hover:after{opacity:1}.subscription-avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;font-family:Nexa-Bold,Nexa,sans-serif;background:linear-gradient(135deg,var(--primary-color) 0%,#cc0000 100%);color:#fff;text-transform:uppercase}.subscription-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.subscription-info h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary);font-family:Nexa-Bold,Nexa,sans-serif;transition:color .3s ease;word-wrap:break-word;cursor:pointer;line-height:1.3}.subscription-info h3:hover{color:var(--primary-color)}.subscription-handle{color:var(--text-secondary);font-size:14px;font-family:Nexa,sans-serif;margin:0;letter-spacing:.2px}.subscription-stats{color:var(--text-secondary);font-size:13px;font-family:Nexa,sans-serif;margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.subscription-description{color:var(--text-secondary);font-size:14px;font-family:Nexa,sans-serif;margin:4px 0 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.2px}.subscription-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.view-channel-btn,.unsubscribe-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;font-family:Nexa-Bold,Nexa,sans-serif;cursor:pointer;transition:all .3s ease;border:none;letter-spacing:.3px;position:relative;overflow:hidden}.view-channel-btn:before,.unsubscribe-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.view-channel-btn:hover:before,.unsubscribe-btn:hover:before{transform:translate(100%)}.view-channel-btn{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #f003}.view-channel-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.unsubscribe-btn{background:transparent;color:var(--text-secondary);border:1px solid #404040}.unsubscribe-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:#505050;transform:translateY(-2px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.subscriptions-page.loading:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary-color);margin-left:8px;animation:pulse 1.5s ease-in-out infinite}@media(max-width:1200px){.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.subscriptions-page{padding:16px}.subscriptions-header{margin-bottom:24px;padding-bottom:16px}.subscriptions-header h1{font-size:24px}.subscription-count{font-size:14px}.subscriptions-grid{grid-template-columns:1fr;gap:16px}.subscription-card{flex-direction:column;align-items:center;text-align:center;padding:20px}.subscription-avatar{width:80px;height:80px}.avatar-placeholder{font-size:32px}.subscription-info{width:100%;align-items:center}.subscription-info h3{font-size:16px}.subscription-stats{justify-content:center}.subscription-actions{width:100%;justify-content:center}.view-channel-btn,.unsubscribe-btn{flex:1;min-width:120px}}@media(max-width:480px){.subscriptions-page{padding:12px}.subscription-actions{flex-direction:column}.view-channel-btn,.unsubscribe-btn{width:100%}}.search-bar-wrapper{position:relative;width:100%;max-width:600px;flex:1;margin:0 24px}.search-bar{display:flex;align-items:center;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:40px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 4px 12px #00000026}.search-bar:focus-within{background:#ffffff24;border-color:#c00;box-shadow:0 4px 20px #cc000040,0 0 0 4px #cc00001a;transform:translateY(-1px)}.search-input{flex:1;padding:14px 20px;border:none;outline:none;font-size:16px;font-family:Nexa,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;background:transparent;color:#fff;letter-spacing:.2px;transition:all .2s ease}.search-input::placeholder{color:#ffffff80;font-weight:300;transition:color .2s ease}.search-input:focus::placeholder{color:#ffffff4d}.search-button{padding:12px 20px;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#c003;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.search-button:hover{color:#c00;background:#cc00001a}.search-button:hover:before{width:100px;height:100px}.search-button:active{transform:scale(.95)}.search-button svg{position:relative;z-index:1}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;max-height:420px;overflow-y:auto;scrollbar-gutter:stable;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestions::-webkit-scrollbar{width:8px}.search-suggestions::-webkit-scrollbar-track{background:#ffffff0d;border-radius:0 16px 16px 0}.search-suggestions::-webkit-scrollbar-thumb{background:#c006;border-radius:4px}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#c009}.suggestion-item{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.suggestion-item:last-child{border-bottom:none}.suggestion-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c00;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.suggestion-item:hover{background:#cc000014;padding-left:23px}.suggestion-item:hover:before{transform:scaleY(1)}.suggestion-item:active{background:#cc000026}.suggestion-item svg{color:#ffffff80;flex-shrink:0;transition:all .2s ease}.suggestion-item:hover svg{color:#c00;transform:scale(1.1) rotate(-5deg)}.suggestion-item span{flex:1;font-size:15px;font-family:Nexa,sans-serif;font-weight:400;color:#fff;letter-spacing:.2px;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover span{font-weight:500;color:#fff}.search-suggestions-empty{padding:32px 20px;text-align:center;color:#fff6;font-family:Nexa,sans-serif;font-weight:300;font-size:14px}.search-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#ffffff80;font-family:Nexa,sans-serif;font-weight:300;font-size:14px}.search-loading-spinner{width:16px;height:16px;border:2px solid rgba(204,0,0,.2);border-top-color:#c00;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestion-item.keyboard-focused{background:#cc00001f;padding-left:23px}.suggestion-item.keyboard-focused:before{transform:scaleY(1)}@media(max-width:768px){.search-bar-wrapper{max-width:100%;margin:0 12px}.search-input{padding:12px 16px;font-size:15px}.search-button{padding:10px 16px}.suggestion-item{padding:12px 16px}.suggestion-item:hover{padding-left:19px}.search-suggestions{max-height:320px}}@media(max-width:480px){.search-bar-wrapper{margin:0 8px}.search-input{padding:10px 14px;font-size:14px}.search-button{padding:8px 14px}.suggestion-item span{font-size:14px}}.search-input:focus-visible{outline:2px solid #c00;outline-offset:2px}.search-button:focus-visible{outline:2px solid #c00;outline-offset:-2px}.suggestion-item:focus-visible{outline:2px solid #c00;outline-offset:-2px}@media(prefers-color-scheme:dark){.search-bar{background:#ffffff0f}}@media(prefers-contrast:high){.search-bar{border-width:3px}.suggestion-item{border-bottom-width:2px}}@media(prefers-reduced-motion:reduce){.search-bar,.search-button,.suggestion-item,.search-suggestions{transition:none;animation:none}.search-button:before{display:none}}.create-channel-page{max-width:800px;margin:0 auto;padding:40px 20px}.create-channel-container{background:#1a1a1a;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000004d}.create-channel-container h1{font-size:32px;margin-bottom:12px;color:#fff}.subtitle{font-size:16px;color:#999;margin-bottom:32px;line-height:1.5}.create-channel-form{margin-bottom:32px}.form-group{margin-bottom:24px;position:relative}.form-group label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px;background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c00}.form-group textarea{resize:vertical;min-height:100px}.char-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:#666}.error-message{background:red;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover:not(:disabled){background:#444}.info-box{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:24px}.info-box h3{font-size:18px;margin-bottom:16px;color:#fff}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:8px 0;color:#999;font-size:14px;display:flex;align-items:flex-start}.info-box li:before{content:"✓";color:#c00;font-weight:700;margin-right:12px;flex-shrink:0}.studio-page{display:flex;min-height:calc(100vh - 60px);background:#0a0a0a;color:#fff;font-family:Nexa,-apple-system,BlinkMacSystemFont,sans-serif}.studio-sidebar{width:240px;background:#1a1a1a;border-right:1px solid #333;padding:20px 0;position:fixed;height:calc(100vh - 60px);overflow-y:auto;scrollbar-gutter:stable}.studio-header{padding:0 20px 20px;border-bottom:1px solid #333;margin-bottom:20px}.studio-header h2{margin:0 0 15px;font-size:24px;color:#c00;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.studio-channel-info{display:flex;align-items:center;gap:10px}.channel-avatar-small{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}.channel-avatar-small img{width:100%;height:100%;object-fit:cover}.channel-avatar-small .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#c00;color:#fff;font-weight:700;font-size:16px}.channel-name-small{font-size:14px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-nav{display:flex;flex-direction:column;gap:5px;padding:0 10px}.studio-nav button{display:flex;align-items:center;gap:12px;padding:12px 15px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left;font-family:Nexa,sans-serif;letter-spacing:.5px}.studio-nav button:hover{background:#2a2a2a}.studio-nav button:hover .nav-icon{color:#c00}.studio-nav button.active{background:#c00;font-weight:600}.studio-nav button.active .nav-icon{color:#fff}.nav-icon{color:#fff;flex-shrink:0}.studio-content{flex:1;margin-left:240px;padding:30px;max-width:1400px}.studio-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.studio-message.success{background:#1a4d1a;border:1px solid #2d7a2d;color:#4ade80}.studio-message.error{background:#4d1a1a;border:1px solid #7a2d2d;color:#f87171}.studio-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:#999}.studio-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;padding:40px}.studio-error h2{margin-bottom:10px;color:#c00;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.studio-error p{margin-bottom:20px;color:#999}.studio-dashboard h1,.studio-content-tab h1,.studio-playlists-tab h1,.studio-customization-tab h1{margin:0 0 30px;font-size:32px;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;color:#fff;letter-spacing:1px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{color:#c00;flex-shrink:0}.stat-info{flex:1}.stat-value{font-size:28px;font-weight:700;color:#c00;margin-bottom:4px}.stat-label{font-size:14px;color:#999;font-family:Nexa,sans-serif;letter-spacing:.5px}.dashboard-actions{margin-bottom:40px}.dashboard-actions h2{margin-bottom:20px;font-size:20px;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;font-family:Nexa,sans-serif;letter-spacing:.5px}.action-btn:hover{background:#2a2a2a;border-color:#c00}.action-btn:hover .action-icon{color:#c00}.action-icon{color:#fff;flex-shrink:0}.dashboard-recent h2{margin-bottom:20px;font-size:20px;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.recent-videos-list{display:flex;flex-direction:column;gap:15px}.recent-video-item{display:flex;gap:15px;padding:15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.recent-video-item:hover{background:#2a2a2a;border-color:#c00}.recent-video-item img{width:120px;height:68px;object-fit:cover;border-radius:4px}.recent-video-info{flex:1}.recent-video-info h3{margin:0 0 8px;font-size:16px;font-family:Nexa,sans-serif;font-weight:600;color:#fff}.recent-video-info p{margin:0;font-size:13px;color:#999}.content-section{margin-bottom:50px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:24px;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.content-table{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden}.content-table table{width:100%;border-collapse:collapse}.content-table thead{background:#0a0a0a}.content-table th{padding:15px;text-align:left;font-size:13px;font-weight:600;color:#999;text-transform:uppercase;border-bottom:1px solid #333}.content-table td{padding:15px;border-bottom:1px solid #222}.content-table tbody tr:hover{background:#222}.table-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:4px}.table-title{font-weight:500;margin-bottom:4px}.table-description{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.table-actions{display:flex;gap:8px}.btn-icon{background:none;border:1px solid #333;color:#fff;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{color:#fff}.btn-icon:hover{background:#2a2a2a;border-color:#c00}.btn-icon:hover svg{color:#c00}.btn-icon.btn-danger:hover{background:#4d1a1a;border-color:#c00}.btn-icon.btn-danger:hover svg{color:#f87171}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#4a4a1a;color:gold}.status-live{background:#1a4d1a;color:#4ade80}.status-ended{background:#2a2a2a;color:#999}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.playlist-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:all .2s}.playlist-card:hover{border-color:#c00;transform:translateY(-2px)}.playlist-thumbnail{position:relative;width:100%;height:160px;overflow:hidden}.playlist-thumbnail img{width:100%;height:100%;object-fit:cover}.playlist-count{position:absolute;bottom:8px;right:8px;background:#000c;padding:4px 8px;border-radius:4px;font-size:12px}.playlist-info{padding:15px}.playlist-info h3{margin:0 0 8px;font-size:16px;font-family:Nexa,sans-serif;font-weight:600}.playlist-visibility{font-size:12px;color:#999;text-transform:uppercase;margin-bottom:8px}.playlist-description{font-size:13px;color:#999;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-actions{padding:15px;border-top:1px solid #333;display:flex;gap:10px}.customization-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:30px;margin-bottom:30px}.customization-section h2{margin:0 0 20px;font-size:20px;color:#c00;font-family:Nexa Bold Title,Nexa,sans-serif;font-weight:700;letter-spacing:.5px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff;font-family:Nexa,sans-serif;letter-spacing:.5px}.form-group input[type=text],.form-group textarea{width:100%;padding:12px;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#c00}.form-group input[type=file]{width:100%;padding:10px;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.form-group small{display:block;margin-top:6px;font-size:12px;color:#999}.branding-preview{position:relative;margin-bottom:30px;border-radius:8px;overflow:hidden}.preview-banner{width:100%;height:200px;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.preview-banner img{width:100%;height:100%;object-fit:cover}.placeholder-banner{color:#666;font-size:14px}.preview-avatar{position:absolute;bottom:-40px;left:30px;width:100px;height:100px;border-radius:50%;border:4px solid #1a1a1a;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}.preview-avatar img{width:100%;height:100%;object-fit:cover}.placeholder-avatar{font-size:36px;font-weight:700;color:#fff;background:#c00;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.customization-actions{display:flex;gap:15px;margin-top:30px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Nexa,sans-serif;letter-spacing:.5px}.btn-primary{background:#c00;color:#fff}.btn-primary:hover:not(:disabled){background:#d00}.btn-primary:disabled{background:#666;cursor:not-allowed}.btn-secondary{background:#333;color:#fff;border:1px solid #555}.btn-secondary:hover{background:#444}.btn-danger{background:#4d1a1a;color:#f87171;border:1px solid #7a2d2d}.btn-danger:hover{background:#5d1a1a}.no-content{padding:60px 20px;text-align:center;color:#999;font-size:16px}@media(max-width:1024px){.studio-sidebar{width:200px}.studio-content{margin-left:200px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.studio-page{flex-direction:column}.studio-sidebar{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid #333}.studio-content{margin-left:0;padding:20px}.dashboard-stats{grid-template-columns:1fr}.content-table{overflow-x:auto}.playlists-grid{grid-template-columns:1fr}}.edit-content-page{min-height:100vh;background-color:#0f0f0f;padding:20px}.edit-content-container{max-width:900px;margin:0 auto;background-color:#1a1a1a;border-radius:8px;padding:30px}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.edit-header h1{font-size:28px;font-weight:600;color:#fff;margin:0}.loading{text-align:center;color:#999;padding:60px 20px;font-size:18px}.success-message{background-color:#1e4620;color:#4caf50;padding:12px 16px;border-radius:4px;margin-bottom:20px;border:1px solid #2e7d32}.error-message{background-color:#3d1a1a;color:#f44336;padding:12px 16px;border-radius:4px;margin-bottom:20px;border:1px solid #c62828}.edit-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#e0e0e0}.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group select{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:10px 12px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3ea6ff}.form-group textarea{resize:vertical;min-height:120px}.char-count{font-size:12px;color:#999;align-self:flex-end}.field-help{font-size:12px;color:#999;font-style:italic}.thumbnail-preview{margin-top:12px;max-width:320px;border-radius:4px;overflow:hidden;border:1px solid #444}.thumbnail-preview img{width:100%;height:auto;display:block}.tag-input-container{display:flex;gap:8px}.tag-input-container input{flex:1}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{display:inline-flex;align-items:center;gap:6px;background-color:#2a2a2a;border:1px solid #444;border-radius:16px;padding:4px 12px;font-size:14px;color:#e0e0e0}.tag-remove{background:none;border:none;color:#999;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tag-remove:hover{background-color:#444;color:#fff}.form-actions{display:flex;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid #333}.btn-primary{background-color:#3ea6ff;color:#fff;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#2a8ede}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#333;border-color:#555}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.edit-content-page{padding:10px}.edit-content-container{padding:20px}.edit-header{flex-direction:column;align-items:flex-start;gap:16px}.edit-header h1{font-size:24px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.tag-input-container{flex-direction:column}}