*,:after,:before{box-sizing:border-box;font-family:Courier New,Courier,monospace;margin:0;padding:0}.App{background-color:#262c69;height:100%;width:100%}header{padding-bottom:30px;padding-top:40px}header h1{color:#d4d3d3;font-size:1.2em;font-weight:400;text-align:center;text-shadow:2px 2px 4px #000}header h1 :hover{cursor:pointer}header h1 strong{color:#f22}.content-wrap aside{max-width:fit-content;padding-right:16px}.content-wrap aside nav{padding-left:16px;padding-right:16px}.content-wrap aside nav h3{color:#df4b4b;font-family:Courier New,Courier,monospace;font-size:27px;margin-bottom:16px;padding:8px 10px}.content-wrap aside nav .top-list{align-items:center;background-color:#343c8e;border-radius:8px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;cursor:pointer;display:block;display:flex;height:fit-content;margin-bottom:16px;min-height:2em;padding:5px 12px;transition:.2s;width:280px}.content-wrap aside nav .top-list img{border-radius:4px;height:57px;width:39px}.content-wrap aside nav .top-list .top-text{align-items:flex-start;display:flex;flex-direction:column;padding-left:10px}.content-wrap aside nav .top-list .top-text p{font-feature-settings:"ordn";color:#c7c8d6;font-family:Source Sans Pro;font-size:16px;font-variant-numeric:ordinal;line-height:40px}.content-wrap aside nav .top-list .top-text a{color:#c7c8d6;font-size:17px;text-align:left;text-decoration:none}.content-wrap aside nav .top-list:hover{background-color:#313131;box-shadow:0 2.8px 2.2px #00000057,0 6.7px 5.3px #000c,0 12.5px 10px #0009,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0003;color:#fff;transform:scale(1.08);transition:.2s ease}.content-wrap main{flex:1 1;padding:0 16px}.content-wrap main .main-head{display:flex;justify-content:flex-end}.content-wrap main .main-head .search-box{display:flex;flex:1 1;justify-content:flex-end}.content-wrap main .main-head .search-box input{appearance:none;background-color:#2a2828;border:none;border-radius:5px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;display:block;font-size:16px;height:2.55em;max-width:50em;outline:none;padding:13px;text-decoration:none;transition:.4s;width:50%}.content-wrap main .main-head .search-box input ::placeholder{color:#000}.content-wrap main .main-head .search-box input:focus,.content-wrap main .main-head .search-box input:valid{background-color:#313030;color:#fff}.content-wrap main .anime-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(8em,1fr));margin:1em -8px 0}.content-wrap main .anime-list .anime-card{flex-wrap:nowrap;max-width:8rem;overflow:hidden;padding:12px 8px;text-overflow:ellipsis;width:100%}.content-wrap main .anime-list .anime-card a{text-decoration:none}.content-wrap main .anime-list .anime-card figure{display:block;margin-bottom:16px}.content-wrap main .anime-list .anime-card figure img{border-radius:4px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;display:block;height:11.8em;object-fit:cover;transition:.2s ease;width:7rem}.content-wrap main .anime-list .anime-card h3{color:#fff;font-size:22px;font-weight:400;text-overflow:ellipsis}.content-wrap main .anime-list .anime-card:hover figure img{box-shadow:0 2.8px 2.2px #00000057,0 6.7px 5.3px #000c,0 12.5px 10px #0009,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0003;transform:scale(1.08)}.content-wrap main .anime-list .anime-card:hover h3{color:#ff4949;font-weight:600}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#494949}::-webkit-scrollbar-thumb:hover{background:#b30000}@media screen and (min-width:738px) and (max-width:900px){aside{display:none}.content-wrap .anime-list{grid-gap:1rem;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.content-wrap .anime-list .anime-card{max-width:100%}.content-wrap .anime-list .anime-card img{border-radius:4px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;display:block;height:350px;object-fit:cover;transition:.2s ease;width:100%}}@media screen and (max-width:730px){.search-box{flex:1 1}.search-box input{max-width:100em;width:100%}aside{display:none}.content-wrap .anime-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(5em,1fr))!important;margin:0;width:100%}.content-wrap .anime-list .anime-card{max-width:10em}.content-wrap .anime-list .anime-card img{border-radius:4px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;display:block;height:30%;object-fit:cover;transition:.2s ease;width:100px}}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.header-left,.header-logo{align-items:center;display:flex}.header-logo{color:var(--header-text);font-size:22px;font-weight:700;gap:8px;text-decoration:none;transition:color .2s ease}.header-logo:hover{color:var(--primary-color)}.logo-icon{font-size:26px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text}.header-nav{gap:24px}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:8px;color:var(--header-text-secondary);font-size:16px;font-weight:500;gap:6px;padding:10px 14px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;color:var(--header-text)}.nav-link.active{background:#6366f133;color:var(--primary-color)}.watchlist-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:11px;font-weight:600;line-height:1;min-width:18px;padding:3px 7px;text-align:center}.header-right{gap:12px}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--header-text);cursor:pointer;height:42px;justify-content:center;transition:all .2s ease;width:42px}.theme-toggle:hover{background:#fff3;border-color:var(--primary-color);color:var(--primary-color)}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--header-text);cursor:pointer;display:none;height:42px;justify-content:center;transition:all .2s ease;width:42px}.mobile-menu-toggle:hover{background:#fff3;border-color:var(--primary-color);color:var(--primary-color)}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.header-container{height:56px;padding:0 16px}.header-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border-color);flex-direction:column;gap:0;left:0;opacity:0;padding:16px 0;position:fixed;right:0;top:56px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.header-nav.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:0;font-size:18px;justify-content:flex-start;padding:14px 20px;width:100%}.nav-link:hover{background:#ffffff1a}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.logo-text{font-size:20px}.logo-icon{font-size:22px}}@media (max-width:480px){.header-container{padding:0 12px}.logo-text{font-size:18px}.logo-icon{font-size:20px}.mobile-menu-toggle,.theme-toggle{height:38px;width:38px}.nav-link{font-size:16px;padding:12px 16px}}[data-theme=dark] .header{background:var(--header-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .mobile-menu-toggle,[data-theme=dark] .theme-toggle{background:#ffffff1a;border-color:#fff3;color:var(--header-text)}[data-theme=dark] .mobile-menu-toggle:hover,[data-theme=dark] .theme-toggle:hover{background:#fff3;border-color:var(--primary-color);color:var(--primary-color)}.search-container{margin:0 auto 24px;max-width:800px;width:100%}.search-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input-wrapper{flex:1 1;min-width:250px;position:relative}.search-input{background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-icon{left:12px;pointer-events:none}.clear-button,.search-icon{color:var(--text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.clear-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;right:8px;transition:all .2s ease}.clear-button:hover{background:var(--hover-bg);color:var(--text-primary)}.filter-toggle{align-items:center;background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.filter-toggle:hover{background:var(--hover-bg);border-color:var(--primary-color)}.filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filters-panel{grid-gap:16px;animation:slideDown .3s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600}.filter-group label,.filter-select{color:var(--text-primary);font-size:14px}.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:8px 12px;transition:border-color .2s ease}.filter-select:focus{border-color:var(--primary-color);outline:none}.filter-select option{background:var(--input-bg);color:var(--text-primary)}@media (max-width:768px){.search-form{align-items:stretch;flex-direction:column}.search-input-wrapper{min-width:auto}.filter-toggle{justify-content:center}.filters-panel{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.search-input{font-size:14px;padding:10px 36px 10px 40px}.search-icon{left:10px}.clear-button{right:6px}.filter-toggle{font-size:13px;padding:10px 12px}.filters-panel{padding:16px}}[data-theme=dark] .filter-select,[data-theme=dark] .search-input{background:var(--input-bg);border-color:var(--border-color)}[data-theme=dark] .filter-select option{background:var(--input-bg)}.anime-card{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:inherit;display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.anime-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.anime-card-image-container{height:200px;overflow:hidden;position:relative;width:100%}.anime-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.anime-card:hover .anime-card-image{transform:scale(1.05)}.anime-card-image-placeholder{align-items:center;background:var(--placeholder-bg);color:var(--text-secondary);display:flex;flex-direction:column;font-size:16px;gap:8px;height:100%;justify-content:center;width:100%}.anime-card-overlay{align-items:flex-start;background:linear-gradient(180deg,#0000004d 0,#0000 30%,#0000 70%,#00000080);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:12px;position:absolute;right:0;top:0;transition:opacity .3s ease}.anime-card:hover .anime-card-overlay{opacity:1}.watchlist-button{background:#ffffffe6;border:none;border-radius:50%;color:var(--text-secondary);height:36px;justify-content:center;width:36px}.watchlist-button:hover{background:#fff;color:var(--primary-color);transform:scale(1.1)}.anime-card-score{align-items:center;background:#000c;color:#fff;display:flex;font-size:13px;gap:4px}.anime-card-score,.anime-card-status{border-radius:6px;font-weight:600;padding:5px 10px}.anime-card-status{font-size:11px;letter-spacing:.5px;position:absolute;right:8px;text-transform:uppercase;top:8px}.anime-card-status.airing{background:#10b981;color:#fff}.anime-card-status.finished{background:#6b7280;color:#fff}.anime-card-status.upcoming{background:#f59e0b;color:#fff}.anime-card-status.unknown{background:#9ca3af;color:#fff}.anime-card-content{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:18px}.anime-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:18px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.anime-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.anime-card-type{border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.anime-card-type.tv{background:#3b82f6;color:#fff}.anime-card-type.movie{background:#8b5cf6;color:#fff}.anime-card-type.ova{background:#f59e0b;color:#fff}.anime-card-type.special{background:#ef4444;color:#fff}.anime-card-type.ona{background:#10b981;color:#fff}.anime-card-type.music{background:#ec4899;color:#fff}.anime-card-type.default{background:#6b7280;color:#fff}.anime-card-episodes{color:var(--text-secondary);font-size:14px;font-weight:500}.anime-card-stats{align-items:center;display:flex;gap:16px}.anime-card-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.anime-card-synopsis{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden}.anime-card-genres{display:flex;flex-wrap:wrap;gap:6px}.anime-card-genre{background:var(--secondary-bg);color:var(--text-secondary);font-weight:500}.anime-card-genre,.anime-card-genre-more{border-radius:4px;font-size:11px;padding:3px 8px}.anime-card-genre-more{background:var(--primary-color);color:#fff;font-weight:600}@media (max-width:768px){.anime-card-image-container{height:180px}.anime-card-content{gap:10px;padding:14px}.anime-card-title{font-size:16px}.anime-card-synopsis{-webkit-line-clamp:2;font-size:13px}.anime-card-stats{gap:12px}.anime-card-stat{font-size:12px}.anime-card-episodes{font-size:13px}}@media (max-width:480px){.anime-card-image-container{height:160px}.anime-card-overlay{padding:8px}.watchlist-button{height:32px;width:32px}.anime-card-score{font-size:12px;padding:4px 8px}.anime-card-status{font-size:10px;padding:4px 8px}.anime-card-title{font-size:15px}.anime-card-synopsis{font-size:12px}}[data-theme=dark] .anime-card{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .anime-card:hover{box-shadow:0 8px 24px #0006}[data-theme=dark] .anime-card-image-placeholder{background:var(--placeholder-bg);color:var(--text-secondary)}[data-theme=dark] .watchlist-button{background:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .watchlist-button:hover{background:#fff3}[data-theme=dark] .anime-card-genre{background:var(--secondary-bg);color:var(--text-secondary)}.anime-card-skeleton{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease}.skeleton-image{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:200px;width:100%}.skeleton-image.large{height:300px}.skeleton-content{padding:16px}.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:8px}.skeleton-title.large{height:28px}.skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:6px}.skeleton-text.short{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.loading-spinner.small{padding:20px}.loading-spinner.large{padding:80px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}.loading-spinner.small .spinner{border-width:2px;height:24px;margin-bottom:8px;width:24px}.loading-spinner.large .spinner{border-width:6px;height:60px;margin-bottom:24px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:var(--error-bg);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:40px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-message h3{color:var(--error-color);margin-bottom:8px}.error-message p{color:var(--text-secondary);margin-bottom:20px}.retry-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.retry-button:hover{background:var(--primary-hover)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:24px;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:16px;max-width:400px}.search-skeleton{padding:20px}.skeleton-input{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:48px;margin-bottom:16px}.skeleton-filters{display:flex;flex-wrap:wrap;gap:12px}.skeleton-button{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:36px;width:100px}.pagination-skeleton{display:flex;gap:8px;justify-content:center;padding:20px}.anime-detail-skeleton{margin:0 auto;max-width:1200px;padding:20px}.skeleton-hero{grid-gap:32px;display:grid;gap:32px;grid-template-columns:300px 1fr;margin-bottom:32px}.skeleton-synopsis{margin-top:32px}@media (max-width:768px){.skeleton-hero{gap:20px;grid-template-columns:1fr}.skeleton-image.large{height:250px}.skeleton-filters{justify-content:center}.skeleton-button{width:80px}}[data-theme=dark] .skeleton-button,[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-input,[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-title{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}[data-theme=dark] .spinner{border-color:#3a3a3a;border-top-color:var(--primary-color)}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:16px;text-shadow:0 2px 4px #0000004d}.hero-subtitle{font-size:20px;line-height:1.5;margin-bottom:32px;opacity:.9}.anime-section{margin-bottom:64px}.section-header{margin-bottom:32px}.section-title-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:8px}.section-title-wrapper svg{color:var(--primary-color)}.section-title{margin:0}.section-subtitle{font-size:16px;margin:0}.search-results-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:48px;padding:24px}@media (max-width:768px){.hero-section{padding:60px 16px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px;margin-bottom:24px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.anime-section{margin-bottom:48px}.section-header{margin-bottom:24px}}@media (max-width:480px){.hero-section{padding:40px 12px}.hero-title{font-size:28px}.hero-subtitle{font-size:16px;margin-bottom:20px}.section-title{font-size:24px}.section-title-wrapper{gap:8px}.section-title-wrapper svg{height:20px;width:20px}.search-results-section{margin-bottom:32px;padding:16px}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}[data-theme=dark] .search-results-section{background:var(--card-bg);border-color:var(--border-color)}.anime-detail-page{margin:0 auto;max-width:1200px;padding:20px}.back-button-container{margin-bottom:24px}.back-button{align-items:center;background:var(--secondary-bg);border-radius:8px;color:var(--text-primary);display:inline-flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-button:hover{background:var(--hover-bg);transform:translateX(-2px)}.anime-hero{grid-gap:32px;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-lg);display:grid;gap:32px;grid-template-columns:300px 1fr;margin-bottom:40px;overflow:hidden}.anime-hero-image{height:400px;overflow:hidden;position:relative}.hero-image{height:100%;object-fit:cover;width:100%}.hero-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0000 60%,#000000b3);bottom:0;display:flex;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.anime-hero-image:hover .hero-overlay{opacity:1}.trailer-button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.trailer-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.anime-hero-content{display:flex;flex-direction:column;justify-content:space-between;padding:32px}.anime-header{margin-bottom:24px}.anime-title{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.anime-title-english{color:var(--text-secondary);font-size:20px;font-weight:500;margin-bottom:4px}.anime-title-japanese{color:var(--text-muted);font-size:16px;font-weight:400}.anime-meta{flex-wrap:wrap;gap:16px;margin-bottom:24px}.anime-meta,.anime-score{align-items:center;display:flex}.anime-score{background:var(--secondary-bg);border-radius:8px;gap:8px;padding:8px 16px}.score-value{color:var(--primary-color);font-size:18px;font-weight:700}.score-users{color:var(--text-secondary);font-size:12px}.rank-badge{font-size:14px}.rank-badge,.status-badge{font-weight:600;padding:4px 12px}.status-badge{border-radius:6px;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.status-badge.airing{background:#10b981;color:#fff}.status-badge.finished{background:#6b7280;color:#fff}.status-badge.upcoming{background:#f59e0b;color:#fff}.status-badge.unknown{background:#9ca3af;color:#fff}.anime-actions{display:flex;flex-wrap:wrap;gap:12px}.watchlist-button{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.watchlist-button:hover{background:var(--hover-bg);border-color:var(--primary-color)}.watchlist-button.in-watchlist{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.external-link-button{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.external-link-button:hover{background:var(--hover-bg);border-color:var(--primary-color)}.anime-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr;margin-bottom:40px}.anime-main{display:flex;flex-direction:column;gap:32px}.anime-section{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px}.section-title{font-size:20px;font-weight:600;margin-bottom:16px}.anime-synopsis{color:var(--text-secondary);font-size:16px;line-height:1.7}.anime-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:16px;font-weight:500}.anime-genres,.anime-studios{display:flex;flex-wrap:wrap;gap:8px}.genre-tag,.studio-tag{background:var(--secondary-bg);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.genre-tag:hover{background:var(--primary-color);color:#fff}.anime-sidebar{display:flex;flex-direction:column;gap:24px}.anime-pictures{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.anime-picture{border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s ease;width:100%}.anime-picture:hover{transform:scale(1.05)}.anime-relations{gap:12px}.anime-relations,.relation-item{display:flex;flex-direction:column}.relation-item{gap:4px}.relation-type{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.relation-title{color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.relation-title:hover{color:var(--primary-color)}.recommendations-section{margin-top:40px}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.recommendation-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.recommendation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recommendation-image{height:120px;object-fit:cover;width:100%}.recommendation-content{padding:12px}.recommendation-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.recommendation-count{color:var(--text-secondary);font-size:12px}.trailer-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.trailer-content{background:var(--card-bg);border-radius:12px;max-width:800px;overflow:hidden;position:relative;width:100%}.trailer-close{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;position:absolute;right:16px;top:16px;transition:background .2s ease;width:32px;z-index:1}.trailer-close:hover{background:#000000e6}.trailer-iframe{height:450px;width:100%}@media (max-width:1024px){.anime-hero{gap:0;grid-template-columns:1fr}.anime-hero-image{height:300px}.anime-content{gap:24px;grid-template-columns:1fr}.anime-sidebar{order:-1}.anime-pictures{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.anime-detail-page{padding:16px}.anime-hero-content{padding:24px}.anime-title{font-size:24px}.anime-title-english{font-size:18px}.anime-meta{gap:12px}.anime-actions{flex-direction:column}.anime-info-grid{grid-template-columns:1fr}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.trailer-iframe{height:300px}}@media (max-width:480px){.anime-hero-content{padding:16px}.anime-title{font-size:20px}.anime-meta{align-items:flex-start;flex-direction:column;gap:8px}.anime-pictures{grid-template-columns:repeat(2,1fr)}.recommendations-grid{grid-template-columns:1fr}.trailer-iframe{height:250px}}[data-theme=dark] .anime-hero{background:var(--card-bg);box-shadow:var(--shadow-lg)}[data-theme=dark] .anime-section,[data-theme=dark] .recommendation-card{background:var(--card-bg);box-shadow:var(--shadow-sm)}[data-theme=dark] .trailer-content{background:var(--card-bg)}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin:32px 0;padding:20px}.pagination-info{text-align:center}.page-info{color:var(--text-secondary);font-size:14px;font-weight:500}.pagination-controls{flex-wrap:wrap;gap:8px}.pagination-button,.pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;height:40px;min-width:40px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.pagination-button:hover:not(.disabled){background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.pagination-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3);color:#fff}.pagination-button.disabled{background:var(--disabled-bg);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.pagination-button.disabled:hover{background:var(--disabled-bg);border-color:var(--border-color);color:var(--text-secondary);transform:none}.page-numbers{display:flex;gap:4px}.page-number{height:36px;min-width:36px;padding:0 8px}.pagination-loading{align-items:center;display:flex;justify-content:center;margin-top:8px}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite;background:var(--primary-color);border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.pagination-container{margin:24px 0;padding:16px}.pagination-controls{gap:4px}.pagination-button{font-size:13px;height:36px;min-width:36px;padding:6px 10px}.page-number{height:32px;min-width:32px;padding:0 6px}}@media (max-width:480px){.pagination-controls{flex-direction:column;gap:8px}.page-numbers{margin-bottom:8px;order:-1}.pagination-button{height:40px;min-width:40px}.page-number{height:36px;min-width:36px}}[data-theme=dark] .pagination-button{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .pagination-button:hover:not(.disabled){background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .pagination-button.disabled{background:var(--disabled-bg);color:var(--text-secondary)}.top-anime-page{margin:0 auto;max-width:1200px;padding:20px}.filter-section{margin-bottom:32px}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.filter-button.active{border-color:var(--primary-color)}.filter-button.active,.rank-badge{background:var(--primary-color);color:#fff}.rank-badge{border-radius:6px;box-shadow:0 2px 4px #0003;font-size:12px;font-weight:700;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:10}@media (max-width:768px){.top-anime-page{padding:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.filter-buttons{gap:8px}.filter-button{font-size:13px;padding:8px 16px}.anime-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.page-title{font-size:24px}.page-title-wrapper{gap:8px}.page-title-wrapper svg{height:24px;width:24px}.filter-buttons{align-items:center;flex-direction:column}.filter-button{max-width:200px;width:100%}.anime-grid{gap:12px;grid-template-columns:1fr}.rank-badge{font-size:11px;padding:3px 6px}}[data-theme=dark] .filter-button{background:var(--secondary-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .filter-button:hover{background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .filter-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.seasonal-page{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.seasonal-page{padding:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.anime-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.upcoming-page{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.upcoming-page{padding:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.anime-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.watchlist-page{margin:0 auto;max-width:1200px;padding:20px}.anime-card-wrapper{position:relative}.remove-button{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:10}.remove-button:hover{background:#ef4444;transform:scale(1.1)}@media (max-width:768px){.watchlist-page{padding:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.anime-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.page-title{font-size:24px}.page-title-wrapper{gap:8px}.page-title-wrapper svg{height:24px;width:24px}.anime-grid{gap:12px;grid-template-columns:1fr}.remove-button{height:28px;width:28px}}.search-results-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:32px;text-align:center}.page-title-wrapper{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.page-title-wrapper svg{color:var(--primary-color)}.page-title{color:var(--text-primary);font-size:36px;font-weight:700;margin:0}.page-subtitle{color:var(--text-secondary);font-size:18px;margin:0}.anime-grid{margin-bottom:32px}@media (max-width:768px){.search-results-page{padding:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.anime-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.page-title{font-size:24px}.page-title-wrapper{gap:8px}.page-title-wrapper svg{height:24px;width:24px}.anime-grid{gap:12px;grid-template-columns:1fr}}:root{--primary-color:#6366f1;--primary-color-rgb:99,102,241;--primary-hover:#4f46e5;--primary-color-alpha:#6366f11a;--secondary-color:#8b5cf6;--bg-primary:#fff;--bg-secondary:#f8fafc;--header-bg:#1e1b4b;--card-bg:#fff;--secondary-bg:#f1f5f9;--input-bg:#fff;--placeholder-bg:#f1f5f9;--hover-bg:#f8fafc;--disabled-bg:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--header-text:#fff;--header-text-secondary:#cbd5e1;--border-color:#e2e8f0;--border-light:#f1f5f9;--error-color:#ef4444;--error-bg:#fef2f2;--success-color:#10b981;--warning-color:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--primary-color:#818cf8;--primary-color-rgb:129,140,248;--primary-hover:#6366f1;--primary-color-alpha:#818cf81a;--secondary-color:#a78bfa;--bg-primary:#0f172a;--bg-secondary:#1e293b;--header-bg:#0f0f23;--card-bg:#1e293b;--secondary-bg:#334155;--input-bg:#334155;--placeholder-bg:#475569;--hover-bg:#334155;--disabled-bg:#475569;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--header-text:#fff;--header-text-secondary:#cbd5e1;--border-color:#334155;--border-light:#475569;--error-color:#f87171;--error-bg:#450a0a;--success-color:#34d399;--warning-color:#fbbf24;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:24px 20px;width:100%}.content-wrap,main{margin:0 auto;max-width:1200px}.content-wrap{display:flex;gap:24px;padding:0 20px}.anime-grid,.anime-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.section-header{margin-bottom:24px}.section-title{color:#0f172a;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.3;margin-bottom:12px}.section-subtitle{color:#334155;color:var(--text-secondary);font-size:18px;font-weight:400;line-height:1.5}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;line-height:1.4;padding:14px 28px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#6366f1;background:var(--primary-color);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--secondary-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background:#f8fafc;background:var(--hover-bg);border-color:#6366f1;border-color:var(--primary-color)}.btn-ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-ghost:hover{background:#f8fafc;background:var(--hover-bg);border-color:#6366f1;border-color:var(--primary-color)}input,select,textarea{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.4;padding:14px 18px;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}@media (max-width:768px){html{font-size:15px}main{padding:16px}.content-wrap{flex-direction:column;gap:16px;padding:0 16px}.anime-grid,.anime-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.section-title{font-size:28px}.section-subtitle{font-size:16px}.btn{font-size:15px;padding:12px 24px}input,select,textarea{font-size:15px;padding:12px 16px}}@media (max-width:480px){html{font-size:14px}main{padding:12px}.content-wrap{padding:0 12px}.anime-grid,.anime-list{gap:12px;grid-template-columns:1fr}.section-title{font-size:24px}.section-subtitle{font-size:15px}.btn{font-size:14px;padding:10px 20px}input,select,textarea{font-size:14px;padding:10px 14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155;background:var(--text-secondary)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:#6366f11a;background:var(--primary-color-alpha);color:#0f172a;color:var(--text-primary)}@media print{.header,.pagination,.search-container{display:none!important}.anime-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}
/*# sourceMappingURL=main.d7c09896.css.map*/