*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink: #e8e8f0;--paper: #111118;--paper-warm: #1a1a24;--card-bg: #16161f;--accent: #FFCC00;--accent-light: #FFD633;--accent-dark: #D4A800;--accent-blue: #4cc9f0;--accent-purple: #7b2ff7;--gray-100: #1e1e2a;--gray-200: #2a2a38;--gray-300: #3d3d50;--gray-400: #6b6b80;--gray-500: #9e9eb0;--gray-600: #c4c4d0;--gold: #f0c040;--cr-orange: #f47521;--font-display: "Rajdhani", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 4px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.header{background:linear-gradient(135deg,#0a0a12,#12121c,#0e0e18);color:var(--ink);position:sticky;top:0;z-index:100}.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 2rem}.header-line{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-purple),var(--accent-blue))}.logo{display:flex;align-items:center;text-decoration:none;overflow:visible;flex-shrink:0}.logo-img{height:52px;width:auto;display:block;transition:opacity .3s}.logo:hover .logo-img{opacity:.85}.nav{display:flex;gap:.15rem}.nav-btn{background:transparent;color:var(--gray-400);border:none;padding:.5rem 1.2rem;cursor:pointer;border-radius:2px;transition:all .2s;display:flex;align-items:center;gap:.4rem;position:relative}.nav-btn:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent);transition:all .25s;transform:translate(-50%)}.nav-btn:hover,.nav-btn.active{color:var(--ink)}.nav-btn.active:after{width:100%}.nav-label{font-size:.85rem;font-weight:500;letter-spacing:.08em}.hero-banner{background:url(/hero-logo.jpg) center center / cover no-repeat,#0a0a12;text-align:center;position:relative;overflow:hidden;height:200px;display:flex;align-items:flex-end;justify-content:center;width:100%}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--paper) 100%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding-bottom:1rem}.hero-tagline{font-size:.85rem;color:var(--gray-500);letter-spacing:.1em}.main{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 120px)}.view{display:none}.view.active{display:block}.section-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.section-title{font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500)}.title-accent{color:var(--accent);font-weight:900;margin-right:.5rem}.genre-presets{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.preset-btn{background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200);padding:.45rem 1rem;border-radius:2px;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:.05em}.preset-btn:hover{border-color:var(--gray-400);color:var(--ink)}.preset-btn.active{background:var(--accent);color:#111118;border-color:var(--accent);box-shadow:0 0 12px #ffcc0059}.top-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:1px solid var(--gray-200)}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:.65rem 1.2rem;font-family:var(--font-body);font-size:.85rem;font-weight:400;cursor:pointer;color:var(--gray-400);transition:all .2s;letter-spacing:.03em}.tab-btn:hover{color:var(--ink)}.tab-btn.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.sub-filters{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.filter-label{font-family:var(--font-body);font-size:.8rem;color:var(--gray-400)}.sub-filters select,.filter-bar select{padding:.4rem 1.5rem .4rem .7rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-family:var(--font-body);font-size:.8rem;background:var(--gray-100);color:var(--ink);cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b80'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.sub-filters select:focus,.filter-bar select:focus{border-color:var(--accent);outline:none}.search-bar{margin-bottom:1rem}.search-wrapper{display:flex;align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-100);transition:border-color .2s;overflow:hidden}.search-wrapper:focus-within{border-color:var(--accent)}.search-icon{color:var(--accent);padding:0 .75rem;user-select:none;display:flex;align-items:center}#search-input{flex:1;padding:.75rem .75rem .75rem 0;font-family:var(--font-body);font-size:.95rem;border:none;background:transparent;outline:none;color:var(--ink)}#search-input::placeholder{color:var(--gray-400)}.filter-bar{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}#filter-genres{min-width:160px;max-width:260px}.genre-tags{display:flex;gap:.35rem;margin-bottom:1.5rem;flex-wrap:wrap}.genre-tag{background:transparent;color:var(--gray-500);border:1px solid var(--gray-200);padding:.25rem .7rem;border-radius:2px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.03em}.genre-tag:hover{border-color:var(--gray-400);color:var(--ink)}.genre-tag.active{background:var(--accent);color:#111118;border-color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.5rem;margin-bottom:2rem}.anime-card{background:var(--card-bg);border:1px solid var(--gray-200);overflow:hidden;transition:transform .25s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;position:relative}.anime-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--accent),var(--accent-purple));transition:height .3s;z-index:2}.anime-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffcc0026,0 4px 12px #0000004d}.anime-card:hover:before{height:100%}.card-image{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--gray-100)}.card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:filter .3s,transform .3s}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);opacity:0;transition:opacity .3s;pointer-events:none}.anime-card:hover .card-image img{filter:saturate(1.2);transform:scale(1.03)}.anime-card:hover .card-image:after{opacity:1}.card-score{position:absolute;top:0;left:0;background:#000000d9;color:var(--gold);padding:.3rem .55rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;z-index:1}.card-rank{position:absolute;top:0;right:0;background:var(--accent);color:#111118;padding:.3rem .55rem;font-size:.7rem;font-weight:700;z-index:1}.card-type-badge{position:absolute;bottom:0;left:0;background:#000000d9;color:var(--gray-600);padding:.2rem .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:1}.card-seasons-badge{position:absolute;bottom:0;right:0;background:var(--accent);color:#111118;padding:.2rem .5rem;font-size:.65rem;font-weight:700;letter-spacing:.05em;z-index:1}.card-body{padding:.75rem .8rem .5rem;flex:1;display:flex;flex-direction:column;gap:.2rem}.card-title-en{font-size:.9rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.card-title-jp{font-size:.7rem;color:var(--gray-400);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-title-de{font-size:.7rem;color:var(--gray-400);font-style:italic;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.7rem;color:var(--gray-400);margin-top:auto;padding-top:.35rem;border-top:1px solid var(--gray-200)}.card-meta span{display:flex;align-items:center;gap:.15rem}.card-footer{padding:.5rem .8rem;display:flex;gap:.4rem;align-items:center;border-top:1px solid var(--gray-200)}.card-status{font-size:.65rem;padding:.15rem .45rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.card-status.airing{border-color:#4caf50;color:#4caf50}.card-status.completed{border-color:var(--gray-400);color:var(--gray-500)}.card-status.upcoming{border-color:var(--cr-orange);color:var(--cr-orange)}.btn-crunchyroll{margin-left:auto;background:var(--cr-orange);color:#fff;border:none;padding:.2rem .55rem;font-size:.65rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s;display:inline-flex;align-items:center;gap:.2rem;letter-spacing:.03em}.btn-crunchyroll:hover{background:var(--accent-dark)}.skeleton-card{background:var(--card-bg);border:1px solid var(--gray-200);overflow:hidden}.skeleton-image{aspect-ratio:2/3;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-body{padding:.75rem .8rem}.skeleton-line{height:.6rem;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;margin-bottom:.5rem;border-radius:2px}.skeleton-line:last-child{width:55%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;justify-content:center;align-items:center;gap:.3rem;padding:1.5rem 0}.page-btn{background:var(--gray-100);border:1px solid var(--gray-200);padding:.45rem .8rem;cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:500;transition:all .2s;color:var(--gray-500)}.page-btn:hover:not(:disabled){border-color:var(--gray-400);color:var(--ink)}.page-btn.active{background:var(--accent);color:#111118;border-color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:default}.page-info{font-size:.8rem;color:var(--gray-400);padding:0 .25rem}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;backdrop-filter:blur(6px);overflow-y:auto}.modal-overlay.hidden{display:none}.modal{background:var(--paper-warm);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);animation:modalIn .2s ease-out}.modal:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),var(--accent-purple));z-index:1}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:sticky;top:0;float:right;background:var(--accent);color:#111118;border:none;width:36px;height:36px;font-size:.9rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:var(--accent-dark)}.modal-content{padding:0}.modal-hero{display:flex;gap:1.5rem;padding:1.5rem 1.5rem 1rem}.modal-poster{width:200px;flex-shrink:0;overflow:hidden;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.modal-poster img{width:100%;height:auto;display:block}.modal-info{flex:1;min-width:0}.modal-title-en{font-size:1.4rem;font-weight:900;line-height:1.2;margin-bottom:.2rem;letter-spacing:-.02em}.modal-title-jp{font-size:.95rem;color:var(--gray-400);margin-bottom:.1rem}.modal-title-de{font-size:.85rem;color:var(--gray-400);font-style:italic;margin-bottom:.75rem}.modal-stats{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.modal-stat{text-align:center;background:var(--gray-100);padding:.5rem .7rem;min-width:65px;border-left:2px solid var(--gray-200)}.modal-stat-value{font-size:1.05rem;font-weight:900;color:var(--ink)}.modal-stat-value.score{color:var(--gold)}.modal-stat-label{font-size:.6rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em}.modal-badges{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.75rem}.modal-badge{font-size:.7rem;padding:.15rem .5rem;font-weight:600;background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);letter-spacing:.03em}.modal-badge.genre{background:transparent;border-color:var(--accent);color:var(--accent)}.modal-aired{font-size:.8rem;color:var(--gray-400);margin-bottom:.5rem}.modal-section{padding:0 1.5rem 1.25rem}.modal-section h3{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-400);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--gray-200)}.modal-synopsis{font-size:.85rem;color:var(--gray-600);line-height:1.8}.btn-translate{background:var(--gray-100);color:var(--accent-blue);border:1px solid var(--gray-200);padding:.15rem .5rem;font-size:.65rem;font-weight:600;cursor:pointer;margin-left:.5rem;vertical-align:middle;transition:all .2s;letter-spacing:.03em}.btn-translate:hover{border-color:var(--accent-blue);background:#4cc9f01a}.btn-translate:disabled{opacity:.6;cursor:default}.btn-translate.translated{background:#4cc9f026;border-color:var(--accent-blue);color:var(--accent-blue)}.modal-seasons{display:flex;flex-direction:column;gap:.4rem}.modal-season-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;background:var(--gray-100);border-left:2px solid var(--gray-200);cursor:pointer;transition:all .2s;font-size:.85rem}.modal-season-item:hover{border-left-color:var(--accent);background:var(--gray-200)}.modal-season-item.current{border-left-color:var(--accent);font-weight:700}.modal-season-score{color:var(--gold);font-weight:700;font-size:.8rem;min-width:3rem}.modal-season-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-season-eps{color:var(--gray-400);font-size:.75rem}.modal-streaming{display:flex;gap:.4rem;flex-wrap:wrap}.modal-streaming a{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;text-decoration:none;color:#fff;background:var(--gray-300);transition:background .2s;letter-spacing:.02em}.modal-streaming a:hover{background:var(--gray-400)}.modal-streaming a.crunchyroll{background:var(--cr-orange)}.modal-streaming a.crunchyroll:hover{background:var(--accent-dark)}.modal-streaming a.mal{background:#2e51a2}.modal-trailer{margin-top:.5rem;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid var(--gray-200)}.modal-trailer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.modal-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--gray-400);font-size:.9rem;letter-spacing:.05em}.modal-loading:after{content:"";width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-left:.6rem}@keyframes spin{to{transform:rotate(360deg)}}.info-text{text-align:center;padding:3rem 1rem;color:var(--gray-400);font-size:.9rem;letter-spacing:.03em}.footer{text-align:center;padding:2rem 1rem;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;gap:.3rem}.footer-logo-img{height:32px;width:auto;opacity:.4;filter:grayscale(.5)}.footer-text{font-size:.7rem;color:var(--gray-400);letter-spacing:.1em}.footer-credit{font-size:.7rem;color:var(--gray-400);letter-spacing:.05em}.footer-credit a{color:var(--accent);text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--accent-light)}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:768px){.header-inner{height:auto;padding:.6rem 1rem;gap:0}.logo-img{height:32px}.hero-banner{height:130px}.hero-banner{padding:1.5rem 1rem 1.25rem}.main{padding:1.25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.filter-bar{gap:.3rem}.filter-bar select{font-size:.75rem;padding:.35rem 1.2rem .35rem .5rem}.genre-presets{gap:.35rem}.preset-btn{padding:.35rem .7rem;font-size:.75rem}.modal-hero{flex-direction:column;align-items:center;text-align:center}.modal-poster{width:160px}.modal-stats,.modal-badges{justify-content:center}}@media(max-width:480px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.card-body{padding:.5rem}.card-title-en{font-size:.8rem}.top-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;padding:.5rem .8rem;font-size:.8rem}}.nav-btn[data-astro-cid-3ef6ksr2]{text-decoration:none}