.donghua-single-page [hidden], .episode-page-wrapper [hidden] { display: none !important; }
.episodes-index-section { scroll-margin-top: 100px; }
.work-section-nav { display: flex; gap: 10px; flex-wrap: wrap; padding-block: 18px; border-bottom: 1px solid var(--border-color); }
.work-section-nav a { padding: 10px 18px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--bg-card); font-weight: 700; font-size: 13px; }
.work-section-nav a:hover { border-color: var(--brand-primary); background: var(--brand-primary-soft); }
.work-section-nav span { color: var(--brand-primary); margin-inline-start: 6px; }
#work-info, #work-story { scroll-margin-top: 100px; }
.banner-cta-wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.work-latest-link { color: #fff; border: 1px solid #ffffff40; padding: 12px 18px; border-radius: 10px; background: #0005; font-weight: 700; }
.episode-browser-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 16px; margin-bottom: 16px; background: var(--bg-card-alt); border: 1px solid var(--border-color); border-radius: 12px; }
.episode-browser-tools label { flex: 1 1 150px; font-size: 12px; font-weight: 700; color: var(--text-secondary); }
.episode-browser-tools input, .episode-browser-tools select, .episode-report select, .episode-report textarea { display: block; width: 100%; min-height: 42px; padding: 9px 12px; margin-top: 6px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--input-bg); color: var(--text-primary); font: inherit; }
.episode-browser-tools [data-episode-count] { font-size: 12px; color: var(--text-muted); padding-block: 10px; }
.episode-search-empty { padding: 20px; color: var(--text-muted); text-align: center; }
.episode-resume { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px; margin-bottom: 16px; border: 1px solid var(--brand-primary); border-radius: 12px; background: var(--brand-primary-soft); }
.episode-resume a { color: var(--brand-primary); font-weight: 800; }
.episode-resume small { flex-basis: 100%; color: var(--text-muted); }
.episode-resume button { margin-inline-start: auto; border: 0; background: transparent; color: var(--text-secondary); cursor: pointer; font: inherit; font-size: 12px; min-height: 40px; }
.episodes-scroll-sidebar .episode-browser-tools { margin: 10px; padding: 12px; gap: 8px; }
.episodes-scroll-sidebar .episode-browser-tools label { flex-basis: 100%; }
.player-status { padding: 12px 16px; margin: 12px 0; color: var(--text-secondary); background: var(--brand-primary-soft); border-radius: 10px; font-size: 13px; line-height: 1.8; }
.episode-report { margin: 24px 0; padding: 18px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-card); }
.episode-report summary { cursor: pointer; color: var(--text-primary); font-weight: 700; min-height: 36px; }
.episode-report form { max-width: 700px; display: grid; gap: 16px; padding-top: 16px; }
.episode-report label { color: var(--text-secondary); font-size: 14px; }
.episode-report button { width: fit-content; padding: 12px 24px; min-height: 44px; color: var(--text-inverse); background: var(--brand-primary); border: 0; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; }
.episode-report button:disabled { opacity: .6; cursor: wait; }
#episode-report-status { color: var(--text-secondary); font-size: 13px; }
.episode-pill-link { min-height: 48px; }
@media (max-width: 600px) { .episode-nav-controls { flex-wrap: wrap; } .ep-nav-btn { min-height: 44px; } .episode-browser-tools { padding: 12px; } }