:root{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-input:#4b5563;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa;--border-color:#374151;--player-height:80px;--radius-md:8px;--radius-lg:12px;--transition-base:0.2s ease-in-out}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-color:#111827;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111827;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#374151;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.w-20{width:5rem}.w-32{width:8rem}.w-48{width:12rem}.w-auto{width:auto}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.h-screen{height:100vh}.h-full{height:100%}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-48{height:12rem}.h-64{height:16rem}.min-h-screen{min-height:100vh}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-gray-900{background-color:#111827;background-color:var(--bg-primary)}.bg-gray-800{background-color:#1f2937;background-color:var(--bg-secondary)}.bg-gray-700{background-color:#374151;background-color:var(--bg-tertiary)}.bg-black{background-color:#000}.bg-blue-500{background-color:#3b82f6;background-color:var(--accent-color)}.bg-blue-600{background-color:#2563eb;background-color:var(--accent-hover)}.bg-transparent{background-color:initial}.bg-opacity-95{background-color:#000000f2}.bg-opacity-80{background-color:#000c}.bg-opacity-50{background-color:#37415180}.text-white{color:#fff;color:var(--text-primary)}.text-gray-200{color:#e5e7eb}.text-gray-400{color:#9ca3af;color:var(--text-secondary)}.text-gray-500{color:#6b7280;color:var(--text-muted)}.text-blue-400{color:#60a5fa;color:var(--accent-light)}.text-blue-500{color:#3b82f6;color:var(--accent-color)}.rounded{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.rounded-sm{border-radius:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-700{border-color:#374151;border-color:var(--border-color)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.transition{transition:all .2s ease-in-out;transition:all var(--transition-base)}.transition-transform{transition:transform .2s ease-in-out;transition:transform var(--transition-base)}.transition-colors{transition:color .2s ease-in-out,background-color .2s ease-in-out;transition:color var(--transition-base),background-color var(--transition-base)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.hover\:bg-gray-700:hover{background-color:#374151;background-color:var(--bg-tertiary)}.hover\:bg-gray-800:hover{background-color:#1f2937;background-color:var(--bg-secondary)}.hover\:bg-blue-600:hover{background-color:#2563eb;background-color:var(--accent-hover)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:text-white:hover{color:#fff;color:var(--text-primary)}.hover\:text-blue-300:hover{color:#93c5fd}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #111827,0 0 0 4px #3b82f6;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-color)}.focus\:border-blue-500:focus{border-color:#3b82f6;border-color:var(--accent-color)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}input[type=range]{-webkit-appearance:none;background:#0000;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--text-primary);border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:12px;margin-top:-4px;width:12px}input[type=range]::-webkit-slider-runnable-track{background:#374151;background:var(--bg-tertiary);border-radius:2px;cursor:pointer;height:4px;width:100%}input[type=range]::-moz-range-thumb{background:#fff;background:var(--text-primary);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}input[type=range]::-moz-range-track{background:#374151;background:var(--bg-tertiary);border-radius:2px;cursor:pointer;height:4px;width:100%}.h-2 input[type=range]::-webkit-slider-runnable-track{height:8px}.h-2 input[type=range]::-moz-range-track{height:8px}input[type=text],select{background-color:#374151;background-color:var(--bg-tertiary);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);padding:.5rem .75rem;transition:border-color .2s ease-in-out;transition:border-color var(--transition-base);width:100%}input[type=text]:focus,select:focus{border-color:#3b82f6;border-color:var(--accent-color);outline:none}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em}canvas{display:block;width:100%}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:768px){.max-w-6xl{max-width:100%}.p-6{padding:1rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}}

/*! @license
 * Shaka Player
 * Copyright 2016 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */.shaka-hidden{display:none!important}.shaka-video-container{-webkit-font-smoothing:antialiased;display:flex;font-family:Roboto,sans-serif,TengwarTelcontar;font-weight:400;left:0;position:relative;top:0;user-select:none;-webkit-user-select:none}.shaka-video-container .material-svg-icon{font-size:24px}.shaka-video-container:fullscreen{background-color:#000;height:100%;width:100%}.shaka-video-container:fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-webkit-full-screen{background-color:#000;height:100%;width:100%}.shaka-video-container:-webkit-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-moz-full-screen{background-color:#000;height:100%;width:100%}.shaka-video-container:-moz-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-ms-fullscreen{background-color:#000;height:100%;width:100%}.shaka-video-container:-ms-fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-controls-container{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;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{bottom:0;height:100%;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.shaka-bottom-controls{padding:0;width:98%;z-index:1}.shaka-controls-button-panel{align-items:center;display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:400;justify-content:flex-end;margin:0;min-width:48px;opacity:0;overflow:hidden;padding:0;transition:opacity .6s cubic-bezier(.4,0,.6,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.shaka-controls-container[casting=true] .shaka-controls-button-panel,.shaka-controls-container[shown=true] .shaka-controls-button-panel{opacity:1}.shaka-controls-button-panel>*{background:0 0;border:0;color:#fff;cursor:pointer;height:48px;line-height:.5;opacity:.9;padding:0 2px;text-shadow:0 0 2px #00000080;transition:opacity .1s cubic-bezier(.4,0,.6,1);width:48px}.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{align-items:center;bottom:0;display:flex;flex-shrink:1;height:100%;justify-content:center;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:1}.shaka-statistics-container{background-color:#232323e6;border-radius:2px;color:#fff;font-size:14px;left:15px;max-height:calc(100% - 115px);min-width:300px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:5px 10px;position:absolute;scrollbar-color:#fff #00000080;scrollbar-width:thin;top:15px;transition:opacity .6s cubic-bezier(.4,0,.6,1);z-index:2}.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{background-color:#232323e6;border-radius:2px;color:#fff;font-size:14px;max-height:calc(100% - 115px);min-width:150px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:5px 10px;position:absolute;right:15px;scrollbar-color:#fff #00000080;scrollbar-width:thin;top:15px;transition:opacity .6s cubic-bezier(.4,0,.6,1);z-index:2}.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{align-items:stretch;background:#1c1c1ce6;border-radius:2px;display:flex;flex-direction:column;min-width:190px;opacity:0;overflow-x:hidden;overflow-y:auto;position:absolute;transition:opacity .6s cubic-bezier(.4,0,.6,1);white-space:nowrap;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{align-items:center;background:0 0;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;min-height:30px;padding:10px}.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{background:linear-gradient(#0000,#00000080);bottom:0;flex-shrink:1;height:61px;left:0;margin:0;opacity:0;position:absolute;right:0;transition:opacity .6s cubic-bezier(.4,0,.6,1);width:100%}.shaka-controls-container[casting=true] .shaka-scrim-container,.shaka-controls-container[shown=true] .shaka-scrim-container{opacity:1}.shaka-text-container{bottom:0;color:#fff;font-size:20px;left:0;line-height:1.4;min-width:48px;pointer-events:none;position:absolute;right:0;top:0;transition:bottom .1s cubic-bezier(.4,0,.6,1);transition-delay:.5s;width:100%}.shaka-text-container span.shaka-text-wrapper{background:0 0;display:inline}.shaka-controls-container[shown=true]~.shaka-text-container{transition-delay:0s}.shaka-spinner-container{align-items:center;bottom:0;display:flex;flex-shrink:1;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container{display:none}.shaka-hidden-fast-forward-container,.shaka-hidden-rewind-container{flex-shrink:1;height:100%;width:40%;z-index:1}.shaka-hidden-fast-forward-container{bottom:0;left:0;left:60%;position:absolute;right:0;top:0}.shaka-hidden-rewind-container{bottom:0;left:0;position:absolute;right:0;top:0}.shaka-video-container.no-cursor,.shaka-video-container.no-cursor *{cursor:none!important}.shaka-play-button{background-color:#ffffffe6;background-position:50%;background-repeat:no-repeat;background-size:50%;border:none;border-radius:50%;box-shadow:0 0 20px 0 #0000001a;box-sizing:border-box;height:0;margin:0;opacity:0;padding:7.5%;transition:opacity .6s cubic-bezier(.4,0,.6,1);width:0}.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;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.shaka-play-button[icon=pause]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.shaka-play-button[icon=replay]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%231f1f1f' height='24' viewBox='0 -960 960 960' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M480-80q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-440h80q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720h-6l62 62-56 58-160-160 160-160 56 58-62 62h6q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-440q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-80Z'/%3E%3C/svg%3E")}@media (prefers-reduced-transparency:no-preference){.shaka-controls-container[shown=true] .shaka-play-button{opacity:.75}}.shaka-current-time{color:#fff;cursor:pointer;font-size:14px;padding:0 5px;width:auto}.shaka-current-time[disabled]{background-color:initial;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{border:0;outline: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{align-items:center;background-color:#00000080;border:none;bottom:0;color:#fff;cursor:default;display:flex;flex-direction:row;flex-shrink:1;font-size:20px;height:100%;justify-content:center;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.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{background:#fff;border-radius:4px;box-sizing:initial;height:4px;left:0;margin:4px 6px;position:relative;top:0}.shaka-volume-bar-container{padding:0;transition-duration:.25s;transition-property:opacity,width;transition-timing-function:cubic-bezier(.4,0,.6,1);width:100px}.shaka-volume-bar-container:hover{opacity:1!important;width:100px!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{opacity:1;width:50px}}.shaka-mute-button+.shaka-volume-bar-container-allow-hiding:not(:focus-within){opacity:0;width:0}@media (min-width:475px){.shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding{opacity:1;width:100px}}.shaka-range-element{-webkit-appearance:none;background:0 0;bottom:0;cursor:pointer;height:100%;height:12px;left:0;margin:0;padding:0;position:absolute;right:0;top:0;top:-4px;width:100%;z-index:1}.shaka-range-element::-webkit-slider-runnable-track{background:0 0;border:none;color:#0000;cursor:pointer;height:12px;width:100%}.shaka-range-element::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:12px;height:12px;width:12px}.shaka-range-element::-moz-range-track{background:0 0;border:none;color:#0000;cursor:pointer;height:12px;width:100%}.shaka-range-element::-moz-range-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:12px;height:12px;width:12px}.shaka-seek-bar-container{background-clip:padding-box!important;border-bottom:4px solid #0000;border-top:4px solid #0000;height:5px;margin-bottom:0;opacity:0;top:5px;transition:opacity .6s cubic-bezier(.4,0,.6,1)}.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{opacity:0;transition:opacity .25s cubic-bezier(.4,0,.6,1)}.shaka-seek-bar-container:hover .shaka-seek-bar{opacity:1}.shaka-ad-markers{bottom:0;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%}.shaka-spacer{cursor:default;flex-grow:1;flex-shrink:1;margin:0}.shaka-overflow-menu,.shaka-settings-menu{align-items:stretch;background:#1c1c1ce6;border-radius:15px;bottom:62px;display:flex;flex-direction:column;max-height:250px;min-width:190px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:5px 0;position:absolute;right:15px;scrollbar-color:#fff #00000080;scrollbar-width:thin;transition:opacity .6s cubic-bezier(.4,0,.6,1);white-space:nowrap;z-index:2}.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{align-items:center;background:0 0;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;min-height:30px;padding:10px}.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{font-size:18px;line-height:17px;order:-1}.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{display:flex;flex-direction:column;position:relative}.shaka-overflow-button-label-inline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTguNTkgMTYuNTkgMTMuMTcgMTIgOC41OSA3LjQxIDEwIDZsNiA2LTYgNi0xLjQxLTEuNDF6Ii8+PC9zdmc+);background-position:right 5px center;background-repeat:no-repeat;background-size:24px 24px;box-sizing:border-box;flex-direction:row;justify-content:space-between;padding-right:28px;width:calc(100% - 34px)}.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{color:#ccc;font-size:11px;margin-left:5px}.shaka-current-quality-mark,.shaka-quality-mark{color:red;font-size:10px;height:17px;margin-left:2px!important}.shaka-quality-mark{line-height:6px}.shaka-overflow-playback-rate-mark,.shaka-overflow-quality-mark{background:red;border-radius:2px;color:#fff;font-family:Roboto,sans-serif,TengwarTelcontar;font-size:10px;font-weight:700;line-height:10px;padding:1px;position:absolute;right:4px;text-shadow:none;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 #fff3!important}.shaka-back-to-overflow-button span{margin-left:0}.shaka-back-to-overflow-button .material-svg-icon{font-size:18px!important;padding-right:10px}.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{bottom:0;left:0;position:absolute;right:0;top: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;padding-bottom:1%;z-index: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:medium}.shaka-ad-info{color:#fff;font-size:14px;padding:0 5px;width:auto}.shaka-ad-info[disabled]{background-color:initial;color:#fff;cursor:default;padding:0}.shaka-skip-ad-container{display:flex;flex-direction:row;margin:0 0 0 auto;position:relative;right:-1%}.shaka-skip-ad-button{background:#000000b3;border:none;cursor:pointer;padding:5px 15px}.shaka-skip-ad-button:disabled{background:#0000004d}.shaka-skip-ad-counter{background:#000000b3;margin:0;padding:5px}/*!
 * @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{background:#00000080;border-radius:2px;bottom:62px;color:#fff;content:attr(aria-label);font-family:Roboto,sans-serif,TengwarTelcontar;font-size:14px;left:24px;line-height:20px;padding:2px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}@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;transform:translateX(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;transform:translateX(-100%)}#shaka-player-ui-thumbnail-container{background-color:#000;border:1px solid #000;box-shadow:0 8px 8px 0 #00000080;min-width:150px;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:15%;z-index:1}#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;display:flex;justify-content:center;left:0;position:absolute;right:0}#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{fill:currentcolor;display:inline-block;height:1em;width:1em}@font-face{font-family:Roboto;font-stretch:normal;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format("truetype")}:root{--bg-primary:#09090b;--bg-secondary:#121212;--bg-tertiary:#18181b;--bg-hover:#27272a;--bg-element:#27272a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent-color:#10b981;--accent-hover:#059669;--accent-light:#34d399;--accent-glow:#10b98166;--accent-gradient:linear-gradient(135deg,#10b981,#2dd4bf);--story-gradient:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);--blue-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--danger-color:#ef4444;--success-color:#22c55e;--warning-color:#f59e0b;--info-color:#3b82f6;--border-color:#ffffff14;--border-focus:#10b981;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--bottom-nav-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:400ms cubic-bezier(0.16,1,0.3,1);--transition-bounce:350ms cubic-bezier(0.34,1.56,0.64,1);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 30px #10b98126;--shadow-nav:0 4px 20px #00000040;--z-base:1;--z-dropdown:10;--z-sticky:50;--z-sidebar:100;--z-overlay:200;--z-modal:300;--z-toast:400}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#09090b;background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 10% 20%,#10b9810f 0,#0000 40%),radial-gradient(ellipse at 90% 80%,#3b82f60a 0,#0000 40%),radial-gradient(ellipse at 50% 50%,#8b5cf608 0,#0000 60%);color:#f4f4f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}::selection{background-color:#10b98159;color:#fff}:focus-visible{outline:2px solid #10b981;outline:2px solid var(--accent-color);outline-offset:2px}a{color:inherit;text-decoration:none}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit;touch-action:manipulation}input,select,textarea{background-color:#27272a;background-color:var(--bg-element);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#f4f4f5;color:var(--text-primary);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#10b981;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811f;outline:none}input::placeholder{color:#71717a;color:var(--text-muted)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .35s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .35s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-pulse-live{animation:pulse-live 1.5s infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-item{animation:slideUp .4s ease-out forwards;opacity:0}.stagger-item:first-child{animation-delay:.02s}.stagger-item:nth-child(2){animation-delay:.04s}.stagger-item:nth-child(3){animation-delay:.06s}.stagger-item:nth-child(4){animation-delay:.08s}.stagger-item:nth-child(5){animation-delay:.1s}.stagger-item:nth-child(6){animation-delay:.12s}.stagger-item:nth-child(7){animation-delay:.14s}.stagger-item:nth-child(8){animation-delay:.16s}.app-container{height:100vh;height:100dvh;overflow:hidden;width:100vw}.app-container,.sidebar{display:flex;position:relative}.sidebar{background:linear-gradient(180deg,#09090b,#09090bfa);background:linear-gradient(180deg,var(--bg-primary) 0,#09090bfa 100%);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal),transform var(--transition-normal);width:260px;width:var(--sidebar-width);z-index:100;z-index:var(--z-sidebar)}.sidebar:before{background:linear-gradient(180deg,#0000,#10b98133,#0000);content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;width:1px}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed)}.sidebar-header{background:#09090b;background:var(--bg-primary);height:64px;height:var(--header-height);justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:10}.logo,.sidebar-header{align-items:center;display:flex}.logo{cursor:pointer;gap:12px;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.logo:hover{opacity:.85}.logo-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 0 30px #10b98126;box-shadow:var(--shadow-glow);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.logo-icon,.logo-text{background:linear-gradient(135deg,#10b981,#2dd4bf);background:var(--accent-gradient)}.logo-text{-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;overflow:hidden;white-space:nowrap}.sidebar.collapsed .collapse-btn span,.sidebar.collapsed .logo-text{display:none}.nav-section{padding:8px 12px}.nav-section-title{color:#71717a;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:12px 12px 8px;text-transform:uppercase}.sidebar.collapsed .nav-section-title{display:none}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.938rem;font-weight:500;gap:14px;padding:11px 14px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.nav-item:before{background:linear-gradient(135deg,#10b981,#2dd4bf);background:var(--accent-gradient);border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .15s cubic-bezier(.4,0,.2,1);transition:height var(--transition-fast);width:3px}.nav-item:hover{background:#27272a;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.nav-item.active{background:#10b9811a;color:#34d399;color:var(--accent-light);font-weight:600}.nav-item.active:before{height:24px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span{display:none}.collapse-btn{align-items:center;background:#18181b;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:50%;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:76px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px;z-index:20}.collapse-btn:hover{background:#27272a;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.main-wrapper{background:#09090b;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.top-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#09090bd9;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);height:64px;height:var(--header-height);justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50;z-index:var(--z-sticky)}.header-left,.top-bar{align-items:center;display:flex;gap:16px}.header-left{flex:1 1;min-width:0}.menu-toggle{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#f4f4f5;color:var(--text-primary);display:none;height:42px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:42px}.menu-toggle:hover{background:#27272a;background:var(--bg-hover)}.search-container{gap:8px;max-width:640px}.search-bar,.search-container{align-items:center;display:flex;flex:1 1}.search-bar{background:#27272a;background:var(--bg-element);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);overflow:hidden;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-bar:focus-within{border-color:#10b981;border-color:var(--accent-color);box-shadow:0 0 0 3px #10b9811f}.search-input{background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:.938rem;outline:none;padding:12px 18px}.search-btn{align-items:center;background:#27272a;background:var(--bg-hover);border:none;border-left:1px solid #ffffff14;border-left:1px solid var(--border-color);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:10px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-btn:hover{background:#18181b;background:var(--bg-tertiary)}.mic-btn,.search-btn:hover{color:#f4f4f5;color:var(--text-primary)}.mic-btn{align-items:center;background:#27272a;background:var(--bg-element);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.mic-btn:hover{background:#27272a;background:var(--bg-hover);border-color:#10b981;border-color:var(--accent-color)}.header-right{flex-shrink:0;gap:6px}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{border-radius:50%;color:#a1a1aa;color:var(--text-secondary);height:40px;justify-content:center;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.icon-btn:hover{background:#27272a;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.notification-dot{background:#ef4444;background:var(--danger-color);border:2px solid #09090b;border:2px solid var(--bg-primary);border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--blue-gradient);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;margin-left:8px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast);width:36px}.user-avatar:hover{transform:scale(1.08)}.categories-bar{background:#09090b;background:var(--bg-primary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;gap:10px;overflow-x:auto;padding:14px 20px}.category-chip{background:#27272a;background:var(--bg-element);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 18px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.category-chip:hover{background:#27272a;background:var(--bg-hover);border-color:#ffffff26;color:#f4f4f5;color:var(--text-primary)}.category-chip.active{background:#f4f4f5;background:var(--text-primary);border-color:#f4f4f5;border-color:var(--text-primary);color:#09090b;color:var(--bg-primary);font-weight:600}.content-area{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.video-grid{grid-gap:24px 20px;display:grid;gap:24px 20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.video-card:hover{transform:translateY(-4px)}.thumbnail-wrapper{aspect-ratio:16/9;background:#18181b;background:var(--bg-tertiary);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden;position:relative}.thumbnail-img{height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:100%}.video-card:hover .thumbnail-img{transform:scale(1.05)}.thumbnail-overlay{align-items:center;background:linear-gradient(0deg,#0009 0,#0000 40%);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.video-card:hover .thumbnail-overlay{opacity:1}.play-overlay-btn{align-items:center;background:#fffffff2;border-radius:50%;color:#09090b;color:var(--bg-primary);display:flex;height:56px;justify-content:center;transform:scale(.8);transition:transform .35s cubic-bezier(.34,1.56,.64,1);transition:transform var(--transition-bounce);width:56px}.video-card:hover .play-overlay-btn{transform:scale(1)}.live-badge{align-items:center;background:#ef4444;background:var(--danger-color);border-radius:6px;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:6px;left:12px;letter-spacing:.05em;padding:5px 10px;position:absolute;text-transform:uppercase;top:12px}.live-dot{animation:pulse-live 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.duration-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:4px;bottom:12px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px;position:absolute;right:12px}.video-meta{display:flex;gap:14px}.channel-avatar{align-items:center;background:#27272a;background:var(--bg-hover);border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.channel-avatar img{height:100%;object-fit:cover;width:100%}.video-info{flex:1 1;min-width:0}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f4f4f5;color:var(--text-primary);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:4px;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.video-card:hover .video-title{color:#34d399;color:var(--accent-light)}.channel-name{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:.85rem;gap:4px;margin-bottom:2px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.channel-name:hover{color:#f4f4f5;color:var(--text-primary)}.verified-badge{color:#10b981;color:var(--accent-color)}.video-stats{color:#71717a;color:var(--text-muted);font-size:.82rem}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090bf2;border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);bottom:0;display:none;height:64px;height:var(--bottom-nav-height);left:0;padding:0 8px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:50;z-index:var(--z-sticky)}.mobile-nav-inner{align-items:center;display:flex;height:100%;justify-content:space-around}.mobile-nav-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;font-size:.65rem;font-weight:500;gap:4px;justify-content:center;min-width:56px;padding:6px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.mobile-nav-item.active{color:#10b981;color:var(--accent-color)}.mobile-nav-item svg{height:24px;width:24px}.sidebar-overlay{background:#0009;display:none;inset:0;opacity:0;position:fixed;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal);z-index:99;z-index:calc(var(--z-sidebar) - 1)}.sidebar-overlay.visible{opacity:1}@media (max-width:1024px){.sidebar{bottom:0;box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{display:block}.menu-toggle{display:flex}.collapse-btn{display:none!important}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.top-bar{gap:10px;padding:0 12px}.search-container{max-width:none}.header-right .icon-btn:not(:last-of-type),.mic-btn{display:none}.categories-bar{gap:8px;padding:12px}.category-chip{font-size:.8rem;padding:7px 14px}.content-area{padding:16px 12px calc(84px + env(safe-area-inset-bottom, 0));padding-bottom:calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom, 0))}.video-grid{gap:20px;grid-template-columns:1fr}.mobile-nav{display:block}.user-avatar{margin-left:4px}}@media (max-width:480px){.search-btn{display:none}.search-bar{border-radius:12px;border-radius:var(--radius-md)}.video-title{font-size:.9rem}.channel-avatar{height:36px;width:36px}}@media (min-width:1400px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#09090bbf}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181b80;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg,#10b981,#2dd4bf);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:#0000}.story-ring{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);background:var(--story-gradient);border-radius:50%;padding:3px;position:relative}.story-ring:before{background:#09090b;background:var(--bg-primary);border-radius:50%;content:"";inset:2.5px;position:absolute;z-index:0}.story-ring>*{position:relative;z-index:1}.line-clamp-1,.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#18181b 25%,#27272a 50%,#18181b 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}