.reader-bar{align-items:center;min-height:52px;padding:0 16px;display:flex}.reader-back{min-height:44px;color:var(--garden-paper);text-underline-offset:4px;align-items:center;gap:.5em;font-size:.95rem;display:inline-flex}.reader-back:hover{text-decoration:underline}.reader-page{--box:min(100%, max(calc(100svh - 300px), 280px));grid-template-rows:1fr auto;justify-items:center;gap:16px;min-height:calc(100svh - 52px);padding:4px 16px 0;display:grid}.reader-sheet{touch-action:pan-y pinch-zoom;background:var(--note-paper);width:min(100%,660px);color:var(--note-ink);border-radius:2px;align-content:start;align-self:start;justify-items:center;gap:20px;padding:28px;display:grid;box-shadow:0 1px 2px #00000059,0 14px 30px -10px #0009}.reader-art{width:var(--artw,var(--box));cursor:pointer;-webkit-tap-highlight-color:transparent;display:block}.is-spread .reader-art{width:100%}.reader-art:disabled{cursor:default}.reader-art:focus-visible{outline:3px solid var(--garden-sky);outline-offset:6px}.reader-text{overflow-wrap:break-word;justify-self:stretch;font-size:clamp(1.05rem,.98rem + .35vw,1.25rem);line-height:1.6}.reader-text p+p{margin-top:.75em}.reader-text .reader-term{margin-bottom:.35em;font-size:1.5em;font-weight:700;line-height:1.2}.reader-talk{margin-top:.75em;padding-left:1.2em;list-style:outside}.reader-talk li+li{margin-top:.5em}.reader-still{cursor:default}.reader-still img{border-radius:2px;width:100%;height:auto;display:block;box-shadow:0 6px 18px -8px #00000073}.reader-text .reader-title-go{justify-items:start;gap:4px;margin-top:1em}@keyframes reader-turn-next{0%{opacity:0;translate:16px}}@keyframes reader-turn-prev{0%{opacity:0;translate:-16px}}.reader-sheet[data-turned=next]>*{animation:.18s cubic-bezier(.23,1,.32,1) reader-turn-next}.reader-sheet[data-turned=prev]>*{animation:.18s cubic-bezier(.23,1,.32,1) reader-turn-prev}.reader-text .reader-note{border-left:3px solid color-mix(in oklab, var(--vea-rose) 75%, transparent);background:color-mix(in oklab, var(--vea-rose) 9%, transparent);margin-top:1em;padding:8px 12px 8px 14px}.reader-text strong{font-weight:700}.reader-count{text-align:center;color:var(--garden-paper);font-size:.95rem;line-height:1.4}.reader-count small{color:color-mix(in oklab, var(--garden-paper) 78%, var(--garden-night));font-size:.8rem;display:block}.reader-nav{background:var(--garden-night);justify-content:space-between;align-items:center;gap:16px;width:min(100%,660px);padding:8px 0 16px;display:flex;position:sticky;bottom:0}.reader-turn{border:1px solid color-mix(in oklab, var(--garden-paper) 40%, transparent);width:48px;height:48px;color:var(--garden-paper);border-radius:50%;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.reader-turn.is-none{visibility:hidden}@media (hover:hover) and (pointer:fine){.reader-turn:hover{background:color-mix(in oklab, var(--garden-paper) 12%, transparent)}}.reader-turn:focus-visible,.reader-back:focus-visible{outline:3px solid var(--garden-sky);outline-offset:2px}@media (max-width:699px){.reader-sheet{gap:14px;padding:16px}}@media (orientation:portrait){.reader-page{--box:min(100%, max(calc(100svh - 420px), 240px))}.reader-page.is-wordy{--box:min(100%, max(calc(100svh - 460px), 220px))}.is-wordy .reader-text{font-size:1rem;line-height:1.5}}@media (orientation:portrait) and (max-height:700px){.reader-page{--box:min(100%, max(calc(100svh - 430px), 220px))}.reader-page.is-wordy{--box:min(100%, max(calc(100svh - 450px), 210px))}.reader-sheet{gap:10px}.reader-text{font-size:1rem;line-height:1.5}}@media (orientation:portrait) and (min-width:700px){.reader-page.is-still{--box:min(100%, max(calc(100svh - 590px), 280px))}}@media (orientation:landscape) and (min-width:640px){.reader-page{--pad:28px;--gap:40px;--min:20rem;--chrome:236px;--box:min(calc(100svh - var(--chrome)), calc(100vw - 32px - 2 * var(--pad) - var(--gap) - var(--min)));--col:min(30rem, calc(100vw - 32px - 2 * var(--pad) - var(--gap) - var(--box)));grid-template-rows:auto auto;align-content:center;padding-bottom:16px}.reader-nav{padding:0}.reader-sheet,.reader-nav{width:calc(var(--artw,var(--box)) + var(--col) + 2 * var(--pad) + var(--gap))}.reader-sheet{grid-template-columns:var(--artw,var(--box)) var(--col);align-content:normal;align-items:center;gap:var(--gap);padding:var(--pad)}.reader-page.is-long{--artw:calc(var(--box) * .8);--col:min(30rem, calc(100vw - 32px - 2 * var(--pad) - var(--gap) - var(--artw)))}.is-long .reader-text{font-size:1.05rem;line-height:1.5}.reader-sheet{min-height:calc(var(--box) + 2 * var(--pad))}.reader-page.is-spread,.reader-page.is-spread.is-wordy{--sp:calc(var(--box) + min(30rem, calc(100vw - 32px - 2 * var(--pad) - var(--gap) - var(--box))));--col:min(30rem, max(var(--min), calc(var(--sp) - var(--box) * var(--ar,2))));--artw:calc(var(--sp) - var(--col))}.reader-page.is-words .reader-sheet{grid-template-columns:minmax(0,36rem);justify-content:center}.is-spread .reader-art{width:min(100%, calc(var(--box) * var(--ar,2)));justify-self:center}.is-spread .reader-text{font-size:1.05rem;line-height:1.5}}@media (orientation:landscape) and (min-width:640px) and (max-height:520px){.reader-bar{min-height:44px}.reader-page{--pad:16px;--gap:24px;--min:18rem;--chrome:140px;gap:8px;min-height:calc(100svh - 44px);padding-bottom:8px}.reader-text{font-size:1rem;line-height:1.5}.reader-page.is-wordy{--artw:calc(var(--box) * .88);--col:min(30rem, calc(100vw - 32px - 2 * var(--pad) - var(--gap) - var(--artw)))}}.reader-sheet.reader-title{text-align:center;grid-template-columns:minmax(0,1fr);align-self:center;justify-items:center;gap:0;width:min(100%,560px);padding:clamp(32px,6vw,56px) clamp(20px,5vw,48px)}.reader-title h1{gap:6px;display:grid}.reader-title-name{font-size:clamp(2rem,1.4rem + 3vw,3rem);font-weight:800;line-height:1.1}.reader-title-sub{font-size:clamp(1.1rem,1rem + .6vw,1.35rem);font-weight:500}.reader-title-by{margin-top:20px;font-size:1.05rem}.reader-title-dedication{margin-top:28px;font-style:italic;line-height:1.6}.reader-title-credit{margin-top:16px;font-size:.95rem;line-height:1.5}.reader-title-go{justify-items:center;gap:12px;margin-top:32px;display:grid}.reader-cta{background:var(--note-ink);min-height:48px;color:var(--note-paper);border-radius:999px;align-items:center;padding:0 28px;font-weight:600;display:inline-flex}.reader-cta.is-quiet{min-height:44px;color:var(--note-ink);text-underline-offset:4px;background:0 0;text-decoration:underline}.reader-cta:focus-visible{outline:3px solid var(--garden-sky);outline-offset:3px}
