.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;justify-content:space-between;gap:16px;margin-top:3px}
.tutorial-count{font:400 12px/1.4 var(--display);color:var(--muted)}
.tutorial-dismiss{min-width:60px;min-height:44px;margin:0 -6px 0 0;padding:9px 8px;background:transparent;border:0;border-radius:3px;color:var(--rose);font:500 14px/1.4 var(--display)}
.tutorial-dismiss:focus-visible{outline:2px solid var(--rose);outline-offset:-2px}.tutorial-dismiss:active{background:var(--lining)}
.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}}