/* LunaLeaf V45: For You image/text post presentation and readable maroon-on-light typography.
   All navigation, personal profile V44, checkout, Play Break, ARC, messages unchanged. */
:root {
  --ll45-maroon:#511824;
  --ll45-sage:#e1eadc;
  --ll45-green:#769075;
  --ll45-gold:#d2ad69;
  --ll45-cream:#fcf8f1;
  --text:#511824;
  --muted:#713b44;
}
html,body{color:var(--ll45-maroon)}
.app-shell{color:var(--ll45-maroon)}
/* Use dark maroon for ordinary copy. Gold/cream remain on dark mastheads and
   bottom navigation so those labels never disappear against a dark background. */
.app-shell .panel,.app-shell .post-card,.app-shell .description,.app-shell .notice,
.app-shell .pill,.app-shell .member-role,.app-shell .join-guidelines,
.app-shell .ll44-personal,.app-shell .ll44-bio,.app-shell .ll44-name-actions h1,
.app-shell .ll44-handle,.app-shell .ll44-stat,.app-shell .ll44-stat strong,
.app-shell .ll44-stat span,.app-shell .ll44-tab,.app-shell .section-title,
.app-shell .book-info,.app-shell .book-info h3,.app-shell .username,
.app-shell .timestamp,.app-shell .post-body,.app-shell .post-head,
.app-shell .form-label,.app-shell .micro,.app-shell .more,
.app-shell .text-input,.app-shell .text-area{
  color:var(--ll45-maroon);
}
.app-shell .tab{color:var(--ll45-maroon)}
.app-shell .tab.active{color:var(--ll45-maroon)!important}
.app-shell .bottom-nav .nav-link{color:#e5c58f}
.app-shell .bottom-nav .nav-link.active{color:#f2d38e!important}
.app-shell .bottom-nav .post-symbol{color:#451e1d!important}
.app-shell .ll44-cover-top .ll44-top-button,
.app-shell .ll44-cover-action{color:#fff5e2}
.app-shell .pink-btn{color:#fff8ed!important}
/* Site-wide branding only, hidden as before inside personal member profiles. */
.app-shell>.masthead{background:#50151f}
.app-shell>.masthead .masthead-art{display:block;width:100%;height:auto;aspect-ratio:941/236;object-fit:cover}
/* Feed photo: show the whole image, caption below, and controls attached to this image. */
.app-shell.feed-mode #content>article.post-card.ll45-photo-post{
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible;display:flex;flex-direction:column;
  padding:12px 11px 13px;background:var(--ll45-cream);
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-image-frame{
  margin:11px -1px 0;position:relative;width:calc(100% + 2px);
  border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:#eae7e0;min-height:100px;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-image-frame img.post-image,
.feed-mode #content>article.post-card.ll45-photo-post .ll45-image-frame img.post-image.live-post-photo{
  display:block!important;width:100%!important;height:auto!important;
  max-width:100%!important;max-height:min(78dvh,760px)!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:0!important;background:#eae7e0!important;
  padding:0!important;margin:0!important;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-caption{
  background:#fffaf4;color:var(--ll45-maroon);
  border-radius:0 0 13px 13px;padding:12px 14px 8px;
  min-width:0;display:block;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-caption .post-body{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:3;line-clamp:3;
  overflow:hidden!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:0!important;
  min-height:0!important;flex:none!important;
  font:400 clamp(15px,3.85vw,17px)/1.5 system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  color:var(--ll45-maroon)!important;background:transparent!important;
  white-space:pre-line!important;overflow-wrap:anywhere;text-align:left!important;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-caption.ll45-expanded .post-body{
  display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
  overflow:visible!important;max-height:none!important;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-see-more{
  display:inline-block;background:transparent;border:0;color:var(--ll45-maroon)!important;
  font:750 14px/1.4 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  min-height:35px;padding:8px 0 2px;cursor:pointer;text-decoration:underline;
  text-underline-offset:3px;
}
.feed-mode #content>article.post-card.ll45-photo-post .ll45-see-more[hidden]{display:none!important}
/* Keep reaction buttons within their OWN photo card, never over the next card or bottom toolbar. */
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions{
  position:absolute!important;z-index:1;right:6px;bottom:10px;top:auto;
  width:48px;max-height:calc(100% - 16px);
  padding:9px 2px!important;margin:0!important;
  background:#261921ed!important;border:1px solid #ffffff36;
  border-radius:26px;display:flex!important;flex-direction:column!important;
  align-items:center;justify-content:flex-end;gap:6px!important;
  box-shadow:0 2px 12px #21171b4d;
}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .left-actions{
  display:flex!important;flex-direction:column!important;gap:5px!important;align-items:center!important;
}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action{
  display:flex!important;flex-direction:column!important;gap:2px!important;
  color:#fffaf2!important;min-width:37px!important;min-height:36px!important;
  font-size:11px!important;line-height:1.15!important;padding:3px 1px!important;
}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action svg{width:24px;height:24px;color:#fffaf2;stroke:#fffaf2}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action.liked svg{fill:#d4597a;stroke:#fff1f1}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .ll34-views{
  display:flex;flex-direction:column;align-items:center;gap:1px!important;
  color:#fffaf2!important;margin:0!important;font-size:11px!important;
}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .ll34-views svg{stroke:#fffaf2}
#content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action.saved svg{fill:#d8b16c;stroke:#fffaf2}
/* If a very short landscape image cannot fit the action strip, place it below rather than obscure the photograph. */
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions{
  position:static!important;width:100%!important;max-height:none!important;
  flex-direction:row!important;border-radius:0!important;box-shadow:none!important;
  background:#e6e9df!important;justify-content:space-around!important;
}
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame{flex-direction:column}
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .left-actions{flex-direction:row!important}
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .action,
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .ll34-views{color:var(--ll45-maroon)!important}
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .action svg,
#content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .ll34-views svg{stroke:var(--ll45-maroon)}
/* Text-only feed posts: soft sage background, maroon text. */
.feed-mode #content>article.post-card.ll45-text-post{background:var(--ll45-cream)!important;min-height:220px}
.feed-mode #content>article.post-card.ll45-text-post .post-body{
  background:var(--ll45-sage)!important;color:var(--ll45-maroon)!important;
  border:1px solid #b5c9b0;box-shadow:inset 0 0 0 1px #eff5e8;
  border-radius:15px!important;min-height:190px;
  font-family:Georgia,serif;line-height:1.5;
}
@media(max-width:375px){
 #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions{right:4px;width:42px;padding:5px 1px!important}
 #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action{min-width:35px!important}
}
@media (min-width:700px){
 .feed-mode #content>article.post-card.ll45-photo-post .ll45-image-frame img.post-image{max-height:min(66dvh,720px)!important}
}