/* D26_FULL_MODERN_LIGHTWEIGHT_FRONTEND_PRESENTATION_V1
 * Presentation-only layer.
 * Existing C-clone business APIs, player lifecycle, readers and backend config bus
 * remain the source of truth.
 */

:root{
  --d26-accent:#ffd54a;
  --d26-accent-strong:#ffbf24;
  --d26-bg:#f4f5f7;
  --d26-surface:#ffffff;
  --d26-surface-soft:#f7f8fa;
  --d26-text:#111318;
  --d26-muted:#7b808a;
  --d26-line:#e8e9ed;
  --d26-dark:#090a0d;
  --d26-radius:18px;
  --d26-shadow:0 12px 34px rgba(22,27,36,.10);
}

html{
  background:#11141a;
}

body.d26-modern-ui{
  background:#11141a;
  color:var(--d26-text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",
    "PingFang SC","Microsoft YaHei",Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.d26-modern-ui button,
body.d26-modern-ui input,
body.d26-modern-ui textarea,
body.d26-modern-ui select{
  font:inherit;
}

body.d26-modern-ui .s2h-app{
  background:var(--d26-dark);
}

body.d26-modern-ui .s2h-app[data-route="manga"],
body.d26-modern-ui .s2h-app[data-route="audio"],
body.d26-modern-ui .s2h-app[data-route="novel"],
body.d26-modern-ui .s2h-app[data-route="my"]{
  background:var(--d26-bg);
}

/* ---------- immersive home chrome ---------- */

body.d26-modern-ui .s2h-home-header{
  height:112px!important;
  padding:
    calc(8px + env(safe-area-inset-top))
    14px
    8px!important;
  display:grid!important;
  grid-template-rows:40px 40px!important;
  gap:5px!important;
  align-content:start!important;
  background:
    linear-gradient(
      180deg,
      rgba(4,5,7,.90) 0%,
      rgba(4,5,7,.66) 58%,
      rgba(4,5,7,0) 100%
    )!important;
  pointer-events:none;
}

body.d26-modern-ui .s2h-home-header > *{
  pointer-events:auto;
}

.d26-brand-line{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.d26-brand{
  min-width:0;
  flex:0 1 auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  white-space:nowrap;
}

.d26-brand-mark{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:
    linear-gradient(
      145deg,
      #ffe576,
      var(--d26-accent-strong)
    );
  color:#151515;
  font-size:11px;
  font-weight:950;
  letter-spacing:-.04em;
  box-shadow:0 7px 22px rgba(255,194,36,.26);
}

.d26-brand-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.d26-brand-copy strong{
  max-width:108px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:15px;
  font-weight:900;
  letter-spacing:-.02em;
}

.d26-brand-copy small{
  margin-top:3px;
  color:rgba(255,255,255,.54);
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}

body.d26-modern-ui .s2h-top-search{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  margin-left:auto!important;
  grid-template-columns:16px minmax(0,1fr) 35px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(18px)!important;
}

body.d26-modern-ui .s2h-top-search input{
  font-size:11px!important;
}

body.d26-modern-ui .s2h-top-search button{
  font-size:10px!important;
}

.d26-home-nav-line{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
}

body.d26-modern-ui .s2h-home-tabs{
  flex:none!important;
  gap:14px!important;
}

body.d26-modern-ui .s2h-home-tabs button{
  min-width:auto!important;
  height:32px!important;
  padding:0 1px 6px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:13px!important;
  font-weight:820!important;
}

body.d26-modern-ui .s2h-home-tabs button.is-active{
  color:#fff!important;
}

body.d26-modern-ui .s2h-home-tabs button.is-active:after{
  width:18px!important;
  height:3px!important;
  bottom:1px!important;
  background:var(--d26-accent)!important;
}

.d26-channel-rail{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:5px;
  overflow-x:auto;
  padding:0 1px 2px;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}

.d26-channel-rail::-webkit-scrollbar{
  display:none;
}

.d26-channel-rail button{
  flex:0 0 auto;
  height:28px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:780;
  backdrop-filter:blur(13px);
}

.d26-channel-rail button.is-active{
  border-color:rgba(255,213,74,.48);
  background:rgba(255,213,74,.16);
  color:#ffe27a;
}

body.d26-modern-ui .s2h-library-toggle{
  height:36px!important;
  padding:0 14px!important;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(20,22,27,.74)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.26)!important;
}

/* ---------- bottom navigation: dynamic item count ---------- */

body.d26-modern-ui .s2h-bottom-nav{
  height:66px!important;
  display:flex!important;
  grid-template-columns:none!important;
  padding:
    4px
    8px
    calc(4px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(6,7,10,.91)!important;
  box-shadow:0 -9px 26px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
}

body.d26-modern-ui .s2h-bottom-nav button{
  min-width:0!important;
  flex:1 1 0!important;
  height:56px!important;
  gap:2px!important;
  color:rgba(255,255,255,.50)!important;
  font-size:9px!important;
  font-weight:750!important;
}

body.d26-modern-ui .s2h-bottom-nav button.is-active{
  color:#fff!important;
}

body.d26-modern-ui .s2h-bottom-nav img{
  width:24px!important;
  height:24px!important;
  opacity:.64!important;
  transition:
    transform .16s ease,
    opacity .16s ease!important;
}

body.d26-modern-ui .s2h-bottom-nav button.is-active img{
  opacity:1!important;
  transform:translateY(-1px) scale(1.06)!important;
}

body.d26-modern-ui .d26-nav-fallback{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:currentColor;
  font-size:8px;
}

body.d26-modern-ui .s2h-app:not([data-route="home"])
  .s2h-bottom-nav{
  border-top-color:rgba(17,19,24,.08)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 -8px 28px rgba(27,32,42,.08)!important;
}

body.d26-modern-ui .s2h-app:not([data-route="home"])
  .s2h-bottom-nav button{
  color:#9b9fa8!important;
}

body.d26-modern-ui .s2h-app:not([data-route="home"])
  .s2h-bottom-nav button.is-active{
  color:#111318!important;
}

/* ---------- immersive presentation ---------- */

body.d26-modern-ui .s2h-short-slide{
  background:#050608!important;
}

body.d26-modern-ui .s2h-short-shade{
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.42) 0%,
      rgba(0,0,0,0) 31%,
      rgba(0,0,0,0) 54%,
      rgba(0,0,0,.78) 83%,
      rgba(0,0,0,.94) 100%
    )!important;
}

body.d26-modern-ui .s2h-short-side,
body.d26-modern-ui .s2u-content-slide.is-video-landscape
  .s2h-short-side{
  right:8px!important;
  bottom:138px!important;
  width:58px!important;
  gap:12px!important;
}

body.d26-modern-ui .s2h-side-btn{
  width:58px!important;
  gap:3px!important;
  font-size:9px!important;
  font-weight:800!important;
}

body.d26-modern-ui .s2h-side-btn .s2h-ico{
  width:42px!important;
  height:42px!important;
  background:rgba(16,18,22,.56)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.26)!important;
}

body.d26-modern-ui .s2h-side-btn img,
body.d26-modern-ui .d26-short-action-icon{
  width:25px!important;
  height:25px!important;
}

body.d26-modern-ui .s2h-side-btn.is-on{
  color:var(--d26-accent)!important;
}

body.d26-modern-ui .s2h-short-info,
body.d26-modern-ui .s2u-content-slide.is-video-landscape
  .s2h-short-info{
  left:15px!important;
  right:72px!important;
  bottom:126px!important;
}

body.d26-modern-ui .s2u-content-badge{
  margin-bottom:7px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.84)!important;
  font-size:8px!important;
  letter-spacing:.04em!important;
  backdrop-filter:blur(10px)!important;
}

body.d26-modern-ui .s2i-short-title{
  max-width:min(74vw,310px)!important;
  font-size:16px!important;
  line-height:1.34!important;
  letter-spacing:-.02em!important;
}

body.d26-modern-ui .s2i-progress-pill{
  width:auto!important;
  min-width:122px!important;
  height:32px!important;
  margin-top:9px!important;
  padding:0 12px!important;
  border-color:rgba(255,255,255,.17)!important;
  background:rgba(15,17,22,.46)!important;
  font-size:10px!important;
  backdrop-filter:blur(12px)!important;
}

body.d26-modern-ui .s2h-center-play{
  width:58px!important;
  height:58px!important;
  background:rgba(13,15,19,.48)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}

/* ---------- light list surfaces ---------- */

body.d26-modern-ui .s2h-list-page{
  padding:0 12px 86px!important;
  background:var(--d26-bg)!important;
  color:var(--d26-text)!important;
}

body.d26-modern-ui .s2i-list-sticky{
  margin:0 -12px!important;
  padding:
    calc(11px + env(safe-area-inset-top))
    12px
    8px!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.97) 82%,
      rgba(255,255,255,.80) 93%,
      rgba(255,255,255,0) 100%
    )!important;
  backdrop-filter:blur(20px)!important;
}

body.d26-modern-ui .s2i-audio-title-row{
  gap:9px!important;
  margin:2px 0 9px!important;
}

body.d26-modern-ui .s2i-audio-title-row h1{
  color:var(--d26-text)!important;
  font-size:23px!important;
  font-weight:920!important;
  letter-spacing:-.04em!important;
}

body.d26-modern-ui .s2i-audio-title-row form{
  height:36px!important;
  border:1px solid var(--d26-line)!important;
  background:#f3f4f6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}

body.d26-modern-ui .s2i-audio-title-row input{
  color:#15171c!important;
  font-size:11px!important;
}

body.d26-modern-ui .s2i-audio-title-row input::placeholder{
  color:#a3a7af!important;
}

body.d26-modern-ui .s2i-audio-title-row button{
  width:48px!important;
  background:#111318!important;
  color:#fff!important;
  font-size:10px!important;
}

body.d26-modern-ui .s2h-chips{
  gap:7px!important;
  padding:1px 0 9px!important;
}

body.d26-modern-ui .s2h-chips button{
  height:32px!important;
  min-width:70px!important;
  padding:0 11px!important;
  border:1px solid #eaebee!important;
  background:#f0f1f3!important;
  color:#747984!important;
  font-size:10px!important;
  font-weight:760!important;
}

body.d26-modern-ui .s2h-chips button.is-active{
  border-color:#111318!important;
  background:#111318!important;
  color:#fff!important;
}

body.d26-modern-ui .s2i-list-content{
  padding-top:7px!important;
}

body.d26-modern-ui .s2h-poster-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px 8px!important;
}

body.d26-modern-ui .s2h-poster-card{
  color:var(--d26-text)!important;
  content-visibility:auto;
  contain-intrinsic-size:150px 235px;
}

body.d26-modern-ui .s2h-poster-card figure{
  aspect-ratio:3/4!important;
  border-radius:13px!important;
  background:#e9eaed!important;
  box-shadow:0 5px 15px rgba(25,28,35,.07)!important;
}

body.d26-modern-ui .s2h-poster-card img{
  background:#e9eaed;
  transition:opacity .18s ease,transform .22s ease;
}

body.d26-modern-ui .s2h-poster-card img:not(.d26-img-ready){
  opacity:.88;
}

body.d26-modern-ui .s2h-poster-card h3{
  margin:7px 1px 2px!important;
  color:#17191e!important;
  font-size:11px!important;
  line-height:1.38!important;
  font-weight:780!important;
}

body.d26-modern-ui .s2h-poster-card p{
  color:#969aa3!important;
  font-size:9px!important;
}

body.d26-modern-ui .s2h-card-badge{
  left:5px!important;
  right:5px!important;
  bottom:5px!important;
  width:max-content!important;
  max-width:calc(100% - 10px)!important;
  padding:3px 6px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  background:rgba(7,8,10,.72)!important;
  font-size:8px!important;
  backdrop-filter:blur(6px)!important;
}

body.d26-modern-ui .s2h-more{
  height:42px!important;
  margin:18px 0 2px!important;
  border:1px solid var(--d26-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#777c85!important;
  box-shadow:0 5px 16px rgba(29,33,42,.05)!important;
  font-size:11px!important;
}

/* ---------- backend-driven channel ads ---------- */

.d26-grid-ad{
  grid-column:1/-1!important;
  width:100%;
  position:relative;
  display:block;
  overflow:hidden;
  border:0;
  border-radius:16px;
  background:#e9eaed;
  color:#fff;
  text-align:left;
  box-shadow:0 8px 22px rgba(30,35,44,.08);
  isolation:isolate;
}

.d26-grid-ad.is-top{
  height:168px;
}

.d26-grid-ad.is-middle,
.d26-grid-ad.is-bottom{
  height:84px;
}

.d26-grid-ad img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.d26-grid-ad:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:55%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.56));
}

.d26-grid-ad span{
  position:absolute;
  z-index:2;
  left:11px;
  right:11px;
  bottom:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
  text-shadow:0 2px 8px rgba(0,0,0,.44);
}

/* ---------- library drawer ---------- */

body.d26-modern-ui #libraryDrawer .s2h-drawer-backdrop,
body.d26-modern-ui #episodeSheet .s2h-drawer-backdrop,
body.d26-modern-ui #searchDrawer .s2h-drawer-backdrop,
body.d26-modern-ui #directorySheet .s2h-drawer-backdrop{
  background:rgba(10,12,16,.48)!important;
  backdrop-filter:blur(3px)!important;
}

body.d26-modern-ui #libraryDrawer .s2h-drawer-card{
  height:min(86vh,760px)!important;
  max-height:min(86vh,760px)!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  padding:8px 12px 0!important;
  border-radius:25px 25px 0 0!important;
  background:#fff!important;
  color:var(--d26-text)!important;
  box-shadow:0 -18px 50px rgba(11,14,19,.18)!important;
}

body.d26-modern-ui #libraryDrawer .s2h-drawer-head{
  min-height:38px!important;
  color:#17191e!important;
}

body.d26-modern-ui #libraryDrawer .s2h-drawer-head:before{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:38px;
  height:4px;
  transform:translateX(-50%);
  border-radius:99px;
  background:#d9dbe0;
}

body.d26-modern-ui #libraryDrawer .s2h-drawer-head strong{
  margin-top:8px;
  font-size:14px!important;
  font-weight:900!important;
}

body.d26-modern-ui #libraryChannels,
body.d26-modern-ui #libraryCategoryLevels{
  color:#17191e!important;
}

body.d26-modern-ui #libraryChannels{
  gap:6px!important;
  padding:2px 0 7px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

body.d26-modern-ui #libraryChannels::-webkit-scrollbar{
  display:none!important;
}

body.d26-modern-ui #libraryChannels button,
body.d26-modern-ui #libraryCategoryLevels button{
  height:30px!important;
  min-width:auto!important;
  padding:0 11px!important;
  border:1px solid #eaebee!important;
  border-radius:999px!important;
  background:#f2f3f5!important;
  color:#80848d!important;
  font-size:9px!important;
  font-weight:760!important;
}

body.d26-modern-ui #libraryChannels button.is-active,
body.d26-modern-ui #libraryCategoryLevels button.is-active{
  border-color:#111318!important;
  background:#111318!important;
  color:#fff!important;
}

body.d26-modern-ui #libraryScroll{
  min-height:0!important;
  padding:5px 0 14px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

body.d26-modern-ui #libraryGrid{
  display:grid!important;
  grid-auto-rows:auto!important;
  gap:15px 9px!important;
  align-content:start!important;
  padding:0!important;
}

body.d26-modern-ui #libraryGrid.is-video{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.d26-modern-ui #libraryGrid.is-anime,
body.d26-modern-ui #libraryGrid.is-short{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.d26-modern-ui #libraryGrid .s2h-library-item{
  min-width:0!important;
  width:auto!important;
  display:block!important;
  grid-template-columns:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#17191e!important;
  text-align:left!important;
  content-visibility:auto;
  contain-intrinsic-size:140px 210px;
}

body.d26-modern-ui #libraryGrid .s2h-library-item figure{
  width:100%!important;
  height:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#e9eaed!important;
  box-shadow:0 5px 15px rgba(25,28,35,.07)!important;
}

body.d26-modern-ui #libraryGrid.is-video .s2h-library-item figure{
  aspect-ratio:16/9!important;
}

body.d26-modern-ui #libraryGrid.is-anime .s2h-library-item figure,
body.d26-modern-ui #libraryGrid.is-short .s2h-library-item figure{
  aspect-ratio:3/4!important;
}

body.d26-modern-ui #libraryGrid .s2h-library-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

body.d26-modern-ui #libraryGrid .s2h-library-item h3{
  margin:7px 1px 0!important;
  color:#17191e!important;
  font-size:10px!important;
  line-height:1.36!important;
  font-weight:780!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

body.d26-modern-ui #libraryGrid .s2h-library-item p{
  margin:3px 1px 0!important;
  color:#9a9ea7!important;
  font-size:8px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.d26-modern-ui #libraryGrid .s2h-library-episode-badge{
  right:5px!important;
  bottom:5px!important;
  left:auto!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.66)!important;
  color:#fff!important;
  font-size:8px!important;
}

body.d26-modern-ui .s2w-actor-profile{
  grid-column:1/-1!important;
  border:1px solid var(--d26-line)!important;
  border-radius:15px!important;
  background:#f7f8fa!important;
  color:#17191e!important;
  box-shadow:none!important;
}

/* ---------- application center ---------- */

body.d26-modern-ui .s2v-application-layer{
  background:var(--d26-bg)!important;
  color:var(--d26-text)!important;
}

body.d26-modern-ui .s2v-application-header{
  border-bottom:1px solid rgba(17,19,24,.07)!important;
  background:rgba(255,255,255,.94)!important;
  color:#15171c!important;
  backdrop-filter:blur(20px)!important;
}

body.d26-modern-ui .s2v-application-categories{
  background:#fff!important;
  border-right:1px solid var(--d26-line)!important;
}

body.d26-modern-ui .s2v-application-categories button{
  color:#858a93!important;
}

body.d26-modern-ui .s2v-application-categories button.is-active{
  background:#111318!important;
  color:#fff!important;
}

body.d26-modern-ui .s2v-application-card{
  border:1px solid rgba(17,19,24,.06)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#15171c!important;
  box-shadow:0 7px 20px rgba(27,31,39,.06)!important;
  content-visibility:auto;
  contain-intrinsic-size:90px 130px;
}

body.d26-modern-ui .s2v-application-icon{
  border-radius:15px!important;
  background:#f2f3f5!important;
}

body.d26-modern-ui .s2v-application-copy,
body.d26-modern-ui .s2v-application-name{
  color:#15171c!important;
}

/* ---------- my page ---------- */

body.d26-modern-ui .s2h-my-page{
  padding:
    calc(12px + env(safe-area-inset-top))
    12px
    88px!important;
  background:
    radial-gradient(circle at 85% 0,rgba(244,200,78,.06),transparent 28%),
    linear-gradient(180deg,#0c0e12,#08090b 38%)!important;
  color:#f4efe5!important;
}

body.d26-modern-ui .s2kh5-member-card{
  min-height:164px!important;
  margin:0 0 12px!important;
  padding:19px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:21px!important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(255,213,74,.24),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #111419,
      #20242c 62%,
      #2d2818
    )!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(18,22,29,.16)!important;
}

body.d26-modern-ui .s2w-install-entry{
  border:1px solid #292b30!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f2ede4!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

body.d26-modern-ui .s2w-my-actions{
  gap:8px!important;
}

body.d26-modern-ui .s2w-my-actions > button{
  min-width:0!important;
  border:1px solid #292b30!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f2ede4!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

body.d26-modern-ui .s2h-panel{
  border:1px solid #ececef!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#17191e!important;
  box-shadow:0 7px 20px rgba(25,29,37,.05)!important;
}

body.d26-modern-ui .s2w-my-notice,
body.d26-modern-ui .s2h-my-page .s2h-panel{
  border:1px solid #292b30!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f2ede4!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

body.d26-modern-ui .s2w-my-notice-line,
body.d26-modern-ui .s2w-feedback-entry{
  color:#e9e3d8!important;
}

body.d26-modern-ui .s2h-panel-head h2{
  color:#17191e!important;
}

body.d26-modern-ui .s2h-my-page .s2h-panel-head h2{
  color:#f1ece3!important;
}

body.d26-modern-ui .s2kh3-history-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px 8px!important;
}

body.d26-modern-ui .s2h-my-page .s2kh3-history-card{
  color:#f1ece3!important;
}

/* ---------- drawers / search / episode / directory ---------- */

body.d26-modern-ui #searchDrawer .s2h-drawer-card,
body.d26-modern-ui #episodeSheet .s2h-drawer-card,
body.d26-modern-ui #directorySheet .s2h-drawer-card{
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  color:#17191e!important;
  box-shadow:0 -18px 48px rgba(11,14,19,.18)!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-head,
body.d26-modern-ui #episodeSheet .s2h-drawer-head,
body.d26-modern-ui #directorySheet .s2h-drawer-head{
  color:#17191e!important;
}

body.d26-modern-ui .s2h-search-result{
  color:#17191e!important;
  border-bottom-color:#ececef!important;
}

body.d26-modern-ui .s2h-search-result small{
  color:#989ca5!important;
}

/* ---------- reader/player surfaces ---------- */

body.d26-modern-ui .s2h-layer-head{
  backdrop-filter:blur(18px)!important;
}

body.d26-modern-ui .s2h-novel-reader-layer{
  background:#f7f3eb!important;
  color:#26221d!important;
}

body.d26-modern-ui .s2h-novel-reader-layer .s2h-layer-head,
body.d26-modern-ui .s2h-novel-reader-layer .s2h-reader-tools{
  background:rgba(247,243,235,.95)!important;
  color:#26221d!important;
  border-color:rgba(38,34,29,.10)!important;
}

body.d26-modern-ui .s2h-novel-reader{
  color:#29251f!important;
}

body.d26-modern-ui .s2h-audio-player{
  background:
    radial-gradient(
      circle at 50% 8%,
      rgba(255,213,74,.16),
      transparent 34%
    ),
    #0c0e12!important;
}

/* ---------- motion / rendering ---------- */

body.d26-modern-ui img{
  -webkit-user-drag:none;
}

body.d26-modern-ui img.d26-img-ready{
  opacity:1!important;
}

body.d26-modern-ui.is-save-data
  .s2h-poster-card,
body.d26-modern-ui.is-save-data
  #libraryGrid .s2h-library-item{
  contain:layout paint style;
}

@media(max-width:360px){
  .d26-brand-copy small{
    display:none;
  }

  .d26-brand-copy strong{
    max-width:76px;
    font-size:13px;
  }

  .d26-brand-mark{
    width:28px;
    height:28px;
  }

  body.d26-modern-ui .s2h-top-search{
    grid-template-columns:14px minmax(0,1fr) 31px!important;
  }

  .d26-channel-rail button{
    padding:0 8px;
  }

  body.d26-modern-ui .s2h-poster-grid,
  body.d26-modern-ui #libraryGrid.is-anime,
  body.d26-modern-ui #libraryGrid.is-short{
    gap:13px 6px!important;
  }
}

@media(min-width:700px){
  body.d26-modern-ui:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(
        circle at 25% 10%,
        rgba(255,213,74,.12),
        transparent 28%
      ),
      radial-gradient(
        circle at 78% 80%,
        rgba(82,108,255,.10),
        transparent 30%
      ),
      linear-gradient(145deg,#101218,#1a1e27);
  }

  body.d26-modern-ui .s2h-app{
    top:16px!important;
    bottom:16px!important;
    height:auto!important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:30px!important;
    box-shadow:
      0 30px 80px rgba(0,0,0,.38),
      0 0 0 1px rgba(255,255,255,.03)!important;
  }

  body.d26-modern-ui .s2h-home-header{
    top:16px!important;
    border-radius:30px 30px 0 0!important;
  }

  body.d26-modern-ui .s2h-bottom-nav{
    bottom:16px!important;
    border-radius:0 0 30px 30px!important;
  }

  body.d26-modern-ui .s2h-library-launcher{
    bottom:94px!important;
  }

  body.d26-modern-ui .s2h-layer,
  body.d26-modern-ui .s2h-drawer,
  body.d26-modern-ui .s2v-application-layer,
  body.d26-modern-ui .s2w-contact-layer{
    top:16px!important;
    bottom:16px!important;
    height:auto!important;
    border-radius:30px!important;
    overflow:hidden!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.d26-modern-ui *,
  body.d26-modern-ui *:before,
  body.d26-modern-ui *:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}