@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chevron_left,chevron_right,download,explicit,library_add,more_vert,pause,play_arrow,search,share,skip_next,skip_previous,volume_off,volume_up";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,header,footer,main,section,article,aside,nav,form,input,select,button,textarea,div,span,p,i,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,em,strong,a,table,tr,th,td,img,svg,path,circle,polygon{border:0;margin:0;padding:0;outline:none;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.02em;font-style:normal;list-style-type:none;box-sizing:border-box;font-family:Open Sans,sans-serif}html,body{background-color:#000}::selection{color:#fff;background:#000}h1,h2,h3,h4,h5,h6{font-weight:500;-webkit-user-select:none;user-select:none;--webkit-user-select: none}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}a,input,textarea,select,button{resize:none;transition:all .3s ease;background-color:transparent}img{-webkit-user-select:none;user-select:none;--webkit-user-select: none}button{display:flex;cursor:pointer;align-items:center;justify-content:center}table{border-spacing:0;border-collapse:collapse}a{text-decoration:none}p{line-height:160%;margin-bottom:10px}audio{display:none}input[type=range]{--g: 0px;--l: 3px;--s: 12px;width:100%;cursor:pointer;height:var(--s);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:50em}input[type=range].red{--c: #ff0000}input[type=range].white{--c: #ffffff}input[type=range][disabled]{opacity:.3}input[type=range i]::-webkit-slider-thumb{transition:.3s;aspect-ratio:1;height:var(--s);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50em;background-color:#fff;box-shadow:0 0 0 var(var(--l)) inset var(--c);border-image:linear-gradient(90deg,var(--c) 50%,#666666 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}input[type=range i]::-moz-range-thumb{transition:.3s;border:none;height:var(--s);width:var(--s);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background-color:#fff;box-shadow:0 0 0 var(var(--l)) inset var(--c);border-image:linear-gradient(90deg,var(--c) 50%,#666666 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}.material-symbols-outlined{-webkit-user-select:none;user-select:none;--webkit-user-select: none;line-height:0;font-weight:400!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.grid{display:grid;place-items:center;grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-v-end{align-items:flex-end}.flex-h-end{justify-content:flex-end}.flex-start{justify-content:flex-start}.flex-gap{gap:15px}.flex-gap-large{gap:20px}.flex-gap-small{gap:5px}.flex-gap-medium{gap:10px}.flex-grow{flex-grow:1}.flex-inline{display:inline-flex}.flex-column{flex-direction:column}.flex-h-center{justify-content:center}.flex-v-center{align-items:center}.flex-space-between{justify-content:space-between}.no-select{-webkit-user-select:none;user-select:none;--webkit-user-select: none}.text-shadow{text-shadow:1px 1px #000000}.underline:hover{text-decoration:underline}#root,.full-h{height:100vh}strong,.strong{font-weight:600}.button{display:flex;font-weight:500;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;text-decoration:none;justify-content:center;--webkit-user-select: none;padding:10px 20px 12px}.button.black{background-color:#000}.active-opacity:active{opacity:.6;transition:.2s all ease}.container{width:100%;margin:0 auto;padding:0 10px;max-width:900px}.cover{top:0;left:0;right:0;bottom:0;width:100%;height:100%;position:fixed;filter:blur(50px);transform:scale(1.3);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000}.artist,.events,.lives,.videos,.albums{left:50%;width:100%;position:absolute;background-color:#000;padding:0 0 110px;transform:translate(-50%)}.lives,.albums{padding-top:70px}.information{left:50%;width:100%;max-width:600px;position:absolute;padding:80px 0 110px;transform:translate(-50%)}.information .image{width:400px;height:400px;margin:0 auto;color:#000;perspective:1000px;font-family:monospace}.information .image img{width:400px;height:400px}.playlist .track .image{width:50px;height:50px;background-size:contain}.information .image .image-inner{width:100%;height:100%;position:relative;transition:transform 1s;transform-style:preserve-3d}.information .image .image-inner .front,.information .image .image-inner .back{top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;position:absolute;border-radius:5px;backface-visibility:hidden}.information .image .back{transform:rotateY(180deg);background-size:cover;background-position:center;background-repeat:no-repeat}.information .image:hover .image-inner{transform:rotateY(-180deg)}.information .image .back .back-info{width:100%;padding:10px;background-color:#000c}.information .image .back .back-info h3{font-size:1em;margin-bottom:5px}.information .image .back .back-info p,.information .image .back .back-info span{font-size:.6em}.information .image .back .back-info a,.information .image .back .back-info button{width:80px;padding:6px 0;font-size:.6em;border:1px solid #333333}.information .album{margin-bottom:10px}.information .album h1{font-size:1.7em}.information .album h2{font-size:1em}.information .album .album-info{margin-top:5px}.information .album .album-info em{color:#dadada;font-size:.75em}.information .album .album-info span{font-size:1em}.information .album a:hover{text-decoration:underline;color:#d0d0d0}.information .play-button{width:60px;height:60px;border-radius:50em;margin:0 10px 10px;background-color:#ffffffe6}.information .play-button span{font-size:2.3em;color:#000}.information .play-button[disabled]{opacity:.3;pointer-events:none}.information button.small{width:40px;height:40px;border-radius:50em;background-color:#0003}.information button.small span{font-size:.9em}.information .playlist{padding:0 10px}.information .playlist a{display:block;margin-bottom:4px}.information .playlist .track{font-size:.8em;margin-bottom:3px;border-radius:10px;padding:15px 15px 15px 5px}.information .playlist .track:hover{background-color:#0003}.information .playlist .track .track-number{width:30px;height:30px;border-radius:50em}.information .playlist .track .name-button{font-weight:600;text-align:left;padding-bottom:5px;justify-content:flex-start}.information .playlist .track.active{background-color:#0000001a}.information .playlist .track .control{display:none}.information .playlist .track:hover .control{display:flex}.information .playlist .track:hover .number{display:none}.player{left:0;right:0;bottom:0;z-index:999999;position:fixed;background-color:#212121}.player .player-container{padding:0 20px;min-height:90px}.player .player-buttons .big span{font-size:2.5em}.player .play-button{display:none}.player .play-button span{font-size:2em}.player .player-buttons button.disabled{opacity:.4;pointer-events:none}.player .player-duration em,.player .player-duration span{color:#999;font-size:.8em}.player-information .mini-image{width:50px;height:50px;border-radius:5px;background-size:cover;background-position:center;background-repeat:no-repeat}.player .player-information .track-info span,.player .player-information .track-info strong{font-size:.8em}.player .player-information .track-info a,.player .player-information .track-info span{color:#999}.player .player-information .track-info a:hover{text-decoration:underline;color:#d0d0d0}.player .progress{left:0;right:0;top:-14px;position:absolute}.player .progress .progress-bar::-webkit-slider-thumb{color:red;background-color:red;border-image:linear-gradient(90deg,var(--c) 50%,#999999 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}.player .progress .progress-bar::-moz-range-thumb{color:red;background-color:red;border-image:linear-gradient(90deg,var(--c) 50%,#999999 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}.player .expand-button span{font-size:1.7em}.card{width:180px;margin-right:20px;position:relative;white-space:normal;vertical-align:top;display:inline-block;font-size:.8em}.card .card-image{width:180px;height:180px;border-radius:5px;background-size:cover;background-position:center;background-repeat:no-repeat}.card .card-info{padding:10px 5px;text-align:center}.card .card-info span,.card .card-info strong{font-size:.8em}.artist-cover{width:100%;height:370px;background-size:270px;background-repeat:no-repeat;background-position:center 50px}.artist-cover h1{font-size:1.9em;margin-bottom:10px}.artist-cover p,.artist-cover span{font-size:.85em}.artist-cover button{width:100px;padding:7px 0;font-size:.9em;border:1px solid #333333}.artist-gradient{background:linear-gradient(180deg,#fff0,#111)}.song{padding:10px 0;border-bottom:1px solid #222222}.song:last-child{border-bottom:none}.song .image{width:35px;height:35px;border-radius:3px;background-size:cover;background-repeat:no-repeat;background-position:center}.song .name strong,.song .artist-name span,.song .play-count span,.song .album-name span{font-size:.8em}.song .artist-name span,.song .play-count span,.song .album-name span{color:#999}.song .song-arrow{width:35px;height:35px;border-radius:50em;transition:.3s all ease;background-color:#222}.song:hover .song-arrow{background-color:#444}.song:hover .name strong{text-decoration:underline}.scroll-container{display:flex;position:relative;align-items:center}.scroll-container .left-arrow,.scroll-container .right-arrow{top:75px;position:absolute}.scroll-container .left-arrow{left:0;z-index:9999;margin-left:2px}.scroll-container .right-arrow{right:0;z-index:9998;margin-right:2px}.scroll-container .left-arrow button,.scroll-container .right-arrow button{padding:0;width:35px;height:35px;opacity:.8;cursor:pointer;border-radius:50em;border:1px solid #ffffff;background-color:#000}.scroll-container .left-arrow button:hover,.scroll-container .right-arrow button:hover{opacity:1}.scroll-container .left-arrow button span,.scroll-container .right-arrow button span{line-height:1;font-size:1.5em}.scrollable{width:100%;-webkit-user-select:none;user-select:none;overflow-x:hidden;white-space:nowrap}.scrollable::-webkit-scrollbar{height:1px;background-color:#111}.scrollable::-webkit-scrollbar-track{height:1px;background-color:#111}.scrollable::-webkit-scrollbar-thumb{height:1px;background-color:#111}.scrollable::-webkit-scrollbar-thumb:window-inactive{background:#111}.grid .card{width:100%}.grid .card .card-image{width:95%;height:auto;margin:0 auto;object-fit:cover;aspect-ratio:1/1}.search{left:0;right:0;top:15px;z-index:999999;position:absolute}.search-container{padding:0 10px;border-radius:10px;background-color:#2b2b2b99;border:1px solid rgba(255,255,255,.3);width:calc(100% - 40px);max-width:550px}.search-container input{padding:8px 0;font-size:.9em;min-width:250px;background-color:transparent}.search-container input::placeholder{color:#dadada}.search-container label{font-size:1em;color:#dadada}.hide{display:none}.event-card{width:260px;margin-right:15px;display:inline-block}.event-card.public .event-date{background-color:gold}.event-card.public .event-date span{color:#000}.event-details{flex-direction:column}.event-date{flex-direction:column;padding:5px;gap:3px;background-color:#333;width:80px;height:80px;border-radius:3px}.event-details .event-name{font-size:.9em}.event-details .location{font-size:.8em;color:#999}.event-date .day{font-size:1em;font-weight:700}.event-date .month{font-size:.8em;font-weight:700}.events-list .scroll-container .left-arrow,.events-list .scroll-container .right-arrow{top:60px}.bottom-margin{padding-bottom:160px}.live-grid{width:100%;margin-top:20px;gap:2.2rem;display:grid;grid-template-columns:repeat(3,1fr);justify-items:start}.live-card.enhanced,.video-card.enhanced{background:#333;border-radius:12px;box-shadow:0 2px 12px #0000002e;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s;min-width:0;cursor:pointer}.live-grid .live-card.enhanced:hover,.videos-grid .video-card.enhanced:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 6px 24px #00000047}.live-thumbnail-wrapper{width:100%;aspect-ratio:16/9;background:#222;position:relative;overflow:hidden}.live-thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.live-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.live-card.enhanced:hover .live-thumbnail img,.video-card.enhanced:hover .video-thumbnail img{transform:scale(1.06)}.live-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:10px 14px;background:linear-gradient(0deg,#000000b3 60%,#0000);width:100%;min-height:40px;z-index:2}.video-count-badge{background:#ff1744;color:#fff;font-size:.7em;font-weight:700;border-radius:20px;padding:3px 12px;box-shadow:0 1px 4px #0000002e;letter-spacing:.02em}.recent-badge{position:absolute;top:10px;right:10px;background:#00e676;color:#fff;font-size:.7em;font-weight:700;border-radius:16px;padding:2px 10px;z-index:3;box-shadow:0 1px 4px #0000002e}.live-info,.video-info{padding:5px;display:flex;flex-direction:column;font-size:.92em}.live-title,.video-title{font-size:1em;font-weight:600;margin:0 0 .3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-details,.video-details{display:flex;align-items:center;gap:10px;color:#bdbdbd;font-size:.85em;justify-content:right}.live-date,.video-date{color:#bdbdbd;font-size:.85em}.live-description,.video-description{color:#e0e0e0;font-size:.85em;margin:.2em 0 0;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.no-lives{color:#bdbdbd;font-size:1.1em;text-align:center;padding:2em 0}.live-card{width:260px;min-width:220px;max-width:320px;margin:0 12px;vertical-align:top;box-sizing:border-box}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.video-thumbnail-wrapper{width:100%;aspect-ratio:16/9;background:#222;position:relative;overflow:hidden}.video-thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.video-number{position:absolute;top:10px;left:10px;background:#ff1744;color:#fff;font-size:.95em;font-weight:600;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000002e;z-index:2}.video-item{position:relative}.video-details h3{font-size:2em;margin:0 0 .3em;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-date{color:#bdbdbd;font-size:.9em;margin-top:.2em}.video-card{width:260px;min-width:220px;max-width:320px;margin:0 12px;vertical-align:top;box-sizing:border-box}.modal-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.modal-content{border-radius:12px;box-shadow:0 8px 32px #000a;padding:2rem 1.5rem 1.5rem;max-width:90vw;max-height:80vh;width:1000px;position:relative;display:flex;flex-direction:column;align-items:center}.youtube-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"header" "player" "description" "playlist";width:100%;padding-bottom:40px;min-height:120vh}.youtube-layout .video-header{grid-area:header;width:100%;margin-bottom:8px;text-align:center}.youtube-layout .player-section{grid-area:player;width:100%;position:sticky;top:0;z-index:100;background:#000;border-radius:8px;overflow:hidden}.youtube-layout .playlist-section{grid-area:playlist;overflow-y:auto;scroll-margin-top:calc(60vh + 40px)}.youtube-layout .player-section h3{border-top:1px solid rgba(255,255,255,.1);margin-bottom:5px;font-size:1.3rem;padding-top:5px}.youtube-layout .description-section{grid-area:description;margin-top:20px;padding-top:10px}.vertical-playlist{display:flex;flex-direction:column;margin-top:12px}.vertical-playlist .video-item{display:flex;flex-direction:row;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.vertical-playlist .video-item:hover{background-color:#ffffff1a}.vertical-playlist .video-item.selected{background-color:#ffffff26}.vertical-playlist .video-thumb{width:168px;height:94px;min-width:168px;object-fit:cover;border-radius:6px}.vertical-playlist .video-details{display:flex;flex-direction:column;margin-left:12px;flex:1;justify-content:flex-start}.vertical-playlist .video-stats{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;margin-top:4px}.vertical-playlist .video-stats .views,.vertical-playlist .video-stats .likes,.vertical-playlist .video-stats .comments{font-size:12px;color:#aaa;display:flex;align-items:center}.vertical-playlist .video-stats .views:before,.vertical-playlist .video-stats .likes:before,.vertical-playlist .video-stats .comments:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;background-repeat:no-repeat;background-position:center;background-size:14px}.vertical-playlist .video-stats .views:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.vertical-playlist .video-stats .likes:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z'/%3E%3C/svg%3E")}.vertical-playlist .video-stats .comments:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12l4 4V4c0-1.1-.9-2-2-2zm-6 9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-4 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-4 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'/%3E%3C/svg%3E")}.vertical-playlist .video-details h3{font-size:14px;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.vertical-playlist .video-date{font-size:12px;color:#aaa}@media (max-width: 768px){.youtube-layout{gap:16px}.youtube-layout .player-section{top:10px}.youtube-layout .playlist-section{max-height:none}.vertical-playlist .video-thumb{width:120px;height:68px;min-width:120px}.vertical-playlist .video-details h3{font-size:13px;-webkit-line-clamp:3}}@media (max-width: 750px){.player .player-container{padding:0 10px}.player .player-information{justify-content:flex-start}.player .player-buttons,.player .expand-button{display:none}.player .play-button{display:flex}.player .volume-control{display:none}.song .image{width:45px;height:45px}.song .name{flex-direction:column;align-items:flex-start}.song .artist,.song .play-count,.song .album-name{flex:unset}}@media (max-width: 600px){.information .image,.information .image img{width:320px;height:320px}.song{font-size:1em}.grid{grid-template-columns:repeat(2,1fr)}.live-grid{grid-template-columns:repeat(1,1fr);gap:1.2rem}}@media (max-width: 450px){.song .play-count{display:none}.grid{grid-template-columns:repeat(1,1fr)}.event-card{width:100%;margin-right:0}.artist-cover h1{font-size:1.7em}.artist-cover p,.artist-cover span{font-size:.9em}.artist-cover button{font-size:.85em}}