:root{
  --bg:#f7f8fc;--bg2:#fff3f8;--card:#ffffff;--line:#e8ebf3;--text:#1f2330;--muted:#70798b;
  --primary:#ff4f8b;--primary2:#ff7aa9;--soft:#fff0f6;--danger:#d83957;--success:#0d9f6f;
  --shadow:0 14px 35px rgba(24,31,49,.08)
}
body.dark{
  --bg:#0f1117;--bg2:#191d28;--card:#171b24;--line:#2a3040;--text:#f4f7fb;--muted:#aab2c0;--soft:#281923;
  --shadow:0 14px 35px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,var(--bg2),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg));min-height:100vh}
.hidden{display:none!important}
.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}
.auth-bg{background:radial-gradient(circle at top left,#ffe5f0,transparent 28%),radial-gradient(circle at bottom right,#fff0f5,transparent 28%),#f8f9fc}
.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}
.auth-copy{padding:34px;border-radius:28px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);box-shadow:var(--shadow)}
.logo-chip{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 24px rgba(255,79,139,.3)}
.logo-chip.sm{width:44px;height:44px;border-radius:14px;font-size:13px}
.auth-copy h1{font-size:56px;line-height:1;margin:18px 0 14px}
.auth-copy p{font-size:18px;max-width:560px;color:#555}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px}
.auth-card{width:100%;max-width:430px}
.auth-card.narrow{max-width:470px}
input,textarea,select,button{font:inherit}
input,textarea,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:#1f2330;margin-bottom:12px}
body.dark input,body.dark textarea,body.dark select{background:#0f1320;color:#f4f7fb;border-color:#31374a}
textarea{min-height:120px;resize:vertical}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row>*{flex:1;min-width:120px}
.auth-row{margin-bottom:12px}
.auth-row button{margin:0}
button{border:none;border-radius:14px;padding:14px 16px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 18px rgba(255,79,139,.25)}
button:hover{transform:translateY(-1px)}
button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn-secondary{background:#eef2fb;color:#232837;box-shadow:none}
body.dark .btn-secondary{background:#24293a;color:#f4f7fb}
.btn-ghost{background:transparent;color:var(--text);box-shadow:none;border:1px solid var(--line)}
.full{width:100%}
.status{min-height:18px;font-size:13px;color:var(--danger)}
.small{font-size:12px}
.muted{color:var(--muted)}
.highlight-line{padding:12px 14px;border-radius:14px;background:var(--soft);border:1px solid #ffd8e5;font-weight:700}
.toast-container{position:fixed;top:18px;right:18px;z-index:9999;display:grid;gap:10px}
.toast{min-width:260px;max-width:360px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:700}
.toast.success{border-color:#bdebd7;color:#0d9f6f}
.toast.error{border-color:#ffd3d8;color:#d83957}
.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 18px;margin:16px}
.glass{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(14px)}
body.dark .glass{background:rgba(23,27,36,.82);border-color:#2c3346}
.top-brand{display:flex;gap:12px;align-items:center}
.brand-title{font-size:22px;font-weight:800}
.brand-sub{font-size:12px;color:var(--muted)}
.top-search input{margin:0}
.top-actions{display:flex;gap:10px;align-items:center}
.icon-btn{width:46px;height:46px;padding:0;border-radius:14px;background:#fff;color:#111;box-shadow:none;border:1px solid var(--line)}
body.dark .icon-btn{background:#111523;color:#fff;border-color:#2f3650}
.app-layout{display:grid;grid-template-columns:290px 1fr;gap:18px;padding:0 16px 16px}
.sidebar{position:sticky;top:96px;height:calc(100vh - 102px);padding:18px;border-radius:24px}
.sidebar-profile{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--soft);margin-bottom:16px;cursor:pointer}
.sidebar-name{font-weight:800}
.sidebar-role{font-size:12px;color:var(--muted)}
.nav-btn{width:100%;display:flex;gap:10px;align-items:center;padding:14px 16px;margin-bottom:8px;border-radius:16px;background:transparent;color:var(--text);border:1px solid transparent;box-shadow:none;text-align:left}
.nav-btn.active,.nav-btn:hover{background:linear-gradient(135deg,#fff,var(--soft));border-color:#ffd4e1;color:var(--primary)}
body.dark .nav-btn.active,body.dark .nav-btn:hover{background:linear-gradient(135deg,#1b202e,#281b26);border-color:#4f3242}
.main{padding-bottom:16px}
.page-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.page-head{margin:8px 0 16px}
.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:12px;font-weight:800;margin-bottom:10px}
.hero-banner{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center;margin-bottom:18px}
.gradient-card{background:radial-gradient(circle at top left,rgba(255,255,255,.6),transparent 34%),linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:none}
.gradient-card .eyebrow{background:rgba(255,255,255,.18);color:#fff}
.hero-banner h2{font-size:34px;margin:4px 0 10px}
.hero-banner p{max-width:560px;opacity:.97}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mini-stat{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:16px;text-align:center}
.mini-stat strong{display:block;font-size:28px}
.mini-stat span{font-size:13px}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.story-grid.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.stack{display:grid;gap:12px}
.story-card .cover,.featured-cover{width:100%;height:190px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.cover.big{height:260px}
.story-title{font-size:22px;margin:12px 0 6px;color:var(--text);cursor:pointer;line-height:1.2}
.story-text,.comment-text,.story-content{white-space:pre-line;line-height:1.7}
.tags,.actions,.meta,.filters,.author-stats-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tag,.pill,.badge-age{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}
.tag{background:var(--soft);color:var(--primary)}
.pill{background:#eef2fb;color:#3a4255}
.badge-age{background:#111;color:#fff}
.warning{font-weight:800;color:#b3003c}
.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:var(--shadow)}
.avatar.xl{width:100px;height:100px}
.author-header{display:flex;gap:16px;align-items:flex-start}
.author-stat{padding:10px 14px;border-radius:14px;background:var(--soft);font-weight:800}
.profile-info h3{margin:0 0 8px;font-size:28px}
.profile-tabs,.library-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tab-btn,.library-tab-btn{background:#fff;color:#2a3040;border:1px solid var(--line);box-shadow:none}
body.dark .tab-btn,body.dark .library-tab-btn{background:#111523;color:#fff}
.tab-btn.active,.library-tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:transparent}
.divider{height:1px;background:var(--line);margin:16px 0}
.chat-box{min-height:360px;max-height:520px;overflow:auto;border-radius:18px;border:1px solid var(--line);padding:14px;background:rgba(0,0,0,.03)}
.msg-row{display:flex;margin-bottom:10px}
.msg-row.me{justify-content:flex-end}
.msg{max-width:72%;padding:12px 14px;border-radius:18px;background:#eef2fb}
.msg.me{background:#ffd8e6}
.read-box{padding:26px;border-radius:18px;border:1px solid var(--line);background:#fff}
.read-box.sepia{background:#f7ecd9;color:#3b2f22}
.read-box.darkmode{background:#10141d;color:#f4f7fb}
.empty{padding:16px 0;color:var(--muted)}
.top-space{margin-top:18px}
.upload-box{border:1px dashed #ffc1d7;background:var(--soft);border-radius:18px;padding:14px;margin-bottom:12px}
.upload-label{display:inline-block;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #ffd0df;font-weight:800;cursor:pointer}
.cover-preview{width:100%;max-height:260px;object-fit:cover;border-radius:18px;margin-top:12px;border:1px solid var(--line)}
.chapter-editor{border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.chapter-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(0,0,0,.02)}
.chapter-read-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 0}
.progress-box{padding:12px 14px;border-radius:16px;background:var(--soft);font-weight:800}
.admin-item{display:flex;justify-content:space-between;gap:10px;align-items:center}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn-danger{background:var(--danger)!important;color:#fff!important}
.author-link{cursor:pointer}
.notification-card{width:100%;text-align:left;background:var(--card);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line)}
.notification-card:hover{transform:translateY(-1px)}
.comment-card{padding:16px}
@media (max-width:1100px){
  .auth-shell,.hero-banner,.dashboard-grid,.app-layout{grid-template-columns:1fr}
  .sidebar{position:relative;top:0;height:auto}
  .author-header{flex-direction:column}
}


/* Beta - contraste e avisos */
body.dark{
  --muted:#d0d8e8;
}
body.dark .muted{
  color:#d0d8e8;
}
body.dark .small.muted{
  color:#c7d0e2;
}
body.dark input::placeholder,
body.dark textarea::placeholder{
  color:#b7c2d8;
}
body.dark .notification-card,
body.dark .card,
body.dark .chapter-card,
body.dark .read-box{
  color:var(--text);
}
body.dark .story-title,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark strong,
body.dark label,
body.dark p,
body.dark span{
  color:inherit;
}
body.dark .top-search input,
body.dark .notification-card,
body.dark .upload-label{
  color:#f4f7fb;
}
body.dark .upload-label{
  background:#141a26;
  border-color:#3b4359;
}

.notice-box{
  padding:16px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff4f8,#fff8fc);
  border:1px solid #ffd8e5;
  margin-bottom:14px;
}
.notice-box strong{
  display:block;
  margin-bottom:8px;
}
.notice-box p{
  margin:8px 0;
  line-height:1.6;
}
.checkbox-line{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:10px;
  font-size:14px;
  line-height:1.5;
}
.checkbox-line input{
  width:18px;
  height:18px;
  margin:2px 0 0;
  flex:none;
}

.ad-slot{
  text-align:center;
}
.ad-label{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:var(--soft);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
  margin-bottom:10px;
}
.ad-box{
  padding:18px;
  border-radius:18px;
  border:1px dashed #ffc2d7;
  background:linear-gradient(135deg,#fffafc,#fff4f8);
  color:#8a4761;
  line-height:1.6;
}
body.dark .notice-box{
  background:linear-gradient(135deg,#241720,#201724);
  border-color:#4d3241;
}
body.dark .ad-box{
  background:linear-gradient(135deg,#1c1520,#241827);
  border-color:#4d3241;
  color:#ead4de;
}
.story-legal-note{
  padding:14px 16px;
  border-radius:16px;
  background:var(--soft);
  line-height:1.6;
}
body.dark .story-legal-note{
  background:#241822;
  color:#f0dbe6;
}
.story-author-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.profile-extra-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
@media (max-width:900px){
  .profile-extra-grid{
    grid-template-columns:1fr;
  }
  .checkbox-line{
    font-size:13px;
  }
}


/* Correção extra da leitura no modo escuro */
.read-box {
  padding: 26px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: #1f2330;
}

body.dark .read-box {
  background: #141922;
  color: #f5f7fb;
  border: 1px solid #31384c;
}

body.dark .read-box .story-content,
body.dark .read-box p,
body.dark .read-box span,
body.dark .read-box strong {
  color: #f5f7fb !important;
}

body.dark .read-box.sepia {
  background: #2b241d;
  color: #f3e7d3;
}

body.dark .read-box.sepia .story-content,
body.dark .read-box.sepia p,
body.dark .read-box.sepia span,
body.dark .read-box.sepia strong {
  color: #f3e7d3 !important;
}

body.dark .read-box.darkmode {
  background: #0f141d;
  color: #f4f7fb;
}

body.dark .read-box.darkmode .story-content,
body.dark .read-box.darkmode p,
body.dark .read-box.darkmode span,
body.dark .read-box.darkmode strong {
  color: #f4f7fb !important;
}


/* Atualização suporte + catálogo + responsividade */
.support-card{
  background:linear-gradient(135deg,#fff8fb,#fff2f7);
}
.pix-box{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.pix-box input{
  margin:0;
  flex:1 1 340px;
}
.story-card .cover,
.cover.big,
.featured-cover{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
  border-radius:18px;
  border:1px solid var(--line);
}
.cover-preview{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.admin-shortcut{
  padding:14px;
}
.admin-link{
  display:inline-flex;
  margin-top:10px;
  text-decoration:none;
  font-weight:800;
  color:var(--primary);
}
.catalog-note{
  padding:10px 12px;
  border-radius:14px;
  background:var(--soft);
  margin-bottom:12px;
}
body.dark .support-card{
  background:linear-gradient(135deg,#261821,#211822);
}
body.dark .admin-link{
  color:#ff9dc0;
}


/* Atualização avançada: links institucionais, covers e layout */
.link-shortcuts .footer-links,
.site-footer .footer-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.site-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}

.story-card .cover{
  width:min(100%, 220px);
  aspect-ratio:3/4;
  height:auto;
  object-fit:cover;
  border-radius:18px;
  border:1px solid var(--line);
  display:block;
  margin:0 auto 10px;
}

.cover.big{
  width:min(100%, 460px);
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
  display:block;
  margin:0 auto;
}

.cover-preview{
  width:min(100%, 320px);
  aspect-ratio:3/4;
  height:auto;
  object-fit:cover;
  margin-top:12px;
  display:block;
}

.story-card{
  text-align:left;
}

.story-card .meta{
  align-items:center;
}

.simple-page-wrap{
  max-width:980px;
  margin:0 auto;
  padding:24px 16px 40px;
}

.simple-page-hero{
  margin-bottom:18px;
}

.simple-page-hero h1{
  margin:8px 0 10px;
  font-size:38px;
  line-height:1.1;
}

.simple-page-content{
  display:grid;
  gap:18px;
}

.simple-page-content .card p,
.simple-page-content .card li{
  line-height:1.7;
}

.simple-page-content ul{
  margin:0;
  padding-left:20px;
}

.table-steps{
  display:grid;
  gap:10px;
}

.step-card{
  padding:16px;
  border-radius:16px;
  background:rgba(0,0,0,.03);
  border:1px solid var(--line);
}

body.dark .step-card{
  background:rgba(255,255,255,.04);
}

.admin-link:hover{
  text-decoration:underline;
}

.admin-shortcut.hidden{
  display:none !important;
}


/* Community Reading Update */
.reading-toolbar{
  align-items:flex-end;
}
.control-chip{
  display:grid;
  gap:6px;
  min-width:120px;
  padding:10px 12px;
  border-radius:16px;
  background:var(--soft);
  border:1px solid var(--line);
}
.control-chip span{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.reading-layout{
  display:grid;
  gap:18px;
}
.reading-progress{
  margin:14px 0 10px;
}
.progress-track{
  width:100%;
  height:10px;
  border-radius:999px;
  background:rgba(0,0,0,.08);
  overflow:hidden;
}
.progress-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
}
body.dark .progress-track{
  background:rgba(255,255,255,.12);
}
.chapter-drawer{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(0,0,0,.02);
  padding:14px;
  margin:16px 0;
}
body.dark .chapter-drawer{
  background:rgba(255,255,255,.03);
}
.chapter-drawer summary{
  cursor:pointer;
  font-weight:800;
  list-style:none;
}
.chapter-drawer summary::-webkit-details-marker{
  display:none;
}
.chapter-drawer summary::after{
  content:"▾";
  float:right;
  color:var(--primary);
}
.chapter-drawer[open] summary::after{
  content:"▴";
}
.chapter-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.chapter-jump-btn{
  width:100%;
  text-align:left;
  padding:12px 14px;
  border-radius:14px;
  background:var(--bg-soft);
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:none;
}
.chapter-jump-btn.active{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  border-color:transparent;
}
.reader-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.reading-meta-grid{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin-top:14px;
}
.reading-meta-card{
  padding:12px 14px;
  border-radius:14px;
  background:var(--soft);
  border:1px solid var(--line);
}
.chapter-comment-tools{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin:14px 0;
}
.chapter-comment-tools .btn-secondary.active{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  border-color:transparent;
}
.comment-card.author-comment{
  border:1px solid rgba(244,91,154,.35);
  background:linear-gradient(135deg,#fff8fb,#fff2f7);
}
body.dark .comment-card.author-comment{
  background:linear-gradient(135deg,#271922,#231822);
}
.author-comment-badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(244,91,154,.14);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
}
.comment-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:12px;
}
.comment-like-btn{
  background:var(--bg-soft);
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:none;
}
.comment-like-btn.liked{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  border-color:transparent;
}
.reader-helper{
  padding:12px 14px;
  border-radius:14px;
  background:var(--soft);
  line-height:1.6;
}
.saved-reading-note{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
}
.saved-reading-note .tag{
  background:rgba(244,91,154,.15);
}
.mini-progress{
  margin-top:10px;
}
.mini-progress .progress-track{
  height:8px;
}
@media (max-width: 900px){
  .reading-meta-grid{
    grid-template-columns:1fr;
  }
  .control-chip{
    min-width:unset;
  }
}


/* Discovery + recommendation update */
.catalog-note{
  padding:12px 14px;
  border-radius:16px;
  background:var(--soft);
  color:var(--text);
  border:1px solid var(--line);
  margin-bottom:14px;
}
.discovery-author-card,
.discovery-story-card{
  display:grid;
  gap:8px;
}
.discovery-author-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.discovery-author-meta{
  display:grid;
  gap:4px;
}
.discovery-author-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:4px;
}
.discovery-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.home-section-sub{
  margin-top:-4px;
  margin-bottom:10px;
}
.story-card .story-score{
  font-size:12px;
  color:var(--muted);
  margin-top:6px;
}
body.dark .catalog-note{
  background:#211824;
}


/* FicNova Versão Beta - logo */
.brand-logo{
  display:block;
  object-fit:contain;
}
.auth-logo{
  width:92px;
  height:92px;
  margin-bottom:14px;
  filter: drop-shadow(0 12px 28px rgba(244,91,154,.28));
}
.top-logo{
  width:44px;
  height:44px;
  border-radius:14px;
  flex:none;
}
.page-logo{
  width:88px;
  height:88px;
  margin-bottom:12px;
}
.admin-page-logo{
  width:88px;
  height:88px;
  margin-bottom:12px;
}
.admin-top-logo{
  width:48px;
  height:48px;
  margin-right:12px;
}
.admin-brand{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* FicNova Versão Beta - modo escuro corrigido */
body.dark{
  --bg:#0f1420;
  --bg2:#161d2c;
  --card:#182033;
  --line:#2b3750;
  --text:#f4f7ff;
  --muted:#b7c0d4;
  --soft:#232a3d;
  --shadow:0 14px 35px rgba(0,0,0,.38);
}

body.dark,
body.dark p,
body.dark span,
body.dark small,
body.dark li,
body.dark label,
body.dark strong,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4{
  color:var(--text);
}

body.dark .muted,
body.dark .small.muted,
body.dark .brand-sub,
body.dark .sidebar-role,
body.dark .story-meta,
body.dark .meta,
body.dark .helper{
  color:var(--muted) !important;
}

body.dark .card,
body.dark .comment-card,
body.dark .chapter-card,
body.dark .auth-copy,
body.dark .profile-card,
body.dark .support-card,
body.dark .site-footer,
body.dark .simple-page-wrap .card,
body.dark .admin-shortcut,
body.dark .link-shortcuts{
  background:var(--card);
  color:var(--text);
  border-color:var(--line);
}

body.dark .glass{
  background:rgba(24,32,51,.92);
  border-color:#2b3750;
}

body.dark input,
body.dark textarea,
body.dark select{
  background:#11192a;
  color:var(--text);
  border-color:#32405b;
}

body.dark input::placeholder,
body.dark textarea::placeholder{
  color:#aeb9cf;
}

body.dark .btn-secondary,
body.dark .tab-btn,
body.dark .library-tab-btn,
body.dark .icon-btn{
  background:#11192a;
  color:var(--text);
  border-color:#32405b;
}

body.dark .nav-btn{
  color:var(--text);
}
body.dark .nav-btn.active,
body.dark .nav-btn:hover{
  background:linear-gradient(135deg,#202a40,#2a334a);
  border-color:#495a7b;
  color:#ff8db8;
}

body.dark .sidebar-profile,
body.dark .author-stat,
body.dark .progress-box,
body.dark .tag,
body.dark .pill,
body.dark .notice-box,
body.dark .story-legal-note,
body.dark .retention-callout,
body.dark .recent-update-item,
body.dark .event-rank-item,
body.dark .kpi-premium,
body.dark .step-card{
  background:#212a3d;
  color:var(--text);
  border-color:#33415d;
}

body.dark .highlight-line{
  background:#212a3d;
  border-color:#33415d;
  color:var(--text);
}

body.dark .upload-box{
  background:#1b2335;
  border-color:#425372;
}
body.dark .upload-label{
  background:#11192a;
  color:var(--text);
  border-color:#33415d;
}

body.dark .chat-box{
  background:#11192a;
  border-color:#33415d;
}
body.dark .msg{
  background:#24304a;
  color:var(--text);
}
body.dark .msg.me{
  background:#513047;
  color:#fff;
}

body.dark .read-box{
  background:#151d2d !important;
  color:#f4f7ff !important;
  border-color:#33415d !important;
}
body.dark .read-box .story-content,
body.dark .read-box p,
body.dark .read-box span,
body.dark .read-box strong{
  color:#f4f7ff !important;
}
body.dark .read-box.sepia{
  background:#2b241d !important;
  color:#f3e7d3 !important;
}
body.dark .read-box.sepia .story-content,
body.dark .read-box.sepia p,
body.dark .read-box.sepia span,
body.dark .read-box.sepia strong{
  color:#f3e7d3 !important;
}
body.dark .read-box.darkmode{
  background:#0f141d !important;
  color:#f4f7fb !important;
}
body.dark .read-box.darkmode .story-content,
body.dark .read-box.darkmode p,
body.dark .read-box.darkmode span,
body.dark .read-box.darkmode strong{
  color:#f4f7fb !important;
}

body.dark .story-title,
body.dark .profile-info h3,
body.dark .brand-title,
body.dark .section-head h3,
body.dark .page-head h2,
body.dark .admin-link,
body.dark .author-link{
  color:#f4f7ff !important;
}

body.dark .gradient-card p,
body.dark .gradient-card h2,
body.dark .gradient-card strong,
body.dark .gradient-card span{
  color:#fff !important;
}