body{background:var(--bg);color:var(--text)}header.site-header{max-width:none;margin:0;background:#191616}.site-header .brand{color:var(--text)}.site-header nav a{color:#c6b7b0}body main{max-width:1450px}body .local-feature{position:relative}.local-feature .hero h2{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:16px 0}.local-feature .hero[hidden]{display:none}.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.tile{color:var(--text)}.tile:hover,.genres a:hover,main nav a:hover{color:var(--accent)}.genre-panel a{display:inline-block;padding:6px;color:var(--accent)}body .genres a,body .episodes a,body #players button{background:#2b2524;border-color:#51403c;color:var(--text)}body .home-shelf{margin-top:28px}.content-layout aside{padding-top:28px}.site-header #search button{font-size:18px}.home-start{position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}.content-layout .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:850px){.tiles,.content-layout .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header nav{flex-wrap:wrap}.content-layout aside{display:block;padding-top:0}}@media(max-width:520px){.tiles,.content-layout .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.heroText{padding-bottom:65px}}
body main{width:100%;min-width:0}main nav[aria-label="Breadcrumb"]{font-size:.8rem;color:var(--muted);padding-bottom:.75rem}.genres{display:flex;gap:.55rem;flex-wrap:wrap;padding:1rem 0;border-block:1px solid var(--line)}.tiles .tile{min-width:0}.tile>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile img{display:block;width:100%;object-fit:cover;background:#312426}.local-feature .hero img{object-fit:cover}.content-layout>div{min-width:0}#players,.episodes,#recent,#saved{padding:clamp(12px,2vw,24px);border-radius:12px;background:var(--panel)}main>.cover{float:left;width:clamp(115px,20vw,210px);margin:0 1.4rem 1rem 0}main>h2,main>footer{clear:both}.episodes{display:flex;gap:.5rem}.hero-controls{z-index:2}.hero-controls button{display:grid;place-items:center}
/* Anichi-inspired charcoal and mint palette; shared responsive components. */
:root{--bg:hsl(220 25% 5%);--panel:hsl(220 20% 8%);--text:hsl(180 10% 92%);--muted:hsl(220 10% 63%);--accent:hsl(172 66% 50%);--site-accent:hsl(172 66% 50%);--line:hsl(220 18% 14%)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body h1,body h2,body h3,body .brand{font-family:inherit}body header.site-header{min-height:64px;padding:10px 24px;gap:30px;background:var(--bg);border-bottom:1px solid var(--line)}body .site-header nav a{color:var(--muted)}body .brand{font-size:27px;letter-spacing:-1px}body .brand i{color:var(--accent)}body main{max-width:1600px;padding:24px}body input,body select{background:var(--panel);border-color:var(--line);border-radius:5px}body .local-feature .hero{min-height:470px;border-radius:5px!important;border:1px solid var(--line);background:var(--panel)}body .hero>img{width:100%;object-position:center 30%}body .hero:after{background:linear-gradient(90deg,hsl(220 25% 5% / .97),hsl(220 25% 5% / .72) 38%,transparent 85%),linear-gradient(0deg,var(--bg),transparent 60%)}body .heroText{padding:70px 48px;max-width:640px}body .local-feature .hero h2{font-size:clamp(28px,3.5vw,48px);font-weight:750;line-height:1.12}body .hero p{color:#b9c1ca;font-size:14px}body .button{background:var(--accent);color:#061a17;border-radius:5px;padding:12px 21px}body .button.secondary{color:var(--text)}body .hero-controls button{border-radius:5px;background:var(--panel)}body .content-layout{grid-template-columns:minmax(0,1fr) 310px;gap:28px}body .content-layout .tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px}body .tile img{aspect-ratio:2/3;border-radius:5px;background:var(--panel)}body .tile strong{font-size:13px;line-height:1.5;margin-top:9px}body .home-shelf{padding-top:0;border:0;margin-top:30px}body .shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}body .shelf-heading h2{margin:0;font-size:23px}body .shelf-heading a{font-size:12px;color:var(--muted)}body .side-panel{border-radius:5px;padding:18px;background:var(--panel)}body .side-panel h2{font-size:21px;margin:0 0 14px}body .genre-panel a{font-size:12px;color:var(--muted)}body .genres a,body .episodes a,body #players button{background:var(--panel);border-color:var(--line);color:var(--text)}body a:hover{color:var(--accent)}.home-notice{padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:12px;margin:18px 0 0}.home-rank{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.home-rank:last-child{border-bottom:0}.home-rank b{font-size:22px;color:var(--accent);font-weight:600}.home-rank img{width:45px;height:64px;object-fit:cover;border-radius:3px}.home-rank strong{font-size:12px;font-weight:550;line-height:1.5}.ranking-note{font-size:11px;margin-top:-5px}main:has(.local-feature)>h1,main:has(.local-feature)>nav[aria-label="Breadcrumb"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1200px){body .content-layout .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}body .content-layout{grid-template-columns:minmax(0,1fr) 270px}body header.site-header{gap:20px}}
@media(max-width:850px){body .content-layout{grid-template-columns:minmax(0,1fr)}body .content-layout .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}body header.site-header{flex-wrap:wrap}body #search{margin-left:auto}body .heroText{padding:55px 25px}body .content-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:520px){body main{padding:14px}body header.site-header{padding:12px 14px;gap:14px}body .site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}body #search{flex:1;min-width:140px}body #search input{width:100%}body .local-feature .hero{min-height:410px}body .heroText{padding:44px 20px 80px}body .hero:after{background:linear-gradient(90deg,hsl(220 25% 5% / .9),hsl(220 25% 5% / .35)),linear-gradient(0deg,var(--bg),transparent)}body .content-layout .tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}body .content-layout aside{grid-template-columns:1fr}body .shelf-heading h2{font-size:20px}body .hero-actions{gap:8px}body .hero-actions .button{padding:11px 12px;font-size:12px}body .tile strong{font-size:12px}}
/* Aniwave-inspired purple discovery layout. */
:root{--accent:#ad8cff;--site-accent:#8253d9;--bg:#0e0d12;--panel:#19171f;--line:#2c2836;--text:#f2eff8;--muted:#b1aabb}body .button{color:white}body .site-header .brand:before{content:'';display:inline-block;background:url('logo.svg') center/contain no-repeat;width:30px;height:30px;vertical-align:middle;margin-right:8px}body .hero:after{background:linear-gradient(90deg,#14101ff5,#14101fb0 40%,transparent 85%),linear-gradient(0deg,#0e0d12,transparent 65%)}.page-navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:32px 0}.page-navigation a,.page-navigation span{min-width:40px;padding:12px;text-align:center;border-radius:6px;background:var(--panel)}.page-navigation [aria-current],.page-navigation .next-page{background:var(--site-accent);color:#fff}.ranking-tabs{display:flex;gap:6px}.ranking-tabs button{flex:1;padding:9px;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:4px}.ranking-tabs [aria-pressed=true]{background:var(--site-accent);color:white}.top-anime [hidden]{display:none!important}.schedule-panel p{font-size:12px}.schedule-row{display:grid;grid-template-columns:160px 1fr 50px;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:14px 6px}.schedule-row time,.schedule-row span{font-size:12px;color:var(--muted)}.schedule-row strong{font-size:13px}.site-footer{padding:36px 24px;text-align:left;background:var(--panel);border-top:1px solid var(--line)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;padding:15px 0}.site-footer p{font-size:12px}.site-footer .brand{font-size:27px}.information-page{min-height:60vh;max-width:900px!important}.information-page h2{margin-top:30px}.anime-overview{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;margin:25px 0}.anime-overview .cover{width:200px;height:280px;object-fit:cover;border-radius:8px}.anime-overview p{max-width:850px}.episodes a{min-width:44px;text-align:center}.episodes a:hover{background:var(--site-accent)}@media(max-width:520px){.schedule-row{grid-template-columns:90px minmax(0,1fr) 40px;gap:8px}.anime-overview{grid-template-columns:100px minmax(0,1fr);gap:16px}.anime-overview .cover{width:100px;height:140px}.anime-overview h2{font-size:20px}.anime-overview p{font-size:13px}.page-navigation a,.page-navigation span{padding:10px;min-width:36px}.site-footer nav{gap:15px}}
