.tutorial-panel{position:fixed;z-index:1000;right:22px;bottom:22px;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 44px);overflow:auto;background:var(--card,#fff);color:var(--fg,#171e27);border:1px solid var(--blue,#1979f3);border-radius:22px;padding:17px 20px;box-shadow:0 12px 44px #142b4b38;line-height:1.65}.tutorial-panel:focus{outline:none}.tutorial-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tutorial-kicker{font-size:.76rem;font-weight:700;color:var(--blue,#1979f3)}.tutorial-dismiss{font-size:1.45rem;line-height:1;min-width:32px;min-height:32px;border-radius:50%;color:var(--muted,#747d86)}.tutorial-panel progress{appearance:none;display:block;width:100%;height:4px;border:0;border-radius:3px;background:var(--line,#e2e7eb);margin:5px 0 15px;overflow:hidden}.tutorial-panel progress::-webkit-progress-bar{background:var(--line,#e2e7eb)}.tutorial-panel progress::-webkit-progress-value{background:var(--blue,#1979f3)}.tutorial-panel progress::-moz-progress-bar{background:var(--blue,#1979f3)}.tutorial-panel h2{font-size:1.17rem;line-height:1.4;margin:0 0 9px}.tutorial-panel>p{font-size:.85rem;line-height:1.8;margin:0}.tutorial-panel>.tutorial-safety{font-size:.72rem;color:var(--muted,#747d86);margin-top:9px}.tutorial-panel>.tutorial-blocked{padding:9px 11px;background:var(--blue-soft,#dfedfc);border-radius:10px;margin-top:10px;color:var(--fg,#171e27);font-size:.8rem}.tutorial-panel [hidden]{display:none!important}.tutorial-actions{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 15px}.tutorial-action{padding:7px 10px;background:var(--blue-soft,#dfedfc);color:var(--blue,#1979f3);border-radius:10px;font-size:.78rem;min-height:37px;text-align:left}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line,#e2e7eb);padding-top:12px}.tutorial-previous,.tutorial-next{padding:8px 17px;border-radius:12px;font-size:.85rem;min-height:40px}.tutorial-previous{border:1px solid var(--line,#e2e7eb)}.tutorial-next{background:var(--blue,#1979f3);color:var(--card,#fff);font-weight:700}.tutorial-next:hover{color:var(--card,#fff);filter:brightness(.95)}.tutorial-highlight{outline:3px solid var(--blue,#1979f3)!important;outline-offset:5px!important;scroll-margin-top:90px;scroll-margin-bottom:250px;border-radius:12px}.tutorial-in-dialog{position:sticky;inset:auto;bottom:0;width:auto;max-width:none;max-height:45dvh;margin:12px 16px 16px;flex-shrink:0;box-shadow:0 -6px 20px #142b4b1a}.tutorial-review-sample .review-card{display:flex;flex-direction:column;gap:7px}.tutorial-running{scroll-padding-bottom:260px}.tutorial-panel button:focus-visible{outline:3px solid var(--blue,#1979f3);outline-offset:3px}.dark .tutorial-next{color:#102030}
@media(max-width:600px){.tutorial-panel{left:10px;right:10px;bottom:max(77px,calc(65px + env(safe-area-inset-bottom)));width:auto;max-height:44dvh;padding:13px 16px;border-radius:18px}.tutorial-panel h2{font-size:1.05rem}.tutorial-panel>p{font-size:.79rem;line-height:1.7}.tutorial-panel>.tutorial-safety{font-size:.68rem}.tutorial-panel progress{margin-bottom:10px}.tutorial-actions{margin:9px 0 10px}.tutorial-action{min-height:39px;font-size:.74rem}.tutorial-navigation{padding-top:10px}.tutorial-previous,.tutorial-next{min-height:42px}.tutorial-in-dialog{position:sticky;inset:auto;bottom:0;margin:9px 10px 12px;max-height:40dvh}.tutorial-highlight{scroll-margin-bottom:45dvh}.tutorial-running:after{content:'';display:block;height:36dvh;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.tutorial-panel,.tutorial-highlight{scroll-behavior:auto}}