/* Existing reader stage and page-turn geometry remain owned by its native engine. */
@media screen {
 .tj-udr[data-tj-ui="cinematic"] { --tj-udr-black:var(--tj-bg); --tj-udr-panel:var(--tj-surface); --tj-udr-panel-2:var(--tj-surface-raised); --tj-udr-cream:var(--tj-text); --tj-udr-muted:var(--tj-text-muted); color:var(--tj-text); font-family:var(--tj-font-body); }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-topbar { background:var(--tj-bg-alt); border-bottom:1px solid var(--tj-border); box-shadow:none; }
 .tj-udr[data-tj-ui="cinematic"] :is(.tj-udr-back,.tj-udr-toolbar button,.tj-udr-retry) { min-width:44px; min-height:44px; border:1px solid var(--tj-text-subtle); border-radius:var(--tj-radius-sm); background:var(--tj-surface-raised); color:var(--tj-text); font-weight:600; box-shadow:none; }
 .tj-udr[data-tj-ui="cinematic"] :is(.tj-udr-back,.tj-udr-toolbar button,.tj-udr-retry):hover { background:var(--tj-pink); border-color:var(--tj-pink); color:var(--tj-on-accent); }
 .tj-udr[data-tj-ui="cinematic"] button:focus-visible { outline:3px solid var(--tj-focus); outline-offset:3px; }
 .tj-udr[data-tj-ui="cinematic"] button:disabled { color:var(--tj-text-subtle); background:var(--tj-surface); cursor:not-allowed; }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-title-wrap span { color:var(--tj-pink-soft); font-size:.6875rem; font-weight:600; }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-title-wrap strong { color:var(--tj-text); font-size:.875rem; font-weight:600; }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-counter { min-height:44px; height:auto; border:1px solid var(--tj-border); border-radius:var(--tj-radius-sm); background:var(--tj-surface); color:var(--tj-text); font-weight:600; }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-loading { background:var(--tj-bg); color:var(--tj-text); }
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-loading-mark { border-radius:var(--tj-radius-sm); }
}

/* Reserve space for the native side buttons at the compact reader breakpoint. */
@media screen and (min-width:521px) and (max-width:860px) {
 .tj-udr[data-tj-ui="cinematic"] .tj-udr-book-shell { grid-template-columns:52px minmax(0,1fr) 52px; }
}