:root{--quote:#c9eaf5}
:root[data-theme=dark]{--quote:#235c70}
.book-text mark.match-quote{background:var(--quote);color:var(--ink);outline:1px solid var(--accent);scroll-margin:160px}
.reader-toolbar .reader-settings{display:grid;grid-template-columns:44px repeat(2,minmax(0,1fr));width:min(100%,420px);max-width:100%;margin-left:auto;gap:8px;align-items:stretch}
.quote-widget{position:relative;display:flex;min-width:0;margin:0}
.reader-toolbar .copy-link-button,.quote-button{box-sizing:border-box;width:100%;min-width:0;min-height:44px;height:52px;padding:6px 8px;font:600 14px/1.25 system-ui,sans-serif;white-space:normal}
.quote-button{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;border:1px solid var(--accent);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}
.quote-button:disabled{opacity:1;color:var(--muted);border-color:var(--line);cursor:default}
.quote-button:focus-visible,.copy-link-button:focus-visible{outline:3px solid #c99725;outline-offset:3px}
.quote-icon{font-size:20px;line-height:1}
@media(hover:hover){.quote-button:not(:disabled):hover{background:var(--tint)}}
.quote-toast{position:fixed;z-index:50;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 3px 14px #0002;font:14px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.quote-toast:empty{display:none}
.quote-help{font-size:.8rem;color:var(--muted);line-height:1.6;margin:8px 0}
.quote-clipboard-buffer{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0;font-size:16px}
@media(max-width:650px){.reader-toolbar .reader-settings{width:100%}.reader-toolbar .copy-link-button,.quote-button{font-size:13px;padding:6px}.quote-toast{right:12px;max-width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px))}}

/* Leave the return-to-top button reachable while a quote toast is visible. */
.quote-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}