.reader-header{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;max-width:1050px;margin:0 auto 16px;padding:18px 22px;border:1px solid rgba(47,78,60,.14);border-radius:20px;background:#fffdf8}.reader-header .mini-cover{width:76px}.reader-header .mini-cover img{display:block;width:100%;border-radius:5px}.reader-header h1{margin:3px 0;color:#1d4130;font:600 clamp(27px,4vw,40px)/1.06 Georgia,serif}.reader-header p{margin:0;color:#607067}.reader-frame{max-width:1050px;height:min(78vh,960px);margin:0 auto;border:1px solid rgba(47,78,60,.18);border-radius:20px;overflow:auto;background:#e8ece5;box-shadow:0 12px 34px rgba(24,53,39,.12)}.reader-pages{display:flex;flex-direction:column;align-items:center;padding:18px}.reader-pages img{display:block;max-width:min(100%,640px);height:auto;box-shadow:0 5px 20px rgba(24,53,39,.18);background:#fff}.reader-cover-page{max-height:calc(78vh - 110px);object-fit:contain}.reader-frame:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0;padding:24px}.reader-frame:fullscreen .reader-cover-page{max-height:calc(100vh - 110px)}.reader-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 0 2px}.reader-controls button{min-width:126px}.reader-controls button:disabled{opacity:.42;cursor:default}@media(max-width:620px){.reader-header{grid-template-columns:66px 1fr;padding:14px;gap:13px}.reader-header .mini-cover{display:flex;width:58px}.reader-header h1{font-size:26px}.reader-fullscreen{grid-column:1/-1;width:100%}.reader-frame{height:72vh;border-radius:14px}.reader-pages{padding:10px}.reader-controls{gap:8px;font-size:13px}.reader-controls button{min-width:104px;padding:11px 8px}}

.reader-controls{display:grid;grid-template-columns:repeat(5,max-content);gap:10px;align-items:center}.reader-controls .text-button{padding:10px 4px}.reader-day-label{margin-top:6px;color:#5e6b62;font-size:14px}@media(max-width:620px){.reader-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.reader-controls button{width:100%;min-width:0}.reader-controls .reader-fullscreen{grid-column:1/-1}.reader-day-label{font-size:13px}.devotional-note{min-height:45vh}}.devotional-note{display:block;width:min(100%,720px);min-height:280px;margin-top:20px;padding:16px;border:1px solid #bcc7bb;border-radius:12px;background:#fffdf8;color:#26352b;font:16px/1.55 inherit;resize:vertical}.note-saved{font-size:13px;color:#657168}