body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141414;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}.login-container{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.background-banner{background:linear-gradient(45deg,#1e1e1e,#121212);z-index:-1}.background-banner,.background-banner:after{height:100%;left:0;position:absolute;top:0;width:100%}.background-banner:after{animation:background-pan 20s linear infinite alternate;background:linear-gradient(45deg,#00aaff1a,#ff00aa1a);content:""}@keyframes background-pan{0%{background-position:0 50%}to{background-position:100% 50%}}.login-form,.qr-code-container{background-color:#000000b3;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;max-width:420px;padding:50px;text-align:center;width:100%;z-index:1}.login-form h2,.qr-code-container h2{color:#0af;font-size:2.5rem;font-weight:700;margin-bottom:15px;margin-top:0;text-align:center}.login-form p,.qr-code-container p{color:#ccc;font-size:1rem;margin-bottom:30px;margin-top:0;text-align:center}.login-form input{background-color:#2c2c2c;border:2px solid #555;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:20px;padding:18px;transition:border-color .3s,box-shadow .3s}.login-form input:focus{border-color:#0af;box-shadow:0 0 10px #00aaff80;outline:none}.login-form button,.switch-button{background-color:#0af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:18px;transition:background-color .3s,transform .2s}.login-form button:focus,.login-form button:hover,.switch-button:focus,.switch-button:hover{background-color:#08c;transform:translateY(-2px)}.switch-button{background-color:initial;border:2px solid #0af}.error-message{font-weight:700;margin-bottom:20px}.qr-code-container canvas{border:5px solid #fff;border-radius:10px;margin:0 auto 20px}.category-list-container{padding:20px}.category-row{margin-bottom:30px}.category-header{border-left:4px solid #0af;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;padding-left:10px;text-align:left}.content-row{display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:20px}.content-row::-webkit-scrollbar{display:none}.content-row{-ms-overflow-style:none;scrollbar-width:none}.content-info{position:relative}.favorite-button{background:#0000;border:none;color:#ffc107;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:transform .2s}.favorite-button:hover{transform:scale(1.2)}.shimmer-header{background-color:#444;border-radius:4px;height:30px;margin-bottom:15px;width:200px}.episode-list-container{padding:20px}.back-button{align-items:center;background:linear-gradient(45deg,#0af,#07c);border:none;border-radius:25px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;margin-bottom:25px;padding:12px 25px;transition:all .3s ease}.back-button:focus,.back-button:hover{box-shadow:0 6px 12px #0af6;outline:none;transform:translateY(-3px)}.episode-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.episode-card{background:linear-gradient(45deg,#2a2a2a,#3c3c3c);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 15px #0006;color:#e0e0e0;cursor:pointer;overflow:hidden;transition:all .3s ease}.episode-card:focus,.episode-card:hover{box-shadow:0 10px 25px #000000b3;outline:none;transform:translateY(-8px)}.episode-card:focus{box-shadow:0 10px 25px #00aaffb3;outline:3px solid #0af;transform:translateY(-8px) scale(1.05)}.episode-poster{aspect-ratio:16/9;background-color:#1f1f1f;height:auto;object-fit:cover;width:100%}.episode-info{padding:15px}.episode-title{font-size:1rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shimmer-poster{height:112.5px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.modal-content{background-color:#fff;border-radius:8px;max-width:500px;padding:20px;position:relative;width:100%}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.spinner-container{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9999}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#0af;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.react-player{left:0;position:absolute;top:0}.player-controls{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.player-container:hover .player-controls{opacity:1}.controls-center,.controls-left,.controls-right{align-items:center;display:flex}.control-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin:0 10px}.volume-control{align-items:center;display:flex}.volume-slider{margin-left:10px;width:100px}.progress-bar{margin:0 20px;width:500px}.time-display{color:#fff;font-size:1rem}.live-indicator{align-items:center;color:red;display:flex;font-size:1rem;margin-right:15px}.live-indicator svg{animation:pulse 1.5s infinite;margin-right:5px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.player-back-button{align-items:center;background:#0009;border:1px solid #ffffff80;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;left:30px;padding:12px 25px;position:absolute;top:30px;transition:all .3s ease;z-index:1001}.player-back-button:focus,.player-back-button:hover{background:#0afc;border-color:#0af;outline:none;transform:scale(1.05)}.top-right-overlay{color:#fff;position:absolute;right:30px;text-align:right;text-shadow:1px 1px 2px #000c;top:30px}.top-right-overlay p{font-size:1.2rem;margin:0}.bottom-left-overlay{bottom:100px;color:#fff;left:30px;position:absolute;text-shadow:1px 1px 2px #000c}.bottom-left-overlay p{font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.player-controls{flex-direction:column}.controls-center{order:-1;width:100%}.progress-bar{margin:0 0 10px;width:100%}.time-display{bottom:5px;position:absolute;right:20px}.controls-left,.controls-right{justify-content:space-around;margin-top:10px;width:100%}.player-controls{flex-direction:column}.controls-center,.controls-left,.controls-right{justify-content:center;margin-bottom:10px;width:100%}.volume-slider{width:80px}.progress-bar{width:100%}.catchup-slider input{width:100px}}.favorites-list-container{padding:20px}.favorites-list-container h2{border-left:4px solid #0af;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;padding-left:10px}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.content-card{background:linear-gradient(45deg,#2a2a2a,#3c3c3c);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 15px #0006;color:#e0e0e0;cursor:pointer;flex:0 0 auto;margin-right:20px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.content-card:focus,.content-card:hover{box-shadow:0 10px 25px #000000b3;outline:none;transform:translateY(-8px)}.content-card:focus{box-shadow:0 10px 25px #00aaffb3;outline:3px solid #0af;transform:translateY(-8px) scale(1.05)}.content-poster{aspect-ratio:2/3;background-color:#1f1f1f;height:auto;object-fit:cover;width:100%}.content-info{padding:15px}.content-title{font-size:1rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-favorite-button{background-color:#ff4d4d;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;font-size:.9rem;opacity:0;padding:8px 12px;position:absolute;right:10px;transition:opacity .3s ease}.content-card:hover .remove-favorite-button{opacity:1}.shimmer-poster{background-color:#444;height:267px;width:100%}.shimmer-info{padding:15px}.shimmer-title{background-color:#444;border-radius:4px;height:20px;width:80%}.main-navigation{background:linear-gradient(0deg,#1c1c1c,#2a2a2a);bottom:0;box-shadow:0 -5px 15px #0000004d;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;right:0;z-index:1000}.main-navigation .nav-header{display:none}.main-navigation button{align-items:center;background:none;border:none;border-radius:8px;color:#b0b0b0;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;padding:5px 10px;transition:all .3s ease}.main-navigation button svg{font-size:1.5rem;margin-bottom:5px}.main-navigation button.active{color:#0af;transform:translateY(-3px)}@media (min-width:768px){.main-navigation{background:linear-gradient(90deg,#1c1c1c,#2a2a2a);bottom:0;box-shadow:5px 0 20px #00000080;flex-direction:column;justify-content:flex-start;left:0;padding-top:0;position:fixed;top:0;transition:width .3s ease;width:220px}.main-navigation.collapsed{width:80px}.main-navigation .nav-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.main-navigation.collapsed .nav-header{justify-content:center}.logo-container{height:40px;width:40px}.logo{height:100%;width:100%}.main-navigation.collapsed .logo-container{display:none}.collapse-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.8rem}.main-navigation.collapsed .collapse-toggle{margin-left:0}.main-navigation button{border-left:5px solid #0000;border-radius:0;flex-direction:row;font-size:1.2rem;justify-content:flex-start;padding:20px 30px;width:100%}.main-navigation.collapsed button span{display:none}.main-navigation button svg{font-size:1.8rem;margin-bottom:0;margin-right:20px}.main-navigation.collapsed button svg{margin-right:0}.main-navigation button.active{background-color:#00aaff1a;border-left-color:#0af;color:#fff;transform:none}}.settings-container{color:#fff;padding:20px}.settings-form{background-color:#1f1f1f;border-radius:8px;margin:0 auto;max-width:600px;padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:1.1rem;font-weight:500;margin-bottom:10px}.form-group input{background-color:#2c2c2c;border:2px solid #444;border-radius:5px;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#0af;box-shadow:0 0 8px #00aaff80;outline:none}.form-group-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-group-toggle label{font-size:1.1rem;font-weight:500}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#0af}input:focus+.slider{box-shadow:0 0 1px #0af}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.save-button{background-color:#0af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:background-color .3s,transform .2s;width:100%}.save-button:focus,.save-button:hover{background-color:#08c;transform:translateY(-2px)}.shimmer{background-color:#333;overflow:hidden;position:relative}.shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes shimmer{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.shimmer-label{height:20px;margin-bottom:10px;width:100px}.shimmer-input,.shimmer-label{background-color:#444;border-radius:4px}.shimmer-input{height:40px;width:100%}.shimmer-switch{background-color:#444;border-radius:34px;height:34px;width:60px}.shimmer-button{background-color:#444;border-radius:8px;height:50px;margin-top:20px;width:100%}.logout-button{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:15px;padding:15px;transition:background-color .3s,transform .2s;width:100%}.logout-button:focus,.logout-button:hover{background-color:#c00;transform:translateY(-2px)}.main-header{align-items:center;background:linear-gradient(180deg,#1c1c1c,#2a2a2a);box-shadow:0 5px 15px #0000004d;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;top:0;z-index:999}.search-container{max-width:600px;position:relative;width:100%}.search-icon{color:#aaa;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{background-color:#2c2c2c;border:2px solid #444;border-radius:25px;color:#fff;font-size:1rem;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.search-container input:focus{border-color:#0af;box-shadow:0 0 10px #00aaff80;outline:none}.user-profile{margin-left:20px;position:absolute;right:30px}.profile-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem}.profile-button span{margin-left:10px}.dropdown-menu{background-color:#2c2c2c;border-radius:8px;box-shadow:0 5px 15px #00000080;overflow:hidden;position:absolute;right:0;top:100%;width:150px;z-index:1000}.dropdown-menu a{align-items:center;color:#fff;display:block;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .3s}.dropdown-menu a svg{margin-right:10px}.dropdown-menu a:hover{background-color:#444}@media (min-width:768px){.main-header{left:220px;transition:left .3s ease}.main-header.collapsed{left:80px}}.main-screen-container{display:flex;height:100vh}.main-content{flex-grow:1;overflow-y:auto;padding:80px 20px 20px}@media (min-width:768px){.main-content{margin-left:220px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:80px}}@media (max-width:767px){.main-content{padding-bottom:80px}}.error-message{color:#ff6b6b;font-size:1.2rem;padding:20px}.App,.error-message{text-align:center}
/*# sourceMappingURL=main.ac4a6fdc.css.map*/