.tutorial-coach{z-index:190;pointer-events:none;position:fixed;inset:0}.tutorial-coach__dim{pointer-events:none;position:fixed;inset:0}.tutorial-coach__dim-fill{fill:#0c0602b3}.tutorial-coach__dim-fill--blocking{pointer-events:visiblePainted}.tutorial-coach__ring{pointer-events:none;border:3px solid #f5e1b0;border-radius:10px;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #0009,0 0 20px #f5e1b099}.tutorial-coach__ring--live{border-color:#f2c14e;box-shadow:0 0 0 1px #0009,0 0 24px #f2c14ebf}.tutorial-coach__card{pointer-events:auto;border:1px solid var(--brand-shadow);color:#2a1d12;background:linear-gradient(#f1dcb4,#e0c290);border-radius:12px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px 18px;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #0000008c}.tutorial-coach__card--center{width:440px;top:50%;left:50%;translate:-50% -50%}.tutorial-coach__card--sheet{width:auto;max-width:none;max-height:45vh;bottom:8px;left:8px;right:8px}.tutorial-coach__card--sheet.tutorial-coach__card--solo{max-height:calc(100vh - 32px);top:50%;bottom:auto;translate:0 -50%}
.tutorial-step{flex-direction:column;gap:8px;font-family:Georgia,serif;display:flex}.tutorial-step__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-step__sections{background:#4a2f1726;border-radius:999px;gap:4px;padding:3px;display:flex}.tutorial-step__section{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px;transition:background .15s,color .15s}.tutorial-step__section:hover{background:#4a2f171f}.tutorial-step__section--active{background:var(--accent);color:#fff}.tutorial-step__section--active:hover{background:var(--accent)}.tutorial-step__exit{color:var(--accent);text-underline-offset:2px;margin-left:auto;font-size:13px;text-decoration:underline}button.tutorial-step__exit{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.tutorial-step__progress{background:#4a2f172e;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.tutorial-step__progress-bar{background:linear-gradient(90deg, var(--brand-light), var(--brand-shadow));height:100%;transition:width .3s}.tutorial-step__counter{color:#2a1d12b3;font-size:12px}.tutorial-step__title{color:var(--accent-dark);margin:2px 0 0;font-size:20px}.tutorial-step__text{margin:0;font-size:15px;line-height:1.45}.tutorial-step__status{color:#2a1d12bf;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-style:italic;display:flex}.tutorial-step__status--live{color:var(--accent);font-style:normal;font-weight:700}.tutorial-step__dot{background:currentColor;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite tutorial-step-pulse}@keyframes tutorial-step-pulse{0%,to{opacity:.35}50%{opacity:1}}.tutorial-step__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.tutorial-step__back{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-right:auto;padding:8px 4px;font-size:15px;text-decoration:underline}.tutorial-step__back:hover{color:var(--accent-dark)}