@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}:root{--background-primary:#121212;--background-secondary:#1e1e1e;--background-card:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent-primary:#ffc107;--accent-secondary:#ff4757;--green-button:#28a745}body{background-color:#121212;background-color:var(--background-primary);color:#e0e0e0;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}.App{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;text-align:center}main{flex-grow:1;margin-bottom:40px;width:100%}h1,h2,h3{color:#fff;font-weight:700;margin-bottom:15px;margin-top:0}.error-message{background-color:#ff47571a;border:1px solid #ff4757;border:1px solid var(--accent-secondary);border-radius:8px;color:#ff4757;color:var(--accent-secondary);margin:40px auto;max-width:600px;padding:20px}.loading-text{color:#a0a0a0;color:var(--text-secondary);font-size:1.2em;padding:40px 0}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e1e1ed9;border-bottom:1px solid #333;left:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:#ffc107;color:var(--accent-primary);font-size:1.6em;font-weight:700;text-decoration:none}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-item a{border-radius:20px;color:#e0e0e0;color:var(--text-primary);font-weight:500;margin:0 5px;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.nav-item a:hover{background-color:#2a2a2a;background-color:var(--background-card);color:#fff}.nav-item a.active{background-color:#ffc107;background-color:var(--accent-primary);color:#121212}.hamburger{cursor:pointer;display:none}.hamburger div{background-color:#e0e0e0;background-color:var(--text-primary);height:3px;margin:5px 0;transition:all .3s ease;width:25px}.controls-container{background-color:#1e1e1e;background-color:var(--background-secondary);border-radius:12px;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:15px}.filter-select,.search-input,.sort-select{background-color:#333;border:1px solid #444;border-radius:8px;color:#e0e0e0;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1em;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.filter-select:focus,.search-input:focus,.sort-select:focus{border-color:#ffc107;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffc10733;outline:none}.info-text{color:#a0a0a0;color:var(--text-secondary);font-size:1.2em;margin:40px 0}.anime-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;margin-top:20px;padding:0}.anime-item-link{color:inherit;text-decoration:none}.anime-item{background-color:#2a2a2a;background-color:var(--background-card);border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.anime-item:hover{box-shadow:0 12px 35px #0000004d;transform:translateY(-8px) scale(1.02)}.anime-item-thumbnail-container{position:relative;width:100%}.anime-item-image{aspect-ratio:2/3;background-color:#333;display:block;object-fit:cover;width:100%}.anime-episode-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:20px;bottom:8px;color:#fff;font-size:.85em;font-weight:500;padding:4px 10px;position:absolute;right:8px}.new-tag{background-color:#ff4757;background-color:var(--accent-secondary);left:10px}.new-tag,.type-tag{border-radius:20px;color:#fff;font-size:.8em;font-weight:700;padding:4px 10px;position:absolute;top:10px;z-index:2}.type-tag{background-color:#7f8c8d;right:10px}.type-tag--tv{background-color:#8e44ad}.type-tag--movie{background-color:#ffc107;background-color:var(--accent-primary);color:#121212}.type-tag--ova{background-color:#16a085}.type-tag--live-action{background-color:#34495e}.type-tag--default{background-color:#7f8c8d}.anime-item h2{font-size:1em;font-weight:500;margin:0;overflow:hidden;padding:15px;text-overflow:ellipsis;white-space:nowrap;width:100%}.anime-details-container{background-color:#1e1e1e;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:25px}.detail-main-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}.detail-image-container{display:flex;flex-direction:column;flex-shrink:0;margin:0 auto;max-width:300px;width:100%}.anime-detail-image{aspect-ratio:2/3;background-color:#2a2a2a;background-color:var(--background-card);border-radius:8px 8px 0 0;box-shadow:0 4px 20px #0000004d;display:block;object-fit:cover;width:100%}.trailer-button{background:linear-gradient(145deg,#e50914,#b40710);border:none;border-radius:0 0 8px 8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.trailer-button:hover{box-shadow:0 4px 15px #e5091466;transform:scale(1.02)}.detail-info-wrapper{flex-grow:1;text-align:left}.anime-metadata{background-color:#2a2a2a;background-color:var(--background-card);border-radius:8px;padding:1rem}.anime-metadata li{align-items:baseline;border-bottom:1px solid #444;display:flex;padding:.75rem 0}.anime-metadata li:last-child{border-bottom:none}.anime-metadata li strong{color:#ffc107;color:var(--accent-primary);flex-shrink:0;text-align:left;width:140px}.synopsis-container{margin-top:1.5rem;text-align:left}.synopsis-container h3{border-bottom:2px solid #ffc107;border-bottom:2px solid var(--accent-primary);display:inline-block;margin-bottom:1rem;padding-bottom:5px}.anime-detail-synopsis{background-color:#2a2a2a;background-color:var(--background-card);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);line-height:1.7;padding:1.5rem;text-align:justify}.video-player-wrapper{margin:20px auto 10px;max-width:900px;position:relative;width:100%}.video-player{aspect-ratio:16/9;background-color:#000;border-radius:12px;box-shadow:0 10px 30px #00000080;overflow:hidden;width:100%}.video-player video{display:block;height:100%;object-fit:contain;width:100%}.video-controls-overlay{align-items:center;display:flex;height:100%;justify-content:space-around;left:0;opacity:0;padding:0 10%;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-player-wrapper:hover .video-controls-overlay{opacity:1}.video-control-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e1e1eb3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;pointer-events:all;transition:all .2s ease}.video-control-button.forward,.video-control-button.rewind{height:64px;width:64px}.video-control-button.play-pause{border-width:2px;height:80px;width:80px}.video-control-button:hover{background-color:#000c;transform:scale(1.1)}.video-control-button svg{height:28px;width:28px}.video-control-button.play-pause svg{height:48px;margin-left:5px;width:48px}.video-control-button.play-pause svg:first-child{margin-left:0}.video-control-button span{font-size:.7em;font-weight:700;margin-top:2px}.episode-navigation-controls,.episode-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto 20px;max-width:900px;width:100%}.episode-navigation-controls button,.episode-pagination button{background-color:initial;border:1px solid #555;border-radius:20px;color:#e0e0e0;color:var(--text-primary);cursor:pointer;font-size:.95em;font-weight:500;padding:8px 20px;transition:all .3s ease}.episode-navigation-controls button:hover:not(:disabled),.episode-pagination button:hover:not(:disabled){border-color:#ffc107;border-color:var(--accent-primary);box-shadow:0 0 15px #ffc10733;color:#ffc107;color:var(--accent-primary);transform:translateY(-2px)}.current-episode-text{color:#ffc107;color:var(--accent-primary);font-size:1.1em;font-weight:700;word-break:break-all}.episode-list-container{background-color:#1e1e1e;background-color:var(--background-secondary);border-radius:12px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:900px;padding:1.5rem;width:100%}.episode-list-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.sort-button{background-color:#28a745;background-color:var(--green-button);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px}.sort-button:hover{background-color:#218838}.episode-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));list-style-type:none;padding:0}.episode-grid li button{background-color:#3a3f4a;border:1px solid #555;border-radius:5px;color:#e0e0e0;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;overflow:hidden;padding:12px 5px;text-overflow:ellipsis;transition:background-color .2s,border-color .2s;white-space:nowrap;width:100%}.episode-grid li button:hover{background-color:#4c5260;border-color:#777}.episode-grid li button.active{background-color:#ffc107;background-color:var(--accent-primary);border-color:#ffc107;border-color:var(--accent-primary);color:#121212;font-weight:700}.episode-pagination{border-top:1px solid #444;margin-top:1.5rem;padding-top:1rem}.back-button,.episode-pagination span{color:#a0a0a0;color:var(--text-secondary);font-weight:500}.back-button{background-color:initial;border:1px solid #6c757d;border-radius:20px;display:inline-block;margin-top:30px;padding:10px 25px;text-decoration:none;transition:all .3s ease}.back-button:hover{background-color:#5a6268;border-color:#5a6268;color:#e0e0e0;color:var(--text-primary);transform:translateY(-2px)}button:disabled{background-color:#2c2c2c!important;border-color:#2c2c2c!important;box-shadow:none!important;color:#666!important;cursor:not-allowed;transform:none!important}.pagination{align-items:center;background-color:#1e1e1e;background-color:var(--background-secondary);border-radius:50px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:40px;padding:10px}.pagination button{background-color:#2a2a2a;background-color:var(--background-card);border:1px solid #444;border-radius:30px;color:#e0e0e0;color:var(--text-primary);font-weight:500;padding:10px 20px;transition:all .3s ease}.pagination button:hover:not(:disabled){background-color:#ffc107;background-color:var(--accent-primary);border-color:#ffc107;border-color:var(--accent-primary);box-shadow:0 4px 15px #ffc10733;color:#121212;transform:translateY(-2px)}.pagination .pagination-info{color:#a0a0a0;color:var(--text-secondary);font-size:.9em;font-weight:500}.genre-page-container{background-color:#1e1e1e;background-color:var(--background-secondary);border-radius:12px;padding:20px}.genre-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));list-style:none;margin-top:20px;padding:0}.genre-card{background-color:#2a2a2a;background-color:var(--background-card);border:1px solid #444;border-radius:8px;color:#e0e0e0;color:var(--text-primary);display:block;font-size:.9em;font-weight:500;padding:15px;text-align:center;text-decoration:none;transition:all .3s ease}.genre-card:hover{border-color:#ffc107;border-color:var(--accent-primary);box-shadow:0 8px 25px #0000004d;color:#ffc107;color:var(--accent-primary);transform:translateY(-5px) scale(1.05)}.app-footer,.trailer-modal-overlay{left:0;width:100%}.trailer-modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;position:fixed;top:0;z-index:1000}.trailer-modal-content{aspect-ratio:16/9;background-color:#000;border-radius:8px;max-width:900px;overflow:hidden;position:relative;width:90%}.close-modal-button{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5em;position:absolute;right:-5px;top:-45px;transition:transform .2s}.close-modal-button:hover{transform:scale(1.2)}.app-footer{background-color:#1e1e1e;background-color:var(--background-secondary);border-top:1px solid #333;color:#a0a0a0;color:var(--text-secondary);font-size:.9em;margin-top:auto;padding:20px;text-align:center}.app-footer p{margin:5px 0}@media (min-width:768px){.controls-container{flex-direction:row;flex-wrap:nowrap}.search-input{flex-basis:auto;flex-grow:2;max-width:400px}.anime-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.episode-grid{grid-template-columns:repeat(10,1fr)}.detail-main-content{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:300px 1fr}.detail-image-container{margin:0}.pagination{justify-content:space-between}}@media (max-width:768px){.nav-links{align-items:center;background-color:#1e1e1e;background-color:var(--background-secondary);border-left:1px solid #333;flex-direction:column;height:calc(100vh - 70px);padding-top:2rem;position:fixed;right:-100%;top:70px;transition:right .5s ease-in-out;width:60%}.nav-links.active{right:0}.nav-item{text-align:center;width:100%}.nav-item a{border-radius:0;margin:0;padding:1.5rem}.hamburger,.nav-item a{display:block}}.skeleton-card{background-color:#282c34;border-radius:8px;overflow:hidden;width:100%}.skeleton-image,.skeleton-text{animation:pulse 1.5s linear infinite;background-color:#3a3f4a;background-image:linear-gradient(90deg,#3a3f4a,#4c5260 40px,#3a3f4a 80px);background-size:200%}.skeleton-image{border-radius:8px 8px 0 0;height:250px;width:100%}.skeleton-text{border-radius:4px;height:20px;margin:1rem;width:80%}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}
/*# sourceMappingURL=main.52ca67d4.css.map*/