/* Sunlit manuscript: personal colors, the existing landscape composition, and
   a brighter portrait canvas. No lyric words or page boundaries are changed. */
:root{--lyrics-color:#fff5df;--lyrics-font:Georgia,"Times New Roman",serif;--art-brightness:1.08;--bg:#f6f1e7;--surface:#fffaf1;--primary:#684734;--gold:#937448}
:root[data-theme=dark]{--bg:#252722;--surface:#2e302a;--primary:#e7c9a4;--gold:#d0b485}
body:not(.reader-view):not(.reflection-view){background:radial-gradient(ellipse at 90% 0,#d8bd8330,transparent 55%),var(--bg)}
.topbar{background:transparent;border-bottom:1px solid color-mix(in srgb,var(--gold) 24%,transparent)}
.topbar-inner{max-width:1100px}.shell:not(.reader):not(.reflection){max-width:1100px}
.brand{font-family:Georgia,serif;letter-spacing:-.035em}.brand img{width:31px;height:31px}
.home-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:48px;align-items:end;margin-bottom:36px;padding-top:8px}
.home-opening h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;max-width:650px;margin:0}.home-opening p{margin:12px 0 0;color:var(--muted);font-size:.92rem}
.home-opening .searchbox{margin:0;border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--gold);box-shadow:none;padding-left:0}.home-opening .searchbox input{font-size:.94rem}
.daily-word{display:grid;grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);min-height:420px;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;margin:0 0 22px;isolation:isolate}
.daily-word::after,.daily-word::before{display:none}.daily-word-art{position:relative;inset:auto;display:block;width:100%;height:440px;border-radius:180px 180px 8px 8px;overflow:hidden;background:#d7c6a3;box-shadow:0 8px 36px #60402513}
.daily-word-art img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.05);object-position:var(--portrait-focal,50% 35%)}
.daily-word-content{position:relative;align-self:center;padding:32px 0 32px 44px;color:var(--text)}
.daily-word-content::before{content:"";display:block;width:42px;height:1px;background:var(--gold);margin:0 0 25px}
.daily-word small{color:var(--gold);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.daily-word blockquote{font-family:"Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.28;letter-spacing:-.02em;max-width:none;color:var(--text)}
.daily-word cite{color:var(--muted);font-size:.76rem}.daily-word .reflection-link{top:12px;right:-8px;color:var(--gold)}
.daily-song{border-top:1px solid var(--line);margin-top:26px;padding-top:14px;display:block}.daily-song button{color:var(--primary);font-size:.96rem;font-weight:600}.daily-song button:hover{color:var(--gold)}.daily-song p{color:var(--muted);font-size:.79rem;margin-top:4px;max-width:440px}
.gather-actions{margin:20px 0 40px;padding:18px 0;border-block:1px solid var(--line);justify-content:flex-start;gap:12px}.gather-actions p{margin-left:auto;flex-basis:auto!important;font-size:.78rem;max-width:260px}.gather-actions button{border-radius:6px;min-height:48px}
.library-index{padding-top:6px}.library-intro h1{font-size:1.8rem}.library-intro p{font-size:.8rem}.letter{font-size:1.35rem;letter-spacing:.03em}.song-row{border-bottom:1px solid var(--line)}.song-thumb{border-radius:5px!important}.song-title{font-weight:500}.song-open{padding-block:18px}.song-row:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
.stage-art img{filter:brightness(var(--art-brightness)) saturate(1.03)}
.stage-copy,.stage-copy .stanza{font-family:var(--lyrics-font);color:var(--lyrics-color)}
.stage-copy .stanza[dir=rtl]{font-family:"Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}
.stage-copy{isolation:isolate;-webkit-text-stroke:.012em #101c1859;paint-order:stroke fill;text-shadow:0 1px 3px #17211deb,0 2px 10px #17211d85}
.stage-copy::before{content:"";position:absolute;z-index:-1;inset:-22px -24px;background:radial-gradient(ellipse,#0c1a16a3 0,#13251d55 48%,transparent 74%);pointer-events:none}
.stage-shade{background:linear-gradient(90deg,#0b171854 0,transparent 62%),linear-gradient(0deg,#0c211d30,transparent 30%)}
:root[data-text-edge=outline] .stage-copy{text-shadow:-1px -1px 0 #15231e,1px -1px 0 #15231e,-1px 1px 0 #15231e,1px 1px 0 #15231e,0 2px 7px #15231e99}
:root[data-text-edge=none] .stage-copy{text-shadow:none;-webkit-text-stroke:0}
:root[data-appearance=quiet] .stage-copy::before{display:none}
.appearance-editor{min-width:0;border:0;padding:0;margin:0 0 18px;display:grid;gap:15px}.appearance-editor legend{font:400 1.15rem Georgia,serif;margin-bottom:14px}
.appearance-preview{position:relative;margin:0;height:220px;overflow:hidden;border-radius:8px;isolation:isolate;background:#24322c}
.appearance-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:brightness(var(--art-brightness))}.appearance-preview::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#162a23b3)}
.appearance-preview figcaption{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;color:var(--lyrics-color);font:400 1.5rem/1.35 var(--lyrics-font);white-space:pre-line;text-shadow:0 1px 4px #15231e}
.color-tools{display:flex;align-items:center;gap:20px;margin-top:12px}.color-wheel{position:relative;width:170px;height:170px;flex:none;max-width:45vw;border-radius:50%;touch-action:none;background:radial-gradient(circle,#fff,transparent 70%),conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:crosshair;border:1px solid #0002}.wheel-marker{position:absolute;width:17px;height:17px;border-radius:50%;border:2px solid #fff;outline:1px solid #17231e;transform:translate(-50%,-50%);pointer-events:none}.color-numbers{min-width:0;flex:1;display:grid;gap:12px}.color-numbers input[type=color]{width:100%;height:44px;min-height:44px;padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:5px}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.color-presets button[data-color]{min-height:44px;width:44px;padding:7px;border:1px solid var(--line);border-radius:50%;background:var(--swatch)}.color-presets button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}.color-editor .error:empty{display:none}.color-editor .reading-help{font-size:.76rem;color:var(--muted);line-height:1.5;margin:12px 0}
.piano-launch{position:absolute;bottom:max(13px,var(--safe-bottom));left:50%;transform:translateX(-50%);min-height:44px;border-radius:7px;background:#172a2394;color:#fff5df;font-size:.76rem;padding:8px 14px;z-index:7}.piano-launch:hover{background:#172a23d9}.chrome-quiet .piano-launch{opacity:0;pointer-events:none}.piano-launch:focus-visible{opacity:1;pointer-events:auto}.reader-controls{gap:126px}
.music-sheet{display:grid;gap:17px}.music-sheet .piano-state{margin:0;font-size:.88rem}.music-sheet .music-note{font-size:.78rem;color:var(--muted);line-height:1.6}.music-sheet .music-actions{display:flex;gap:8px;flex-wrap:wrap}.music-sheet input[type=range]{width:100%}.music-sheet .music-time{font-size:.76rem;font-variant-numeric:tabular-nums}.music-sheet .music-credit{font-size:.76rem;color:var(--muted)}.music-sheet .music-credit a{word-break:break-word}
@media(orientation:portrait){.stage-copy{left:max(30px,calc(var(--safe-left) + 18px));right:max(30px,calc(var(--safe-right) + 18px));top:auto;bottom:calc(72px + var(--safe-bottom));transform:none}.stage-shade{background:linear-gradient(0deg,#10241c45,transparent 48%)}.stage-copy::before{inset:-32px -28px;background:radial-gradient(ellipse,#0b201aaa 0,#10251d65 48%,transparent 77%)}.large-reading .stage-copy{padding-top:42vh;padding-inline:max(30px,calc(var(--safe-right) + 18px)) max(30px,calc(var(--safe-left) + 18px))}.reader-controls{gap:126px}.reader-step{top:auto}.stage-art img{object-position:var(--portrait-focal,50% 32%)!important}}
@media(max-width:650px){.shell:not(.reader):not(.reflection){padding:26px 22px 90px}.home-opening{display:block;margin-bottom:28px}.home-opening h1{font-size:2.55rem}.home-opening .searchbox{margin-top:20px}.home-opening p{font-size:.82rem}.daily-word{display:block;min-height:0;margin-bottom:20px}.daily-word-art{height:280px;width:min(100%,340px);margin:auto;border-radius:150px 150px 6px 6px}.daily-word-content{padding:25px 1px 0}.daily-word-content::before{display:none}.daily-word small{margin-bottom:12px}.daily-word blockquote{font-size:1.65rem;line-height:1.3}.daily-word .reflection-link{top:10px}.daily-song{margin-top:18px}.gather-actions{gap:8px;margin-bottom:26px;flex-wrap:wrap}.gather-actions p{margin:0;max-width:none;width:100%}.library-intro h1{font-size:1.65rem}.filters{gap:6px}.color-tools{gap:14px}.color-wheel{width:145px;height:145px}.reader-controls{gap:126px}}
@media(prefers-reduced-motion:reduce){.piano-launch,.stage-art img{transition:none}}

.shell:not(.reader):not(.reflection){margin-inline:auto!important}.home-opening h1{font-size:clamp(2rem,4vw,3rem)}.daily-word-art{width:min(100%,340px);height:460px;justify-self:center}.daily-word-art img{object-position:var(--portrait-focal,50% 35%)!important}.home-opening{margin-bottom:14px;padding:0}
@media(max-width:650px){.daily-word-art{height:320px;width:min(100%,300px)}.home-opening h1{font-size:2.2rem}.home-opening{margin-bottom:14px}}
.stage-copy::before{inset:0!important;filter:blur(18px)}
@media(orientation:portrait){.reader-step{top:50%!important}}
[hidden]{display:none!important}
@media(orientation:portrait){.reader-step{top:auto!important;bottom:max(13px,var(--safe-bottom));transform:none;height:44px;width:44px}.reader-step:first-child{left:max(18px,var(--safe-left))}.reader-step.next-icon{right:max(18px,var(--safe-right))}}