:root{--bg:#141414;--bg-elevated:#111827;--header-bg:rgba(31,41,55,0.7);--red:#db202c;--red-hover:#b91c1c;--green:#16a34a;--text:#f3f4f6;--text-muted:#818181;--header-h:3.7rem;--rail-w:3rem;--radius:0.5rem}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;cursor:pointer;padding:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-48px;left:8px;z-index:100;padding:.5rem 1rem;border-radius:var(--radius);background:var(--red);color:#fff;transition:top .15s ease}.skip-link:focus{top:8px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;height:var(--header-h);padding:0 1rem;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .5s ease}.header-left,.header-right{gap:1.25rem}.header-left,.header-logo,.header-right,.icon-btn{display:flex;align-items:center}.icon-btn{justify-content:center;color:var(--text);padding:.25rem}.icon-btn:hover{color:#fff}.mobile-only{display:flex}.desktop-only{display:none}.backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5)}.mobile-sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;z-index:45;width:min(100%,340px);padding:1.5rem;overflow-y:auto;background:rgba(31,41,55,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgb(0 0 0/.35);transform:translateX(-100%);transition:transform .3s ease-in-out;will-change:transform}.mobile-sidebar.open{transform:translateX(0)}.sidebar-head{margin-bottom:1.5rem;text-align:center}.sidebar-title{font-size:1.5rem;font-weight:700}.sidebar-sub{margin-top:.5rem;font-size:.875rem;color:#d1d5db}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem}.side-link{display:block;padding:.75rem;border-radius:9999px;font-size:1.25rem;color:var(--text-muted);transition:color .2s ease}.side-link:hover{color:var(--text)}.side-link.active{color:var(--green)}.close-btn{display:block;margin:2.5rem auto 0;width:6rem;height:2.5rem;border-radius:9999px;background:var(--red);color:#fff;transition:background-color .2s ease}.close-btn:hover{background:var(--red-hover)}.profile-menu{position:fixed;top:var(--header-h);right:-260px;z-index:45;width:260px;padding:1rem 1.5rem;background:rgba(31,41,55,.97);border-top:4px solid var(--red);box-shadow:0 10px 15px -3px rgb(0 0 0/.35);opacity:0;transform:translateX(0);transition:right .3s ease-in-out,opacity .3s ease-in-out;will-change:right,opacity}.profile-menu.open{right:0;opacity:1}.profile-list{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rail{display:none}.main-content{min-height:calc(100vh - var(--header-h))}@media (min-width:768px){.main-content{padding-left:3.5rem}}.page-wrap{padding-bottom:3rem}.page-title{padding:1.5rem 1.5rem 0;font-size:1.75rem;font-weight:700}.hero{position:relative;height:50vh;overflow:hidden}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(20 20 20/1) 30%,transparent 70%),linear-gradient(0deg,rgb(20 20 20/1) 1%,transparent 99%)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:1.25rem}.hero-article{max-width:42rem}.hero-title{font-size:1.5rem;font-weight:700}.hero-desc{margin-top:.75rem;color:#d1d5db;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:.75rem;margin-top:1.25rem}.hero-cta{padding:.5rem 1.25rem;border-radius:var(--radius);background:rgba(255,255,255,.15);color:#fff;font-weight:600;transition:background-color .2s ease}.hero-cta:hover{background:rgba(255,255,255,.25)}.hero-cta.primary{background:var(--red)}.hero-cta.primary:hover{background:var(--red-hover)}.anime-card{position:relative;overflow:hidden;width:9rem;height:14rem;flex-shrink:0;border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 10px 20px 5px rgb(0 0 0/.4);cursor:pointer;transition:transform .3s ease}.anime-card:hover{transform:scale(1.05)}.card-btn{display:block;width:100%;height:100%;text-align:center}.card-figure{margin:0;position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius)}.card-img{width:100%;height:100%;object-fit:cover;background:#1f2937}.card-caption{position:absolute;bottom:0;left:0;width:100%;padding:.5rem .75rem;background:rgb(0 0 0/.8);transition:all .3s ease-in-out}.card-title{font-size:.875rem;font-weight:700;text-shadow:0 2px 4px rgb(0 0 0/.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-card:hover .card-title{font-size:1rem}.home-section{margin-top:2rem}.section-heading{padding:0 1.25rem;font-size:1.25rem;font-weight:700}.card-row{display:flex;gap:1rem;margin-top:.75rem;padding:.5rem 1.25rem 1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.card-row>div{scroll-snap-align:start}.grid-section{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;justify-content:center}.search-form{position:relative;margin:1.25rem 1.5rem .75rem}.search-icon{position:absolute;top:50%;left:.9rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-form input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:var(--radius);border:1px solid #374151;background:var(--bg-elevated);color:var(--text);font:inherit}.search-form input:focus{outline:2px solid var(--red);outline-offset:-1px}.search-form input::placeholder{color:var(--text-muted)}.search-meta{padding:0 1.5rem;color:var(--text-muted);font-size:.875rem}.search-empty{padding:2rem 1.5rem;text-align:center;color:var(--text-muted)}.site-footer{border-top:1px solid #1f2937;background:#0d0d0d}.footer-inner{max-width:72rem;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.footer-inner p{max-width:40rem}.footer-inner nav,.footer-inner p{color:var(--text-muted);font-size:.875rem}.footer-inner nav{display:flex;gap:1.5rem}.footer-inner nav a:hover{color:var(--text)}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:flex}.mobile-sidebar{display:none}.hero{height:80vh}.hero-title{font-size:2.5rem}.hero-desc{font-size:1.05rem;-webkit-line-clamp:6}.hero-inner{padding-right:2.5rem}.anime-card{width:12rem;height:18rem}.rail{display:flex;position:fixed;top:calc(var(--header-h) + 3rem);bottom:0;left:0;z-index:30;width:var(--rail-w);flex-direction:column}.rail-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:3rem;border-radius:0 9999px 9999px 0}.rail-nav{overflow:hidden;width:0;transition:width .4s ease-in-out;background:var(--bg)}.rail.open .rail-nav{width:13rem}.rail-nav ul{display:flex;flex-direction:column;padding:1rem 0;min-width:13rem}.rail-nav .side-link{font-size:1rem}.page-title{padding:2rem 2.5rem 0}.grid-section{padding:2.5rem;gap:2.5rem}.search-form{margin:1.5rem 2.5rem .75rem}.search-meta{padding:0 2.5rem}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}.detail-wrap{max-width:60rem;margin:0 auto;padding:1.5rem 1.5rem 3rem}.detail-breadcrumb{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.detail-breadcrumb a:hover{color:var(--text)}.detail-article{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.detail-poster{margin:0;width:11rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius);box-shadow:0 10px 20px 5px rgb(0 0 0/.4)}.detail-poster img{width:100%;height:auto;background:#1f2937}.detail-title{font-size:1.75rem;font-weight:700}.detail-sub{margin-top:.5rem;color:#d1d5db;max-width:34rem}.detail-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2.5rem;text-align:center;min-height:3.25rem}.watch-btn{padding:.9rem 2.5rem;border-radius:9999px;background:var(--red);color:#fff;font-size:1.1rem;font-weight:700;transition:background-color .2s ease,transform .2s ease}.watch-btn:hover{background:var(--red-hover);transform:translateY(-1px)}.watch-btn.counting{background:#374151;cursor:wait;transform:none}.detail-note{margin:0;font-size:.8rem;color:var(--text-muted)}@media (min-width:768px){.detail-wrap{padding-top:3rem}.detail-article{flex-direction:row;text-align:left}.detail-poster{width:14rem}.detail-title{font-size:2.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}