.shushu-guide-scope{display:contents}.shushu-veil,.shushu-veil-catch{position:fixed;inset:0;z-index:25}.shushu-veil{width:100%;height:100%;pointer-events:none;opacity:.62;animation:shushu-veil-in .22s ease-out}@keyframes shushu-veil-in{0%{opacity:0}to{opacity:.62}}.shushu-veil-catch{cursor:default}.shushu-spot{position:fixed;z-index:26;padding:0;border:1.5px solid var(--color-accent);border-radius:3px;background-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 20%,transparent);cursor:pointer;animation:shushu-spot-in .24s ease-out both;transition:background-color .12s ease-out}.shushu-spot:focus-visible,.shushu-spot:hover{background-color:color-mix(in srgb,var(--color-marker) 60%,transparent)}.shushu-spot[data-asked="1"]{border-color:var(--color-ink);background-color:color-mix(in srgb,var(--color-marker) 75%,transparent);box-shadow:none}@keyframes shushu-spot-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.shushu-guide-close{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 1rem);right:1rem;z-index:26;display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid var(--color-ink);background-color:var(--color-paper);color:var(--color-ink);font-size:.75rem;cursor:pointer}.shushu-guide-close kbd{padding:0 .25rem;border:1px solid var(--color-rule);color:var(--color-mute);font-family:var(--font-mono);font-size:.65rem}.shushu-recede{transition:opacity .2s ease-out}body:has(.shushu-veil) .shushu-recede{opacity:0;pointer-events:none}.shushu-frame[data-guide="1"] .shushu-bubble{max-width:min(25rem,88vw)}.shushu-guide-perch{display:contents}@media (width < 64rem){.shushu-guide-perch .shushu-stage{bottom:calc(env(safe-area-inset-bottom, 0px) + 4.5rem)}}@media (prefers-reduced-motion:reduce){.shushu-spot,.shushu-veil{animation:none}.shushu-spot{transition:none}}