.reader-composed-canvas{width:min(100%,600px);margin-inline:auto;position:relative;overflow:hidden}.reader-composed-art{width:100%;position:absolute;inset:0 0 auto}.reader-composed-art img{width:100%;height:auto;display:block}.reader-composed-letter{z-index:2;opacity:0;box-sizing:border-box;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-family:var(--font-reading-serif), Georgia, serif;overflow-wrap:anywhere;padding:6px 9px;scroll-margin-top:20vh;line-height:1.4;transition:opacity 80ms linear;position:absolute}.reader-composed-letter p{margin:0}.reader-composed-letter span{color:var(--quiet);text-align:right;margin-top:5px;font-size:.65em;display:block}.reader-composed-balloon{text-align:center;border-radius:16px}.reader-composed-section{width:min(100%,600px);min-height:clamp(280px,50vh,420px);color:var(--ink);flex-direction:column;justify-content:center;gap:12px;margin-inline:auto;padding:72px 32px;display:flex}.reader-composed-section-opening{min-height:0;padding-block:64px 80px}.reader-composed-section h2{font-family:var(--font-reading-serif), Georgia, serif;font-size:29px;font-weight:600;line-height:1.25}.reader-composed-section p{color:var(--quiet);font-size:12px}.reader-story-panels.reader-composed-panels{gap:0}.reader-composed-single-panel{padding-bottom:max(20vh,10rem)}@media (prefers-reduced-motion:reduce){.reader-composed-letter{transition:none;opacity:1!important}}