.work-reader-bar, .work-reader-end { display: none; }
.work-reading-controls { flex-wrap: wrap; justify-content: flex-end; max-width: 100%; }
body.work-reading { --reader-bg:#fffefa; --reader-ink:#293830; --reader-muted:#56665f; --reader-border:#d6ded7; background:var(--reader-bg) !important; color:var(--reader-ink); padding:0 !important; }
body.work-reading[data-reading-theme=warm] { --reader-bg:#f6efdf; --reader-ink:#42382c; --reader-muted:#6d6050; --reader-border:#d9ceba; }
body.work-reading[data-reading-theme=dark] { --reader-bg:#19231f; --reader-ink:#e6ece5; --reader-muted:#c1cec4; --reader-border:#48594e; color-scheme:dark; }
body.work-reading > :not(main):not(script):not(style):not(link) { display:none !important; }
body.work-reading main.work-detail-layout { width:100%; max-width:700px; margin:0 auto; padding:0 20px 24px !important; }
body.work-reading main.work-detail-layout > div { display:block; }
body.work-reading main.work-detail-layout > div > div { max-width:none; }
body.work-reading main aside, body.work-reading [data-reading-hide], body.work-reading main article.work > :not(header):not(.ed-poem-wrap):not(.work-reader-bar):not(.work-reader-end), body.work-reading #kebab-menu, body.work-reading .work-meta, body.work-reading .ed-work-heading-actions, body.work-reading .ed-work-author > a > :not(span) { display:none !important; }
body.work-reading main article.work { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; color:var(--reader-ink); }
body.work-reading .work-reader-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px; min-height:56px; position:sticky; top:0; z-index:60; background:var(--reader-bg); border-bottom:1px solid var(--reader-border); color:var(--reader-muted); font:14px/1.5 system-ui,sans-serif; }
.work-reader-bar-actions { display:flex; align-items:center; }
body.work-reading .work-reader-bar button, body.work-reading .work-reader-end button { min-height:44px; min-width:44px; padding:8px; border:0; background:transparent; color:var(--reader-ink); cursor:pointer; }
body.work-reading [data-reading-settings] { font:24px/1.2 Georgia,serif; }
.work-reader-settings { position:absolute; right:0; top:100%; width:min(320px,100%); padding:12px; border:1px solid var(--reader-border); border-radius:8px; background:var(--reader-bg); box-shadow:0 8px 24px #0002; }
.work-reader-settings[hidden], [data-reading-pause][hidden] { display:none !important; }
.work-reader-size { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.work-reader-themes { display:flex; flex-wrap:wrap; gap:4px; }
body.work-reading .work-reader-themes button { flex:1; border:1px solid var(--reader-border); border-radius:6px; font-size:13px; }
body.work-reading .work-reader-themes button[aria-pressed=true] { outline:2px solid var(--reader-ink); outline-offset:-3px; font-weight:600; }
body.work-reading .work > header { padding:24px 0 0 !important; }
body.work-reading .work > header h1 { font-size:30px !important; line-height:1.15; color:var(--reader-ink); }
body.work-reading .ed-work-author { margin-top:10px; }
body.work-reading .ed-work-author > a { font:14px/1.5 system-ui,sans-serif; color:var(--reader-muted); }
body.work-reading .ed-poem-wrap { padding:24px 0 !important; }
body.work-reading .work-content { max-width:none; color:var(--reader-ink); }
body.work-reading .original-poem { line-height:1.55; color:var(--reader-ink); }
body.work-reading .original-poem.work-reader-lined { white-space:normal; }
body.work-reading .work-reader-verse { display:block; white-space:pre-wrap; padding-left:1em; text-indent:-1em; min-height:1.55em; }
body.work-reading .original-poem * { color:inherit !important; background-color:transparent !important; max-width:100%; }
body.work-reading .original-poem a { text-decoration:underline; }
body.work-reading .work-reader-end { display:block; border-top:1px solid var(--reader-border); padding-top:16px; font:14px/1.5 system-ui,sans-serif; }
body.work-reading :is(button,a):focus-visible { outline:2px solid var(--reader-ink); outline-offset:2px; }
body.work-reading .work-reader-bar button:disabled { opacity:.4; cursor:default; }
@media(max-width:480px) { body.work-reading main.work-detail-layout { padding-inline:16px !important; } }
