body.tut-active{padding-bottom:45vh}.tut-dim{z-index:44;background:color-mix(in srgb, var(--bg) 80%, transparent);pointer-events:none;position:fixed;inset:0}.tut-ring{z-index:44;border:4px solid var(--text);border-radius:calc(var(--hw-radius) + 6px);box-shadow:0 0 0 200vmax color-mix(in srgb, var(--bg) 80%, transparent), 0 0 22px color-mix(in srgb, var(--text) 40%, transparent);pointer-events:none;transition:top .35s,left .35s,width .35s,height .35s;position:fixed}.tut-catcher{z-index:45;cursor:pointer;position:fixed;inset:0}.tut-cursor{z-index:47;pointer-events:none;transition:transform .6s cubic-bezier(.3,.7,.2,1);position:fixed;top:0;left:0}.tut-cursor svg{--tut-cursor-unit:4px;width:calc(13 * var(--tut-cursor-unit));height:calc(19 * var(--tut-cursor-unit));margin:calc(-1 * var(--tut-cursor-unit)) 0 0 calc(-1 * var(--tut-cursor-unit));filter:drop-shadow(4px 6px 0 var(--bg));display:block}.tut-cursor__body{transform-origin:0 0;animation:1.7s ease-out both tut-gesture;position:relative}@keyframes tut-gesture{0%{opacity:0;transform:translate(22px,30px)}18%{opacity:1;transform:translate(0)}28%{transform:translateY(-12px)}38%{transform:translate(0)}45%{transform:translateY(-6px)}52%{transform:translate(0)scale(1)}58%{transform:translate(0)scale(.82)}68%{transform:translate(0)scale(1)}86%{opacity:1}to{opacity:0;transform:translate(0)scale(1)}}.tut-cursor__dot{box-sizing:border-box;border:3px solid var(--bg);background:var(--text);width:32px;height:32px;box-shadow:3px 4px 0 var(--bg);border-radius:50%;display:none;position:absolute;top:-16px;left:-16px}@media (pointer:coarse){.tut-cursor svg{display:none}.tut-cursor__dot{display:block}}@media (max-width:520px){.tut-cursor svg{--tut-cursor-unit:3px;filter:drop-shadow(3px 4px 0 var(--bg))}}.tut-cursor__arrow{fill:var(--text);stroke:var(--bg);stroke-width:1px;stroke-linejoin:miter}.tut-cursor__ripple{box-sizing:border-box;border:4px solid var(--text);opacity:0;border-radius:50%;width:56px;height:56px;animation:.5s ease-out .99s tut-ripple;position:absolute;top:-28px;left:-28px}@keyframes tut-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}.tut-dialog{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:46;width:min(880px,100vw - 24px);position:fixed;transform:translate(-50%)}.tut-dialog__box{flex-direction:column;gap:.65rem;display:flex}.tut-dialog__head{align-items:center;gap:.75rem;display:flex}.tut-dialog__count{font-size:.9rem}.tut-dialog__skip{margin-left:auto}.tut-dialog__screen{cursor:pointer;min-height:6.4em;padding:.9rem 2.4rem 1rem 1.1rem;position:relative}.tut-dialog__text{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.15rem;line-height:1.6}.tut-dialog__ghost{visibility:hidden}.tut-dialog__text--reserved{display:grid}.tut-dialog__text--reserved>*{grid-area:1/1}.tut-dialog__reserve{visibility:hidden}.tut-dialog__caret{color:var(--text);animation:1s steps(2,start) infinite tut-blink;position:absolute;bottom:.45rem;right:.8rem}@keyframes tut-blink{50%{visibility:hidden}}.tut-dialog__foot{align-items:flex-start;gap:.6rem;display:flex}.tut-dialog__foot>.btn:first-child{margin-right:auto}.tut-dialog__action .action-btn__note{white-space:normal}@media (max-width:520px){.tut-dialog__text{font-size:1rem}.tut-dialog__screen{min-height:8.2em}.tut-dialog__head .hw-plaque{display:none}}.tut-modal__voice{justify-content:flex-end;display:flex}.tut-modal__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.tut-modal__actions>.action-btn{flex:10rem}.tut-modal__actions .btn{width:100%}@media (prefers-reduced-motion:reduce){.tut-ring{transition:none}.tut-dialog__caret{animation:none}}