*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(to bottom,#fff,#634db8);font-family:Inter,sans-serif}a{text-decoration:unset;color:unset}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.site-wrapper{min-height:100dvh;display:flex;flex-direction:column;position:relative}header{height:110px;background-color:#161616;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;position:relative;z-index:1000}header .site-logo{height:3.25em;width:auto;margin-right:.5rem}header .site-title{margin-right:auto;height:2.25em;width:auto}.header-nav{display:flex;gap:1.2rem;align-items:center;transition:all .3s ease-in-out}.header-nav a,.login-link{color:#f87a20;text-decoration:none;font-size:1rem;padding:.4rem .6rem;border-radius:4px;transition:background .2s ease}.header-nav a:hover,.login-link:hover{background-color:#ffffff1a;color:#2dd4bf}.hamburger{display:none;background:none;border:none;font-size:1.8rem;color:#f87a20;cursor:pointer}@media (max-width: 768px){.hamburger{display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1000}.header-nav{position:absolute;top:100%;left:0;right:0;width:50%;background-color:#1a1a1a;flex-direction:column;align-items:flex-start;padding:1rem;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translate(100%);transition:transform .3s ease-in-out}.header-nav.open{max-height:500px;opacity:1;pointer-events:auto}.header-nav a,.login-link{width:100%;padding:.8rem 1rem;font-size:1.1rem}}main{flex:1;padding-bottom:130px}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.back-button{display:inline-block;margin-top:20px;padding:10px;background-color:#f87a20;color:#fff;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px #0000001a;font-size:1rem;border:none}.back-button:hover{background-color:#2dd4bf;text-decoration:none;transform:translateY(-2px)}footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#161616;color:#f1f5f9;padding:1rem 2rem;font-size:.9rem;height:74px;position:fixed;bottom:0;left:0;right:0;z-index:1000}.footer-nav{display:flex;gap:2rem;margin-bottom:.5rem;transition:all .3s ease-in-out}.footer-copyright{font-size:.8rem;color:#94a3b8}.footer-nav a,.back-to-top-button{color:#f1f5f9;text-decoration:none;font-size:1.5rem;transition:color .3s ease}.footer-nav a:hover{color:#2dd4bf}.footer-nav a.active{font-weight:700;text-decoration:underline;color:#2dd4bf}@media (max-width: 600px){.footer{padding:.75rem 0;background-color:#161616;color:#aaa;height:74px;display:flex;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;font-weight:500}.footer-nav{gap:1.5rem;margin-bottom:.5rem;transition:all .3s ease-in-out}.footer-nav a,.back-to-top-button{font-size:1.25rem}.footer-copyright{font-size:.75rem;color:#94a3b8}}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background-color:#161616;border-radius:50%;padding:20px;animation:swing 1s ease-in-out infinite,colorChange 1s linear infinite}@keyframes swing{0%{transform:translate(-50%,-50%) rotate(-30deg)}50%{transform:translate(-50%,-50%) rotate(30deg)}to{transform:translate(-50%,-50%) rotate(-30deg)}}@keyframes colorChange{0%{background-color:#161616}25%{background-color:#1e3a8a}50%{background-color:#10b981}75%{background-color:#f59e0b}to{background-color:#161616}}.home-container{padding:45px 23px;align-items:center}@media (min-width: 481px) and (max-width: 1023px){.home-container{padding:30px 15px}.show-list-item{width:180px;padding:12px}}.home-intro{background:url(/assets/bg-image-DCq9Q84V.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:400px;color:#fff;padding:45px 23px;margin-bottom:50px;overflow:auto}.home-container h1{font-weight:700;font-size:2.25rem;line-height:42px;text-shadow:0 2px 4px rgba(0,0,0,1)}.home-container p{line-height:24px;text-shadow:0 2px 4px rgba(0,0,0,2)}.explore-more{display:inline-block;text-align:center;text-decoration:none;background-color:#f87a20;border:none;width:100%;margin-top:27px;padding-block:.75rem;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .2s ease-in-out;box-shadow:0 2px 6px #0000000d}.home-container a:hover{transform:translate(2px,2px)}.home-container h2{font-weight:500;font-size:1.25rem;line-height:42px;text-align:center;padding:10px;background-color:#161616;color:#fff}.home-preview-card{display:grid;grid-template-columns:repeat(2,1fr);overflow-x:auto;overflow-y:visible;padding-bottom:20px;gap:1rem}.preview-card{flex:0 0 80%;scroll-snap-align:start;background-color:transparent;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px #0000001a}.preview-card img{width:100%;border-radius:4px}.preview-card h3{font-size:1rem;margin-top:.5rem;text-align:center}@media (min-width: 768px){.home-preview-card{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;gap:1rem}.preview-card{flex:none}}.show-list{padding:45px 23px;align-items:center}.show-list-container{display:flex;flex-wrap:wrap;gap:1rem}.show-list-intro{font-size:1.25rem;text-align:center;margin-bottom:20px}.show-list h2{font-weight:700;font-size:2.25rem;text-align:center}.show-list-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px;border-radius:10px;box-shadow:0 2px 4px #0000001a;width:200px}.show-list-item img{width:100%;height:120px;object-fit:cover;border-radius:10px}.show-list-item a{text-decoration:none;color:#fff;font-weight:600;margin-top:20px;background-color:#634db8;padding:10px 20px;border-radius:5px}@media (max-width: 768px){.show-list{padding:30px 15px}.show-list h2{font-size:1.75rem;line-height:36px;padding:8px}.show-list-container{justify-content:center;gap:.75rem;overflow:hidden}.show-list-item{width:160px;padding:12px}.show-list-item img{height:100px}}@media (max-width: 480px){.show-list{padding:20px 10px}.show-list h2{font-size:1.5rem;line-height:30px;padding:6px}.show-list-container{justify-content:center;gap:.5rem}.show-list-item{width:140px;padding:10px}.show-list-item img{height:90px}}.genre-container{top:0;padding:20px;width:100%;background-color:#634db8;color:#fff;border-radius:10px;box-shadow:0 4px 6px -2px #0000004d;z-index:1000}.genre-container h1{text-align:center;margin-bottom:20px}.genre-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.genre-list-link{flex:1 1 200px;max-width:250px;background-color:#f87a20;padding:16px 24px;border-radius:10px;text-align:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0000000d}.genre-list-link:hover{background-color:#2dd4bf;transform:translateY(-3px)}.genre-list-link a{text-decoration:none;color:#161616;font-size:2rem;font-weight:600}@media (max-width: 768px){.genre-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;justify-content:flex-start}.genre-list-link{flex:0 0 auto;scroll-snap-align:start}.genre-list::-webkit-scrollbar{display:none}.genre-list{-ms-overflow-style:none;scrollbar-width:none}}.show-genre-list-item{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;flex-direction:column;align-items:center;text-align:center;padding:16px;border-radius:10px;box-shadow:0 2px 4px #0000001a;width:200px}.show-genre-list-item img{width:100%;height:120px;object-fit:cover;border-radius:10px}.shows-sort-options{display:flex;justify-content:center;margin-bottom:20px;padding:10px 0;gap:10px;position:sticky;top:0;background:#fff;z-index:1000}.season-container{padding:1rem}.season-image{width:200px;margin-bottom:1rem}.season-thumb{width:150px;margin-bottom:10px;border-radius:8px;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.seasons-card-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;justify-content:flex-start}.seasons-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px 16px;border-radius:10px;box-shadow:0 2px 4px #0000001a;width:150px}.seasons-card:hover{transform:scale(1.03)}.seasons-button{background-color:#f87a20;color:#fff;border:none;padding:8px 12px;margin-top:.5rem;border-radius:5px;cursor:pointer;font-weight:700}.season-episode-container{padding:1rem}.season-episode-image{width:200px;margin-bottom:1rem}.season-episode-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:start}.season-episode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;border-radius:10px;box-shadow:0 2px 4px #0000001a;width:150px;background-color:#f9f9f9;transition:transform .2s ease}.season-episode-card:hover{transform:scale(1.03)}.season-episode-card h3{font-size:1.2rem;margin-bottom:.5rem;background-color:#f87a20;color:#fff;padding:10px;border-radius:5px}.episode-player{padding:1rem 1rem 4rem;max-width:600px;margin:0 auto}.episode-player__image{width:200px;border-radius:4px}.episode-player__title{margin:1rem 0 .5rem;font-size:1.5rem}.episode-player__subtitle{margin:0 0 1rem;font-size:1.2rem;color:#555}.episode-player__description{font-size:1rem;line-height:1.4;margin-bottom:2rem}.episode-player__controls{border:1px solid #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a;padding:1rem;border-radius:8px}.episode-player__buttons{display:flex;justify-content:center;gap:1rem}.episode-player__button{padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:5px}.episode-player__button:disabled{opacity:.5;cursor:not-allowed}.episode-player__seekbar{width:100%;margin-bottom:.5rem}.episode-player__time{text-align:center;margin-bottom:.5rem;font-size:.9rem}.episode-player__volume{display:flex;align-items:center;justify-content:center;gap:1rem}.episode-player__volume-slider{width:100px}.global-player{position:fixed;bottom:74px;width:100%;background:#fff;border-top:1px solid #ccc;z-index:1000;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.global-player.expanded{bottom:74px;height:auto;max-height:300px;overflow-y:auto}.global-player__header{display:flex;align-items:center;gap:.75rem}.global-player__thumbnail{width:50px;height:50px;border-radius:4px;object-fit:cover;cursor:pointer}.global-player__info{flex:1;font-size:1rem}.global-player__button{font-size:1.2rem;border:none;cursor:pointer}.global-player__body{display:flex;flex-direction:column;gap:.5rem}.global-player__volume{display:flex;align-items:center;gap:.5rem}.global-player-util-buttons{display:flex;align-items:space-between;justify-content:space-between;width:100%;gap:.5rem}.global-player-open-btn,.global-player-close-btn{background-color:#f87a20;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease,transform .2s ease}.episode-player__volume,.global-player__volume{display:flex;align-items:center;gap:.5rem}.volume-icon-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:inherit}@media (max-width: 768px){.global-player{font-size:.9rem;padding:10px;bottom:74px}.global-player-util-buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.global-player-open-btn,.global-player-close-btn{font-size:.85rem}}@media (max-width: 480px){.global-player{padding:10px;bottom:74px}.global-player__header{justify-content:space-between}.global-player__thumbnail{width:40px;height:40px}}.search-container{padding:1rem}.search-input{padding:.5rem;width:60%;border:1px solid #ccc;border-radius:10px;font-size:1rem;box-shadow:0 2px 4px #00000080}.search-error-text{color:red}.search-genres-section{margin-top:2rem}.search-genre-list{display:flex;flex-wrap:wrap}.search-genre-tag{margin-right:1rem;display:inline-block;text-decoration:none;color:#555;padding:.4rem .8rem;border:1px solid #ccc;border-radius:5px;background:#f9f9f9}.search-results-section{margin-top:1.5rem}.search-show-item{display:flex;align-items:center;margin-bottom:1rem;text-decoration:none;color:#000}.search-show-image{width:100px;border-radius:5px}.search-show-details{margin-left:1rem}.search-show-title{font-weight:700}.search-show-genres{font-size:.9rem;color:#666}.search-no-results{margin-top:2rem;color:#666;font-style:italic}.favorite-container{padding:1rem}.favorite-season-group{background-color:#634db8;color:#fff;padding:1rem;margin-bottom:1rem}.favorite-episode-list{list-style:none;padding-left:0;margin:0}.favorite-episode-item{display:flex;flex-direction:row;align-items:space-between;justify-content:space-between;margin-bottom:.75rem;background:#f9f9f9;color:#000;padding:.5rem;border-radius:6px;transition:background .2s ease-in-out;gap:12px}.favorite-episode-image{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:12px}@media screen and (max-width: 480px){.favorite-episode-item{display:flex;flex-direction:column;margin-bottom:.75rem;background:#f9f9f9;color:#000;padding:.5rem;border-radius:6px;transition:background .2s ease-in-out;gap:12px}}.favorite-episode-info{flex:1;font-size:.95rem}.favorite-episode-details,.favorite-episode-actions{display:flex;flex-direction:row;gap:4px;align-items:space-between;justify-content:space-between}.favorite-episode-actions p{margin-left:auto;font-size:.9rem;background-color:#e2e8f0;padding:.4rem .8rem;border-radius:4px}.favorite-play-button{background-color:#f87a20;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease-in-out}.favorite-play-button:hover{background-color:#2dd4bf;transition:background-color .2s ease-in-out}.favorite-remove-button{background-color:#d62839;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease-in-out}.favorite-remove-button:hover{background-color:#ff0015;transition:background-color .2s ease-in-out}.favorite-button{background-color:#634db8;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease-in-out}.favorite-sort{margin-bottom:1rem;display:flex;justify-content:flex-end;gap:.5rem}.history-container{padding:1rem}.history-list{list-style:none;padding:0}.history-item{border-bottom:1px solid #ccc;padding:1rem 0;display:flex;justify-content:space-between;align-items:center}.history-image-container{flex:1 1 10%;display:flex;align-items:center}.history-image{width:100px;border-radius:4px}.history-content{flex:1 1 70%;padding:0 1rem}.history-progress-bar{margin-top:.5rem;background-color:#eee;height:6px;border-radius:4px;overflow:hidden}.history-progress-fill{height:100%;transition:width .2s}.history-play-button{margin-left:1rem;background-color:#f87a20;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease-in-out}.history-play-button:hover{background-color:#2dd4bf;transition:background-color .2s ease-in-out}.history-reset-button{margin-top:2rem;padding:.75rem 1.5rem;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-container{max-width:300px;margin:50px auto;padding:2rem;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a}.login-form{display:flex;flex-direction:column;gap:.4rem}.login-form input{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.login-form button{padding:.75rem;background-color:#f87a20;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.login-form button:hover{background-color:#2dd4bf}.login-container h2{color:#634db8;margin-bottom:1rem}.login-container p{text-align:center;font-size:.9rem}.login-container a{color:#634db8;text-decoration:none}.login-container a:hover{text-decoration:underline}.register-container{max-width:300px;margin:50px auto;padding:2rem;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a}.register-form{display:flex;flex-direction:column;gap:0,4rem}.register-form input{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.register-form button{padding:.75rem;background-color:#f87a20;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.register-form button:hover{background-color:#2dd4bf}.register-container h2{color:#634db8;margin-bottom:1rem}.register-container p{text-align:center;font-size:.9rem}.register-container a{color:#634db8;text-decoration:none}.register-container a:hover{text-decoration:underline}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:100%}.confirm-modal p{margin-bottom:1.5rem}.confirm-modal-buttons{display:flex;justify-content:flex-end;gap:.5rem}.confirm-btn,.cancel-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.confirm-btn{background:#634db8;color:#fff}.cancel-btn{background:#f0f0f0;color:#333}