.tutorial-open { overflow: hidden; }
.tutorial-layer { position: fixed; inset: 0; z-index: 200; pointer-events: none; }
.tutorial-spotlight { position: fixed; z-index: 201; border: 0; border-radius: 14px; box-shadow: 0 0 0 9999px rgba(11, 18, 28, .68); transition: 220ms ease; }
.tutorial-popover { position: fixed; z-index: 202; padding: 17px; color: var(--text); background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 48px rgba(8, 16, 28, .25); pointer-events: auto; }
.tutorial-count { display: block; margin-bottom: 7px; color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.tutorial-title { display: block; margin-bottom: 7px; font-size: 14px; }
.tutorial-copy { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.tutorial-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 15px; }
.tutorial-actions[hidden] { display: none; }
.tutorial-actions button { min-height: 35px; padding: 0 13px; border-radius: 9px; font-size: 11px; font-weight: 750; }
.tutorial-skip { color: var(--muted); background: transparent; border: 0; }
.tutorial-next { color: #fff; background: var(--accent); border: 1px solid var(--accent); }
@media (prefers-reduced-motion: reduce) { .tutorial-spotlight { transition: none; } }