:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:dark;color:#ffffffde;background-color:#2b2b2b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4,h5,h6,input,button,textarea,p,span,div{font-size:1rem;font-weight:400}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#2b2b2b}#root{width:100%;height:100%}body.is-tv{cursor:none!important}body.is-tv *{cursor:none!important;user-select:none!important}.api-movie-box.focused{transform:scale(1.15)!important;z-index:100!important;box-shadow:none!important;background-color:#333}.api-movie-box{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.key-btn.focused,.tab-btn.focused{outline:none;background-color:#fff!important;color:#2b2b2b!important;transform:scale(1.08);box-shadow:none!important;z-index:5}.service-box.focused,.last-watched-card.focused,.suggestion-card.focused{outline:none;transform:scale(1.05);box-shadow:none!important;z-index:100!important;background-color:#333}.key-btn,.tab-btn,.service-box,.last-watched-card,.suggestion-card,.api-movie-box{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .4s ease!important}.service-box.focused img{filter:brightness(1.1)}.app-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#2b2b2b}.top-bar{width:100%;padding:90px 40px 0;box-sizing:border-box;background-color:#2b2b2b;z-index:20;transition:padding .3s ease}.top-bar.collapsed-layout{padding-left:70px}.bottom-container{display:flex;flex-direction:row;flex:1;width:100%;overflow:hidden}.left-panel{width:360px;flex-shrink:0;padding:0 10px 60px 30px;display:flex;flex-direction:column;gap:8px;z-index:10;box-sizing:border-box;transition:width .3s ease,padding .3s ease}.left-panel.collapsed{width:40px;padding:10px 10px 60px 0;align-items:flex-start}.keyboard-collapsed-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;height:270px;margin-top:30px;width:60px;background-color:#3a3a3a;border-radius:12px;transform:translate(-50%);cursor:pointer;color:#aaa;transition:background-color .2s;padding:20px 0;gap:10px;border:none;outline:none}.keyboard-collapsed-tab:hover{background-color:#555;color:#fff}.keyboard-collapsed-tab.focused{background-color:#555!important;transform:translate(-50%) scale(1.05);box-shadow:none!important;z-index:100!important}.tab-btn.collapse-btn{flex:0 0 50px}.search-input{width:100%;padding:6px 0;font-size:2.8rem;font-weight:700;border-radius:12px;border:none;background-color:transparent;color:#777;outline:none;transition:all .2s}.search-input::placeholder{color:#777;opacity:1}.keyboard-tabs{display:flex;gap:0;margin-bottom:0;background-color:#3a3a3a;padding:2px;border-radius:8px;width:100%}.tab-btn{flex:1;text-align:center;background:none;border:none;color:#aaa;font-size:1.2rem;font-weight:700;cursor:pointer;padding:6px 0;border-radius:6px;transition:all .2s;position:relative}.tab-btn:first-child:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#555}.tab-btn:hover:after,.tab-btn:hover+.tab-btn:before{opacity:0}.tab-btn:hover{background-color:#4a4a4a;border-color:#666}.tab-btn.active{color:#fff;background-color:transparent;border-bottom:none;box-shadow:none}.tab-btn.active:hover{background-color:#fff;color:#2b2b2b;border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}.mobile-tv-link{display:none}@media(max-width:768px){.mobile-tv-link{display:flex!important}.search-suggestions-container,.left-panel{display:none!important}.top-bar{padding:60px 20px 0!important}.top-bar.collapsed-layout{padding-left:20px!important}.search-input{font-size:1.8rem!important}.right-panel{padding:0 15px!important}.mobile-scroll-container{padding-bottom:0!important}}.keyboard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.key-btn{aspect-ratio:1;background-color:transparent;border:none;border-radius:8px;color:#aaa;font-size:1.6rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.key-btn:hover{background-color:#4a4a4a;border-color:#666}.key-btn:active{transform:scale(.95)}.key-btn.action-btn{aspect-ratio:auto;height:50px;font-size:.9rem;background-color:transparent}.key-btn.space-btn-half{grid-column:span 2;aspect-ratio:auto;height:50px;font-size:1.2rem;font-weight:700}.key-btn.delete-btn{grid-column:span 2;aspect-ratio:auto;height:50px;font-size:1.3rem;font-weight:400}.right-panel{flex:1;padding:0 40px 10px 30px;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.content-type-toggle{display:flex;justify-content:center;margin-bottom:30px;gap:10px}.content-type-btn{padding:10px 20px;background-color:#3a3a3a;border:none;border-radius:20px;color:#aaa;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.content-type-btn.active{background-color:#007aff;color:#fff}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;width:100%}.movie-box{width:100%;aspect-ratio:3/2;background-color:#333;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:none}.movie-box:active{transform:scale(.98)}.movie-placeholder{color:#888;font-weight:500;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(10px);animation:fadeIn .2s}.modal-content{background-color:#2a2a2a;padding:40px;border-radius:16px;max-width:700px;width:90%;position:relative;box-shadow:0 20px 50px #00000080;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;padding:5px;line-height:1}.modal-close-btn:hover{color:#fff}.modal-title{margin-top:0;color:#fff;font-size:2rem;margin-bottom:20px}.modal-description{color:#ccc;line-height:1.6;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.movies-header-wrapper{margin-top:20px}@media(max-width:768px){.movies-header-wrapper{margin-top:60px}}@media(max-width:768px){.clear-filter-btn-overlay{display:none!important}}@media(max-width:768px){.continue-watching-list{display:block!important;gap:0!important;overflow-x:hidden!important;padding-bottom:0!important}.continue-watching-list .last-watched-card{min-width:0!important;width:100%!important;margin:0!important}.continue-watching-list .last-watched-card:not(:first-child){display:none!important}}@media(max-width:768px){.api-movie-box:hover{transform:none!important;background-color:#1a1a1a!important}}@media(max-width:768px){.related-content-section{display:none!important}}.mobile-scroll-container{position:relative;scroll-behavior:smooth;scroll-padding-top:50px;scroll-padding-bottom:50px;scrollbar-width:none;-ms-overflow-style:none}.mobile-scroll-container::-webkit-scrollbar{display:none}