.lp-reading { box-sizing:border-box; display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; background:var(--lp-canvas); padding-bottom:var(--lp-reader-player-height, 140px); }
.lp-reader-shell { width:min(960px,calc(100% - 2 * var(--lp-page-gutter))); margin-inline:auto; }
.lp-reader-header { position:sticky; top:0; z-index:30; background:var(--lp-charcoal); color:white; }
.lp-reader-header > div { min-height:56px; padding-block:6px; justify-content:space-between; gap:20px; }
.lp-reader-header .lp-link { color:white!important; }
.lp-reader-header :focus-visible { outline-color:var(--lp-blue-light); }
.lp-reading-body { position:relative; flex:1; display:flex; flex-direction:column; padding:24px var(--lp-page-padding) 24px; background:var(--lp-paper); border-inline:1px solid var(--lp-line); }
.lp-reader-title { display:flex; align-items:start; justify-content:space-between; gap:32px; }
.lp-reader-title h1 { font:400 38px/44px var(--lp-serif); margin:6px 0 2px; letter-spacing:-.025em; }
.lp-reader-title .lp-eyebrow { margin:0; }
.lp-reader-title .lp-note { margin:0; }
.lp-reader-toolbar { display:flex; flex:none; align-items:flex-start; gap:8px; margin-top:16px; }
.lp-reader-options,.lp-reader-contents { position:relative; flex:none; }
.lp-reader-options > summary,.lp-reader-contents > summary { display:flex; align-items:center; min-height:44px; padding:8px 14px; cursor:pointer; border:1px solid var(--lp-line); border-radius:5px; font:600 16px/20px var(--lp-sans); list-style:none; white-space:nowrap; }
.lp-reader-options > summary::-webkit-details-marker,.lp-reader-contents > summary::-webkit-details-marker { display:none; }
.lp-reader-options > summary::before,.lp-reader-contents > summary::before { content:'⌄'; margin-right:8px; }
.lp-reader-options[open] > summary::before,.lp-reader-contents[open] > summary::before { transform:rotate(180deg); }
.lp-reader-options > summary:hover,.lp-reader-contents > summary:hover { background:var(--lp-surface); }
.lp-reader-options .lp-reader-settings { position:absolute; right:0; top:calc(100% + 8px); z-index:12; width:330px; max-width:calc(100vw - 2 * var(--lp-page-gutter)); display:grid; gap:16px; padding:20px; background:var(--lp-paper); border:1px solid var(--lp-line); border-radius:5px; box-shadow:0 8px 24px rgb(0 0 0 / 12%); }
.lp-reader-contents > .lp-contents { position:absolute; right:0; top:calc(100% + 8px); z-index:12; width:360px; max-width:calc(100vw - 2 * var(--lp-page-gutter)); max-height:min(55vh,360px); overflow:auto; padding:8px; margin:0; background:var(--lp-paper); border:1px solid var(--lp-line); border-radius:5px; box-shadow:0 8px 24px rgb(0 0 0 / 12%); }
.lp-reader-options:not([open]) > .lp-reader-settings,.lp-reader-contents:not([open]) > .lp-contents { display:none; }
.lp-reader-contents .lp-contents [aria-current='step'] { font-weight:700; }
.lp-demo-note { font-size:14px; line-height:22px; color:var(--lp-muted-text); margin:24px 0; }
.lp-reader-settings > .lp-button { min-height:44px; }
.lp-reader-display-controls { display:grid; grid-template-columns:1fr; gap:8px; }
.lp-reader-display-controls .lp-button { width:100%; }
.lp-reader-settings .lp-button[aria-pressed='true'] { background:var(--lp-blue-wash); color:var(--lp-blue)!important; font-weight:700!important; }
.lp-reader-settings .lp-button[aria-pressed='true']:hover { background:#dce9fa; }
.lp-reader-autoplay { width:100%; }
.lp-reader-settings > .lp-note { margin:0; font-size:13px; }
.lp-reader-art { margin:20px 0 24px; }
.lp-reader-art picture { display:block; }
.lp-reader-art img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.lp-reader-scene-heading { margin-bottom:16px; }
.lp-reader-scene-heading .lp-eyebrow { margin:0 0 6px; }
.lp-reader-scene-titles h2 { min-width:0; overflow-wrap:break-word; font:400 28px/34px var(--lp-serif); margin:0; letter-spacing:-.025em; }
.lp-reader-scene-heading[data-layout='parallel'] .lp-reader-scene-titles { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.lp-reader-english-title { color:var(--lp-quiet); border-left:2px solid var(--lp-line); padding-left:24px; }
.lp-reader-scene-heading[data-layout='target'] .lp-reader-scene-titles,.lp-reader-scene-heading[data-layout='inline'] .lp-reader-scene-titles { max-width:var(--lp-reading-width); margin-inline:auto; }
.lp-reader-scene-heading[data-layout='inline'] .lp-reader-english-title { margin-top:16px; }
.lp-reader-player-dock { position:fixed; inset:auto 0 0; z-index:40; padding:12px var(--lp-page-gutter) calc(12px + env(safe-area-inset-bottom)); background:var(--lp-charcoal); color:var(--lp-paper); border-top:1px solid #454545; box-shadow:0 -8px 28px rgb(0 0 0 / 18%); }
.lp-reader-player-inner { width:min(1160px,100%); margin-inline:auto; display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:24px; }
.lp-reader-player-track { display:flex; flex-direction:column; gap:2px; min-width:0; font-size:13px; line-height:18px; color:#c8c8c4; }
.lp-reader-player-track strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:white; font-size:15px; line-height:21px; }
.lp-reader-player-eyebrow { color:var(--lp-blue-light); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.lp-reader-player-dock .lp-audio { display:grid; grid-template-columns:auto auto auto minmax(140px,1fr) 92px 112px; grid-template-areas:'play skips time seek speed volume' 'status status status status status status' 'retry retry retry retry retry retry'; align-items:center; gap:8px 12px; min-width:0; padding:0; border:0; }
.lp-reader-player-dock .lp-audio > * { order:0; }
.lp-reader-player-dock .lp-audio > audio { display:none; }
.lp-reader-player-dock [data-lp-play] { grid-area:play; }
.lp-reader-player-dock .lp-audio-skips { grid-area:skips; }
.lp-reader-player-dock .lp-audio-time { grid-area:time; white-space:nowrap; }
.lp-reader-player-dock .lp-audio-seek { grid-area:seek; min-width:0; gap:0; font-size:0; line-height:0; }
.lp-reader-player-dock .lp-audio-speed { grid-area:speed; width:auto; margin:0; }
.lp-reader-player-dock .lp-audio-volume { grid-area:volume; width:auto; gap:0; font-size:0; line-height:0; }
.lp-reader-player-dock .lp-audio-speed > label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.lp-reader-player-dock .lp-audio-status { grid-area:status; color:#d6d6d2; font-size:13px; line-height:18px; }
.lp-reader-player-dock .lp-audio-status:empty { display:none; }
.lp-reader-player-dock [data-lp-audio-retry] { grid-area:retry; justify-self:start; }
.lp-reader-player-dock .lp-button--secondary,.lp-reader-player-dock .lp-select-trigger { color:white!important; border-color:#777; }
.lp-reader-player-dock .lp-button--secondary:hover,.lp-reader-player-dock .lp-select-trigger:hover { background:#303030; }
.lp-reader-player-dock .lp-button:disabled { color:#a3a3a0!important; background:#292929; border-color:#555; }
.lp-reader-player-dock .lp-audio input[type='range'] { accent-color:var(--lp-blue-light); }
.lp-reader-player-dock :focus-visible { outline-color:var(--lp-blue-light); }
.lp-spoken-word { border-radius:3px; }
.lp-spoken-word.is-active { background:var(--lp-blue-light); color:var(--lp-charcoal); box-shadow:0 0 0 3px var(--lp-blue-light); }
.lp-bilingual-block { margin-bottom:28px; }
.lp-bilingual-block p { margin:0; font-size:20px; line-height:34px; }
.lp-bilingual-blocks[data-layout='target'] { max-width:var(--lp-reading-width); margin-inline:auto; }
.lp-bilingual-blocks[data-layout='parallel'] .lp-bilingual-block { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.lp-bilingual-blocks[data-layout='inline'] { max-width:var(--lp-reading-width); margin-inline:auto; }
.lp-english-block { color:var(--lp-quiet); padding-left:24px; border-left:2px solid var(--lp-line); }
.lp-bilingual-blocks[data-layout='inline'] .lp-english-block { margin-top:16px; }
.lp-reader-actions { margin-top:auto; padding-top:40px; }
.lp-reader-actions .lp-progress { margin:0; }
.lp-reader-actions .lp-pagination { margin-top:24px; }
.lp-reader-actions .lp-pagination > :last-child:not([aria-disabled='true']):not(.lp-button--primary) { color:var(--lp-blue)!important; border-color:var(--lp-blue); }
.lp-reader-actions .lp-pagination > :last-child:not([aria-disabled='true']):not(.lp-button--primary):hover { background:var(--lp-blue-wash); }
@media(min-width:1450px) {
 .lp-reader-toolbar { position:fixed; top:80px; left:calc(50% + 500px); z-index:20; width:200px; flex-direction:column; align-items:stretch; gap:12px; margin:0; }
 .lp-reader-options,.lp-reader-contents { width:100%; }
 .lp-reader-options > summary,.lp-reader-contents > summary { box-sizing:border-box; width:100%; background:var(--lp-paper); }
 .lp-reader-options .lp-reader-settings,.lp-reader-contents > .lp-contents { position:relative; top:auto; right:auto; box-sizing:border-box; width:284px; max-width:none; margin:8px 0 0 -84px; }
}
@media(max-width:1100px) {
 .lp-reader-player-inner { grid-template-columns:1fr; gap:8px; }
 .lp-reader-player-track { flex-direction:row; align-items:baseline; gap:8px; }
 .lp-reader-player-track strong { max-width:55vw; }
}
@media(max-width:650px) {
 .lp-reader-title { flex-direction:column; gap:16px; }.lp-reader-title h1 { font-size:32px; line-height:38px; }
 .lp-reader-toolbar { flex-wrap:wrap; }.lp-reader-options .lp-reader-settings { left:0; right:auto; max-width:calc(100vw - 2 * var(--lp-page-gutter) - 2 * var(--lp-page-padding)); }
 .lp-bilingual-blocks[data-layout='parallel'] .lp-bilingual-block { grid-template-columns:1fr; gap:16px; }.lp-bilingual-block p { font-size:19px; line-height:32px; }
 .lp-reader-art { margin-block:20px; }.lp-reader-scene-heading[data-layout='parallel'] .lp-reader-scene-titles { grid-template-columns:1fr; gap:16px; }.lp-reader-scene-titles h2 { font-size:27px; line-height:32px; }
 .lp-reader-player-dock { padding-block:10px calc(10px + env(safe-area-inset-bottom)); }
 .lp-reader-player-track { font-size:12px; }.lp-reader-player-eyebrow { display:none; }.lp-reader-player-track strong { max-width:48vw; font-size:13px; }
 .lp-reader-player-dock .lp-audio { grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:'play skips speed' 'seek seek time' 'status status status' 'retry retry retry'; gap:4px 8px; }
 .lp-reader-player-dock .lp-audio-skips { justify-content:center; gap:4px; }.lp-reader-player-dock .lp-audio-skips .lp-button { padding-inline:6px; font-size:13px!important; }
 .lp-reader-player-dock .lp-audio-speed { width:72px; }.lp-reader-player-dock .lp-audio-volume { display:none; }
 .lp-reader-player-dock .lp-select-trigger { gap:4px; padding-inline:8px; }
 .lp-reader-player-dock .lp-select-trigger span { white-space:nowrap; overflow-wrap:normal; }
 .lp-reader-player-dock .lp-audio-time { font-size:13px; }
}
@media(max-width:380px) {
 .lp-reader-contents > .lp-contents { left:0; right:auto; max-width:calc(100vw - 2 * var(--lp-page-gutter) - 2 * var(--lp-page-padding)); }
}