/* Anime catalog UI: compact, SSR-first, no UI framework or icon font. */
:root{color-scheme:dark;--bg:#0c1116;--surface:#11161b;--surface2:#181e24;--surface3:#22282d;--stroke:#252d34;--text:#f7f8fa;--muted:#9aa4ae;--green:#36cb68;--green2:#26ad58;--orange:#e45f3a;--container:1590px;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}
/* Dark flat header, centered search, small account actions */
.site-header{position:relative;z-index:40;background:#11161b;border-bottom:1px solid #ffffff0c;min-height:73px}.header-inner{max-width:1660px;margin:auto;padding:0 27px;min-height:73px;display:flex;align-items:center;gap:30px}.brand{font-size:24px;font-weight:850;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center;gap:7px}.brand-emblem{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--green);border-radius:7px;color:#0c1116;font-size:16px;transform:skew(-8deg)}.brand-name{max-width:210px;text-overflow:ellipsis;overflow:hidden}.site-nav{display:flex;align-items:center;gap:23px;white-space:nowrap;font-size:14px;font-weight:550}.site-nav a{color:#ced4d7}.site-nav a:hover{color:var(--green)}.search-wrapper{margin-left:auto;flex:0 1 300px;min-width:110px;position:relative}.search-box{position:relative}.search-box input{background:#292f34;border:0;color:#fff;border-radius:23px;min-width:0;width:100%;height:39px;padding:0 40px 0 17px;outline:0}.search-box input::placeholder{color:#bdc1c5}.search-box input:focus{box-shadow:0 0 0 2px #36cb68aa}.search-icon{position:absolute;right:12px;top:-5px;color:#cbd1d4;font-size:28px;pointer-events:none}.search-trigger{display:none;background:transparent;border:0;color:#fff;font-size:26px}.suggestion{display:none;position:absolute;top:46px;left:0;right:0;min-width:295px;background:#1d242b;border:1px solid #343c42;border-radius:10px;overflow:hidden;box-shadow:0 16px 50px #000b;z-index:50}.suggestion a{display:flex;gap:10px;padding:9px}.suggestion a+a{border-top:1px solid #ffffff11}.suggestion a:hover{background:#2c363e}.suggestion img{width:40px;height:56px;object-fit:cover;border-radius:3px;flex-shrink:0}.suggestion b{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion small{color:#a3aab1}.header-account{display:flex;align-items:center;gap:20px;white-space:nowrap}.header-account>a:first-child{font-size:14px}.header-account>a:first-child:hover{color:var(--green)}.sign-in{background:var(--green);border-radius:24px;color:#05120a!important;padding:9px 19px;font-weight:750}.account-btn{background:var(--green);color:#041007;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:800}.mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:23px}
/* Featured: authentic high-contrast edge-to-edge background instead of a rounded card */
.featured{margin:0 0 10px;position:relative;overflow:hidden}.featured-stage{height:clamp(460px,46vw,645px);position:relative;overflow:hidden;background:#11161b}.featured-slide{inset:0;position:absolute;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none;background-image:linear-gradient(90deg,#0c1116 7%,rgba(12,17,22,.92) 27%,rgba(12,17,22,.52) 55%,rgba(12,17,22,.08) 100%),var(--slide-image);background-size:cover,auto 100%;background-position:0 0,right center;background-repeat:no-repeat}.featured-slide:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#0c1116);pointer-events:none}.featured-slide.active{opacity:1;visibility:visible;pointer-events:auto}.featured-inner{max-width:var(--container);height:100%;margin:auto;padding:0 34px;display:flex;align-items:center;position:relative;z-index:1}.featured-copy{width:min(570px,48%);padding-bottom:12px}.featured-number{display:block;color:var(--green);font-size:18px;font-weight:750;margin-bottom:16px}.featured h2{font-size:clamp(31px,3.6vw,51px);line-height:1.16;margin:0 0 17px;letter-spacing:-.03em;font-weight:850}.feature-facts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#f1f1f1;font-size:13px}.feature-facts>span{white-space:nowrap}.feature-hd{border:1px solid #d2dae0;border-radius:4px;font-weight:750;padding:0 4px}.featured p{color:#d1d6d8;max-width:550px;margin:17px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.feature-actions{display:flex;gap:9px}.action-primary,.action-secondary{border-radius:24px;min-height:43px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:background .2s}.action-primary{background:var(--green);color:#06150b}.action-primary:hover{background:#69e38d}.action-secondary{background:#f3f5f6;color:#172027}.action-secondary:hover{background:#d0d5d8}.featured-navigation{position:absolute;right:5%;bottom:70px;z-index:4;display:flex;gap:8px}.featured-navigation button{border:0;width:37px;height:37px;border-radius:6px;background:#ffffff28;color:white}.featured-navigation button:hover{background:var(--green);color:#000}.featured-pagination{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:4}.featured-pagination button{border:0;background:#ffffff6b;height:4px;width:23px;padding:0;border-radius:4px}.featured-pagination .active{background:var(--green);width:38px}
/* Home: two-column updates + ranking sidebar */
.home-container{max-width:var(--container);padding:0 26px;margin:auto}.announcement{position:relative;display:flex;align-items:center;gap:13px;margin:9px 0 28px;background:#17251c;border:1px solid #254a31;border-radius:8px;padding:10px 45px 10px 15px;min-height:57px}.announcement .ann-icon{color:var(--green);font-size:25px}.announcement strong{font-size:13px}.announcement p{color:#a9c3ae;font-size:12px;margin:1px 0}.announcement button{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:0;color:#a8b7ac;font-size:24px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.home-primary{min-width:0}.home-section{margin-bottom:31px}.section-title{display:flex;align-items:center;gap:16px;margin:0 0 18px;min-height:31px}.section-title h2,.sidebar-heading h2{font-size:25px;line-height:1.3;margin:0;letter-spacing:-.3px;font-weight:760}.section-title>a{color:#babfc4;margin-left:auto}.section-title>a:hover{color:var(--green)}.section-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.filter-tabs{display:flex;gap:3px}.filter-tabs button{background:transparent;color:#c7cbd0;border:0;border-radius:17px;padding:5px 11px;font-weight:550}.filter-tabs button.active,.filter-tabs button:hover{background:var(--green);color:#092011}.mini-pager{display:flex;gap:4px}.mini-pager button{background:#252e35;border:0;border-radius:50%;width:26px;height:26px;color:#fff;font-size:22px;line-height:1}.mini-pager button.disabled{opacity:.3;cursor:default}.aitem-wrapper.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 11px}.aitem{min-width:0}.aitem .poster{display:block;position:relative;width:100%;aspect-ratio:0.72;overflow:hidden;background:#1d2226;border-radius:5px}.aitem .poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.aitem .poster:after{content:"";position:absolute;bottom:0;left:0;right:0;height:32%;background:linear-gradient(transparent,#0008);pointer-events:none}.aitem:hover .poster img{transform:scale(1.06)}.poster-play{display:grid;place-items:center;position:absolute;width:46px;height:46px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);border-radius:50%;background:#36cb68ed;color:#07140a;opacity:0;transition:.2s;z-index:2}.aitem:hover .poster-play,.aitem a:focus-visible .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.poster-ep{position:absolute;bottom:7px;right:7px;background:#000b;color:#fff;border-radius:3px;font-size:10px;font-weight:750;z-index:3;padding:2px 5px}.aitem-detail{padding:8px 1px 0}.aitem-title{font-size:14px;line-height:1.4;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.aitem-title:hover{color:var(--green)}.aitem-meta,.entity-badges,.meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:6px}.chip,.entity-badges span,.meta-line>span{font-size:10px;font-weight:750;padding:2px 5px;border-radius:3px;white-space:nowrap}.chip-sub,.entity-badges .sub,.meta-line .sub{background:#d6f2e0;color:#173823}.chip-dub,.entity-badges .dub,.meta-line .dub{background:#d8ecff;color:#193551}.chip-type,.entity-badges span:not(.sub):not(.dub),.meta-line span:not(.sub):not(.dub){background:#323b43;color:#e2e7e9}.trending-box{background:#11161b;border-radius:7px;padding:18px 14px 3px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.sidebar-heading h2{font-size:22px}.sidebar-heading>span{font-size:12px;color:#949ca2}.trending-item{display:grid;grid-template-columns:25px 49px minmax(0,1fr);gap:10px;align-items:center;min-height:94px;padding:10px 0;border-bottom:1px solid #ffffff11}.trending-item:hover{color:var(--green)}.trending-item img{width:49px;height:69px;object-fit:cover;border-radius:3px}.trend-rank{font-size:22px;font-weight:800;opacity:.8;font-style:italic}.trending-item:nth-child(-n+3) .trend-rank{color:var(--green)}.trending-detail strong{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-detail small{display:block;color:#999fa7;font-size:12px;margin-top:3px}.schedule-home{margin-top:8px;background:#11161b;padding:20px 23px;border-radius:7px}.schedule-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.schedule-day{display:grid;place-items:center;gap:0;background:#222a30;border-radius:6px;padding:9px;color:#ccd1d4}.schedule-day b{font-size:23px}.schedule-day.active,.schedule-day:hover{color:#0d1a11;background:var(--green)}.schedule-hint{font-size:12px;color:#a2abb2;margin-top:11px}.az-block{margin:31px 0 15px}.az-block h2{font-size:23px;margin:0 0 3px}.az-block p{color:var(--muted);margin:0 0 10px}.az-block nav{display:flex;gap:5px;flex-wrap:wrap}.az-block a{background:#222a30;min-width:36px;padding:8px;border-radius:4px;text-align:center;font-weight:650}.az-block a:hover{background:var(--green);color:#07160c}.home-seo{margin:28px 0;padding:14px 0;border-top:1px solid #222b30;color:#9ba5ae;font-size:12px}.home-seo h1{font-size:16px;color:#d8dedf;margin:2px 0}.home-seo p{margin:3px 0}.continue-block{margin-bottom:24px}.continue-items{display:flex;gap:12px;overflow:auto}.continue-items a{min-width:170px;width:170px}.continue-items img{height:100px;width:170px;object-fit:cover;border-radius:5px}
/* Browse / A-Z / accounts */
.catalog-page,.simple-page{max-width:var(--container);margin:0 auto;padding:30px 26px;min-height:55vh}.page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.page-head h1{margin:0;font-size:27px}.page-head p{margin:4px 0;color:var(--muted)}.filters{background:#171d23;border-radius:9px;padding:17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;margin-bottom:23px}.filters label{font-size:12px;color:#cdd4d7;min-width:0}.filters select,.filters input{display:block;width:100%;margin-top:4px;height:39px;border:1px solid #323d44;background:#263039;color:#fff;padding:0 10px;border-radius:5px;outline:0}.filters button,.button-primary{background:var(--green);color:#07180c;font-weight:750;border:none;border-radius:5px;padding:0 16px;height:39px;align-self:end}.catalog-page .aitem-wrapper.grid{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:24px}.catalog-empty{padding:50px 0;color:var(--muted)}.pagination{display:flex;gap:6px;margin:30px 0}.pagination a,.pagination span{padding:7px 13px;background:#222a30;border-radius:5px}.pagination .active{background:var(--green);color:#06180c}.alphabet-nav{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 25px}.alphabet-nav a{padding:7px 12px;border-radius:5px;background:#273037}.alphabet-nav a.active,.alphabet-nav a:hover{background:var(--green);color:#041209}.account-panel{width:min(450px,100%);margin:30px auto;padding:24px;background:#161d23;border-radius:10px}.account-panel h1{margin:0 0 14px}.account-panel label{display:block;margin:11px 0}.account-panel input{display:block;width:100%;margin-top:6px;padding:10px;background:#263039;color:#fff;border:1px solid #404a52;border-radius:5px}.account-panel button{width:100%;margin-top:10px;padding:10px;background:var(--green);font-weight:750;border:none;border-radius:5px}.account-panel .error{color:#ffb0b0}.account-panel .links{display:flex;justify-content:space-between;font-size:12px;margin-top:16px}.account-panel a:hover{color:var(--green)}
/* Watch: compact left metadata, large central player, episode drawer/right rail */
.watch-page{max-width:1660px;margin:auto}.watch-crumb{display:flex;align-items:center;gap:9px;color:#98a2a9;font-size:12px;padding:15px 26px}.watch-crumb a:hover{color:var(--green)}.watch-section{padding:0 20px}.watch-section-wrap{display:grid;grid-template-columns:minmax(195px,245px) minmax(0,1fr) minmax(245px,310px);gap:12px;align-items:stretch}.entity-section,.episode-section{background:var(--surface);border-radius:9px;min-width:0;overflow:hidden}.entity-poster{position:relative;max-height:260px;overflow:hidden;background:#121b1e}.entity-poster img{height:260px;width:100%;object-fit:cover;object-position:center 32%}.entity-poster:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,var(--surface))}.entity-description{padding:12px 15px 17px}.entity-description h1{margin:0;font-size:20px;line-height:1.3}.entity-subname{color:#88959d;margin:4px 0;font-size:12px}.entity-description .anime-summary{font-size:12px;color:#c4ced2;max-height:118px;overflow:auto;line-height:1.6}.entity-description ul{list-style:none;margin:13px 0;padding:0;font-size:12px;color:#c2c9ce}.entity-description li{margin-bottom:6px}.entity-description li b{color:#fff;margin-right:5px}.list-add{display:block;border:0;width:100%;margin-top:11px;background:#2b3930;color:var(--green);padding:9px;border-radius:5px;font-weight:750}.list-add.active{background:var(--green);color:#07190a}.player-section{min-width:0}.player-topline{display:flex;align-items:center;min-height:46px;background:#11161b;border-radius:9px 9px 0 0;padding:8px 13px}.player-topline>div{display:flex;gap:11px;align-items:center;min-width:0}.player-topline strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-kicker{color:var(--green);font-size:12px;font-weight:750;white-space:nowrap}.player-main{position:relative;aspect-ratio:16/9;background:#020303;overflow:hidden}.player-frame{position:absolute;inset:0;background:#030608;display:grid;place-items:center;overflow:hidden}.player-frame:before{content:"";inset:0;position:absolute;opacity:.24;background-image:linear-gradient(#0005,#000a),var(--player-bg,none);background-position:center;background-size:cover;filter:blur(10px)}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.player-empty{position:relative;z-index:1;display:grid;place-items:center;gap:4px;text-align:center;padding:20px}.player-empty strong{font-size:17px}.player-empty small{color:#99a0a4}.player-big-play{border:3px solid var(--green);color:var(--green);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;font-size:25px;padding-left:5px;margin-bottom:8px}.player-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;background:#1b2328;min-height:45px}.player-controls,.player-paging{display:flex;align-items:center;gap:10px;min-width:0}.player-controls button,.player-paging a{background:transparent;border:0;color:#bec5ca;font-size:12px;white-space:nowrap}.player-controls button:hover,.player-paging a:hover{color:var(--green)}.player-controls label{font-size:12px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.player-controls input{accent-color:var(--green)}.player-paging a{padding:6px 9px;background:#2a3238;border-radius:4px}.player-paging a.disabled{opacity:.3;pointer-events:none}.episode-section{display:flex;flex-direction:column;min-height:0;max-height:665px}.episode-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:#1b2429}.episode-top strong{white-space:nowrap;font-size:15px}.episode-top small{font-size:11px;color:#9da9b0}.episode-top input{width:120px;min-width:0;height:32px;background:#323b41;border:1px solid #364047;border-radius:5px;padding:5px 8px;color:#fff}.episode-range{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 12px;background:#111a20;border-bottom:1px solid #2a3238;color:#aab2b8}.episode-range select{height:30px;max-width:140px;background:#273238;color:#fff;border:0;border-radius:4px;padding:0 8px}.episode-list{overflow-y:auto;overscroll-behavior:contain;min-height:230px;flex:1;padding:5px 0}.ep{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:37px;padding:8px 12px;font-size:12px}.ep:nth-child(even){background:#151d22}.ep small{color:#b3bbbd;white-space:nowrap}.ep:hover{background:#283c2d}.ep.active{background:#265937;color:#fff;border-left:3px solid var(--green);font-weight:750;padding-left:9px}.episode-empty{padding:17px;text-align:center;color:#a8afb4}#player-server{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#111a20;padding:14px 17px;border-radius:0 0 8px 8px;min-height:87px}.server-note{max-width:270px;display:grid;gap:4px}.server-note strong{font-size:13px}.server-note span{color:#929ea6;font-size:12px}.server-area{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.server-tabs{display:flex;gap:6px}.server-tabs button{background:#333e42;color:#d6dbde;padding:5px 12px;border:0;border-radius:4px;font-size:12px}.server-tabs button.active{background:var(--green);color:#052112;font-weight:750}.server-panels{display:flex;min-height:30px}.server-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.server-btn{background:#263139;border:1px solid #3a484f;border-radius:5px;color:#e8f1ec;padding:6px 11px;font-size:12px}.server-btn:hover,.server-btn.active{background:var(--green);color:#071f10;border-color:var(--green)}.no-servers{color:#adbac0;font-size:12px}.watch-under{padding:25px 24px 38px}.watch-meta{background:#11161b;border-radius:9px;padding:20px 22px;margin-bottom:30px}.watch-meta h2{font-size:23px;margin:0 0 4px}.watch-meta p{font-size:13px;line-height:1.85;max-width:1040px;color:#bac4c9}.related-section .grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.focus-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:75}.focus-mode .site-header,.focus-mode .site-footer,.focus-mode .entity-section,.focus-mode .episode-section,.focus-mode .watch-crumb,.focus-mode .watch-under{visibility:hidden}.focus-mode .player-section{position:relative;z-index:80}.focus-mode .watch-section-wrap{grid-template-columns:minmax(0,1fr);max-width:1080px;margin:auto}.focus-mode .player-section{background:#11161b}
/* Schedule, list and history */
.schedule-results{background:#151d23;border-radius:8px;margin-top:17px}.schedule-row{display:grid;grid-template-columns:80px 50px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid #ffffff11;padding:12px}.schedule-row img{height:65px;width:46px;object-fit:cover;border-radius:4px}.schedule-row span{color:var(--green);font-weight:750}.schedule-row small{color:var(--muted)}.schedule-row a:hover{color:var(--green)}
/* Footer / feedback */
.site-footer{background:#10161b;margin-top:18px;border-top:1px solid #293137}.footer-inner{max-width:var(--container);margin:auto;padding:24px 28px 35px;display:grid;grid-template-columns:1fr auto;gap:15px;color:#9ba4ab}.footer-brand strong{font-size:19px;color:#fff}.footer-brand p{font-size:12px;margin:4px 0}.footer-links{display:flex;flex-wrap:wrap;gap:17px;font-size:12px}.footer-links a:hover{color:var(--green)}.copyright{grid-column:1/-1;font-size:11px}.toast{position:fixed;bottom:15px;left:50%;transform:translate(-50%,30px);background:#263c2e;padding:10px 17px;border:1px solid #365842;border-radius:7px;color:#d6f5df;box-shadow:0 8px 25px #0009;opacity:0;pointer-events:none;transition:.25s;z-index:999}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1280px){.header-inner{gap:19px}.site-nav{gap:13px}.home-columns{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.aitem-wrapper.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-page .aitem-wrapper.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.watch-section-wrap{grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(225px,280px)}.entity-description .anime-summary{max-height:75px}.episode-section{max-height:590px}}
@media(max-width:1040px){.site-nav{position:absolute;top:72px;left:12px;right:12px;background:#1e262b;border:1px solid #303e42;border-radius:8px;padding:14px;display:none;flex-direction:column;align-items:stretch;gap:12px;box-shadow:0 15px 40px #0009}.site-nav.open{display:flex}.mobile-menu{display:block}.brand-name{font-size:21px}.featured-stage{height:480px}.featured-copy{width:57%}.featured-slide{background-size:cover,auto 100%;background-position:0 0,right center}.home-columns{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.aitem-wrapper.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-page .aitem-wrapper.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.watch-section-wrap{grid-template-columns:minmax(0,1fr) 265px}.entity-section{display:none}.episode-section{max-height:540px}.watch-meta{display:block}}
@media(max-width:740px){.site-header,.header-inner{min-height:61px}.header-inner{padding:0 12px;gap:12px}.site-nav{top:61px}.brand-name{font-size:19px;max-width:125px}.header-account{gap:9px;margin-left:auto}.header-account>a:first-child span{display:none}.sign-in{padding:7px 10px;font-size:12px}.search-wrapper{margin-left:auto;flex:0 0 28px;min-width:0}.search-trigger{display:block}.search-box{position:absolute;right:-35px;top:36px;width:min(92vw,380px);display:none}.search-wrapper.open .search-box{display:block}.search-icon{display:none}.search-box input{border-radius:5px;background:#253038}.suggestion{right:0;left:auto;width:min(92vw,380px)}.featured-stage{height:445px}.featured-slide{background-image:linear-gradient(0deg,#0c1116 2%,rgba(12,17,22,.88) 33%,rgba(12,17,22,.18) 95%),var(--slide-image);background-size:cover,auto 85%;background-position:0 0,center top}.featured-inner{align-items:end;padding:0 15px 38px}.featured-copy{width:100%;padding-bottom:7px}.featured-number{font-size:14px;margin-bottom:6px}.featured h2{font-size:clamp(27px,6.3vw,35px);margin-bottom:8px}.featured p{font-size:12px;line-height:1.55;margin:9px 0;max-width:100%;-webkit-line-clamp:2}.feature-facts{gap:8px;font-size:11px}.feature-actions .action-primary,.feature-actions .action-secondary{min-height:39px;padding:0 15px;font-size:12px}.featured-navigation{right:12px;bottom:17px}.featured-pagination{left:18px;transform:none;bottom:24px}.home-container{padding:0 12px}.announcement{margin:8px 0 22px}.home-columns{display:flex;flex-direction:column}.home-primary,.home-sidebar{width:100%}.home-sidebar{order:2}.trending-box{padding:16px}.trending-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.section-title{flex-wrap:wrap;gap:10px;margin-bottom:13px}.section-title h2{font-size:21px}.section-actions{width:100%;justify-content:space-between;margin-left:0}.filter-tabs button{padding:5px 13px}.aitem-wrapper.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.catalog-page .aitem-wrapper.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aitem-title{font-size:12px;min-height:33px}.poster-ep{font-size:9px}.chip{font-size:9px}.schedule-home{padding:15px 10px}.schedule-days{gap:4px}.schedule-day{padding:6px 0}.schedule-day b{font-size:20px}.catalog-page,.simple-page{padding:18px 12px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.page-head h1{font-size:24px}.watch-crumb{padding:10px 12px}.watch-section{padding:0 7px}.watch-section-wrap{grid-template-columns:1fr;gap:0}.player-topline{border-radius:7px 7px 0 0}.player-tools{flex-wrap:wrap;gap:5px}.player-controls{gap:7px;overflow:auto}.player-controls button span{display:none}.player-controls label span{font-size:11px}.player-paging{margin-left:auto}.episode-section{margin-top:13px;max-height:385px;border-radius:8px}.episode-list{max-height:275px}.server-note{max-width:none}.watch-under{padding:20px 8px}.watch-meta{padding:16px}.related-section .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-mode .watch-section-wrap{display:block}.focus-mode .episode-section{display:none}.footer-inner{padding:20px 12px;grid-template-columns:1fr}}
@media(max-width:420px){.brand-name{max-width:100px}.featured-stage{height:415px}.featured h2{font-size:26px}.featured-navigation button{width:28px;height:28px}.trending-items{grid-template-columns:1fr}.aitem-wrapper.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 9px}.catalog-page .aitem-wrapper.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-day b{font-size:17px}.schedule-day span{font-size:11px}.server-area{align-items:stretch}#player-server{padding:11px;align-items:stretch;flex-direction:column}.server-panels,.server-group{justify-content:start}.server-tabs{flex-wrap:wrap}.player-kicker{display:none}.player-topline strong{font-size:12px}.episode-top input{width:115px}.schedule-row{grid-template-columns:60px 40px minmax(0,1fr);gap:7px}.schedule-row a:last-child{grid-column:3}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.rating-panel{margin:14px 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rating-panel strong{font-size:13px}.rating-buttons{display:flex;gap:4px;flex-wrap:wrap}.rating-buttons button{background:#27343d;border:1px solid #354640;color:#d3dbd6;padding:5px 8px;border-radius:4px}.rating-buttons button:hover,.rating-buttons button.selected{background:var(--green);color:#071b0d}.rating-panel small{color:#9aaba2}