:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
/* Quiet library and a complete lyrical passage over one continuous painting. */
.topbar{padding-block:15px;border-bottom:0}.topbar-inner{max-width:1000px}.brand{font-size:1.17rem}.brand img{width:27px;height:33px}.brand small{display:none}.shell{max-width:1000px;padding:22px 28px 60px;margin-inline:auto}.bottom-nav{display:none!important}.topbar .icon{width:44px;min-height:44px}.header-live{font-size:.7rem}
body:not(.reader-view):not(.reflection-view){padding-left:0!important}.library-intro{margin:26px 0 18px}.library-intro .eyebrow{display:none}.library-intro h1{font-size:1.65rem;letter-spacing:-.02em;margin-bottom:6px}.library-intro p{font-size:.8rem;margin:0}.library-tools{gap:18px}.searchbox input{font-size:.92rem}.list-header{margin-top:15px}.song-open{padding:13px 0}.song-thumb{display:none}.song-title{font-weight:500;font-size:.95rem}.song-row .meta{font-size:.7rem;margin-top:2px}.letter{font-size:1rem;margin-top:22px;padding-bottom:7px}.song-row .favorite{opacity:.5}.song-row .favorite.active,.song-row:hover .favorite{opacity:1}
.daily-word{position:relative;padding:26px 30px 24px;border-radius:3px;overflow:hidden;isolation:isolate;color:#fff7e8;background:#344d3c}.daily-word-art{position:absolute;inset:0;z-index:-2}.daily-word-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.daily-word:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10291cec,#11261b94 65%,#142f2466)}.daily-word small{display:block;font-size:.68rem;letter-spacing:.03em;margin-bottom:12px;color:#f7e6c6}.daily-word blockquote{margin:0 0 11px;max-width:720px;font:400 clamp(1.16rem,2.15vw,1.55rem)/1.38 Georgia,serif;letter-spacing:0}.daily-word cite{font:normal .7rem/1.45 system-ui;color:#f0e5d0}.daily-song{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #fff7e52b;margin-top:21px;padding-top:12px}.daily-song button{justify-content:flex-start;padding:4px 0;min-height:42px;font-size:.83rem;color:#fff7e8;border-radius:0}.daily-song button:hover{background:none;color:#ecd5a6}.daily-song svg{width:16px}.daily-song p{font-size:.72rem;line-height:1.5;margin:0;color:#e8e7d7;max-width:420px}.daily-word .reflection-link{position:absolute;right:14px;top:10px;color:#eee1c9;width:40px;min-height:40px;padding:10px}.library-menu,.song-menu{display:grid;gap:3px}.library-menu button,.song-menu>button{border-radius:4px;justify-content:flex-start;text-align:left;min-height:48px;padding:12px 10px;font-size:.88rem}.menu-reading-note{font-size:.74rem;line-height:1.5;color:var(--muted)}.saved-sets,.saved-recent{margin-top:34px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:2rem}.page-heading p{font-size:.85rem}.reader-menu .live-banner{position:static!important;transform:none;margin:0 0 14px;padding:12px;background:var(--tint);color:var(--text);border:0}.reader-menu .live-banner button{font-size:.76rem}
.reader-view,.reflection-view{background:#15251e;overflow:hidden}.reader.shell{height:100svh;height:100dvh;max-width:none;width:100%;padding:0;margin:0}.lyric-stage{height:100%;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom}.stage-visual{animation:none}.stage-art img{object-fit:cover;object-position:var(--landscape-focal,65% 46%)!important}.stage-shade{background:linear-gradient(90deg,#0b1c15b5,#0c201850 39%,#10201a08 62%),linear-gradient(0deg,#09180c62,transparent 28%)}.ambient-light{opacity:.4;animation-duration:30s}.scene-grain{display:none}.stage-top{gap:0;justify-content:space-between;padding:14px max(18px,var(--safe-right)) 0 max(18px,var(--safe-left));padding-top:max(14px,var(--safe-top));pointer-events:none}.stage-round{pointer-events:auto;min-height:44px;width:44px;padding:12px;border:0;background:#142a2130;border-radius:6px;opacity:.8}.stage-round:hover{background:#142a2160;opacity:1}.stage-round svg{width:19px;height:19px}.stage-heading{display:none}.stage-top .reader-live-dot{position:absolute;right:25px;top:19px;width:5px;height:5px;border-radius:50%;background:#c9d99a;pointer-events:none}.stage-top .reader-live-dot.offline{background:#e0b77d}.stage-copy{left:max(6%,var(--safe-left));right:auto;width:45%;top:50%;bottom:auto;transform:translateY(-50%);max-height:none;height:auto;overflow:visible;scrollbar-width:none;padding:0;gap:12px;display:flex;justify-content:flex-start;animation:none;text-shadow:0 1px 6px #03170b70;font-family:Georgia,"Times New Roman",serif;letter-spacing:0}.stanza{font-size:inherit!important;line-height:inherit!important;font-weight:400;letter-spacing:0;white-space:pre-line;overflow-wrap:anywhere;word-break:normal;margin:0}.stanza[dir=rtl]{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0;line-height:inherit!important}.stage-copy[data-reflow=true] .stanza{white-space:normal}.block-language{display:none}.stage-scroll-cue,.stage-footer,.stage-tools,.slide-navigation,.stage-source{display:none!important}.reader-controls{position:absolute;z-index:6;bottom:max(8px,var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;transition:opacity .18s}.reader-step{width:44px;min-height:44px;padding:12px;background:#102a183a;border:0;border-radius:6px;color:#fff5df}.reader-step svg{width:19px;height:19px}.reader-step:hover{background:#1c342a90}.reader-step.next-icon{background:#102a183a;color:#fff5df}.chrome-quiet .reader-controls{opacity:0;pointer-events:none}.chrome-quiet .stage-top .stage-round{opacity:.35}.stage-top:focus-within .stage-round,.reader-controls:focus-within{opacity:1}.source-slide{padding:0;background:none;border:0}.source-slide img{width:100%;max-height:var(--passage-image-height,280px);object-fit:contain;display:block;margin:0}.source-slide p{display:none}.missing-language{font-size:inherit}.lyric-stage:focus-visible,.stage-copy:focus-visible{outline-offset:-5px}.reader-view:not(.large-reading) #toast{bottom:12px;max-width:90%}
.large-reading{overflow:auto}.large-reading .reader.shell{height:auto;min-height:100svh;min-height:100dvh}.large-reading .lyric-stage{height:auto;min-height:100svh;min-height:100dvh;overflow:visible}.large-reading .stage-visual{position:fixed;inset:0}.large-reading .stage-top{position:fixed}.large-reading .stage-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:min(680px,84%);margin:0 0 0 max(6%,var(--safe-left));padding:100px 0 80px;gap:28px}.large-reading .reader-controls{position:fixed}.large-reading .stanza{white-space:pre-line}.large-reading .block-language{display:block}.source-slide p{color:#ddd}.source-slide img{border-radius:0}.field .reading-help{font-size:.74rem;line-height:1.5;color:var(--muted);font-weight:400}.field output{font-variant-numeric:tabular-nums}
@media(min-width:1050px){.topbar{padding-left:28px!important}.bottom-nav{display:none!important}.shell{margin-left:auto!important;padding-inline:28px}.reader.shell,.reflection.shell{margin-left:0!important}.topbar-inner{max-width:944px}.settings-grid{grid-template-columns:1fr 1fr}.library-index{max-width:none}}
@media(orientation:portrait){.stage-art img{object-position:var(--portrait-focal,50% 35%)!important}.stage-shade{background:linear-gradient(0deg,#071e12bd,#0b241971 32%,#13281e12 72%,#11251c14)}.stage-copy{left:max(24px,var(--safe-left));right:max(24px,var(--safe-right));width:auto;top:auto;bottom:calc(56px + var(--safe-bottom));transform:none}.large-reading .stage-copy{width:auto;margin:0;padding:34vh max(24px,var(--safe-right)) 80px max(24px,var(--safe-left))}}
@media(max-width:600px){.topbar{padding-inline:22px}.shell{padding:14px 22px 45px}.brand{font-size:1.08rem}.daily-word{padding:22px 23px 18px}.daily-word blockquote{font-size:1.14rem;line-height:1.4;padding-right:3px}.daily-word small{margin-bottom:10px}.daily-song{display:block;margin-top:15px;padding-top:7px}.daily-song p{margin-top:3px;font-size:.68rem}.daily-song button{font-size:.79rem}.library-intro{margin-top:25px}.library-tools{grid-template-columns:1fr;gap:10px}.filters{justify-content:flex-start}.filters select{min-height:36px;font-size:.72rem;padding-block:5px;border:0;padding-left:0}.searchbox input{font-size:.83rem;min-height:45px}.list-header{margin-top:12px}.song-title{font-size:.88rem}.song-open{padding-block:13px}.song-row .meta{font-size:.66rem}.song-row .favorite{min-height:44px;width:40px;padding:10px}.song-row .favorite svg{width:18px}.letter{margin-top:20px}.page-heading h1{font-size:1.8rem}.section-heading{margin-top:30px}.section-heading h2{font-size:1.4rem}.heading-row h1{font-size:1.95rem}.daily-word .reflection-link{right:9px;top:7px}}
@media(orientation:landscape) and (max-height:600px){.stage-copy{top:50%;bottom:auto;left:max(5%,var(--safe-left));width:48%;right:auto;padding:0}.stage-top{padding-top:max(8px,var(--safe-top));padding-inline:max(12px,var(--safe-left)) max(12px,var(--safe-right))}.stage-round{width:44px;min-height:44px}.reader-controls{left:56%;bottom:max(5px,var(--safe-bottom));gap:12px}.large-reading .stage-copy{padding-top:70px;padding-bottom:70px;width:60%;margin-left:max(5%,var(--safe-left))}.stage-shade{background:linear-gradient(90deg,#0b1c15c1,#0b201865 43%,#10201a08 65%)}.source-slide img{max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:reduce){.reader-controls{transition:none}.ambient-light{display:none}}

.passage-list{display:grid;gap:0}.passage-choice{width:100%;justify-content:space-between;text-align:start;padding:13px 6px;border-radius:0;border-bottom:1px solid var(--line);font-size:.86rem;gap:16px}.passage-choice>span{display:grid;gap:6px}.passage-choice small{font-size:.66rem;color:var(--muted)}.passage-choice svg{width:18px;flex:none}

.room-hero{margin-bottom:26px}.room-hero h1{font-size:2rem;max-width:none}.room-hero .eyebrow,.page-heading .eyebrow{display:none}.room-hero>p{font-size:.9rem;line-height:1.6;max-width:660px}.room-layout h2{font-size:1.45rem}.large-reading .stage-shade{background:linear-gradient(90deg,#0b1b14b5,#10201a80 70%,#10201a30)}

@media(orientation:landscape){.reader-controls{left:auto;right:max(12px,var(--safe-right));transform:none}}

@media(orientation:landscape) and (min-aspect-ratio:17/10){.stage-art img{object-position:var(--wide-focal,var(--landscape-focal))!important}}

.topbar{padding-top:calc(15px + var(--safe-top));padding-left:max(22px,var(--safe-left))!important;padding-right:max(22px,var(--safe-right))}.shell:not(.reader):not(.reflection){padding-bottom:calc(45px + var(--safe-bottom));padding-left:max(22px,var(--safe-left));padding-right:max(22px,var(--safe-right))}

.reader-status{position:absolute;left:max(24px,var(--safe-left));bottom:calc(14px + var(--safe-bottom));font-size:11px;color:#fff0cf;line-height:1.5}.stage-top .reader-live-dot{top:calc(19px + var(--safe-top))}

.large-reading .reader-status{position:fixed;z-index:7}
.stage-visual{animation:none}.scene-buffer{opacity:0;pointer-events:none}
.stage-top .stage-round,.chrome-quiet .stage-top .stage-round{opacity:1;background:#0b211a70}.stage-top .stage-round:hover{background:#0b211a99}.stage-top .stage-round svg{filter:drop-shadow(0 1px 1px #10221599)}

.daily-word-art img{object-position:62% 15%}

/* Book-like navigation at the canvas edges, with generous click targets. */
.reader-controls{inset:0;left:0;right:0;top:0;bottom:0;transform:none;display:block;pointer-events:none;opacity:1}
.reader-step{position:absolute;top:50%;left:var(--safe-left);transform:translateY(-50%);width:clamp(44px,4.8vw,88px);height:clamp(96px,38vh,320px);padding:0;min-height:44px;border-radius:0;pointer-events:auto;background:transparent;color:#fff5df;opacity:.72;display:flex;align-items:center;justify-content:center}
.reader-step.next-icon{left:auto;right:var(--safe-right);background:transparent;color:#fff5df}
.reader-step svg{width:26px;height:26px;filter:drop-shadow(0 1px 3px #071c14)}
.reader-step:hover,.reader-step.next-icon:hover{background:linear-gradient(90deg,#0b211a4a,transparent);opacity:1}
.reader-step.next-icon:hover{background:linear-gradient(270deg,#0b211a4a,transparent)}
.reader-step:disabled{display:none}
.chrome-quiet .reader-controls{opacity:1;pointer-events:none}
.chrome-quiet .reader-step{opacity:.48}
.reader-controls:focus-within .reader-step{opacity:1}
.stage-copy{left:max(7%,calc(var(--safe-left) + 56px));width:46%}
@media(orientation:portrait){.stage-copy{left:max(52px,calc(var(--safe-left) + 24px));right:max(52px,calc(var(--safe-right) + 24px));width:auto;bottom:calc(max(48px,6%) + var(--safe-bottom))}.reader-step{top:37%;height:100px;width:44px}.large-reading .stage-copy{padding-inline:max(52px,calc(var(--safe-left) + 24px)) max(52px,calc(var(--safe-right) + 24px))}}
@media(orientation:landscape) and (max-height:600px){.stage-copy{left:max(52px,calc(var(--safe-left) + 52px));width:46%}.reader-step{width:44px;height:140px}}
.large-reading .reader-controls{position:fixed}
@media(prefers-reduced-motion:reduce){.reader-step{transition:none}}

.scroll-passage{min-height:65dvh;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-block:5vh}
.scroll-passage .stanza{line-height:inherit}
.menu-switch{display:flex!important;justify-content:space-between!important;width:100%}
.menu-switch .switch-state{margin-inline-start:auto;font-size:.75rem;color:var(--muted)}
.menu-switch[aria-checked=true] .switch-state{color:var(--gold)}

/* Singing comes first: complete verses occupy the canvas, art supplies context. */
.stage-shade{background:linear-gradient(0deg,#06140fe0,#0a1c158c 55%,#10251d77)}
.stage-art img{filter:brightness(.8) saturate(.9)}
.stage-copy{left:max(8%,calc(var(--safe-left) + 48px));right:max(8%,calc(var(--safe-right) + 48px));width:auto;top:50%;bottom:auto;transform:translateY(-50%);text-align:center;gap:.4em;text-shadow:0 2px 5px #06120fec,0 0 24px #06120f99;font-weight:500}
.stanza{font-family:"Segoe UI",Arial,sans-serif;font-weight:500;line-height:inherit}
.large-reading .stage-copy{width:auto;margin:0;padding:88px max(9%,calc(var(--safe-right) + 44px)) 80px max(9%,calc(var(--safe-left) + 44px));text-align:center}
.lyric-stage[data-projection=true] .stage-shade{background:#06140fbf}
.lyric-stage[data-projection=true] .stage-art img{filter:brightness(.66) saturate(.82)}
.lyric-stage[data-projection=true] .stanza{font-weight:600}
.reader-live-label{position:absolute;top:max(16px,var(--safe-top));left:50%;transform:translateX(-50%);color:#f8f6e0d0;font:12px "Segoe UI",sans-serif;pointer-events:none;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gather-actions{display:flex;align-items:center;gap:12px;margin:4px 0 30px;flex-wrap:wrap}
.gather-actions button{min-height:46px;font-size:.9rem;gap:9px}
.gather-actions p{font-size:.8rem;color:var(--muted);margin:0;flex:1 1 180px}
.room-hero{margin-bottom:20px}.room-hero h1{font-size:clamp(2rem,4vw,3.1rem)}
.room-note{line-height:1.6}.room-advanced{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}
.room-advanced summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.room-advanced .row{margin-block:12px}
@media(orientation:portrait){.stage-copy{left:max(36px,calc(var(--safe-left) + 24px));right:max(36px,calc(var(--safe-right) + 24px));top:50%;bottom:auto;width:auto;transform:translateY(-50%)}.large-reading .stage-copy{padding:80px max(36px,calc(var(--safe-right) + 24px)) 80px max(36px,calc(var(--safe-left) + 24px))}.stage-shade{background:linear-gradient(0deg,#071a14d4,#081d159e 60%,#13251d4a)}.reader-step{top:50%}.gather-actions p{flex-basis:100%}}
@media(orientation:landscape) and (max-height:600px){.stage-copy{left:max(60px,calc(var(--safe-left) + 24px));right:max(60px,calc(var(--safe-right) + 24px));width:auto;top:50%;bottom:auto}.large-reading .stage-copy{width:auto;margin:0;padding:64px max(60px,calc(var(--safe-right) + 24px)) 64px max(60px,calc(var(--safe-left) + 24px))}.stage-shade{background:#071b14b8}}

/* Daily illustration is shown completely; it never crops the subject. */
.daily-word{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding:0;gap:0;background:#263e31;margin-bottom:28px}
.daily-word:before{display:none}.daily-word-art{position:relative;inset:auto;z-index:0;display:flex;align-items:center;background:#263e31}
.daily-word-art img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;filter:none}
.daily-word-content{position:relative;padding:28px 30px;align-self:center}.daily-word .daily-song{display:block;margin-top:18px;padding-top:14px}.daily-word .daily-song p{margin-top:6px}.daily-word .reflection-link{top:7px;right:7px}
.arabic-shortcut{margin-bottom:16px;color:var(--muted)}.arabic-published{margin-top:28px}.arabic-published summary{padding-block:16px;cursor:pointer}.arabic-source-row{padding:14px 0;border-top:1px solid var(--line);display:grid;gap:7px}.arabic-source-links{display:grid;gap:14px;margin-block:20px}
.language-status{position:fixed;bottom:max(12px,var(--safe-bottom));left:50%;transform:translateX(-50%);font:12px/1.4 system-ui;color:#f7e8c9;background:#12241ad9;padding:5px 10px;border-radius:4px;max-width:80%;text-align:center}
.reader-step{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reader-step:focus-visible{outline:2px solid #f5e6b9;outline-offset:-4px}
@media(max-width:700px){.daily-word{grid-template-columns:1fr}.daily-word-content{padding:20px 22px}.daily-word blockquote{font-size:1.18rem}}

.daily-word blockquote[lang=ar],.reflection-words blockquote[lang=ar]{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8;letter-spacing:0;text-align:right}.daily-word cite{display:block}.reflection-view{overflow-y:auto}.reflection-stage{min-height:100dvh;height:auto;overflow:visible}.reflection-stage .stage-visual{position:fixed}.reflection-words{position:relative;width:calc(100% - 48px);max-width:850px;margin-inline:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;max-height:none;padding-block:100px 60px}