:root{
  --pro-ink:oklch(94% .01 55);
  --pro-muted:oklch(69% .018 295);
  --pro-base:oklch(10% .012 295);
  --pro-surface:oklch(14% .014 295);
  --pro-raised:oklch(19% .018 295);
  --pro-border:oklch(26% .025 295);
  --pro-accent:oklch(66% .19 32);
  --pro-accent-strong:oklch(58% .21 32);
  --pro-focus:oklch(78% .15 85);
  --pro-ease:cubic-bezier(.16,1,.3,1)
}
html{scroll-behavior:smooth}
body{background:var(--pro-base);color:var(--pro-ink);font-size:16px;letter-spacing:.008em}
header{background:var(--pro-base);border-bottom:1px solid var(--pro-border);backdrop-filter:none!important}
.header-inner{min-height:68px;gap:20px}
.logo-text{-webkit-text-fill-color:currentColor!important;background:none!important;color:var(--pro-ink)!important;font-weight:900;letter-spacing:-.04em}
.logo-icon{border-radius:10px!important;border-color:var(--pro-border)!important}
.search-wrap input{min-height:44px;background:var(--pro-surface)!important;border-color:var(--pro-border)!important;border-radius:10px!important;backdrop-filter:none!important}
.search-wrap input:focus{border-color:var(--pro-accent)!important;box-shadow:0 0 0 3px oklch(66% .19 32/.18)!important}
.btn-auth,.hero-play-btn,.f-btn.active{background:var(--pro-accent)!important;border-radius:9px!important;box-shadow:none!important}
.btn-auth:hover,.hero-play-btn:hover{background:var(--pro-accent-strong)!important;transform:translateY(-1px)!important}
.btn-icon,.f-btn,.sort-select,.random-btn,.genre-tag,.stat-chip{background:var(--pro-surface)!important;border-color:var(--pro-border)!important;border-radius:9px!important;backdrop-filter:none!important}
.sidebar{background:var(--pro-base)!important;border-color:var(--pro-border)!important;backdrop-filter:none!important}
.nav-item{border-left:0!important;border-radius:8px;margin:2px 10px;padding-left:14px!important}
.nav-item:hover,.nav-item.active{background:var(--pro-raised)!important;color:var(--pro-ink)!important;border-left:0!important}
.sidebar-label{color:var(--pro-muted)!important;letter-spacing:.1em!important}
.main{padding-top:28px!important}
.hero-banner{height:min(54vw,520px)!important;border-radius:20px!important;box-shadow:none!important;background:var(--pro-surface)!important}
.hero-banner-bg{animation:none!important}
.hero-banner-gradient{background:linear-gradient(90deg,oklch(10% .012 295/.96) 0%,oklch(10% .012 295/.7) 42%,oklch(10% .012 295/.12) 76%),linear-gradient(0deg,var(--pro-base),transparent 42%)!important}
.hero-banner-content{padding:clamp(24px,5vw,64px)!important}
.hero-banner-title{font-size:clamp(2rem,5vw,4.4rem)!important;max-width:13ch!important;letter-spacing:-.055em!important;line-height:.98!important;text-shadow:none!important}
.hero-banner-badge{background:var(--pro-accent)!important;border-radius:6px!important;box-shadow:none!important}
.hero-banner-meta span{background:var(--pro-surface)!important;border-radius:6px!important;backdrop-filter:none!important}
.hero-info-btn{background:var(--pro-raised)!important;border-color:var(--pro-border)!important;border-radius:9px!important;backdrop-filter:none!important}
.section{margin-bottom:64px!important}.section-head{margin-bottom:20px!important}.section-head-left h2{font-size:clamp(1.2rem,2vw,1.7rem)!important;text-transform:none!important;letter-spacing:-.03em!important}.section-line{display:none}.see-all-btn{color:var(--pro-accent)!important}
.anime-grid,.anime-grid-catalog{gap:24px 16px!important}.anime-card{background:transparent!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;overflow:visible!important}.anime-card:hover{transform:translateY(-4px)!important;box-shadow:none!important}.card-poster{border-radius:12px!important;background:var(--pro-surface)!important}.card-info{padding:10px 1px 0!important}.card-title{font-size:.88rem!important}.card-play{background:var(--pro-accent)!important;box-shadow:none!important}.badge-new{background:var(--pro-accent)!important;box-shadow:none!important}
.detail-poster{border-color:var(--pro-border)!important;box-shadow:none!important}.detail-title{font-size:clamp(2rem,5vw,4rem)!important;letter-spacing:-.055em!important}.badge{background:var(--pro-surface)!important;border-color:var(--pro-border)!important;backdrop-filter:none!important;border-radius:6px!important}
button,a,input,select,textarea{transition:transform .2s var(--pro-ease),opacity .2s var(--pro-ease),background-color .15s,border-color .15s!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pro-focus)!important;outline-offset:3px!important}
@media(max-width:768px){.main{padding:18px 14px 88px!important}.hero-banner{height:430px!important;border-radius:14px!important}.hero-banner-content{padding:24px!important}.anime-grid,.anime-grid-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 10px!important}.card-title{font-size:.76rem!important}.section{margin-bottom:44px!important}}
@media(max-width:410px){.anime-grid,.anime-grid-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}