:root{--ease-emphasized-decel: cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accel: cubic-bezier(.3, 0, .8, .15);--ease-standard: cubic-bezier(.2, 0, 0, 1);--dur-short: .15s;--dur-medium: .3s;--dur-long: .5s;--dur-xlong: .8s;--tutorial-accent: var(--color-primary, #00693e);--tutorial-success: var(--color-correct, #059669);--tutorial-gap: 12px}.tutorial-highlight{position:relative;z-index:9999!important;outline:2px solid var(--tutorial-accent);outline-offset:4px;border-radius:inherit;box-shadow:0 0 0 9999px #00000073,0 0 8px 2px #00693e66;animation:tutorialPulse 1.5s ease-in-out infinite}body.tutorial-active #quiz-panel,body.tutorial-active #video-panel{z-index:10000!important}body.tutorial-active .quiz-toggle-btn,body.tutorial-active .video-toggle-btn,body.tutorial-active .drawer-pull{z-index:10001!important}@keyframes tutorialArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes tutorialArrowBounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes tutorialArrowBounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes tutorialArrowBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tutorialPulse{0%,to{outline-color:var(--tutorial-accent);box-shadow:0 0 0 9999px #00000073,0 0 8px 2px #00693e4d}50%{outline-color:var(--tutorial-accent);box-shadow:0 0 0 9999px #00000073,0 0 12px 4px #00693e66}}#tutorial-overlay{pointer-events:none}#tutorial-modal{pointer-events:auto}#tutorial-modal .tutorial-dismiss:hover{color:var(--color-text, #333)}#tutorial-modal .tutorial-next-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}#tutorial-modal .tutorial-drag-handle{cursor:grab}#tutorial-modal .tutorial-drag-handle:active{cursor:grabbing}#tutorial-toast{pointer-events:none}@media(prefers-reduced-motion:reduce){.tutorial-highlight{animation:none!important;box-shadow:0 0 0 9999px #00000073,0 0 8px 2px #00693e4d!important}#tutorial-modal,#tutorial-overlay{transition:none!important}}.tutorial-btn-highlight{background:var(--color-text-muted, #64748b)!important;color:#fff!important;border-radius:50%!important;border-color:var(--color-text-muted, #64748b)!important;box-shadow:0 0 12px #0003!important}@media(min-width:481px){.quiz-content:has(.tutorial-highlight),.video-panel-list:has(.tutorial-highlight){overflow:visible!important}}.modes-wrapper.tutorial-highlight{padding:.25rem 0;margin:.25rem 0}@media(max-width:480px)and (orientation:portrait){#tutorial-modal{max-width:none!important;left:0!important;right:0!important}}@media(max-height:500px)and (orientation:landscape){#tutorial-modal{max-width:380px}}