.navbar{z-index:1000;height:var(--navbar-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--transition-base);background:#0d0f17f2;position:fixed;top:0;left:0;right:0}.navbar-scrolled{box-shadow:0 4px 24px #0006}.navbar-inner{align-items:center;gap:var(--space-xl);height:100%;display:flex}.navbar-logo{font-family:var(--font-display);letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:1px;font-size:1.55rem;font-weight:800;display:flex}.logo-ani{color:var(--accent)}.logo-kari{color:var(--text-primary)}.navbar-links{flex:1;align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:6px 13px;font-size:.82rem;font-weight:500;position:relative}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active,.nav-link[aria-current=page]{color:var(--accent);background:#22c55e14}.navbar-actions{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.navbar-search{position:relative}.navbar-search form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);width:220px;height:36px;transition:all var(--transition-fast);align-items:center;padding:0 14px;display:flex}.navbar-search form:focus-within{border-color:var(--accent);background:var(--bg-card-hover);width:280px;box-shadow:0 0 0 3px #22c55e14}.search-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;margin-right:8px}.navbar-search input{font-size:var(--fs-sm);color:var(--text-primary);background:0 0;flex:1;min-width:0}.navbar-search input::placeholder{color:var(--text-muted)}.search-suggestions{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:340px;box-shadow:var(--shadow-lg);animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.suggestion-item{align-items:center;gap:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);padding:10px 14px;display:flex}.suggestion-item:hover{background:var(--bg-card-hover)}.suggestion-img{object-fit:cover;background:var(--bg-surface);border-radius:6px;flex-shrink:0;width:38px;height:54px}.suggestion-info{min-width:0}.suggestion-title{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-weight:500;overflow:hidden}.suggestion-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.suggestion-footer{font-size:var(--fs-sm);color:var(--accent);cursor:pointer;border-top:1px solid var(--border-color);text-align:center;transition:background var(--transition-fast);padding:10px 14px;font-weight:500}.suggestion-footer:hover{background:var(--bg-card-hover)}.search-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.search-toggle:hover{color:var(--text-primary);background:#ffffff0d}.search-toggle svg{width:17px;height:17px}.profile-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.profile-btn:hover{color:var(--text-primary);border-color:var(--border-color);background:#ffffff0d}.hamburger-btn{border-radius:var(--radius-sm);color:#fff;width:36px;height:36px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-btn:hover{background:#ffffff14}.navbar-overlay{z-index:-1;background:#0009;position:fixed;inset:0}@media (width<=768px){.navbar{-webkit-backdrop-filter:blur(16px);border-radius:18px;width:auto;height:52px;margin:0;position:fixed;top:10px;left:10px;right:10px;box-shadow:0 8px 32px #00000080;border:1px solid var(--border-color)!important;background:#141620f7!important}.navbar-inner{padding:0 var(--space-md);justify-content:space-between;align-items:center;gap:0;display:flex;position:relative}.hamburger-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.navbar-logo{font-size:1.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-search{display:none}.navbar-search.open{z-index:1001;border-radius:16px;padding:10px;display:block;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 30px #00000080;border:1px solid var(--border-color)!important;background:#141620fa!important}.navbar-search.open form{width:100%}.navbar-search.open .search-suggestions{min-width:unset;border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0}.search-toggle{border-radius:var(--radius-full);width:34px;height:34px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.profile-btn{border:none;width:34px;height:34px}.navbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.navbar-links{opacity:0;pointer-events:none;z-index:998;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000080;border:1px solid var(--border-color)!important;background:#141620fa!important}.navbar-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{font-size:var(--fs-sm);border-radius:var(--radius-md);text-align:left;width:100%;color:var(--text-secondary);padding:10px 14px}.nav-link:hover,.nav-link.active{color:var(--accent);background:#22c55e14}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer-grid{gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-logo{font-family:var(--font-display);margin-bottom:var(--space-md);font-size:1.4rem;font-weight:800;display:inline-flex}.footer-tagline{font-size:var(--fs-sm);color:var(--text-muted);max-width:300px;margin-bottom:var(--space-md);line-height:1.6}.footer-discord-btn{color:#fff;border-radius:var(--radius-full);font-size:var(--fs-sm);transition:background var(--transition-fast);background:#5865f2;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.footer-discord-btn:hover{background:#4752c4}.footer-discord-btn i{font-size:15px}.footer-links-group h4{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.footer-links-group a{font-size:var(--fs-sm);color:var(--text-muted);transition:color var(--transition-fast);padding:4px 0;display:block}.footer-links-group a:hover{color:var(--accent)}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-disclaimer{font-size:var(--fs-xs);color:var(--text-dim);max-width:600px}.footer-copy{font-size:var(--fs-xs);color:var(--text-dim)}@media (width<=768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.hero-slider{margin-top:var(--space-md);margin-bottom:var(--space-2xl);padding:0 var(--container-padding);position:relative}.hero-slider-frame{width:100%;max-width:var(--container-max);background:#090a0f;border:1px solid #ffffff14;border-radius:20px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000bf,inset 0 0 30px #ffffff05}.hero-slider-skeleton{background:var(--bg-card);border-radius:20px;height:520px;position:relative;overflow:hidden}.hero-slider-skeleton .skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-card) 50%, var(--bg-secondary) 75%);background-size:200% 100%;width:100%;height:100%;animation:1.8s linear infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-swiper{width:100%;height:520px}.hero-slide{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-backdrop img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transform:scale(1.02)}.swiper-slide-active .hero-backdrop img{animation:8s cubic-bezier(.25,.46,.45,.94) infinite alternate kenBurnsZoom}@keyframes kenBurnsZoom{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.08)translate(-1%,-1%)}}.hero-overlay-shadow{z-index:2;background:linear-gradient(90deg,#0d0f17 0%,#0d0f17f2 25%,#0d0f17bf 45%,#0d0f1726 75%,#0d0f17b3 100%),linear-gradient(#0000 50%,#0d0f17 100%);position:absolute;inset:0}.hero-content{z-index:3;width:100%;height:100%;padding:0 var(--space-3xl);justify-content:space-between;align-items:center;gap:var(--space-3xl);display:flex;position:relative}.hero-text-side{gap:var(--space-lg);flex-direction:column;flex:1;max-width:620px;animation:.8s cubic-bezier(.16,1,.3,1) forwards heroTextSlideIn;display:flex}@keyframes heroTextSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.badge{border-radius:var(--radius-sm);letter-spacing:.8px;text-transform:uppercase;border:1px solid #ffffff1a;align-items:center;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-featured{color:var(--accent);background:#22c55e1f;border-color:#22c55e4d}.pulse-indicator{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;margin-right:6px;animation:2s infinite badgePulse;display:inline-block}@keyframes badgePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.badge-glass{color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-color:#ffffff1a}.badge-star-glow{color:#ffb703;background:#ffb7031f;border-color:#ffb7034d;box-shadow:0 0 12px #ffb70326}.hero-title{font-family:var(--font-display);background:linear-gradient(#fff 0%,#dcdfe8 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 16px #000000b3;-webkit-line-clamp:2;-webkit-background-clip:text;-webkit-box-orient:vertical;font-size:clamp(2rem,3.8vw,2.8rem);font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.hero-description{color:#e2e8f0d9;-webkit-line-clamp:3;text-shadow:0 1px 4px #00000080;-webkit-box-orient:vertical;max-width:540px;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.hero-genres-row{flex-wrap:wrap;gap:8px;display:flex}.genre-pill{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600}.hero-button-row{align-items:center;gap:var(--space-md);margin-top:var(--space-xs);display:flex}.hero-btn-play{border-radius:var(--radius-md);background:var(--accent);color:#0b0d14;box-shadow:var(--shadow-accent);align-items:center;gap:10px;padding:14px 32px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.hero-btn-play:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.hero-btn-play svg{margin-top:-1px}.hero-btn-info{border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;padding:14px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-btn-info:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translateY(-2px)}.hero-poster-side{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-glass-poster{border-radius:var(--radius-lg);width:220px;height:310px;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,0 0 0 1px #ffffff1f,0 0 30px #22c55e14}.hero-slide:hover .hero-glass-poster{border-color:#22c55e66;transform:translateY(-8px)scale(1.03)rotateY(5deg);box-shadow:0 28px 64px #000000f2,0 0 25px #22c55e40}.hero-glass-poster img{object-fit:cover;width:100%;height:100%}.poster-glare{z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#fff0 50% 100%);position:absolute;inset:0}.hero-nav-btn{width:48px;height:48px;color:var(--text-primary);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#0d0f17a6;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-slider-frame:hover .hero-nav-btn{opacity:.9}.hero-nav-btn:hover{background:var(--accent);color:#0b0d14;border-color:var(--accent);transform:translateY(-50%)scale(1.08);box-shadow:0 0 20px #22c55e99;opacity:1!important}.hero-nav-btn:active{transform:translateY(-50%)scale(.95)}.hero-prev-btn{left:24px}.hero-next-btn{right:24px}.hero-pagination{z-index:10!important;justify-content:center!important;gap:8px!important;width:auto!important;display:flex!important;position:absolute!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important}.hero-pagination .swiper-pagination-bullet{opacity:1;cursor:pointer;background:#ffffff3d;border-radius:2px;width:24px;height:4px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.hero-pagination .swiper-pagination-bullet:before{content:"";background:var(--accent);border-radius:2px;width:0;height:100%;position:absolute;top:0;left:0}.hero-pagination .swiper-pagination-bullet-active{background:#ffffff26;width:48px}.hero-pagination .swiper-pagination-bullet-active:before{width:100%;animation:6s linear forwards heroBulletFill}@keyframes heroBulletFill{0%{width:0}to{width:100%}}@media (width<=1024px){.hero-content{padding:0 var(--space-2xl);gap:var(--space-xl)}.hero-glass-poster{width:190px;height:270px}}@media (width<=900px){.hero-poster-side{display:none}.hero-text-side{max-width:100%}}@media (width<=768px){.hero-slider{padding:0 var(--space-sm)}.hero-slider-frame{border-radius:var(--radius-lg)}.hero-swiper,.hero-slider-skeleton{height:360px!important}.hero-overlay-shadow{background:linear-gradient(#0d0f1766 0%,#0d0f17d9 60%,#0d0f17 100%)!important}.hero-content{padding:0 var(--space-md)!important;align-items:flex-end!important;padding-bottom:45px!important}.hero-text-side{text-align:left!important;align-items:flex-start!important;gap:10px!important}.hero-title{text-shadow:0 2px 8px #000c!important;font-size:1.45rem!important;line-height:1.25!important}.hero-description{-webkit-line-clamp:2!important;margin-bottom:2px!important;font-size:.78rem!important;line-height:1.55!important}.hero-genres-row,.hero-nav-btn{display:none!important}.hero-button-row{gap:8px!important;width:100%!important;margin-top:2px!important}.hero-btn-play,.hero-btn-info{flex:1;justify-content:center;height:38px!important;padding:10px 12px!important;font-size:.78rem!important}.hero-pagination{bottom:14px!important}.hero-pagination .swiper-pagination-bullet{width:14px;height:3px}.hero-pagination .swiper-pagination-bullet-active{width:32px}}@media (width<=480px){.hero-swiper,.hero-slider-skeleton{height:310px!important}.hero-description{display:none!important}.hero-content{padding-bottom:38px!important}.hero-title{font-size:1.3rem!important}.badge{padding:3px 8px;font-size:.65rem}}.anime-card{border-radius:var(--radius-lg);transition:transform var(--transition-fast);text-decoration:none;display:block;overflow:hidden}.anime-card:hover{transform:translateY(-5px)}.anime-card-poster{aspect-ratio:3/4.2;border-radius:var(--radius-lg);background:var(--bg-card);position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}.anime-card-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .4s}.anime-card:hover .anime-card-poster img{filter:brightness(.55);transform:scale(1.07)}.anime-card-overlay{opacity:0;transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.anime-card:hover .anime-card-overlay{opacity:1}.anime-card-play{background:var(--accent);width:46px;height:46px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.75);box-shadow:0 4px 20px #22c55e66}.anime-card:hover .anime-card-play{transform:scale(1)}.anime-card-play svg{color:#0d0f17;width:20px;height:20px;margin-left:2px}.anime-card-rating{border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--warning);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;align-items:center;gap:3px;padding:3px 7px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.anime-card-rating svg{width:9px;height:9px}.anime-card-type{border-radius:var(--radius-sm);font-size:var(--fs-xs);color:#0d0f17;text-transform:uppercase;letter-spacing:.3px;background:#22c55ed9;padding:3px 7px;font-weight:700;position:absolute;top:8px;right:8px}.anime-card-body{padding:10px 2px}.anime-card-title{font-size:var(--fs-sm);color:var(--text-primary);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.anime-card:hover .anime-card-title{color:var(--accent)}.anime-card-meta{align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px;display:flex}.anime-card-meta span+span:before{content:"•";margin-right:var(--space-sm)}.anime-card-sub-badge{border-radius:var(--radius-sm);color:#fffc;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:2px 6px;font-size:.6rem;font-weight:800;position:absolute;bottom:8px;left:8px}.anime-row{margin-bottom:var(--space-2xl)}.anime-row-controls{align-items:center;gap:var(--space-sm);display:flex}.scroll-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;display:flex}.scroll-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff1a}.scroll-btn svg{width:16px;height:16px}.anime-row-scroll{gap:var(--space-md);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-sm);cursor:grab;padding-left:0;padding-right:0;display:flex;overflow-x:auto}.anime-row-scroll::-webkit-scrollbar{display:none}.anime-row-scroll:active{cursor:grabbing}.anime-row-scroll>*{scroll-snap-align:start;flex:0 0 155px}@media (width<=400px){.anime-row-scroll>*{flex:0 0 135px}}@media (width>=768px){.anime-row-scroll>*{flex:0 0 175px}}@media (width>=1200px){.anime-row-scroll>*{flex:0 0 185px}}.anime-card-skeleton{flex:0 0 155px}@media (width<=400px){.anime-card-skeleton{flex:0 0 135px}}.home-page{padding-top:0}.home-layout{gap:var(--space-2xl);padding-top:var(--space-lg);padding-bottom:var(--space-3xl);grid-template-columns:1fr;align-items:start;display:grid}.home-continue-section{padding-top:var(--space-xl);padding-bottom:var(--space-lg)}@media (width>=1100px){.home-layout{grid-template-columns:1fr 300px}}@media (width>=1400px){.home-layout{grid-template-columns:1fr 320px}}.home-main{flex-direction:column;gap:0;min-width:0;display:flex}.home-section{margin-bottom:var(--space-2xl)}.home-section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.home-section-title{font-size:var(--fs-xl);color:var(--text-primary);font-weight:700;font-family:var(--font-display);align-items:center;gap:10px;display:flex}.title-bar{background:var(--accent);border-radius:var(--radius-full);flex-shrink:0;width:3px;height:1.1em;display:inline-block}.continue-grid{gap:var(--space-md);padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;display:flex;overflow-x:auto}.continue-grid::-webkit-scrollbar{height:4px}.continue-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);scroll-snap-align:start;flex:0 0 190px;text-decoration:none;overflow:hidden}.continue-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.continue-poster{aspect-ratio:16/9;background:var(--bg-surface);position:relative;overflow:hidden}.continue-poster img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.continue-card:hover .continue-poster img{transform:scale(1.05)}.continue-overlay{opacity:0;transition:opacity var(--transition-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.continue-card:hover .continue-overlay{opacity:1}.continue-play-icon{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding-left:2px;font-size:12px;display:flex}.continue-progress-bar-container{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.continue-progress-bar{background:var(--accent);height:100%}.continue-body{padding:8px 12px}.continue-title{font-size:var(--fs-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.continue-meta{font-size:var(--fs-xs);color:var(--text-muted);justify-content:space-between;display:flex}.continue-meta .timestamp{color:var(--accent);font-weight:500}.home-sidebar{gap:var(--space-xl);top:calc(var(--navbar-height) + 16px);flex-direction:column;display:flex;position:sticky}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.sidebar-widget-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:14px 16px;display:flex}.sidebar-widget-header h3{font-size:var(--fs-base);color:var(--text-primary);font-weight:700;font-family:var(--font-display);flex:1}.sidebar-view-all{font-size:var(--fs-xs);color:var(--accent);transition:color var(--transition-fast);white-space:nowrap;font-weight:600}.sidebar-view-all:hover{color:var(--accent-hover)}.sidebar-rank-list{padding:8px 0}.sidebar-rank-item{transition:background var(--transition-fast);align-items:center;gap:10px;padding:7px 14px;text-decoration:none;display:flex}.sidebar-rank-item:hover{background:var(--bg-card-hover)}.rank-num{color:var(--text-dim);text-align:center;flex-shrink:0;width:16px;font-size:.7rem;font-weight:800}.rank-poster{object-fit:cover;background:var(--bg-surface);border-radius:6px;flex-shrink:0;width:40px;height:56px}.rank-info{flex:1;min-width:0}.rank-title{font-size:var(--fs-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-weight:600;overflow:hidden}.rank-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.68rem;display:flex}.rank-score{color:var(--warning);font-weight:600}.sidebar-airing-list{padding:8px 0}.sidebar-airing-item{transition:background var(--transition-fast);align-items:center;gap:10px;padding:7px 14px;text-decoration:none;display:flex}.sidebar-airing-item:hover{background:var(--bg-card-hover)}.airing-poster{object-fit:cover;background:var(--bg-surface);border-radius:6px;flex-shrink:0;width:40px;height:56px}.airing-info{flex:1;min-width:0}.airing-title{font-size:var(--fs-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:600;overflow:hidden}.airing-meta{color:var(--text-muted);align-items:center;gap:5px;font-size:.68rem;display:flex}.airing-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sidebar-genre-grid{flex-wrap:wrap;gap:8px;padding:14px;display:flex}.sidebar-genre-tag{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--text-secondary);transition:all var(--transition-fast);padding:5px 12px;font-weight:500;text-decoration:none}.sidebar-genre-tag:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-dim)}.skeleton-item{align-items:center;gap:10px;padding:7px 14px;display:flex}@media (width<=1099px){.home-sidebar{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid;position:static}}@media (width<=640px){.home-sidebar{grid-template-columns:1fr}.home-layout{gap:var(--space-xl);padding-top:var(--space-md)}}.landing-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--space-xl) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.landing-bg{z-index:1;background-color:#0a0f1a;background-image:url(/landing-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-overlay{z-index:2;background:linear-gradient(135deg,#050505c7 0%,#0505058c 50%,#050505a6 100%);position:absolute;inset:0}.landing-container{z-index:3;width:100%;position:relative}.landing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:1fr;max-width:1100px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 60px #000000bf}@media (width>=768px){.landing-card{grid-template-columns:1.1fr 1.3fr}}.landing-left{justify-content:center;gap:var(--space-lg);border-bottom:1px solid #ffffff0f;flex-direction:column;padding:40px;display:flex}@media (width>=768px){.landing-left{border-bottom:none;border-right:1px solid #ffffff0f}}.landing-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-1.5px;-webkit-user-select:none;user-select:none;font-size:3.5rem;font-weight:800;line-height:1}.logo-highlight{color:var(--color-primary)}.landing-search-wrapper{align-items:center;display:flex;position:relative}.landing-search-icon{left:var(--space-md);color:var(--text-muted);width:18px;height:18px;position:absolute}.landing-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--fs-base);transition:all var(--transition-fast);padding:14px 14px 14px 44px}.landing-search-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 10px var(--accent-glow)}.landing-popular{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.popular-label{color:var(--text-primary);font-weight:700}.popular-link{color:var(--text-secondary);transition:color var(--transition-fast)}.popular-link:hover{color:var(--color-primary);text-decoration:underline}.landing-home-btn{border-radius:var(--radius-md);align-self:flex-start;align-items:center;gap:var(--space-sm);text-transform:uppercase;font-weight:700;font-size:var(--fs-sm);padding:12px 28px;display:inline-flex}.landing-right{background:var(--bg-surface);gap:var(--space-lg);flex-direction:column;justify-content:center;padding:40px;display:flex}.landing-right h2{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-primary);font-weight:700}.landing-desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6}.landing-qa-section{gap:var(--space-xs);flex-direction:column;display:flex}.landing-qa-section h3{font-size:var(--fs-md);color:var(--text-primary);font-weight:600}.landing-qa-section p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.landing-bullets{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.landing-bullets li{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:12px;line-height:1.6;position:relative}.landing-bullets li:before{content:"•";color:var(--color-primary);position:absolute;left:0}@media (width<=480px){.landing-page{padding:var(--space-md) 0;align-items:flex-start}.landing-left,.landing-right{padding:24px 20px}.landing-logo{font-size:2.75rem}.landing-card{border-left:none;border-right:none;border-radius:0}.landing-home-btn{justify-content:center;width:100%}}.anime-detail{background:var(--bg-primary);min-height:100vh;padding-top:0}.detail-banner{height:380px;position:relative;overflow:hidden}.detail-banner img{object-fit:cover;object-position:center 20%;filter:blur(1px)brightness(.75);width:100%;height:100%}.detail-banner-gradient{background:linear-gradient(to bottom, #0d0f171a 0%, #0d0f1799 50%, var(--bg-primary) 100%);z-index:2;position:absolute;inset:0}.detail-content{z-index:5;padding-bottom:var(--space-3xl);margin-top:-140px;position:relative}.detail-header{gap:var(--space-xl);margin-bottom:var(--space-2xl);align-items:flex-end;display:flex}.detail-poster{border-radius:var(--radius-lg);border:1px solid #ffffff0f;flex-shrink:0;width:220px;height:310px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 20px 48px #000000d9,0 0 0 1px #ffffff1f,0 0 35px #22c55e14}.detail-poster:hover{border-color:#22c55e4d;transform:translateY(-8px)scale(1.02);box-shadow:0 24px 60px #000000f2,0 0 25px #22c55e33}.detail-poster img{object-fit:cover;width:100%;height:100%}.detail-info{min-width:0;padding-top:var(--space-lg);flex:1}.detail-title{font-family:var(--font-display);margin-bottom:var(--space-xs);color:#fff;text-shadow:0 2px 10px #00000080;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}.detail-alt-title{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:1rem;font-weight:500}.detail-badges{margin-bottom:var(--space-md);flex-wrap:wrap;gap:8px;display:flex}.detail-badges .badge{border-radius:var(--radius-sm);letter-spacing:.6px;text-transform:uppercase;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.detail-badges .badge-format{color:var(--accent);background:#22c55e1f;border-color:#22c55e4d}.detail-badges .badge-rating{color:#ffb703;background:#ffb7031f;border-color:#ffb7034d;font-weight:800}.detail-badges .badge-status,.detail-badges .badge-episodes,.detail-badges .badge-duration{color:#ffffffd9;background:#ffffff0d;border-color:#ffffff1f}.detail-genres{margin-bottom:var(--space-md);flex-wrap:wrap;gap:8px;display:flex}.detail-genres .genre-tag{color:var(--accent);background:#22c55e0f;border:1px solid #22c55e2e;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .25s}.detail-genres .genre-tag:hover{background:var(--accent);border-color:var(--accent);color:#0b0d14;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.detail-description{color:#e2e8f0d9;margin-bottom:var(--space-lg);max-width:820px;font-size:.95rem;line-height:1.7}.detail-meta-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.meta-item{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;gap:4px;min-width:140px;padding:12px 20px;transition:all .2s;display:flex}.meta-item:hover{background:#ffffff0a;border-color:#ffffff1a}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.65rem;font-weight:700}.meta-value{color:#fff;font-size:.88rem;font-weight:800}.studio-link{color:var(--accent);text-decoration:none;transition:color .2s}.studio-link:hover{color:var(--accent-hover);text-decoration:underline}.action-buttons-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.start-watching-btn{border-radius:var(--radius-md);background:var(--accent);color:#0b0d14;box-shadow:var(--shadow-accent);border:none;align-items:center;gap:8px;height:44px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.start-watching-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #22c55e59}.watchlist-dropdown-btn{color:#fff;cursor:pointer;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:8px;height:44px;padding:0 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.watchlist-dropdown-btn:hover{background:#ffffff1a;border-color:#ffffff40}.watchlist-dropdown-btn.selected{border-color:var(--accent);color:var(--accent);background:#22c55e1f}.watchlist-dropdown-menu{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-xs);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;flex-direction:column;gap:2px;min-width:150px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 10px 30px #00000080}.dropdown-item{color:var(--text-secondary);font-size:var(--fs-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-xs);background:0 0;border:none;width:100%;padding:8px 12px;transition:all .2s;display:flex}.dropdown-item.active{color:var(--accent);background:#22c55e0d;font-weight:600}.dropdown-item.remove-item{color:var(--danger);border-top:1px solid #ffffff0f;margin-top:4px;padding-top:10px}.section-title{font-family:var(--font-display);font-size:var(--fs-xl);color:#fff;align-items:center;font-weight:800;display:flex}.section-title .title-bar{background:var(--accent);border-radius:var(--radius-full);width:4px;height:18px;margin-right:12px;display:inline-block}.detail-episodes{margin-top:var(--space-3xl)}.episodes-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.episodes-search{align-items:center;gap:var(--space-sm);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;width:250px;height:38px;padding:0 16px;transition:all .2s;display:flex}.episodes-search:focus-within{background:#ffffff0f;border-color:#22c55e66;box-shadow:0 0 12px #22c55e0f}.episodes-search svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.episodes-search input{font-size:var(--fs-sm);color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%}.episodes-search input::placeholder{color:var(--text-muted)}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;max-height:480px;padding-right:8px;display:grid;overflow-y:auto}.episodes-grid::-webkit-scrollbar{width:6px}.episodes-grid::-webkit-scrollbar-track{background:#ffffff03;border-radius:3px}.episodes-grid::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.episodes-grid::-webkit-scrollbar-thumb:hover{background:#ffffff29}.episode-card{border-radius:var(--radius-md);color:#fff;background:#ffffff05;border:1px solid #ffffff0d;align-items:center;gap:16px;padding:12px;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.episode-card:hover{background:#22c55e08;border-color:#22c55e40;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.episode-number{width:42px;height:42px;color:var(--accent);background:#22c55e1f;border:1px solid #22c55e33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;transition:all .25s;display:flex}.episode-card:hover .episode-number{background:var(--accent);color:#0b0d14;border-color:var(--accent);box-shadow:0 0 10px #22c55e4d}.episode-info{flex:1;min-width:0}.episode-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;transition:color .2s;display:block;overflow:hidden}.episode-card:hover .episode-title{color:#fff}.detail-relations{margin-top:var(--space-3xl)}.relations-grid{margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.relation-card{border-radius:var(--radius-md);color:#fff;background:#ffffff05;border:1px solid #ffffff0d;gap:16px;padding:12px;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.relation-card:hover{background:#22c55e08;border-color:#22c55e40;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.relation-card img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid #ffffff14;flex-shrink:0;width:60px;height:85px}.relation-info{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.relation-type{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.relation-title{font-size:var(--fs-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=992px){.detail-header{align-items:center;gap:var(--space-lg)}.detail-poster{width:180px;height:255px}.detail-title{font-size:2.2rem}}@media (width<=768px){.detail-banner{height:240px}.detail-content{padding-left:var(--space-md);padding-right:var(--space-md);margin-top:-100px}.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-poster{width:150px;height:210px}.detail-info{padding-top:var(--space-sm);flex-direction:column;align-items:center;display:flex}.detail-badges,.detail-genres{justify-content:center}.detail-description{text-align:center;font-size:.88rem}.detail-meta-grid{justify-content:center;width:100%}.meta-item{flex:calc(50% - 8px);align-items:center;min-width:120px}.action-buttons-row{flex-direction:column;gap:10px;width:100%}.action-buttons-row .start-watching-btn,.action-buttons-row .watchlist-dropdown-container,.action-buttons-row .watchlist-dropdown-btn{justify-content:center;width:100%}.watchlist-dropdown-menu{width:100%}.episodes-header{align-items:stretch;gap:var(--space-md);flex-direction:column}.episodes-search{width:100%}.episodes-grid,.relations-grid{grid-template-columns:1fr}}.video-player{border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.video-element{aspect-ratio:16/9;background:#000;width:100%;display:block}.video-element::-webkit-media-controls-panel{background:linear-gradient(#0000,#000c)}.video-quality-selector{align-items:center;gap:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:5;background:#111113;display:flex;position:absolute;bottom:52px;right:12px}.quality-label{font-size:var(--fs-xs);color:var(--text-secondary)}.quality-select{font-size:var(--fs-xs);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:2px 6px}.quality-select option{background:var(--bg-card)}.video-player-error{aspect-ratio:16/9;background:var(--bg-card);border-radius:var(--radius-lg);width:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.video-player-error svg{width:48px;height:48px;color:var(--danger);opacity:.6}.video-player-error p{font-size:var(--fs-sm)}.watch-page{padding-top:var(--space-xl)}.watch-tricolumn-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1100px){.watch-tricolumn-grid{grid-template-columns:260px 1fr 300px;align-items:start}}@media (width>=1400px){.watch-tricolumn-grid{grid-template-columns:290px 1fr 320px}}.watch-player-center{flex-direction:column;gap:0;min-width:0;display:flex}.watch-episodes-sidebar{gap:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;min-width:0;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.watch-episodes-sidebar::-webkit-scrollbar{width:4px}.watch-episodes-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.watch-details-sidebar{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.watch-details-sidebar::-webkit-scrollbar{width:4px}.watch-details-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.breadcrumb{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--font-sm);color:var(--text-muted);display:flex}.breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{color:var(--border-color)}.breadcrumb .active{color:var(--color-primary);font-weight:500}.player-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.player-placeholder{justify-content:center;align-items:center;gap:var(--space-md);height:100%;color:var(--text-muted);flex-direction:column;display:flex}.player-bar-controls{gap:var(--space-sm);background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);margin-bottom:var(--space-md);border:none;flex-direction:column;display:flex}@media (width>=768px){.player-bar-controls{flex-direction:row;justify-content:space-between;align-items:center}}.left-controls,.right-controls{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.control-icon-btn{color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;padding:6px var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-weight:500;display:flex}.control-icon-btn i,.watchlist-dropdown-btn i{text-align:center;flex-shrink:0;width:16px;font-size:14px}.control-icon-btn:hover{color:var(--text-primary);background:#ffffff0d}.control-icon-btn.active{color:var(--color-primary);padding:5px var(--space-sm);background:#22c55e14;border:1px solid #22c55e40;font-weight:600}.control-icon-btn.nav-btn{border:1px solid var(--border-color);background:#ffffff05}.control-icon-btn.nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#22c55e1a}.control-icon-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--text-muted);background:0 0;border-color:#0000}.watchlist-dropdown-container{position:relative}.watchlist-dropdown-btn{color:var(--color-primary);font-size:var(--font-xs);cursor:pointer;padding:6px var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#22c55e14;border:1px solid #22c55e33;font-weight:600}.watchlist-dropdown-btn:hover,.watchlist-dropdown-btn.selected{background:var(--color-primary);color:var(--bg-primary)}.watchlist-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs);z-index:100;flex-direction:column;gap:2px;min-width:130px;margin-bottom:6px;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #0006}.dropdown-item{color:var(--text-muted);font-size:var(--font-xs);text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);align-items:center;gap:var(--space-xs);background:0 0;border:none;display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff0a}.dropdown-item.active{color:var(--color-primary);font-weight:600}.dropdown-item.remove-item{color:#eb5757;border-top:1px solid var(--border-color);margin-top:4px}.dropdown-item.remove-item:hover{background:#eb575714}.dot-red{color:#eb5757;font-size:8px}.server-dashboard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.server-dashboard{gap:var(--space-lg);grid-template-columns:240px 1fr}}.server-sidebar-text{border-right:none;padding-right:0}@media (width>=768px){.server-sidebar-text{border-right:1px solid var(--border-color);padding-right:var(--space-lg)}}.watched-ep-num{font-size:var(--font-md);color:var(--text-primary);margin-bottom:4px;font-weight:500}.watched-ep-num .highlight{color:var(--color-primary);font-weight:700}.server-notice{font-size:var(--font-2xs);color:var(--text-muted);line-height:1.4}.server-options-grid{gap:var(--space-md);flex-direction:column;display:flex}.server-row-group{align-items:center;gap:var(--space-md);display:flex}.server-badge-label{min-width:80px;font-size:var(--font-2xs);text-transform:uppercase;color:var(--text-muted);align-items:center;gap:var(--space-xs);font-weight:700;display:flex}.server-badge-label .cc-icon{background:var(--border-color);color:var(--bg-primary);border-radius:var(--radius-sm);padding:1px 4px;font-size:8px;font-weight:800}.server-buttons-container{gap:var(--space-xs);flex-wrap:wrap;display:flex}.dashboard-server-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;font-weight:600;display:flex}.dashboard-server-btn .play-dot{color:var(--text-muted);font-size:8px}.dashboard-server-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.dashboard-server-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary)}.dashboard-server-btn.active .play-dot{color:var(--bg-primary)}.airing-timer-banner{color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-xs);align-items:center;gap:var(--space-sm);background:#22c55e0d;border:1px solid #22c55e26;font-weight:500;display:flex}.airing-timer-banner .bell-icon{animation:2s ease-in-out infinite bellRing}.timer-text{flex-grow:1}.close-banner-btn{color:var(--color-primary);font-size:var(--font-lg);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(10deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}.watch-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;height:600px;display:flex}.sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.sidebar-header h3{font-size:var(--font-md);color:var(--text-primary);font-weight:600}.episode-count{font-size:var(--font-2xs);color:var(--color-primary);padding:2px var(--space-xs);border-radius:var(--radius-sm);background:#22c55e1a;font-weight:600}.sidebar-episodes-list{padding:var(--space-xs);gap:var(--space-xs);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.sidebar-episodes-list::-webkit-scrollbar{width:4px}.sidebar-episodes-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.sidebar-episode-card{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex}.sidebar-episode-card:hover{color:var(--text-primary);background:#ffffff05}.sidebar-episode-card.active{color:var(--color-primary);background:#22c55e14;border-color:#22c55e33}.sidebar-ep-num{font-weight:700;font-size:var(--font-md);min-width:24px}.sidebar-ep-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-ep-title{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-ep-status{font-size:var(--font-2xs);color:var(--text-muted);margin-top:2px}.sidebar-episode-card.active .sidebar-ep-status{color:var(--color-primary);font-weight:600}.mal-info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-direction:column;display:flex;position:relative}@media (width>=768px){.mal-info-section{flex-direction:row}}.mal-poster-col{flex-shrink:0;align-self:center;width:100%;max-width:180px}@media (width>=768px){.mal-poster-col{align-self:flex-start}}.mal-detail-poster{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 15px #0000004d}.mal-text-col{flex-grow:1}.mal-detail-title{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:2px;font-weight:800}.mal-detail-alias{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic}.mal-detail-badges{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.mal-badge{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:700}.mal-badge.age{color:#eb5757;border-color:#eb57574d}.mal-badge.hd{color:var(--color-primary);border-color:#22c55e4d}.mal-detail-bio{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.6}.bio-expand-btn{color:var(--color-primary);font-size:var(--font-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.bio-expand-btn:hover{text-decoration:underline}.mal-meta-grid-details{gap:var(--space-lg);border-top:1px solid var(--border-color);padding-top:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.mal-meta-grid-details{grid-template-columns:1.2fr 1fr}}.meta-col p{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-xs);align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.meta-col p strong{color:var(--text-primary);min-width:90px}.highlight-green{color:var(--color-primary);font-weight:600}.highlight-blue{color:#2f80ed;font-weight:600}.meta-genres{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.meta-genre-link{border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff08;padding:2px 8px;font-size:10px;text-decoration:none}.meta-genre-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:#22c55e0d}.mal-score-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);flex-direction:column;justify-content:center;align-self:center;align-items:center;min-width:180px;height:fit-content;display:flex;box-shadow:0 4px 12px #0003}@media (width>=768px){.mal-score-box{align-self:flex-start}}.score-header{align-items:baseline;gap:4px;display:flex}.score-num{font-size:var(--font-2xl);color:var(--color-primary);font-weight:800}.score-label{font-size:var(--font-2xs);color:var(--text-muted)}.score-stars{color:var(--color-primary);margin:var(--space-xs) 0;gap:2px;display:flex}.star-icon{font-size:16px}.score-opinion{font-size:var(--font-2xs);color:var(--text-muted);text-align:center}.mal-related-section{margin-top:var(--space-xl)}.related-banner-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.related-banner-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.related-banner-grid{grid-template-columns:repeat(4,1fr)}}.related-banner-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--space-md);padding:var(--space-sm);transition:all var(--transition-fast);text-decoration:none;display:flex;overflow:hidden}.related-banner-card:hover{border-color:var(--color-primary);background:#22c55e05;transform:translateY(-2px)}.related-banner-card img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:55px;height:75px}.related-card-info{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.relation-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:8px;font-weight:700}.relation-name{font-size:var(--font-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.relation-score{color:var(--text-muted);margin-top:4px;font-size:10px}.episodes-filter-row{gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex}.chunk-selector{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;text-align-last:center;width:100px;height:36px;transition:border-color var(--transition-fast)}.chunk-selector:focus{border-color:var(--color-primary)}.chunk-selector option{background:var(--bg-secondary);color:var(--text-primary)}.ep-search-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px var(--space-md);border-radius:var(--radius-sm);font-size:var(--fs-xs);height:36px;transition:border-color var(--transition-fast);flex-grow:1}.ep-search-input:focus{border-color:var(--color-primary)}.player-wrapper:fullscreen{background:#000;border:none;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}:is(.player-wrapper:fullscreen .video-player,.player-wrapper:fullscreen .video-element,.player-wrapper:fullscreen .embed-player){border-radius:0!important;width:100%!important;height:100%!important;padding-bottom:0!important}.player-wrapper:fullscreen iframe{border:0!important;width:100%!important;height:100%!important}@media (width<=768px){.player-bar-controls{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:4px;padding:6px 10px;overflow:auto hidden;flex-flow:row!important}.player-bar-controls::-webkit-scrollbar{display:none}.left-controls{flex-wrap:nowrap;flex:1;gap:4px}.right-controls{flex-wrap:nowrap;flex-shrink:0;gap:4px}.btn-label,.control-icon-btn .btn-label,.watchlist-dropdown-btn .btn-label{display:none}.control-icon-btn{flex-shrink:0;justify-content:center;width:36px;min-width:36px;height:36px;padding:0!important}.watchlist-dropdown-btn{flex-shrink:0;min-width:36px;height:36px;padding:0 10px}.server-dashboard{padding:14px var(--container-padding);flex-direction:column;gap:12px}.server-sidebar-text{text-align:center}.server-options-grid{gap:12px}.server-row-group{align-items:center}.server-buttons-container{flex-wrap:wrap;justify-content:center;gap:8px}.dashboard-server-btn{font-size:var(--fs-xs);padding:7px 14px}.watch-grid{grid-template-columns:1fr}.watch-sidebar{max-height:300px}.sidebar-episodes-list{max-height:240px}}@media (width<=480px){.control-icon-btn{width:32px;min-width:32px;height:32px}.breadcrumb{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.sidebar-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.sidebar-tab-btn{padding:var(--space-md) var(--space-sm);font-size:var(--fs-xs);text-transform:uppercase;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;text-align:center;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom:2px solid #0000;flex:1;font-weight:700}.sidebar-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.sidebar-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#22c55e08}.room-chat-panel{background:#111214;flex-direction:column;flex-grow:1;height:calc(100% - 48px);display:flex;overflow:hidden}.chat-messages{padding:var(--space-sm) 0;scrollbar-width:thin;flex-direction:column;flex-grow:1;gap:4px;display:flex;overflow-y:auto}.chat-msg.system-msg{text-align:center;color:var(--text-muted);font-size:var(--fs-xs);padding:6px var(--space-md);background:0 0;border:none;align-self:center;font-style:italic}.chat-msg.discord-style-msg{align-items:flex-start;gap:var(--space-sm);background:0 0;border:none;border-radius:0;align-self:stretch;max-width:100%;margin:0;padding:6px 16px;transition:background .15s;animation:.2s forwards fadeIn;display:flex}.chat-msg.discord-style-msg:hover{background:#ffffff05}.chat-msg.discord-style-msg.own-msg{background:#22c55e05}.chat-msg.discord-style-msg.own-msg:hover{background:#22c55e0a}.msg-avatar{width:36px;height:36px;font-weight:700;font-size:var(--fs-sm);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-content-wrapper{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-header-row{align-items:baseline;gap:var(--space-xs);display:flex}.msg-sender{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.msg-time-discord{color:var(--text-muted);font-size:10px}.msg-text{font-size:var(--fs-sm);color:#dbdee1;word-break:break-word;line-height:1.375rem}.chat-gif{border-radius:var(--radius-sm);max-width:100%;max-height:200px;margin-top:4px}.chat-input-form{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex}.chat-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);height:36px;transition:border-color var(--transition-fast);flex-grow:1;padding:8px 12px}.chat-input:focus{border-color:var(--color-primary)}.chat-send-btn{background:var(--color-primary);color:#000;border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--fs-xs);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--border-color);color:var(--text-muted)}.name-picker-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.name-picker-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg), 0 0 40px #22c55e1a;text-align:center}.name-picker-modal h2{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:var(--space-xs)}.name-picker-modal p{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-lg)}.name-picker-input{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--fs-sm);text-align:center;margin-bottom:var(--space-md);transition:border-color var(--transition-fast)}.name-picker-input:focus{border-color:var(--color-primary)}.name-picker-error{color:var(--danger);font-size:var(--fs-xs);margin-bottom:var(--space-md);font-weight:500}.name-picker-actions{justify-content:center;gap:var(--space-md);display:flex}.name-picker-actions .btn{flex:1}.chat-gif-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);height:36px;font-size:var(--fs-2xs);text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;padding:0 10px;font-weight:700}.chat-gif-btn:hover{color:var(--text-primary);background:#ffffff14}.chat-gif-btn.active{color:var(--color-primary);background:#22c55e1a;border-color:#22c55e4d}.gif-picker-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);gap:var(--space-xs);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;height:240px;animation:.2s slideUp;display:flex;position:relative;box-shadow:0 -4px 12px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gif-picker-header{gap:var(--space-xs);align-items:center;display:flex}.gif-search-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);flex-grow:1;height:30px;padding:6px 10px}.gif-search-input:focus{border-color:var(--color-primary)}.gif-picker-close{color:var(--text-muted);font-size:var(--font-lg);cursor:pointer;padding:0 var(--space-xs);background:0 0;border:none;line-height:1}.gif-picker-close:hover{color:var(--text-primary)}.gif-picker-body{scrollbar-width:thin;flex-grow:1;overflow-y:auto}.gif-picker-body::-webkit-scrollbar{width:4px}.gif-picker-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.gif-loading{justify-content:center;align-items:center;height:100%;display:flex}.spinner-mini{border:2px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.gif-grid{gap:var(--space-xs);padding-bottom:var(--space-xs);grid-template-columns:repeat(3,1fr);display:grid}.gif-item{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:100%;height:60px;transition:transform var(--transition-fast)}.gif-item:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000004d}.chat-gif{border-radius:var(--radius-sm);max-width:100%;margin-top:var(--space-xs);box-shadow:0 2px 8px #0003}.no-gifs-text{text-align:center;color:var(--text-muted);font-size:var(--fs-xs);margin-top:var(--space-lg)}.watch-details-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;display:flex}.sidebar-poster-container{border-radius:var(--radius-md);border:1px solid var(--border-color);aspect-ratio:2/3;width:100%;overflow:hidden;box-shadow:0 4px 20px #0006}.sidebar-detail-poster{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.sidebar-poster-container:hover .sidebar-detail-poster{transform:scale(1.03)}.sidebar-anime-info-block{flex-direction:column;display:flex}.sidebar-detail-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:2px;font-weight:700;line-height:1.3}.sidebar-detail-alias{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic;line-height:1.4}.sidebar-detail-badges{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.sidebar-badge{border-radius:var(--radius-sm);border:1px solid var(--border-color);text-transform:uppercase;padding:2px 6px;font-size:9px;font-weight:700}.age-badge{color:#ef4444;background:#ef44440d;border-color:#ef444440}.quality-badge{color:#e2b714;background:#e2b7140d;border-color:#e2b71440}.format-badge{color:var(--text-secondary);background:#ffffff0a}.subdub-badge{color:var(--color-primary);background:#22c55e0d;border-color:#22c55e40}.sidebar-detail-synopsis{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.sidebar-metadata-list{gap:var(--space-sm);border-top:1px solid var(--border-color);padding-top:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex}.metadata-item{gap:var(--space-sm);font-size:var(--fs-xs);align-items:baseline;line-height:1.4;display:flex}.metadata-label{color:var(--text-primary);flex-shrink:0;min-width:95px;font-weight:600}.metadata-value{color:var(--text-muted);word-break:break-word}.metadata-value .meta-genre-link{color:var(--text-secondary);transition:color var(--transition-fast)}.metadata-value .meta-genre-link:hover{color:var(--color-primary)}.status-value{color:var(--color-primary);font-weight:600}.studio-value{color:#3b82f6;font-weight:600}.sidebar-opinion-rating{border-top:1px solid var(--border-color);padding-top:var(--space-md);text-align:center;flex-direction:column;align-items:center;display:flex}.rate-question{font-size:var(--fs-xs);color:#ef4444;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.rate-score-stats{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.rate-avg{font-size:var(--fs-md);color:var(--text-primary);font-weight:800}.rate-count{color:var(--text-muted);font-size:10px}.rate-stars-row{justify-content:center;gap:2px;display:flex}.star-rate-btn{transition:transform var(--transition-fast) ease}.star-rate-btn:hover{transform:scale(1.25)}.episodes-browser-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);flex-direction:column;height:600px;display:flex}.episodes-header-row{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.episodes-header-row h3{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.episodes-header-controls{align-items:center;gap:var(--space-xs);display:flex}.header-control-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:700;display:flex}.header-control-btn:hover,.header-control-btn.active{border-color:var(--color-primary);color:var(--text-primary);background:#ffffff05}.find-btn .hash-symbol{color:var(--color-primary)}.header-cc-mic-capsule{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);display:inline-flex;overflow:hidden}.capsule-half{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:9px;font-weight:800}.cc-half.active{color:#ef4444;background:#ef444426}.mic-half.active{color:var(--color-primary);background:#22c55e26}.episodes-search-container{margin-bottom:var(--space-sm);animation:fadeIn var(--transition-fast)}.episodes-search-input-field{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:var(--fs-xs);padding:8px var(--space-md);border-radius:var(--radius-md);height:34px;transition:border-color var(--transition-fast)}.episodes-search-input-field:focus{border-color:var(--color-primary)}.episodes-pagination-bar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px var(--space-sm);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.pagination-arrow{color:var(--text-muted);font-size:var(--fs-base);cursor:pointer;width:28px;height:28px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-weight:700;display:flex}.pagination-arrow:hover:not(:disabled){color:var(--color-primary)}.pagination-arrow:disabled{opacity:.25;cursor:not-allowed}.pagination-range-dropdown-container{flex-grow:1;justify-content:center;display:flex;position:relative}.pagination-range-dropdown-btn{color:var(--text-primary);font-size:var(--fs-xs);cursor:pointer;text-align:center;padding:0 var(--space-sm);height:28px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.pagination-range-dropdown-btn:hover{color:var(--accent)}.range-dropdown-arrow{color:var(--text-muted);font-size:8px}.pagination-range-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;min-width:110px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:6px;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.range-dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--fs-xs);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;width:100%;padding:6px 12px;font-weight:600}.range-dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.range-dropdown-item.active{background:var(--accent);color:#000;font-weight:700}.episodes-cards-wrapper{gap:var(--space-xs);scrollbar-width:thin;flex-direction:column;flex-grow:1;padding-right:2px;display:flex;overflow-y:auto}.episodes-cards-wrapper::-webkit-scrollbar{width:4px}.episodes-cards-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.episode-list-card{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;text-decoration:none;display:flex}.ep-card-num{font-size:var(--fs-xs);min-width:20px;color:var(--text-primary);font-weight:700}.ep-card-title{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.episode-list-card:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent)}.episode-list-card.active{border-color:var(--accent);color:var(--accent);background:#22c55e14;font-weight:600}.episode-list-card.active .ep-card-num{color:var(--accent)}.episodes-cards-wrapper.grid-layout{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));align-content:start;gap:8px;display:grid}.episode-grid-card{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);height:40px;color:var(--text-secondary);font-size:var(--fs-xs);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.episode-grid-card:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent)}.episode-grid-card.active{border-color:var(--accent);color:var(--accent);background:#22c55e1a}@media (width<=1100px){.watch-tricolumn-grid{grid-template-columns:1fr}.watch-episodes-sidebar{max-height:500px;position:static}.watch-details-sidebar{max-height:none;position:static}.episodes-browser-panel{max-height:400px}}.episode-list-card.watched{opacity:.6;background:#1f1a30;border-color:#3f355c}.episode-list-card.watched .ep-card-num{color:#8b5cf6}.episode-list-card.watched .ep-card-title{color:var(--text-muted)}.episode-list-card.watched:hover{opacity:.85;background:#2b2342;border-color:#8b5cf6}.episode-grid-card.watched{opacity:.55;color:#8b5cf6;background:#1f1a30;border-color:#3f355c;position:relative}.episode-grid-card.watched:hover{opacity:.8;background:#2b2342;border-color:#8b5cf6}.ep-watched-badge{color:#8b5cf6;background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;font-size:10px;font-weight:700;display:flex}.ep-watched-dot{color:#8b5cf6;font-size:8px;line-height:1;position:absolute;top:2px;right:3px}.search-page{padding-top:var(--space-xl)}.search-header-container{margin-bottom:var(--space-xl)}.search-page-title{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800}.search-page-subtitle{color:var(--text-muted);font-size:var(--font-sm)}.search-layout{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=1024px){.search-layout{grid-template-columns:260px 1fr}}.search-filters-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);height:fit-content;top:calc(var(--navbar-height) + var(--space-md));position:sticky}.filter-box-header{margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.filter-box-header h3{font-size:var(--font-md);color:var(--text-primary);font-weight:600}.clear-btn{color:var(--color-primary);font-size:var(--font-xs);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.clear-btn:hover{text-decoration:underline}.genre-filter-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}@media (width>=1024px){.genre-filter-list{flex-direction:column}}.genre-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);text-align:left;cursor:pointer;transition:all var(--transition-fast);width:auto;font-weight:500}@media (width>=1024px){.genre-filter-btn{width:100%}}.genre-filter-btn:hover{border-color:var(--color-primary);color:var(--text-primary);transform:translate(2px)}.genre-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary);font-weight:600}.search-results-main{gap:var(--space-md);flex-direction:column;display:flex}.search-large-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs);align-items:center;gap:var(--space-sm);display:flex;box-shadow:0 4px 20px #0000004d}.search-large-bar svg{width:20px;height:20px;color:var(--text-muted);margin-left:var(--space-sm)}.search-large-bar input{color:var(--text-primary);font-size:var(--font-md);padding:var(--space-sm) 0;background:0 0;border:none;outline:none;flex-grow:1}.search-large-bar input::placeholder{color:var(--text-muted)}.search-large-bar .btn-primary{padding:var(--space-sm) var(--space-lg);font-weight:600}.active-genre-tags{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.active-tag{color:var(--color-primary);padding:4px var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);align-items:center;gap:var(--space-xs);background:#22c55e1a;border:1px solid #22c55e33;font-weight:500;display:flex}.active-tag button{color:var(--color-primary);font-size:var(--font-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.active-tag button:hover{color:var(--text-primary)}.search-grid-cards{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.search-grid-cards{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.search-grid-cards{grid-template-columns:repeat(4,1fr)}}.load-more-container{margin-top:var(--space-xl);justify-content:center;display:flex}.load-more-btn{min-width:200px}.no-results{padding:var(--space-3xl) 0;text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-results svg{width:64px;height:64px;margin-bottom:var(--space-md);color:var(--border-color)}.no-results h3{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:600}.error-message{color:#eb5757;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);text-align:center;background:#eb57570d;border:1px solid #eb57571a}.studio-search-box{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.studio-label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:600;display:block}.studio-input-row{gap:6px;display:flex}.studio-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:7px 10px}.studio-input:focus{border-color:var(--accent)}.search-large-bar{margin-bottom:var(--space-md)}.mobile-filter-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;margin-bottom:var(--space-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:10px;font-weight:600;display:flex}.mobile-filter-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}@media (width>=1024px){.mobile-filter-toggle-btn{display:none!important}}@media (width<=1023px){.search-filters-sidebar{margin-bottom:var(--space-md);display:none;position:relative;top:0}.search-filters-sidebar.show-mobile{animation:.25s ease-out slideDown;display:block}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.search-page{padding-top:var(--space-md)}.search-page-title{font-size:var(--fs-xl)}.search-large-bar{border-radius:var(--radius-md);gap:6px;padding:6px}.search-large-bar svg{width:16px;height:16px;margin-left:6px}.search-large-bar input{font-size:var(--fs-sm);padding:4px 0}.search-large-bar .btn-primary{font-size:var(--fs-xs);border-radius:var(--radius-md);padding:8px 16px}.search-grid-cards{grid-template-columns:repeat(2,1fr);gap:12px}}.category-page{padding-top:var(--space-xl)}.category-header{margin-bottom:var(--space-xl)}.category-title{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800}.category-subtitle{color:var(--text-muted);font-size:var(--font-sm)}.category-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.category-grid{grid-template-columns:repeat(5,1fr)}}.schedule-container{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.schedule-container{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.schedule-container{grid-template-columns:repeat(7,1fr)}}.schedule-day-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;height:fit-content;display:flex}.schedule-day-title{color:var(--color-primary);font-size:var(--font-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.schedule-day-cards{gap:var(--space-xs);flex-direction:column;display:flex}.no-releases-text{font-size:var(--font-xs);color:var(--text-muted);padding:var(--space-sm) 0;font-style:italic}.schedule-item-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm);transition:all var(--transition-fast);background:#ffffff03;flex-direction:column;gap:2px;display:flex}.schedule-item-card:hover{border-color:var(--color-primary);background:#22c55e0d;transform:translateY(-2px)}.schedule-time{font-size:var(--font-2xs);color:var(--color-primary);border-radius:var(--radius-full);background:#22c55e1a;width:fit-content;padding:1px 6px;font-weight:700}.schedule-item-info{flex-direction:column;display:flex}.schedule-item-title{font-size:var(--font-xs);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.schedule-item-ep{font-size:var(--font-2xs);color:var(--text-muted);margin-top:2px}.schedule-info-box{align-items:flex-start;gap:var(--space-sm);border:1px solid #22c55e26;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:var(--font-sm);background:#22c55e0f;line-height:1.5;display:flex}.schedule-info-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.schedule-info-content strong{color:var(--text-primary)}.schedule-empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.schedule-empty-icon{color:var(--text-muted);margin-bottom:var(--space-md);opacity:.6}.schedule-empty-state h3{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.schedule-empty-state p{color:var(--text-muted);font-size:var(--font-sm);max-width:480px;margin-bottom:var(--space-lg);line-height:1.6}.schedule-empty-btn{padding:10px 24px;font-weight:700}.watchlist-page{min-height:80vh;padding-top:100px;padding-bottom:60px}.watchlist-tabs-bar{scrollbar-width:none;border-bottom:2px solid #222;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.watchlist-tabs-bar::-webkit-scrollbar{display:none}.tab-btn{color:#888;border-radius:var(--radius-sm,4px);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:1rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff;background:#1a1a1a}.tab-btn.active{color:#fff;background:var(--color-primary,#40916c)}.watchlist-filter-panel{border-radius:var(--radius-md,8px);background:#111;border:1px solid #222;flex-direction:column;gap:15px;margin-bottom:30px;padding:18px;display:flex}.filter-grid-inputs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}@media (width>=1200px){.filter-grid-inputs{grid-template-columns:repeat(5,1fr)}}.search-input-box{grid-column:span 1}@media (width>=768px){.search-input-box{grid-column:span 2}}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .icon-search{color:#666;pointer-events:none;position:absolute;left:12px}.watchlist-filter-panel input,.watchlist-filter-panel select{border-radius:var(--radius-sm,4px);color:#fff;background:#0a0a0a;border:1px solid #222;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.watchlist-filter-panel input{padding-left:36px}.watchlist-filter-panel input:focus,.watchlist-filter-panel select:focus{border-color:var(--color-primary,#40916c);box-shadow:0 0 0 2px #22c55e33}.btn-filter-trigger{background:var(--color-primary,#40916c);color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;border:none;justify-content:center;align-self:flex-end;align-items:center;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.btn-filter-trigger:hover{background:var(--accent,#22c55e);color:#000}.watchlist-empty-state{text-align:center;border-radius:var(--radius-md,8px);background:#111;border:1px solid #222;flex-direction:column;align-items:center;gap:15px;padding:60px 20px;display:flex}.watchlist-empty-state .empty-icon{color:#333}.watchlist-empty-state h3{color:#fff;margin:0;font-size:1.4rem}.watchlist-empty-state p{color:#888;max-width:350px;margin:0 0 10px}.watchlist-loading{text-align:center;color:#888;padding:80px 20px}.watchlist-loading .spinner{border:3px solid #222;border-top-color:var(--color-primary,#40916c);border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:1s linear infinite spin}.watchlist-error-box{color:#ff4d4d;border-radius:var(--radius-md,8px);text-align:center;background:#ff4d4d1a;border:1px solid #ff4d4d;margin-bottom:20px;padding:15px}.watchlist-items-list{flex-direction:column;gap:16px;display:flex}.watchlist-row-item{border-radius:var(--radius-md,8px);background:#111;border:1px solid #222;flex-direction:column;gap:16px;padding:16px;transition:transform .2s,border-color .2s;display:flex}.watchlist-row-item:hover{border-color:#333;transform:translateY(-2px)}@media (width>=768px){.watchlist-row-item{flex-direction:row;align-items:center}}.row-poster-link{aspect-ratio:2/3;border-radius:var(--radius-sm,4px);flex-shrink:0;align-self:center;width:100%;max-width:100px;overflow:hidden}@media (width>=768px){.row-poster-link{align-self:stretch}}.row-poster-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.watchlist-row-item:hover .row-poster-img{transform:scale(1.05)}.row-details-content{flex-direction:column;flex-grow:1;gap:8px;display:flex}.row-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.row-anime-title{color:#fff;font-size:1.15rem;font-weight:700;line-height:1.3;text-decoration:none;transition:color .2s}.row-anime-title:hover{color:var(--accent,#22c55e)}.row-rating-badge{color:#ffb703;background:#ffb7031a;border-radius:4px;align-items:center;padding:3px 8px;font-size:.8rem;font-weight:600;display:flex}.row-meta-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-status-tag{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.status-watching{color:#40916c;background:#22c55e26}.status-on-hold{color:#fb8500;background:#fb850026}.status-planned{color:#ffb703;background:#ffb70326}.status-dropped{color:#ff4d4d;background:#ff4d4d26}.status-watched{color:#2196f3;background:#2196f326}.row-badge-meta{color:#bbb;background:#1a1a1a;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.row-genre-text{color:#666;font-size:.8rem}.row-playback-bar-section{flex-direction:column;gap:6px;margin:4px 0;display:flex}.playback-header-meta{flex-wrap:wrap;align-items:center;font-size:.85rem;display:flex}.playback-progress-badge{color:#fff;align-items:center;font-weight:600;display:flex}.playback-total-badge{color:#666;margin-left:4px}.playback-percent-text{color:#888;margin-left:8px;font-size:.8rem}.playback-progress-bar-container{background:#222;border-radius:2px;width:100%;max-width:400px;height:4px;overflow:hidden}.playback-progress-bar-fill{background:var(--color-primary,#40916c);border-radius:2px;height:100%}.row-airing-countdown{color:#888;border-radius:var(--radius-sm,4px);background:#181818;align-self:flex-start;align-items:center;padding:6px 12px;font-size:.85rem;display:flex}.row-airing-countdown .countdown-label{color:#555;margin-right:6px;font-weight:600}.row-airing-countdown .countdown-value{color:#bbb;font-family:monospace}.row-airing-countdown.upcoming .countdown-value{color:#ffb703;font-family:inherit}.row-action-controls{align-items:center;gap:10px;margin-top:10px;display:flex}@media (width>=768px){.row-action-controls{border-left:1px solid #222;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;width:120px;margin-top:0;padding-left:20px}}.btn-quick-watch{background:var(--color-primary,#40916c);color:#fff;border-radius:var(--radius-sm,4px);text-align:center;border:none;justify-content:center;align-items:center;width:100%;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.btn-quick-watch:hover{background:var(--accent-hover,#6be535);color:#000}.btn-quick-remove{color:#ff4d4d;border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:1px solid #ff4d4d33;width:100%;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-quick-remove:hover{background:#ff4d4d1a;border-color:#ff4d4d}@keyframes spin{to{transform:rotate(360deg)}}.mal-io-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mal-io-btn{border-radius:var(--radius-sm,4px);font-size:var(--fs-sm,.8rem);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.export-btn{color:var(--accent,#22c55e);background:#22c55e1f;border:1px solid #22c55e40}.export-btn:hover{background:#22c55e33}.import-btn{color:var(--text-secondary,#999);border:1px solid var(--border-color,#222);background:#ffffff0f}.import-btn:hover{color:var(--text-primary,#e8e8e8);background:#ffffff1a}.mal-io-hint{font-size:var(--fs-xs,.7rem);color:var(--text-muted,#666)}@media (width<=480px){.mal-io-hint{display:none}.mal-io-btn{flex:1;justify-content:center}}.season-page{padding-top:calc(var(--navbar-height) + var(--space-xl));padding-bottom:var(--space-3xl)}.season-header{margin-bottom:var(--space-xl)}.season-controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.season-tabs{gap:var(--space-sm);flex-wrap:wrap;display:flex}.season-tab{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);padding:8px 18px;font-weight:600}.season-tab:hover{border-color:var(--accent);color:var(--accent)}.season-tab.active{background:var(--accent);border-color:var(--accent);color:#000}.season-year-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;outline:none;padding:8px 14px;font-weight:600}.season-year-select:focus{border-color:var(--accent)}.load-more-container{text-align:center;margin-top:var(--space-2xl)}.load-more-btn{padding:12px 40px}:root{--bg-primary:#0d0f17;--bg-secondary:#141620;--bg-card:#1a1c28;--bg-card-hover:#20223a;--bg-surface:#161824;--bg-elevated:#1e2032;--accent:#22c55e;--accent-hover:#4ade80;--accent-dim:#15803d;--accent-glow:#22c55e1f;--color-primary:var(--accent);--text-primary:#eaeaf0;--text-secondary:#9095b0;--text-muted:#5a5f7a;--text-dim:#3d4160;--border-color:#222540;--border-subtle:#191b2e;--danger:#ef4444;--warning:#f59e0b;--info:#60a5fa;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", "Inter", sans-serif;--fs-xs:.7rem;--fs-sm:.8rem;--fs-base:.9rem;--fs-md:1rem;--fs-lg:1.15rem;--fs-xl:1.35rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-accent:0 4px 20px #22c55e26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:64px;--container-max:1400px;--container-padding:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--fs-base);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-primary);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:var(--radius-full);width:3px;height:1.2em}.view-all{font-size:var(--fs-sm);color:var(--accent);transition:color var(--transition-fast);align-items:center;gap:4px;font-weight:500;display:flex}.view-all:hover{color:var(--accent-hover)}.view-all:after{content:"→";font-size:1em}.badge{border-radius:var(--radius-sm);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-orange,.badge-sub{color:var(--accent);background:#22c55e1a}.badge-dub{color:var(--info);background:#3498db1a}.badge-rating{color:var(--warning);background:#f39c121a}.badge-type{color:var(--text-secondary);background:#ffffff0f}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;padding:10px 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff14}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1f}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading-container{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:300px;display:flex}.loading-container p{color:var(--text-muted);font-size:var(--fs-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}.anime-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (width>=768px){.anime-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media (width>=1200px){.anime-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}.page{padding-top:var(--navbar-height);min-height:100vh}.page-content{padding:var(--space-2xl) 0}.genre-tag{border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer;background:#ffffff0f;padding:4px 12px;font-weight:500;display:inline-block}.genre-tag:hover,.genre-tag.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-dim)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.3}.empty-state h3{font-size:var(--fs-lg);margin-bottom:var(--space-sm);color:var(--text-secondary)}@media (width<=768px){:root{--container-padding:1rem;--navbar-height:56px}.section-title{font-size:var(--fs-lg)}}@media (width<=480px){:root{--container-padding:.85rem}.section-title{font-size:var(--fs-base)}.btn{padding:10px 18px}.anime-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}