/* Only the embedding surface changes. Word hints and sentence transitions use reader-engine.css. */
:root {
  --bg:#fdfdfc;--ink:#2a2a2e;--accent:#d89b6c;--accentDot:#d89b6c99;
  --pill:#fbe9da;--muted:#7a6a78;--hint:#6a5a68;--img-bg:transparent;
  --reader-font:'Iowan Old Style','Palatino',Georgia,serif;--reader-size:23px;--reader-line:2.2;
}
/* The app animates via document scrolling. Keep that scrolling, but avoid flashing
   the browser's overlay scrollbar inside the short embedded reader. */
html,body { scrollbar-width:none; }
html::-webkit-scrollbar,body::-webkit-scrollbar { display:none; width:0; height:0; }
body { padding:132px 32px 32px; }
#content p { text-indent:0; }
#gloss-info,.tear-bm { display:none!important; }
.gloss.clickable { cursor:pointer; }
.gloss:focus-visible { outline:2px solid #6a386d;outline-offset:4px;border-radius:2px; }
.tear-gap { cursor:pointer; }
@media(max-width:400px) { :root { --reader-size:21px; } body { padding:132px 24px 28px; } }
/* A tiny nonzero duration still starts an `all` transition, delaying the reader's
   transform/scroll compensation by a frame and briefly exposing the whole translation. */
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition:none!important; } }