.story-cover{position:relative;isolation:isolate}.story-cover .cover-gradient{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(8,24,44,.78));z-index:1;pointer-events:none}.cover-badge{position:absolute!important;left:10px!important;bottom:10px!important;top:auto!important;z-index:2!important;width:max-content!important;max-width:calc(100% - 20px)!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(24,119,242,.93)!important;color:#fff!important;font-size:10px!important;line-height:1!important;font-weight:800!important;box-shadow:0 4px 12px rgba(0,0,0,.14)!important}.story-cover img{transition:transform .25s ease}.story-card:hover .story-cover img{transform:scale(1.025)}@media(max-width:760px){.cover-badge{left:8px!important;bottom:8px!important;font-size:9px!important;padding:4px 7px!important}}

.spotlight-card{overflow:hidden}.spotlight-art{position:relative;min-height:210px;border-radius:18px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.spotlight-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,24,44,.22));pointer-events:none}@media(max-width:760px){.spotlight-art{min-height:170px;border-radius:16px}}


/* Home story shelves: film-style horizontal rail */
.reader-app .story-shelf-wrap{position:relative;min-width:0}
.reader-app .story-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(188px,220px);grid-template-columns:none;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.reader-app .story-shelf>.story-card{scroll-snap-align:start;width:100%;min-width:0}
.reader-app .story-shelf::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.reader-app .story-shelf::-webkit-scrollbar-thumb{background:transparent}
.reader-app .story-shelf-hint{display:none;align-items:center;gap:7px;margin-top:4px;color:#6c8198;font-size:11px;font-weight:700;letter-spacing:.01em}
.reader-app .story-shelf-hint>span:first-child{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d6e3f1;border-radius:999px;background:#fff;color:#2f80ed}
html[data-theme="dark"] .reader-app .story-shelf-hint{color:#a9bacd}
html[data-theme="dark"] .reader-app .story-shelf-hint>span:first-child{background:#142033;border-color:#2b3c53;color:#8ab9ff}
@media(max-width:900px){.reader-app .story-shelf{grid-auto-columns:minmax(170px,39vw)}}
@media(max-width:760px){.reader-app .story-shelf{grid-auto-columns:minmax(154px,46vw);gap:11px;padding-bottom:8px;scrollbar-width:none}.reader-app .story-shelf::-webkit-scrollbar{display:none}.reader-app .story-shelf-hint{display:flex}}
@media(max-width:520px){.reader-app .story-shelf{grid-auto-columns:minmax(142px,42vw);gap:9px}.reader-app .story-shelf-hint{font-size:10px}}

/* Home shelf navigation: clickable, visible, animated, and layered above the rail. */
.reader-app .story-shelf-wrap[data-story-shelf-wrap]{position:relative;min-width:0}
.reader-app .story-shelf[data-story-shelf]{position:relative;z-index:1;cursor:grab}
.reader-app .story-shelf[data-story-shelf]:active{cursor:grabbing}
.reader-app .story-shelf[data-story-shelf] > .story-card{position:relative;z-index:1}
.reader-app .story-shelf .story-cover,
.reader-app .story-shelf .story-body a{position:relative;z-index:5;pointer-events:auto}
.reader-app .shelf-nav{
  position:absolute!important;
  top:calc(50% - 28px)!important;
  z-index:30!important;
  width:42px!important;
  height:56px!important;
  min-width:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  color:#19314e!important;
  box-shadow:0 12px 28px rgba(20,48,80,.16),0 2px 8px rgba(20,48,80,.08)!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,opacity .18s ease,background-color .18s ease!important;
  animation:shelfArrowFloat 2.8s ease-in-out infinite;
}
.reader-app .shelf-nav-prev{left:10px!important}
.reader-app .shelf-nav-next{right:10px!important;animation-delay:-1.4s}
.reader-app .shelf-nav:hover{
  transform:translateY(-3px) scale(1.04)!important;
  background:#fff!important;
  box-shadow:0 17px 34px rgba(20,48,80,.22),0 3px 10px rgba(20,48,80,.10)!important;
}
.reader-app .shelf-nav:active{transform:translateY(0) scale(.96)!important}
.reader-app .shelf-nav:focus-visible{outline:3px solid rgba(47,128,237,.28)!important;outline-offset:2px!important}
.reader-app .shelf-nav.is-disabled{opacity:.28!important;cursor:default!important;box-shadow:none!important;animation:none!important;pointer-events:auto!important}
@keyframes shelfArrowFloat{
  0%,100%{box-shadow:0 12px 28px rgba(20,48,80,.16),0 2px 8px rgba(20,48,80,.08)}
  50%{box-shadow:0 16px 34px rgba(20,48,80,.20),0 3px 10px rgba(20,48,80,.09)}
}
@media(max-width:760px){
  .reader-app .shelf-nav{display:none!important}
}
html[data-theme="dark"] .reader-app .shelf-nav{background:rgba(21,37,56,.96)!important;color:#eef5ff!important;border-color:rgba(255,255,255,.12)!important}

/* V5: reliable story links + cleaner shelf navigation */
.reader-app .story-shelf[data-story-shelf]{
  touch-action:auto;
}
.reader-app .story-shelf[data-story-shelf].is-dragging{
  cursor:grabbing!important;
  scroll-snap-type:none!important;
  user-select:none!important;
}
.reader-app .story-shelf .story-cover,
.reader-app .story-shelf .story-cover *{
  -webkit-user-select:none;
}
.reader-app .story-shelf .poster-rating{
  color:#f3f6fb!important;
}
.reader-app .story-shelf .poster-rating::first-letter{
  color:#f5a623!important;
}
.reader-app .story-shelf .poster-rating{
  text-shadow:0 1px 3px rgba(6,18,31,.28);
}
.reader-app .story-shelf .poster-rating::before{
  color:#f5a623;
}
.reader-app .shelf-nav{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  top:calc(50% - 36px)!important;
  border:1px solid rgba(220,230,240,.95)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.97)!important;
  color:#1b3551!important;
  box-shadow:0 10px 24px rgba(20,48,80,.14),0 2px 6px rgba(20,48,80,.08)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:30px!important;
  line-height:1!important;
}
.reader-app .shelf-nav::before{
  font-size:27px!important;
  font-weight:300!important;
  transform:translateY(-1px);
}
.reader-app .shelf-nav:hover{
  transform:translateY(-2px) scale(1.07)!important;
  box-shadow:0 15px 30px rgba(20,48,80,.18),0 3px 8px rgba(20,48,80,.10)!important;
}
.reader-app .shelf-nav:active{
  transform:translateY(0) scale(.93)!important;
}
.reader-app .shelf-nav.is-disabled{
  opacity:.18!important;
  pointer-events:none!important;
  animation:none!important;
}
.reader-app .shelf-nav-prev{left:14px!important}
.reader-app .shelf-nav-next{right:14px!important}

/* Orange-gold star while keeping the numeric rating neutral. */
.reader-app .story-shelf .poster-rating{
  display:flex;
  align-items:center;
  gap:4px;
}
.reader-app .story-shelf .poster-rating .rating-star{
  color:#f5a623!important;
  -webkit-text-fill-color:#f5a623!important;
  text-shadow:0 0 6px rgba(245,166,35,.18);
}

/* V6: use the semantic HTML arrow glyph only; do not generate a second pseudo arrow. */
.reader-app .shelf-nav{font-size:28px!important;line-height:1!important;font-weight:400!important;}


/* ============================================================
   HOME PREMIUM ADS + SHELF ARROW MOTION V1
   - Keeps existing rail dimensions and mobile swipe behavior
   - Makes sponsored content feel like a premium placement
   - Arrow animation uses the real glyph inside <span>; no pseudo arrow
   ============================================================ */

.reader-app .shelf-nav{
  overflow:hidden;
}
.reader-app .shelf-nav > span{
  display:block;
  font-size:27px;
  line-height:1;
  font-weight:300;
  transform:translateX(0);
  transition:transform .22s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.reader-app .shelf-nav-prev:hover > span,
.reader-app .shelf-nav-prev:focus-visible > span{
  transform:translateX(-3px);
}
.reader-app .shelf-nav-next:hover > span,
.reader-app .shelf-nav-next:focus-visible > span{
  transform:translateX(3px);
}
.reader-app .shelf-nav.is-animating > span{
  animation:shelfArrowPush .52s cubic-bezier(.22,1,.36,1);
}
.reader-app .shelf-nav-prev.is-animating > span{animation-name:shelfArrowPushPrev}
.reader-app .shelf-nav-next.is-animating > span{animation-name:shelfArrowPushNext}
.reader-app .shelf-nav.is-bump > span{
  animation:shelfArrowBump .26s ease;
}
@keyframes shelfArrowPushPrev{
  0%{transform:translateX(0)}
  28%{transform:translateX(-6px)}
  55%{transform:translateX(2px)}
  100%{transform:translateX(0)}
}
@keyframes shelfArrowPushNext{
  0%{transform:translateX(0)}
  28%{transform:translateX(6px)}
  55%{transform:translateX(-2px)}
  100%{transform:translateX(0)}
}
@keyframes shelfArrowBump{
  0%,100%{transform:scale(1)}
  45%{transform:scale(.82)}
}

.reader-app .story-shelf[data-story-shelf].is-shelf-moving-left{
  scroll-snap-type:none;
}
.reader-app .story-shelf[data-story-shelf].is-shelf-moving-right{
  scroll-snap-type:none;
}

html[data-theme="dark"] .reader-app .shelf-nav{
  background:rgba(22,37,55,.96)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#f4f8ff!important;
}
html[data-theme="dark"] .reader-app .shelf-nav:hover{
  background:#1d314b!important;
}

/* Premium sponsored story placement */
.reader-app .premium-sponsored-zone{
  position:relative;
  margin:26px auto 18px;
  padding:18px 18px 16px;
  border:1px solid rgba(128,165,205,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 0%,rgba(47,128,237,.10),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,250,255,.96));
  box-shadow:
    0 18px 46px rgba(25,58,94,.08),
    0 3px 10px rgba(25,58,94,.05),
    inset 0 1px 0 rgba(255,255,255,.94);
  overflow:hidden;
}
.reader-app .premium-sponsored-zone::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#2f80ed,#7aaef7,rgba(122,174,247,0));
  pointer-events:none;
}
.reader-app .premium-sponsored-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
.reader-app .premium-sponsored-copy h2{
  margin:5px 0 3px;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.55px;
}
.reader-app .premium-sponsored-copy p{
  margin:0;
  color:#6e8298;
  font-size:12px;
  line-height:1.55;
}
.reader-app .premium-sponsored-eyebrow{
  color:#4f76a0!important;
}
.reader-app .premium-sponsored-eyebrow i{
  margin-right:4px;
  color:#2f80ed;
}
.reader-app .premium-sponsored-status{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:31px;
  padding:6px 10px;
  border:1px solid #d3e3f4;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#3c648d;
  font-size:10px;
  font-weight:800;
  box-shadow:0 5px 14px rgba(42,87,132,.06);
}
.reader-app .premium-sponsored-status>span{
  width:7px;height:7px;border-radius:50%;
  background:#27ae72;
  box-shadow:0 0 0 4px rgba(39,174,114,.10);
  animation:premiumSponsoredPulse 1.8s ease-in-out infinite;
}
@keyframes premiumSponsoredPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.78);opacity:.72}
}
.reader-app .premium-sponsored-zone .story-shelf-wrap{
  margin-top:2px;
}
.reader-app .premium-sponsored-zone .story-shelf{
  padding-top:2px;
}
.reader-app .premium-sponsored-zone .story-shelf-hint{
  display:none;
}

/* Premium external ad slots */
.reader-app .premium-ad-wrap{
  position:relative;
  margin:20px auto 8px;
  border:1px solid rgba(163,181,203,.36);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,251,254,.96));
  box-shadow:
    0 14px 35px rgba(16,37,62,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}
.reader-app .premium-ad-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 42%,transparent 58%);
  transform:translateX(-120%);
  animation:premiumAdSweep 7s ease-in-out infinite;
}
@keyframes premiumAdSweep{
  0%,55%,100%{transform:translateX(-120%)}
  70%{transform:translateX(120%)}
}
.reader-app .premium-ad-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid rgba(163,181,203,.24);
  background:rgba(255,255,255,.58);
}
.reader-app .premium-ad-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#64809d;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
}
.reader-app .premium-ad-label i{
  color:#2f80ed;
  font-size:10px;
}
.reader-app .premium-ad-note{
  color:#91a0b0;
  font-size:9px;
  font-weight:700;
}
.reader-app .premium-ad-content{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:82px;
  padding:12px;
}
.reader-app .premium-ad-top .premium-ad-content{
  min-height:96px;
}
.reader-app .premium-ad-inline .premium-ad-content{
  min-height:72px;
}

html[data-theme="dark"] .reader-app .premium-sponsored-zone,
html[data-theme="dark"] .reader-app .premium-ad-wrap{
  border-color:rgba(107,146,187,.28);
  background:
    radial-gradient(circle at 92% 0%,rgba(47,128,237,.11),transparent 34%),
    linear-gradient(145deg,#101d2d,#0d1928);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}
html[data-theme="dark"] .reader-app .premium-sponsored-copy p,
html[data-theme="dark"] .reader-app .premium-ad-note{
  color:#91a6bd;
}
html[data-theme="dark"] .reader-app .premium-sponsored-eyebrow{
  color:#89acd1!important;
}
html[data-theme="dark"] .reader-app .premium-sponsored-status{
  background:rgba(24,40,59,.82);
  border-color:rgba(107,146,187,.28);
  color:#a7c3df;
}
html[data-theme="dark"] .reader-app .premium-ad-head{
  background:rgba(16,29,45,.78);
  border-bottom-color:rgba(107,146,187,.20);
}
html[data-theme="dark"] .reader-app .premium-ad-wrap .ad-slot{
  color:#c2d1df;
}

@media(max-width:760px){
  .reader-app .premium-sponsored-zone{
    margin:18px auto 14px;
    padding:14px 12px 12px;
    border-radius:18px;
  }
  .reader-app .premium-sponsored-head{
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
  }
  .reader-app .premium-sponsored-copy h2{
    font-size:18px;
    letter-spacing:-.35px;
  }
  .reader-app .premium-sponsored-copy p{
    font-size:10px;
    max-width:250px;
  }
  .reader-app .premium-sponsored-status{
    min-height:27px;
    padding:5px 8px;
    font-size:9px;
  }
  .reader-app .premium-ad-wrap{
    margin:14px auto 6px;
    border-radius:15px;
  }
  .reader-app .premium-ad-head{
    padding:8px 10px;
  }
  .reader-app .premium-ad-note{
    display:none;
  }
  .reader-app .premium-ad-content,
  .reader-app .premium-ad-top .premium-ad-content,
  .reader-app .premium-ad-inline .premium-ad-content{
    min-height:64px;
    padding:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  .reader-app .shelf-nav,
  .reader-app .premium-sponsored-status>span,
  .reader-app .premium-ad-wrap::before{
    animation:none!important;
  }
  .reader-app .shelf-nav > span{
    transition:none!important;
  }
}

.reader-app .shelf-nav::before{content:none!important;display:none!important;}


/* =====================================================================
   HOME CLEAN V1.36
   One clear hierarchy, fewer repeated labels, less non-essential copy.
   ===================================================================== */
body.reader-app[data-view="reader/home"] .home-hero-clean{
  grid-template-columns:1fr!important;
  padding:34px 40px!important;
  margin-bottom:24px!important;
}
body.reader-app[data-view="reader/home"] .home-hero-clean .hero-copy p,
body.reader-app[data-view="reader/home"] .home-hero-clean .hero-pills,
body.reader-app[data-view="reader/home"] .home-hero-clean .hero-orbit{
  display:none!important;
}
body.reader-app[data-view="reader/home"] .home-hero-clean .hero-copy h1{
  max-width:720px!important;
  margin:8px 0 20px!important;
  font-size:clamp(34px,4vw,54px)!important;
}
body.reader-app[data-view="reader/home"] .home-hero-clean .hero-search{
  max-width:820px!important;
  margin-top:0!important;
}
body.reader-app[data-view="reader/home"] .home-section{
  margin-top:30px!important;
}
body.reader-app[data-view="reader/home"] .section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:13px!important;
}
body.reader-app[data-view="reader/home"] .section-head .eyebrow,
body.reader-app[data-view="reader/home"] .section-head .section-note{
  display:none!important;
}
body.reader-app[data-view="reader/home"] .section-head h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
body.reader-app[data-view="reader/home"] .story-shelf-hint,
body.reader-app[data-view="reader/home"] .premium-sponsored-copy p,
body.reader-app[data-view="reader/home"] .premium-ad-note{
  display:none!important;
}
body.reader-app[data-view="reader/home"] .premium-sponsored-zone{
  margin-top:24px!important;
}
body.reader-app[data-view="reader/home"] .premium-sponsored-head{
  align-items:center!important;
}
@media(max-width:760px){
  body.reader-app[data-view="reader/home"] .home-hero-clean{
    padding:24px 18px!important;
    border-radius:20px!important;
    margin-bottom:18px!important;
  }
  body.reader-app[data-view="reader/home"] .home-hero-clean .hero-copy h1{
    font-size:34px!important;
    line-height:1.02!important;
    margin-bottom:16px!important;
  }
  body.reader-app[data-view="reader/home"] .home-section{
    margin-top:25px!important;
  }
  body.reader-app[data-view="reader/home"] .section-head h2{
    font-size:21px!important;
  }
  body.reader-app[data-view="reader/home"] .premium-sponsored-copy h2{
    font-size:18px!important;
  }
}
/* HOME SMART SYSTEM V1.37.7 */
body.reader-app[data-view="reader/home"] .poster-body h3{margin-bottom:2px}
body.reader-app[data-view="reader/home"] .home-card-meta{font-size:10px;color:#7c8ea4;font-weight:700}
html[data-theme="dark"] body.reader-app[data-view="reader/home"] .home-card-meta{color:#8ea4bc}