/* The existing pixel smile is the reader's persistent way home. */
.reader-guide{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:5;isolation:isolate;--guide-size:clamp(62px,5.2vw,82px);color:#211377}
#reader-back.reader-guide-button{position:relative;display:grid;place-items:center;width:var(--guide-size);height:calc(var(--guide-size) + 14px);padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 85%;outline-offset:4px}
#reader-back.reader-guide-button:hover{background:transparent}
#reader-back.reader-guide-button:focus-visible{outline:2px dashed #4940f4;background:#f5f1ff80}
.reader-guide-coin{display:block;width:100%;height:var(--guide-size);object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 4px #4930c235);will-change:transform;transform-origin:50% 85%}
.reader-guide-label{font:600 11px/1.25 "Microsoft YaHei",sans-serif;letter-spacing:.12em;color:#352188;text-shadow:0 1px 4px #fff}
.reader-guide-shadow{position:absolute;bottom:19px;left:24%;width:52%;height:8px;border-radius:50%;background:#5441c728;filter:blur(3px);z-index:-1;pointer-events:none}
.reader-guide-bubble{position:absolute;right:calc(var(--guide-size) - 4px);bottom:49px;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 16px;background:linear-gradient(135deg,#fff 10%,#eeebff 100%);border:1.5px solid #9181eb;border-radius:16px 16px 4px 16px;box-shadow:0 4px 0 #c6b9f3,0 8px 24px #3432a01c;color:#241176;font:600 13px/1.3 "Microsoft YaHei",sans-serif;opacity:0;visibility:hidden;transform:translate(7px,7px) scale(.9);transform-origin:100% 100%;transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility .2s;pointer-events:none}
.reader-guide-bubble::before{content:'';width:6px;height:6px;background:#6550ff;box-shadow:3px -3px 0 #ad8bff;flex:none}
.reader-guide-bubble::after{content:'';position:absolute;right:-7px;bottom:8px;width:10px;height:10px;background:#eeebff;border-right:1.5px solid #9181eb;border-top:1.5px solid #9181eb;transform:rotate(45deg)}
.reader-guide.is-speaking .reader-guide-bubble{opacity:1;visibility:visible;transform:translate(0,0) scale(1)}
.reader-guide.is-leaving{pointer-events:none}
@media(max-width:700px){.reader-guide{right:max(14px,env(safe-area-inset-right));bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));--guide-size:64px}.reader-guide-bubble{font-size:12px;padding:11px 13px;bottom:42px}}
@media(max-height:500px) and (min-width:701px){.reader-guide{--guide-size:50px;bottom:5px;right:12px}.reader-guide-bubble{bottom:38px;font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.reader-guide-bubble{transition:none;transform:none}.reader-guide-coin{will-change:auto}}