/* The artwork keeps its original aspect ratio; only the paper grows. */
:root{--letter-ratio:1.5;--paper-width:min(330px,calc(100vw - 64px),calc((100svh - 240px) / var(--letter-ratio)));--paper-height:calc(var(--paper-width) * var(--letter-ratio))}
#letterSheet.letter,.reader.visible #letterSheet.letter,#live-letter.letter{height:auto;min-height:calc(var(--paper-width) * 1.5);padding:calc(var(--paper-width) * .04)}
#letterSheet .flowers,#live-letter .flowers{display:block;flex:0 0 auto;width:100%;height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0 0 calc(var(--paper-width) * .055)}
#letterSheet .message,#live-letter .message{flex:0 0 auto;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.7em}
#letterSheet .from,#live-letter .from{margin-top:calc(var(--paper-width) * .035)}
#letterSheet .brand,#live-letter .brand{margin-top:auto}
.message-count{display:block;margin:6px 0 12px;font-size:11px;line-height:1.6;color:#777;letter-spacing:0;font-family:Arial,sans-serif}
.message-count.at-limit{color:#545454}