.a-reading-note{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;width:525px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;display:flex;align-items:center;gap:23.5px;background:#ffffff;color:#45295d;border:1px solid #b6b2c8;border-left:6px solid #405a1c;border-radius:0 32.4px 32.4px 0;padding:16.1px 18.2px 16.1px 21.4px;box-shadow:0 8px 28px #45295d20;font:13px/1.45 ui-sans-serif,system-ui,sans-serif}.a-reading-copy{flex:1;min-width:0}.a-reading-note strong{font-size:14px;font-weight:650;color:#45295d}.a-reading-note p{font-size:12px;line-height:1.55;margin:5.4px 0 0;color:#5c4c76}.a-reading-note a{display:inline-flex;align-items:center;min-height:40px;color:#39501a;text-underline-offset:3px;text-decoration-thickness:1px}.a-reading-note button{border:0;background:#405a1c;color:#ffffff;border-radius:50%;width:65px;height:65px;min-height:65px;flex:0 0 65px;padding:4.3px;margin:0;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.a-reading-note button>span:first-child{font-size:21px;line-height:1}.a-reading-note button:hover{background:#304613}.a-reading-note :is(a,button):focus-visible{outline:2px solid #405a1c;outline-offset:3px}.a-reading-note[hidden]{display:none!important}
@media(max-width:600px){.a-reading-note{bottom:12px;max-width:calc(100% - 24px);padding:12.8px 12.8px 12.8px 15px;gap:13.9px;border-radius:0 27px 27px 0}.a-reading-note strong{font-size:13px}.a-reading-note p{font-size:12px}.a-reading-note button{width:58px;height:58px;min-height:58px;flex-basis:58px}}