body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:url(/assets/anime-background-B5JCjGMi.jpg) no-repeat center center fixed;background-size:cover;color:#fff;overflow-y:scroll;overflow-x:hidden;margin:0;padding:0}.mainpage-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:20px;width:100%;box-sizing:border-box}.container{margin-top:80px;background:#000c;padding:50px;border-radius:14px;max-width:1000px;width:90%;box-shadow:0 0 25px #0009;justify-content:center;align-items:center;text-align:center}h1{text-align:center;font-size:2.8rem;margin-bottom:35px;color:#1e88e5}form{display:flex;flex-direction:column;gap:24px}input[type=text]{padding:16px;font-size:18px;border:1px solid #90caf9;border-radius:8px;outline:none;transition:border-color .3s}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0}.main-btn{background-color:#1e88e5;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.05rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:0 3px 6px #0003}.main-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040;background-color:#1565c0}.categories-label{font-weight:700;color:#1e88e5;font-size:1rem;margin-bottom:8px;text-align:center;display:block}.category-btn{padding:6px 12px;border:1px solid #90caf9;border-radius:6px;cursor:pointer;background-color:#bbdefb;transition:transform .15s ease,background-color .15s ease;text-align:center}.category-btn:hover{background-color:#90caf9;transform:translateY(-2px)}.category-btn.selected{background-color:#1e88e5;color:#fff}.submit-btn{padding:14px;font-size:18px;background:#1e88e5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.submit-btn:hover{background-color:#1565c0;transform:translateY(-2px)}.results{margin-top:40px;text-align:center}.results ul{list-style-type:none;padding-left:0}.anime-item{padding:12px 15px;margin-bottom:15px;background:#f4f6f8;border-radius:10px;border-left:4px solid #1e88e5;color:#000}.results li strong{font-size:1.1rem}.streaming{margin-top:5px;font-size:.9rem;color:#555}.no-recs{text-align:center;margin-top:20px;font-style:italic;color:#ddd}.show-more-btn{display:block;margin:20px auto 40px;padding:14px 28px;font-size:1.1rem;font-weight:700;background-color:#1e88e5;color:#fff;border:2px solid #fff;border-radius:10px;cursor:pointer;text-align:center;box-shadow:0 4px 8px #0000004d;transition:background-color .2s ease,transform .2s ease}.streaming-link{color:#1e90ff;text-decoration:none;font-weight:500}.streaming-link:hover{text-decoration:underline}.page-container{max-width:800px;width:90%;background-color:#000000e6;padding:30px 40px;border-radius:12px;box-shadow:0 8px 16px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:left;color:#fff}.page-vertical-center{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:20px;box-sizing:border-box}.page-container h3{color:#42a5f5;margin-top:10px;margin-bottom:5px}.page-container p{font-size:1.1rem;color:#fff;margin-bottom:20px;margin-top:5px}.page-container a{color:#42a5f5;text-decoration:underline}.page-container a:hover{color:#1e88e5;text-decoration:none}.page-title{font-size:2.5rem;font-weight:700;color:#42a5f5;text-align:center;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;width:75%;gap:20px}.form-label{font-size:1.2rem;margin-bottom:5px}.form-textarea{padding:16px;font-size:18px;border:1px solid #90caf9;border-radius:8px;outline:none;transition:border-color .3s}.form-status{text-align:center;font-size:1.1rem;margin-top:15px}.contact-container{max-width:900px;width:90%;padding:50px 30px;margin:0 auto;background-color:#000c;border-radius:15px;box-shadow:0 10px 20px #0006;display:flex;flex-direction:column;align-items:center}.contact-container .form-textarea{min-height:180px;resize:vertical;margin-bottom:20px}.contact-description{text-align:center}.categories-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.save-btn{background-color:#1e88e5;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;margin-left:10px;box-shadow:0 3px 6px #0003}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000040;background-color:#1565c0}.save-btn:active{transform:translateY(0);box-shadow:0 3px 6px #0003;background-color:#1565c0}.timeline-container{padding:50px;background-color:#000000e6;border-radius:14px;box-shadow:0 8px 16px #0000004d;max-width:1000px;width:90%;margin:80px auto;display:flex;flex-direction:column;align-items:center;text-align:left}.timeline-line{position:relative;border-left:3px solid #444;padding-left:40px;width:100%}.timeline-item{position:relative;margin-bottom:40px;padding-left:10px;transition:transform .2s,box-shadow .2s;width:100%}.timeline-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006}.timeline-dot{position:absolute;left:-11px;top:5px;width:12px;height:12px;background-color:#1e88e5;border-radius:50%;border:2px solid white}.timeline-date{display:block;font-size:.95rem;color:#ccc;margin-bottom:4px}.timeline-name{font-size:1.3rem;font-weight:600;color:#42a5f5;margin-bottom:6px}.timeline-info{font-size:1rem;color:#ddd;margin-bottom:4px}.timeline-streaming{font-size:.95rem;color:#bbb;margin-top:3px}.timeline-streaming strong{color:#42a5f5}.timeline-title{text-align:center;font-size:2.5rem;margin-bottom:35px;color:#1e88e5}.timeline-image{width:200px;height:auto;margin-top:10px;border-radius:8px;box-shadow:0 4px 8px #0000004d}.timeline-english{font-size:1rem;font-weight:700;color:#ffc107;margin-bottom:6px}@media (max-width: 1200px){.container,.contact-container{padding:45px 35px;width:92%}}@media (max-width: 1024px){.container,.contact-container{padding:40px 30px;width:90%}.categories-container{gap:6px}}@media (max-width: 768px){.container,.contact-container{padding:30px 20px;width:95%;margin:80px auto}h1{font-size:2.2rem}.main-btn,.submit-btn,.show-more-btn{width:100%;padding:12px;font-size:1rem}.categories-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.category-btn{width:100%;max-width:140px}.timeline-container{padding:20px;width:95%;margin:40px auto;overflow-x:hidden;box-sizing:border-box}.timeline-line{padding-left:20px;border-left-width:2px}.timeline-item{margin-bottom:30px;width:100%}.timeline-name{font-size:1.1rem}.timeline-info,.timeline-streaming{font-size:.9rem}.timeline-title{font-size:1.8rem}.timeline-image{max-width:100%;width:100%;height:auto}}@media (max-width: 480px){.timeline-container{padding:15px;width:95%;margin:30px auto}.timeline-line{padding-left:15px;border-left-width:2px}.timeline-item{margin-bottom:25px}.timeline-name{font-size:1rem}.timeline-title{font-size:1.6rem}}@media (max-width: 480px){.container,.contact-container{padding:20px 15px;width:95%}h1{font-size:1.8rem}.categories-container{grid-template-columns:repeat(2,1fr)}.category-btn{max-width:160px}.upcoming-container{padding:.6rem}.timeline-item{min-width:200px;padding:.6rem;margin-right:.6rem}.timeline-item h3{font-size:.9rem}}body{margin:0;padding:0;width:100%}.navbar{background:#000000e6;display:flex;justify-content:space-between;width:100vw;align-items:center;padding:15px 40px;height:70px;box-shadow:0 4px 8px #00000040;box-sizing:border-box;position:sticky;top:0;left:0;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar-left .brand{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-left .brand:hover{color:#1e88e5}.navbar-left .logo{height:50px;width:50px;margin-right:12px;border-radius:8px;object-fit:cover}.navbar-left .brand-name{font-size:1.6rem}.navbar-links{display:flex;gap:30px;align-items:center}.navbar-links .nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;position:relative;transition:color .3s ease,transform .2s ease}.navbar-links .nav-link:after{content:"";position:absolute;width:0;height:3px;bottom:-6px;left:0;background-color:#1e88e5;transition:width .3s ease}.navbar-links .nav-link:hover:after{width:100%}.navbar-links .nav-link:hover{color:#1e88e5;transform:translateY(-2px)}.navbar-links .coming-soon{color:#ffbf00;text-decoration:none;font-weight:500;font-size:1.1rem;position:relative;transition:color .3s ease,transform .2s ease}.hamburger{all:unset;display:none;flex-direction:column;justify-content:space-between;align-items:center;width:28px;height:20px;background:#0006;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px;cursor:pointer;position:relative;z-index:2001;box-sizing:border-box}.hamburger span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger.is-open span:nth-child(2){opacity:0}@media (max-width: 1200px){.hamburger{display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:28px!important;height:20px!important;padding:4px!important;background:#0006!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:6px!important;cursor:pointer!important;position:relative!important;z-index:2001!important;box-sizing:border-box!important}.hamburger span{display:block!important;width:100%!important;height:3px!important;background:#fff!important;border-radius:2px!important;transition:transform .3s ease,opacity .3s ease!important;transform-origin:center!important}.hamburger span+span{margin-top:4px!important}.hamburger.is-open span:nth-child(1){transform:translateY(5px) rotate(45deg)!important}.hamburger.is-open span:nth-child(2){opacity:0!important}.hamburger.is-open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)!important}.navbar{position:relative}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background:#181818;padding:.75rem 1rem;flex-direction:column;gap:.75rem;z-index:100}.navbar-links.open{display:flex}}.directory-container{max-width:1200px;margin:0 auto;padding:1.5rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.directory-title{text-align:center;font-size:2rem;font-weight:700;margin:0 auto 1rem;color:#42a5f5;background:#0009;padding:.6rem 1rem;border-radius:8px;display:block;width:fit-content}.directory-container h1:not(.directory-title){text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem;color:#42a5f5}.alphabet-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.2rem}.alphabet-nav a{display:inline-block;background:#1e88e5;color:#fff;text-decoration:none;font-weight:600;width:32px;height:32px;line-height:32px;text-align:center;border-radius:6px;transition:background .25s ease}.alphabet-nav a:hover{background:#1565c0}.directory-container section{margin-bottom:1.5rem;border-top:1px solid #333;padding-top:1rem}.directory-container section h2{font-size:1.4rem;font-weight:700;color:#90caf9;margin-bottom:.6rem;position:sticky;top:60px;background:#121212;padding:.3rem 0;z-index:5}.directory-container ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.directory-container li{background:#1c1c1c;padding:.5rem .8rem;border-radius:6px}.directory-container li a{color:#fff;text-decoration:none;font-size:.95rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-more-button{display:block;margin:10px auto 30px;padding:10px 18px;font-size:.95rem;font-weight:700;background:#1e88e5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease,transform .2s ease}.show-more-button:hover{background:#1565c0;transform:translateY(-2px)}.back-to-top{position:fixed;bottom:20px;right:20px;background:#1e88e5;color:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:background .3s ease,transform .2s ease;z-index:1000}.back-to-top:hover{background:#1565c0;transform:translateY(-2px)}@media (max-width: 768px){.alphabet-nav{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-bottom:1rem}.alphabet-nav a{flex:0 0 auto;min-width:28px;height:28px;line-height:28px;font-size:.85rem}}@media (max-width: 480px){.alphabet-nav a{min-width:26px;height:26px;line-height:26px;font-size:.8rem}.show-more-button{width:100%}.back-to-top{width:40px;height:40px;font-size:1rem;bottom:15px;right:15px}}