*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) rgba(0,0,0,0)}::-webkit-scrollbar{width:.375em;height:.375em}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:.25em}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}@keyframes fadeInScale{from{opacity:0;transform:translate(-50%, -50%) scale(0.9)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes hotspotReveal{0%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,0)}15%{box-shadow:inset 0 0 0 .125em hsla(0,0%,100%,.4)}30%{box-shadow:inset 0 0 0 .125em hsla(0,0%,100%,.6),0 0 1em hsla(0,0%,100%,.3)}60%{box-shadow:inset 0 0 0 .125em hsla(0,0%,100%,.4),0 0 .5em hsla(0,0%,100%,.2)}100%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,0)}}#player-container{width:100%;height:100%;position:relative}.overlay-highlight{animation:hotspotReveal 5s ease-out 1.5s 1 forwards}#player{width:100%;height:100%}#player-overlay-left,#player-overlay-right{position:absolute;top:25%;width:33.33%;height:50%;z-index:10;cursor:pointer}#player-overlay-left{left:0}#player-overlay-right{right:0}.menu-button{position:fixed;top:0;left:0;width:10em;height:10em;background:rgba(0,0,0,0);border:0;z-index:11}.menu{position:fixed;z-index:11;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.9)}.menu[hidden]{display:none}.menu-inner{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 0;height:100%;width:60rem;max-width:100%}.menu-header,.menu-footer{flex:0 0 auto}.menu-actions{display:flex;gap:.5rem}.menu-actions button{background:rgba(0,0,0,.9);flex:1;font-weight:bold}.menu-categories{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 0}.menu-categories button{padding:.75rem 1rem;font-weight:bold;white-space:nowrap}.menu-categories .random-btn button{background:rgba(0,0,0,.9)}.menu-categories .category-btns{display:flex;gap:.5rem;flex:1;overflow-x:auto}.menu-content{flex:1;display:flex;overflow-y:auto;border-top:.125em solid hsla(0,0%,100%,.3);min-height:0}.menu-playlists,.menu-qr{flex:1}.menu-playlists[hidden],.menu-qr[hidden]{display:none}.menu-playlists{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem;padding:.5rem 0;overflow-y:auto}.menu-qr{display:flex;justify-content:center;align-items:center;padding:1rem;flex-direction:column;width:100%}.qr-img{padding:0;max-width:40vh;border:.25em solid hsla(0,0%,100%,.3);border-radius:.5em;background:rgba(0,0,0,0)}.qr-img img{display:block;width:100%;height:auto}.menu-footer{padding-top:.5rem}body.screen-off{background:#000}body.screen-off #player{visibility:hidden}body.screen-off::before{content:"";position:fixed;inset:0;background:#000;z-index:1;pointer-events:none}.display-message{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;padding:1.5rem 2.5rem;border-radius:.75em;font-size:1.25rem;font-weight:bold;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:.0625em solid hsla(0,0%,100%,.3);color:#fff;pointer-events:none;opacity:0;transition:opacity .3s}.display-message.show{opacity:1}button{padding:1.5em;font-size:1em;background:hsla(0,0%,100%,.15);color:#fff;border:.0625em solid hsla(0,0%,100%,.3);border-radius:.25em;cursor:pointer}button:active{transform:scale(0.95)}button.selected{background:#fff !important;color:#000 !important}.submit-page{overflow-y:auto;background:rgba(0,0,0,.9);color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}.submit-container{width:100%;max-width:80vw}.submit-title{font-size:1.5rem;margin-bottom:1rem;text-align:center;font-weight:bold}.submit-form{display:flex;flex-direction:column;gap:.75rem}.search-controls{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.submit-input{padding:1.5em;font-size:1em;background:hsla(0,0%,100%,.15);color:#fff;border:.0625em solid hsla(0,0%,100%,.3);border-radius:.25em;cursor:pointer;flex:1;padding:1rem;font-size:16px}.submit-input:active{transform:scale(0.95)}.submit-input.selected{background:#fff !important;color:#000 !important}.submit-input::placeholder{color:hsla(0,0%,100%,.5)}.submit-input:focus{outline:none;border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.2)}.submit-input::-webkit-search-cancel-button{-webkit-appearance:none;height:1.25em;width:1.25em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1.25em;cursor:pointer;opacity:.7}.submit-input::-webkit-search-cancel-button:hover{opacity:1}.submit-button,.search-button{padding:1.5em;font-size:1em;background:hsla(0,0%,100%,.15);color:#fff;border:.0625em solid hsla(0,0%,100%,.3);border-radius:.25em;cursor:pointer;background:rgba(0,0,0,.9);font-weight:bold;padding:1rem;font-size:1rem;white-space:nowrap}.submit-button:active,.search-button:active{transform:scale(0.95)}.submit-button.selected,.search-button.selected{background:#fff !important;color:#000 !important}.submit-button:disabled,.search-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-results-container{margin-top:1.5rem;padding-bottom:5rem;animation:fadeIn .3s}.search-results-container.hidden{display:none}.search-results-wrapper{background:rgba(0,0,0,.9);border:.0625em solid hsla(0,0%,100%,.3);margin-bottom:1rem}.search-results{border-radius:.25em .25em 0 0;overflow-y:auto}.search-result-item{display:flex;gap:.75em;padding:.75em;cursor:pointer;transition:background-color .15s;border-bottom:.0625em solid hsla(0,0%,100%,.2)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:hsla(0,0%,100%,.1)}.search-result-item.selected{background:hsla(0,0%,100%,.15)}.result-thumbnail-wrapper{position:relative;width:7.5em;height:4.25em;flex-shrink:0}.result-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:.25em;background:hsla(0,0%,100%,.05)}.playlist-video-count{position:absolute;bottom:.25em;right:.25em;background:rgba(0,0,0,.85);color:#fff;font-size:.625em;padding:.125em .375em;border-radius:.1875em;font-weight:600}.result-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.result-title{font-size:.875em;font-weight:500;color:#fff;line-height:1.4;margin-bottom:.25em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-meta{display:flex;gap:.5em;font-size:.75em;color:hsla(0,0%,100%,.5);flex-wrap:wrap}.result-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9.375em}.result-duration{padding:.125em .3125em;background:rgba(0,0,0,.6);border-radius:.1875em;font-size:.625em}.result-date{font-size:.625em}.search-loading,.search-no-results,.search-error{padding:1em;text-align:center;color:hsla(0,0%,100%,.5);font-size:.8125em}.search-error{color:hsl(4.1052631579,89.6226415094%,78.431372549%)}.search-section-title{font-size:.75rem;color:hsla(0,0%,100%,.5);margin:1rem 0 .5rem .75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:bold}.playlist-badge{display:inline-block;font-size:.75em;padding:.125em .375em;background:hsla(0,0%,100%,.1);border-radius:.1875em;margin-right:.25em;font-weight:normal}/*# sourceMappingURL=pi_stuff.css.map */