#panel-read { align-items: stretch; justify-content: flex-start; min-height: 0; }

 
 

.read-modebar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  flex: 0 0 auto; padding: 0 0 10px;
}
 
.read-mode-title {
  margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--text);
  white-space: nowrap;
}
 
.read-submode-chips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }

 
.read-sub { flex: 1 1 auto; min-height: 0; display: none; }
.read-sub.active { display: flex; flex-direction: column; min-height: 0; }

 
body.sr-reading .read-modebar { display: none; }
body:has(#panel-stories.active #rp-reader-view:not(.rp-hide)) .read-modebar { display: none; }

 
body.rd-fs header { display: none; }
body.rd-fs .read-modebar { display: none; }
body.rd-fs .page-wrap { padding: 0; gap: 0; max-width: none; }

 
.rc-hide { display: none !important; }
 
.rc-lang-row { margin-bottom: 10px; }
.rc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
 
 
.rc-card-title { font-weight: 700; font-size: var(--fs-md); color: var(--text); overflow-wrap: break-word; margin: 0 26px 5px 0; }
.rc-card-meta { font-size: var(--fs-sm); margin: 4px 26px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
.rc-card-remove { position: absolute; top: 6px; right: 6px; }
.rc-back-btn { align-self: flex-start; }
 
.rc-sw { margin-bottom: 8px; }
 
.rc-article-wrap { position: relative; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--card); overflow: hidden; }
.rc-article { padding: 22px 26px 30px; line-height: 1.62; font-size: var(--fs-article); color: var(--text); }
 
 
.rc-comment {
  border: 1px solid var(--border); border-radius: var(--radius-card);
  background: var(--bg); padding: 12px 14px; margin: 0 0 10px;
}
.rc-comment:last-child { margin-bottom: 0; }
.rc-comment-creator { border-color: var(--good); box-shadow: 0 0 0 1px var(--good); }
.rc-creator-tag {
  display: inline-block; padding: 0 6px; border-radius: var(--radius-pill); font-size: var(--fs-sm);
  font-weight: 600; background: var(--good-soft); color: var(--good-text);
}
.rc-comment-meta { font-size: var(--fs-sm); margin-bottom: 6px; }
.rc-comment-meta b { color: var(--text); font-weight: 600; }
.rc-comment-body { margin: 0; }
 
.rc-article h1.np-title a.rc-video-link { color: inherit; text-decoration: none; }
.rc-article h1.np-title a.rc-video-link:hover { text-decoration: underline; }
.rc-video-link-arrow { font-weight: 400; color: var(--muted); }
 
.rc-log-btn-bottom { display: block; margin: 16px 0 0; }
 
.rc-logmeta { font-size: var(--fs-md); margin: 8px 0; }
.rc-logmsg { margin-left: 10px; font-size: var(--fs-md); color: var(--accent-2); }

 
.rd-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
 
.rd-find-btn {
  border: 1px solid var(--accent); background: var(--accent); color: var(--on-fill);
  border-radius: var(--radius-md); padding: 6px 14px; font-size: var(--fs-md); cursor: pointer; white-space: nowrap;
}
.rd-find-btn:disabled { opacity: 0.6; cursor: default; }
.rd-notice { margin: 0 0 10px; font-size: var(--fs-md); }
.rd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.rd-card {
  position: relative; border: 1px solid var(--border); border-radius: var(--radius-card);
  background: var(--card); padding: 10px 30px 10px 12px; cursor: pointer;
}
.rd-card:hover { border-color: var(--accent); }
 
.rd-orig-link { display: inline-block; margin: -6px 0 14px; font-size: var(--fs-md); color: var(--accent); text-decoration: none; }
.rd-orig-link:hover { text-decoration: underline; }
 
.rd-post-meta { font-size: var(--fs-md); margin: -4px 0 6px; }