/* RAPTOR_FOUNDATION_50_CSS_V1 */
:root {
  --r50-bg: #070611;
  --r50-card: rgba(255,255,255,.055);
  --r50-card-2: rgba(255,255,255,.025);
  --r50-line: rgba(190,150,255,.18);
  --r50-line-strong: rgba(190,150,255,.32);
  --r50-text: #ffffff;
  --r50-muted: #b7b0c9;
  --r50-accent: #8b5cf6;
  --r50-cyan: #06b6d4;
  --r50-good: #22c55e;
  --r50-warn: #f59e0b;
  --r50-bad: #ef4444;
}

.r50-hidden {
  display: none !important;
}

.r50-reader-bar {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 2147483000;
  width: min(760px, calc(100vw - 24px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid var(--r50-line-strong);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15,15,30,.96), rgba(7,7,16,.96));
  box-shadow: 0 18px 70px rgba(0,0,0,.45);
  color: var(--r50-text);
  padding: 8px;
  backdrop-filter: blur(18px);
}

.r50-reader-bar button,
.r50-reader-bar a,
.r50-floating-button,
.r50-mini-button {
  border: 1px solid var(--r50-line);
  background: rgba(255,255,255,.06);
  color: var(--r50-text);
  border-radius: 12px;
  padding: 8px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.r50-reader-bar .r50-primary,
.r50-floating-button.r50-primary {
  border: 0;
  background: linear-gradient(135deg, var(--r50-accent), var(--r50-cyan));
}

.r50-reader-progress {
  position: fixed;
  left: 0;
  top: 0;
  height: 3px;
  width: 0%;
  z-index: 2147483001;
  background: linear-gradient(90deg, var(--r50-accent), var(--r50-cyan));
  box-shadow: 0 0 16px rgba(6,182,212,.6);
}

.r50-settings-panel {
  position: fixed;
  right: 14px;
  bottom: 76px;
  z-index: 2147483002;
  width: min(360px, calc(100vw - 28px));
  border: 1px solid var(--r50-line-strong);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(15,15,30,.98), rgba(7,7,16,.98));
  box-shadow: 0 30px 100px rgba(0,0,0,.52);
  padding: 14px;
  color: var(--r50-text);
}

.r50-settings-panel h3 {
  margin: 0 0 10px;
  font-size: 18px;
}

.r50-settings-panel label {
  display: grid;
  gap: 6px;
  margin: 10px 0;
  color: var(--r50-muted);
  font-size: 12px;
  font-weight: 800;
}

.r50-settings-panel input[type="range"],
.r50-settings-panel select {
  width: 100%;
}

.r50-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2147483300;
  max-width: min(420px, calc(100vw - 32px));
  border: 1px solid var(--r50-line-strong);
  border-radius: 16px;
  background: rgba(8,8,18,.96);
  box-shadow: 0 20px 80px rgba(0,0,0,.45);
  color: white;
  padding: 12px 14px;
  font-size: 13px;
}

.r50-suggest-box {
  position: fixed;
  z-index: 2147482500;
  min-width: 260px;
  max-width: min(520px, calc(100vw - 22px));
  border: 1px solid var(--r50-line-strong);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(8,8,18,.98);
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
}

.r50-suggest-box a {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.r50-suggest-box a:last-child {
  border-bottom: 0;
}

.r50-suggest-box img,
.r50-suggest-thumb {
  width: 38px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
  background: linear-gradient(135deg, var(--r50-accent), var(--r50-cyan));
}

.r50-suggest-box strong {
  display: block;
  font-size: 13px;
  line-height: 1.1;
}

.r50-suggest-box small {
  display: block;
  margin-top: 3px;
  color: var(--r50-muted);
  font-size: 11px;
}

.r50-continue-card {
  margin: 14px 0;
  border: 1px solid var(--r50-line-strong);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(139,92,246,.16), rgba(6,182,212,.08));
  padding: 14px;
  color: var(--r50-text);
}

.r50-continue-card h3 {
  margin: 0 0 6px;
  font-size: 18px;
}

.r50-continue-card p {
  margin: 0 0 12px;
  color: var(--r50-muted);
}

.r50-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.r50-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--r50-line);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: white;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}

.r50-floating-button {
  position: fixed;
  right: 16px;
  bottom: 84px;
  z-index: 2147482100;
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.r50-reader-wide .reader,
.r50-reader-wide .chapter-reader,
.r50-reader-wide main {
  max-width: 1180px !important;
}

.r50-reader-narrow .reader,
.r50-reader-narrow .chapter-reader,
.r50-reader-narrow main {
  max-width: 760px !important;
}

.r50-reader-dark body,
body.r50-reader-dark {
  background: #05050b !important;
}

body.r50-reader-paper {
  background: #15110c !important;
}

body.r50-reader-paper .reader,
body.r50-reader-paper .chapter-reader,
body.r50-reader-paper main {
  background: #15110c !important;
}

body.r50-reader-dim img {
  filter: brightness(.82);
}

.r50-clean-card {
  content-visibility: auto;
  contain-intrinsic-size: 260px 180px;
}

.r50-empty-placeholder {
  display: none !important;
}

.r50-image-error {
  border: 1px solid var(--r50-bad) !important;
  background: rgba(239,68,68,.08) !important;
}

.r50-reader img,
.reader img,
.chapter-reader img,
.reader-page img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 860px) {
  .r50-reader-bar {
    bottom: 10px;
    width: calc(100vw - 16px);
    border-radius: 15px;
    padding: 6px;
    gap: 5px;
  }

  .r50-reader-bar button,
  .r50-reader-bar a {
    font-size: 11px;
    padding: 7px 8px;
  }

  .r50-hide-mobile {
    display: none !important;
  }

  .r50-settings-panel {
    right: 8px;
    bottom: 66px;
  }

  .cover-grid,
  .library-grid,
  .rm-list-grid,
  .raptor-perf-grid,
  .series-grid,
  .manga-grid,
  .book-grid,
  .catalog-grid,
  [data-series-grid],
  [data-book-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .series-card,
  .rm-list-card,
  .raptor-perf-card,
  .book-card,
  .catalog-card {
    min-width: 0 !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }

  .series-card img,
  .rm-list-card img,
  .raptor-perf-card img,
  .book-card img,
  .catalog-card img {
    max-height: 190px !important;
    object-fit: cover !important;
  }
}

/* RAPTOR_READER_FOCUS_MODE_APPENDED_V1_START */
/* RAPTOR_READER_FOCUS_MODE_V1 */
body.r50-reader-page,
html.r50-reader-html {
  background: #05050b !important;
}

body.r50-reader-page {
  overflow-x: hidden !important;
}

body.r50-reader-page header,
body.r50-reader-page .site-header,
body.r50-reader-page .topbar,
body.r50-reader-page .nav-shell,
body.r50-reader-page footer,
body.r50-reader-page .site-footer {
  transition: opacity .22s ease, transform .22s ease, max-height .22s ease;
}

body.r50-reader-page.r50-reader-focus header,
body.r50-reader-page.r50-reader-focus .site-header,
body.r50-reader-page.r50-reader-focus .topbar,
body.r50-reader-page.r50-reader-focus .nav-shell {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-18px) !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

body.r50-reader-page.r50-reader-focus footer,
body.r50-reader-page.r50-reader-focus .site-footer {
  opacity: 0 !important;
  pointer-events: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

body.r50-reader-page.r50-reader-focus main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.r50-reader-page .reader,
body.r50-reader-page .chapter-reader,
body.r50-reader-page [data-chapter-reader],
body.r50-reader-page main {
  transition: max-width .18s ease, padding .18s ease, background .18s ease;
}

body.r50-reader-page.r50-reader-focus .reader,
body.r50-reader-page.r50-reader-focus .chapter-reader,
body.r50-reader-page.r50-reader-focus [data-chapter-reader] {
  margin-top: 0 !important;
}

.r50-reader-focus-layer {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 2147483600;
  width: min(760px, calc(100vw - 24px));
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.r50-reader-focus-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(190,150,255,.24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15,15,30,.96), rgba(7,7,16,.96));
  box-shadow: 0 18px 70px rgba(0,0,0,.48);
  padding: 8px;
  pointer-events: auto;
  backdrop-filter: blur(18px);
  color: #fff;
  transition: opacity .18s ease, transform .18s ease;
}

.r50-reader-focus-tools button,
.r50-reader-focus-tools a,
.r50-reader-show-tools {
  border: 1px solid rgba(190,150,255,.22);
  background: rgba(255,255,255,.065);
  color: #fff;
  border-radius: 12px;
  padding: 8px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.r50-reader-focus-tools .primary {
  border: 0;
  background: linear-gradient(135deg, #8b5cf6, #06b6d4);
}

.r50-reader-show-tools {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 2147483601;
  box-shadow: 0 16px 60px rgba(0,0,0,.45);
  opacity: .72;
  transition: opacity .18s ease, transform .18s ease;
}

.r50-reader-show-tools:hover {
  opacity: 1;
}

body.r50-reader-tools-hidden .r50-reader-focus-tools,
body.r50-reader-tools-hidden #r50ReaderBar,
body.r50-reader-tools-hidden .r50-reader-bar,
body.r50-reader-tools-hidden .reader-toolbar,
body.r50-reader-tools-hidden .chapter-toolbar,
body.r50-reader-tools-hidden .reader-controls,
body.r50-reader-tools-hidden [data-reader-tools] {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(18px) !important;
}

body.r50-reader-tools-hidden .r50-reader-show-tools {
  opacity: .78;
  pointer-events: auto;
}

body:not(.r50-reader-tools-hidden) .r50-reader-show-tools {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
}

body.r50-reader-page.r50-reader-focus .ad,
body.r50-reader-page.r50-reader-focus .ads,
body.r50-reader-page.r50-reader-focus .ad-slot,
body.r50-reader-page.r50-reader-focus .reader-popup-ad,
body.r50-reader-page.r50-reader-focus .promo,
body.r50-reader-page.r50-reader-focus .newsletter,
body.r50-reader-page.r50-reader-focus .recommendations-before-reader {
  display: none !important;
}

.r50-reader-tap-zone {
  cursor: pointer;
}

.r50-reader-tap-hint {
  position: fixed;
  left: 50%;
  top: 12px;
  transform: translateX(-50%);
  z-index: 2147483602;
  border: 1px solid rgba(190,150,255,.22);
  border-radius: 999px;
  background: rgba(8,8,18,.86);
  color: #fff;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 850;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.r50-reader-tap-hint.show {
  opacity: .92;
}

@media (max-width: 760px) {
  .r50-reader-focus-layer {
    bottom: 8px;
    width: calc(100vw - 14px);
  }

  .r50-reader-focus-tools {
    gap: 5px;
    padding: 6px;
    border-radius: 15px;
  }

  .r50-reader-focus-tools button,
  .r50-reader-focus-tools a,
  .r50-reader-show-tools {
    font-size: 11px;
    padding: 7px 8px;
  }

  .r50-reader-focus-tools .mobile-hide {
    display: none !important;
  }

  .r50-reader-show-tools {
    right: 9px;
    bottom: 9px;
  }
}

/* RAPTOR_READER_FOCUS_MODE_APPENDED_V1_END */
