.reader{background:var(--reader-ground);z-index:40;color:#f0e4d2;--reader-ground:#251b10;--reader-cream:#fff7ec;--reader-tint:#ffd7a8;--reader-ink:#3a2b1c;--reader-primary:#ff8a5c;--reader-primary-active:#ff6b4a;--reader-attention:#ffd66e;--reader-success:#7bcf8a;--reader-focus:#7aa7ff;--reader-ghost-line:#fff7ec52;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0}.reader button{font-family:inherit}.reader-letterbox{min-height:0;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex:1;display:flex}.reader-letterbox-content{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.reader-turnwrap{flex:none;justify-content:center;align-items:center;display:flex}.reader-turn-next{animation:.24s ease-out reader-slide-next}.reader-turn-prev{animation:.24s ease-out reader-slide-prev}@keyframes reader-slide-next{0%{opacity:.4;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes reader-slide-prev{0%{opacity:.4;transform:translate(-48px)}to{opacity:1;transform:none}}.reader-stage{transform-origin:50%;background:#fff;flex:none;position:relative;box-shadow:0 24px 70px #00000080}.reader-art,.reader-art [data-testid=leased-media]{position:absolute;inset:0}.reader-art img{object-fit:fill;width:100%;height:100%;display:block}.reader-art [data-testid=media-placeholder]{background:#efece4;position:absolute;inset:0}.reader-textbox{overflow:visible}.reader-text-visual{margin:0}.reader-text-accessible,.reader-art-description,.reader-position-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.reader-token-active{background:#ffd66e;border-radius:6px;box-shadow:0 0 0 3px #ffd66e}.reader-token-rest{background:#ffedc2;border-radius:6px;box-shadow:0 0 0 3px #ffedc2}.reader-position{min-width:0;padding-top:4px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));color:#fff7ecb8;flex:none;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1;display:flex}.reader-position-numerals{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:7px;display:inline-flex}.reader-position-sep{opacity:.6;background:currentColor;border-radius:1px;width:2px;height:13px;display:block;transform:rotate(15deg)}.reader-position-spine{background:var(--reader-attention);border-radius:2px;width:7px;height:15px;display:block}.reader-position-pips{flex-wrap:nowrap;flex:0 auto;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.reader-position-pip{border-radius:4px;flex:0 8px;min-width:3px;height:8px}.reader-position-pip-upcoming{background:#fff7ec61}.reader-position-pip-past{background:var(--reader-tint)}.reader-position-pip-current{background:var(--reader-attention);flex:0 22px;min-width:10px}.reader-position-pip-cover{background:var(--reader-tint);border-radius:2px;flex:0 5px;min-width:3px;height:14px}.reader-position-pip-cover-current{background:var(--reader-attention);border-radius:2px;flex:0 5px;min-width:3px;height:14px}.reader-chrome{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));opacity:1;flex-wrap:wrap;flex:0 auto;justify-content:center;align-items:center;gap:14px 16px;transition:opacity .2s ease-out;display:flex;overflow-y:auto}.reader-chrome-dim{opacity:.3}.reader-nav,.reader-close,.reader-edit,.reader-flip,.reader-readagain,.reader-readtome,.reader-continue{cursor:pointer;border:0;border-radius:32px;justify-content:center;align-items:center;gap:10px;min-width:64px;min-height:64px;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.reader-chrome button:active{transform:scale(.96)}.reader-nav[aria-disabled=true]:active{transform:none}.reader-chrome button:focus-visible{outline:4px solid var(--reader-focus);outline-offset:3px}.reader-icon{pointer-events:none;flex:none;width:26px;height:26px}.reader-icon-nav{width:30px;height:30px}.reader-prev,.reader-next{background:var(--reader-tint);color:var(--reader-ink);box-shadow:0 6px 18px #00000059}.reader-nav[aria-disabled=true]{opacity:.35;cursor:default}.reader-flip,.reader-edit,.reader-close{border:2px solid var(--reader-ghost-line);color:var(--reader-cream);background:#fff7ec14}.reader-flip{padding:0 22px;font-size:18px;font-weight:600}.reader-readtome{background:var(--reader-primary);color:var(--reader-ink);padding:0 28px;font-size:20px;font-weight:700;box-shadow:0 10px 28px #c85a2866}.reader-readtome[aria-pressed=true]{background:var(--reader-primary-active)}.reader-readtome:disabled{opacity:.5;cursor:default}.reader-readtome-resting{border:2px solid var(--reader-ghost-line);color:#fff7ecc7;box-shadow:none;background:0 0;font-weight:600}.reader-continue{background:var(--reader-attention);color:#4a3a10;padding:0 28px;font-size:20px;font-weight:700;animation:1.8s ease-in-out infinite reader-breathe;box-shadow:0 10px 28px #00000059}.reader-continue:active{animation:none;transform:scale(.96)}.reader-readagain{background:var(--reader-success);color:#10251a;padding:0 24px;font-size:18px;font-weight:700;box-shadow:0 8px 22px #0000004d}@keyframes reader-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.reader-pausebar{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite reader-eq}.reader-pausebar-b{animation-delay:.35s}@keyframes reader-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}.reader-resting-note{text-align:center;color:#f0e4d2;flex-basis:100%;order:-1;margin:0;font-size:17px}.reader-loading{background:#35281a linear-gradient(100deg,#35281a 40%,#473722 50%,#35281a 60%) 0 0/300% 100%;border-radius:18px;flex:1;margin:24px;animation:1.8s ease-in-out infinite reader-shimmer}@keyframes reader-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.reader-empty{color:#f0e4d2;flex:1;justify-content:center;align-items:center;font-size:20px;display:flex}@media (prefers-reduced-motion:reduce){.reader-turn-next,.reader-turn-prev{animation:none}.reader-chrome{transition-duration:1ms}.reader-continue,.reader-pausebar,.reader-loading{animation:none}}
