.reading-bookmark{position:sticky;top:10px;z-index:12;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 auto 24px;max-width:820px;padding:12px 16px;border:1px solid #cfbd96;border-radius:18px;background:linear-gradient(135deg,#fffef9fa,#f3ead9fa);color:#294337;box-shadow:inset 0 1px #fff,0 4px 0 #d1c2a4,0 10px 25px #33271318;backdrop-filter:blur(12px)}
.reading-bookmark .bookmark-save{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #55765f;border-radius:12px;background:linear-gradient(145deg,#496d55,#234730);color:#fff7e6;box-shadow:inset 0 1px #cae3cd66,0 3px #163522;font-family:inherit;font-size:12px;line-height:1.4;font-weight:700;cursor:pointer}
.bookmark-ribbon{display:inline-block;flex:none;width:12px;height:19px;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);background:linear-gradient(110deg,#fff0bc,#cfac5d 65%,#fff1c8);filter:drop-shadow(0 1px 1px #0003)}
.reading-bookmark>a{font-size:12px;font-weight:700;color:inherit}.reading-bookmark>p{flex:1 0 100%;margin:0;font-size:11px;line-height:1.6;color:#566253}.bookmark-save:focus-visible{outline:3px solid #b08a4f;outline-offset:4px}
.kids .reading-bookmark{border-color:#c7b4e8;background:linear-gradient(140deg,#fffcfffa,#eee6fafc);color:#4a3570;box-shadow:inset 0 1px #fff,0 4px #ccbcdf,0 10px 25px #4b316b14}.kids .bookmark-save{border-color:#8e6db7;background:linear-gradient(140deg,#9272bc,#62448c);box-shadow:inset 0 1px #e6d6ff66,0 3px #4e326f}
.bookmark-overview{margin:28px 0;padding:28px;border:1px solid #dacba9;border-radius:24px;background:linear-gradient(140deg,#fffdf6,#f2ecdf);color:#294337;box-shadow:inset 0 1px #fff,0 4px #e0d6c3}.bookmark-overview>h2{margin:0 0 10px}.bookmark-overview>p{font-size:13px}.bookmark-overview ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bookmark-overview li{min-width:0}.bookmark-overview a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #d7ccb5;background:#fffaf0;border-radius:15px;text-decoration:none;color:inherit}.bookmark-overview a:hover{border-color:#a98a4b}.bookmark-overview a span{font-size:12px}
html[data-theme=dark] .reading-bookmark,html[data-theme=dark] .bookmark-overview{background:linear-gradient(140deg,#2b4235fa,#1c3025fc);color:#f5ead2;border-color:#82704b;box-shadow:inset 0 1px #f2dfac22,0 4px #0e2116,0 10px 25px #0002}html[data-theme=dark] .reading-bookmark>p{color:#c6cbbf}html[data-theme=dark] .bookmark-overview a{background:#213a2a;border-color:#73664b}
@media(max-width:520px){.reading-bookmark{top:5px;gap:10px;margin-bottom:20px;padding:10px 12px;border-radius:16px}.reading-bookmark .bookmark-save{padding:10px;font-size:11px}.reading-bookmark>a{font-size:11px}.reading-bookmark>p{font-size:10px;min-height:3.2em}.bookmark-overview{padding:20px}.bookmark-overview ul{grid-template-columns:1fr}}

main.kids-chapter [data-kids-paragraph],main.novella-reader .novella-prose [data-novella-prose]>p{scroll-margin-top:var(--reading-offset,130px)}
main.picturebook-shell .picture-stage,main.reader-shell #scene-title,main.kids-chapter #chapter-title{scroll-margin-top:var(--reading-offset,130px)}