/* A shared notebook, with one ruled line per prayer. */
#journal,.writing-at-desk #journal,#prayerBoard,#prayerDetail{
 --ink:#493d35;--soft-ink:#716052;--rule:#dfd7c3;
 box-sizing:border-box;width:min(32rem,calc(100% - 24px));padding:22px clamp(14px,4vw,26px);
 border:1px solid #c6b89b;border-radius:9px 20px 15px 9px;color:var(--ink);
 background:linear-gradient(90deg,#e9ddc6 0,#fbf3e2 5px,#fff9ed 14px,#fffaf0 96%,#f6eedc);
 box-shadow:0 16px 56px #22261e52,inset 3px 0 #e5d7bb;color-scheme:light;
}
#journal h2,#prayerBoard h2,#prayerDetail h2,#prayerComments h3{font-family:ForestPen,system-ui,sans-serif;color:#514231}
#journal h2,#prayerBoard h2,#prayerDetail h2{font-size:calc(32px * var(--garden-text-scale));margin:0 0 5px;line-height:1.2}
#prayerBoard button,#prayerDetail button{color:var(--ink);border-color:#c9bca5;background:transparent}
#journal :focus-visible,#prayerBoard button:focus-visible,#prayerDetail :focus-visible{outline:2px solid #7e5138;outline-offset:-2px}
#journal .close,#prayerBoard .close,#prayerDetail .close{border:0;top:12px;right:12px}
#prayerBoard .note-intro,#prayerDetail .muted,#prayerDetail label,#prayerDetail small,#prayerDetail [role=status],#prayerBoard #boardStatus{color:var(--soft-ink)}
.note-heading{display:flex;align-items:center;gap:8px;padding-right:45px}
#prayerBoard .note-heading h2{padding:0}
#prayerBoard #refreshPrayerBoard{min-width:44px;padding:0;border:0;font-size:22px}
#prayerBoard .note-intro{margin:0 0 16px;font-size:calc(14px * var(--garden-text-scale));line-height:1.5}
#boardStatus:empty,#detailStatus:empty,#commentStatus:empty{display:none}
#boardList{border-top:1px solid var(--rule)}
.prayer-line{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;border-bottom:1px solid var(--rule)}
#boardList button{min-height:48px;padding:0 3px;border:0;box-shadow:none;border-radius:4px}
#boardList .note-entry{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:6px;font:calc(23px * var(--garden-text-scale))/1.35 ForestPen,system-ui,sans-serif}
#boardList .note-heart{min-width:44px;font-size:calc(15px * var(--garden-text-scale));color:#864c53;white-space:nowrap;font-variant-numeric:tabular-nums}
#boardList .note-heart[aria-pressed=true]{color:#a2384f}
.note-pencil{display:grid;place-items:center}
#journal #prayerText,#journal #wish,#prayerDetail #detailText,#prayerComments .anonymous-comment p,#prayerDetail #commentText{
 --leading:1.5em;background:repeating-linear-gradient(transparent 0 calc(var(--leading) - 1px),var(--rule) calc(var(--leading) - 1px) var(--leading));
 color:var(--ink);font:calc(23px * var(--garden-text-scale))/var(--leading) ForestPen,system-ui,sans-serif;padding:0 5px;margin:8px 0 16px;
}
#prayerDetail #commentText{box-sizing:border-box;width:100%;min-height:4.6em;border:0;border-radius:0;background-color:#fffcf5;resize:vertical}
#prayerDetail #commentText::placeholder{color:#80715f}
#prayerComments{border-color:var(--rule);margin:18px 0 0}
#prayerDetail .anonymous-comment{border:0;padding:0;margin:0;min-height:0}
#prayerDetail #detailOwner{border-color:var(--rule)}
#prayerDetail #detailVisibility{color:var(--ink);background:#fffaf0;border-color:#bfae91}
#prayerDetail #sendComment{background:#e9eeda;border-color:#bdc4a8}
#prayerDetail #detailHeart{color:#8d4757} 

/* The public writing desk uses the same paper and pen as the shared notebook. */
#journal,.writing-at-desk #journal{
 --writing-pen:ForestPen,system-ui,sans-serif;
 font:calc(22px * var(--garden-text-scale))/1.4 var(--writing-pen);
 max-height:calc(100dvh - 24px);overflow-y:auto;
}
#journal #journalTitle{padding-right:46px}
#journal #publicDeskNote,#journal .muted,#journal #saveStatus,#journal #wishes,#journal label{
 color:var(--soft-ink);font:inherit;
}
#journal #publicDeskNote{margin:6px 0 14px}
#journal label{display:block;margin:14px 0 3px;color:var(--ink)}
#journal #mood{
 width:100%;box-sizing:border-box;min-height:44px;padding:4px 10px;
 border:1px solid #c9bca5;border-radius:8px;background:#fffcf4;color:var(--ink);font:inherit;
}
#journal #prayerText,#journal #wish{
 box-sizing:border-box;width:100%;border:0;border-radius:0;
 --leading:1.55em;line-height:var(--leading);white-space:pre-wrap;overflow-wrap:anywhere;
}
#journal #prayerText{padding:0 6px;margin:12px 0 18px}
#journal #wish{
 display:block;min-height:4.65em;margin:0 0 12px;padding:0 6px;resize:vertical;
 background-color:#fffcf5;background-attachment:local;
}
#journal #wish::placeholder{color:#80715f;opacity:1}
#journal #saveWish{width:100%;color:#fffaf0;background:#506449;border:1px solid #475a40;border-radius:8px;font:inherit;min-height:44px}
#journal .close{color:var(--ink);background:transparent}
#journal #saveStatus:empty{display:none}
#journal details{border-top:1px solid var(--rule);padding-top:8px}
#journal #editNickname,#journal .wish button{background:transparent;color:var(--soft-ink);border-color:var(--rule);font:inherit}
#journal #editNickname{margin-top:8px;padding:2px 0;border:0;text-align:left}
#journal .wish{border-color:var(--rule)}
#journal .wish p,.writing-at-desk #journal .wish p{color:var(--ink);font:inherit}

body:not(.show-prayers) #prayerLayer{display:none}
#prayerLayer .prayer-crane{position:absolute;top:0;left:0;width:60px;height:52px;min-height:44px;visibility:hidden;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto}
#prayerLayer .prayer-crane img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #354a4766) drop-shadow(0 0 4px #fffadd88)}
#prayerLayer .prayer-crane:focus-visible{outline:2px solid #fff6ce;background:#56665985}
body.is-moving #prayerLayer{opacity:.75}
#menuActions .switch-row{margin:0;min-height:44px}

#journal .journal-heading{position:sticky;top:-22px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;background:#fff9ed;border-bottom:1px solid var(--rule)}
#journal .journal-heading #journalTitle{margin:0;padding:0}
#journal .journal-back{position:static;flex:none;min-height:44px;padding:4px 12px;background:#f6efdf;color:#493d35;border:1px solid #b5a791;border-radius:9px;font:calc(16px * var(--garden-text-scale,1))/1.3 system-ui,sans-serif}
#journal #publicDeskNote{margin:10px 0 18px;font:calc(15px * var(--garden-text-scale,1))/1.5 system-ui,sans-serif}
#journal .prayer-prompt{margin:0 0 14px}
#journal details summary{padding:6px 0;cursor:pointer}
#journal #saveWish{margin-bottom:12px}