.reading-tutorial{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity 140ms ease}
.reading-tutorial[hidden]{display:none!important}.reading-tutorial.is-visible{opacity:1}
.tutorial-bubble{position:absolute;box-sizing:border-box;width:var(--tutorial-width,280px);padding:14px 16px 8px;background:var(--paper);border:1px solid var(--control-line);border-radius:4px;color:var(--ink);box-shadow:0 2px 5px #44263318;pointer-events:auto;font:400 15px/1.45 var(--display)}
.tutorial-bubble p{margin:0}.tutorial-footer{display:flex;align-items:center;margin-top:10px;margin-bottom:5px}
.tutorial-count{font:400 12px/1.4 var(--display);color:var(--muted)}
#book-contents:disabled{opacity:1;cursor:default}
.tutorial-pointer{position:absolute;left:var(--pointer-x);width:8px;height:8px;background:var(--paper);transform:translateX(-50%) rotate(45deg);pointer-events:none}
.tutorial-bubble[data-placement=above] .tutorial-pointer{bottom:-5px;border-right:1px solid var(--control-line);border-bottom:1px solid var(--control-line)}
.tutorial-bubble[data-placement=below] .tutorial-pointer{top:-5px;border-left:1px solid var(--control-line);border-top:1px solid var(--control-line)}
.tutorial-target{position:absolute;box-sizing:border-box;border:1.5px solid var(--rose);border-radius:5px;opacity:.72;pointer-events:none}.tutorial-target[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.reading-tutorial{transition:none}}