.bookmark-toggle{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #775a9224;border-radius:50%;background:#fafaf9ed;color:var(--word-ink);box-shadow:0 4px 18px #30233d0d;touch-action:manipulation}
.bookmark-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.bookmark-toggle.has-bookmark svg{fill:var(--word-soft)}
.bookmark-toggle[aria-expanded=true]{background:var(--word-soft)}
.bookmark-panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 32px));padding:10px;border:1px solid #775a9219;border-radius:16px;background:#fafaf9f5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 40px #30233d1a;color:var(--word-ink);text-align:left}
.bookmark-panel[hidden]{display:none}
.bookmark-panel button{display:block;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:15px;line-height:1.45;text-align:left;overflow-wrap:anywhere;touch-action:manipulation}
.bookmark-panel button:hover{background:var(--word-soft)}
.bookmark-panel button:disabled{opacity:.5}
.bookmark-panel button[hidden]{display:none}
.bookmark-panel button strong,.bookmark-panel button span{display:block}
.bookmark-panel button strong{font-weight:500}
.bookmark-panel button span{margin-top:4px;color:var(--muted);font-family:Georgia,serif}
.bookmark-panel p{margin:6px 12px 8px;color:var(--muted);font-size:13px;line-height:1.5}
.bookmark-panel p[data-error]{color:#94443e}
.word.is-bookmarked{box-shadow:inset 0 -3px color-mix(in srgb,var(--word-ink) 50%,transparent)}
@media print{.bookmark-panel,.bookmark-toggle{display:none!important}}