.TutorialSteps-module__AfaTeG__flow{display:block}.TutorialSteps-module__AfaTeG__progress{z-index:5;background:var(--bg-page);margin:0 0 1rem;padding:.625rem 0 .75rem;position:sticky;top:4rem}.TutorialSteps-module__AfaTeG__preview .TutorialSteps-module__AfaTeG__progress{position:static}.TutorialSteps-module__AfaTeG__progressRow{justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;margin-bottom:.5rem;display:flex}.TutorialSteps-module__AfaTeG__progressText,.TutorialSteps-module__AfaTeG__progressRight{align-items:baseline;gap:.625rem;min-width:0;margin:0;display:flex}.TutorialSteps-module__AfaTeG__progressRight{flex-shrink:0}.TutorialSteps-module__AfaTeG__restartBtn{font:inherit;color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline}.TutorialSteps-module__AfaTeG__restartBtn:hover{color:var(--text-primary)}.TutorialSteps-module__AfaTeG__progressStep{letter-spacing:.04em;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem;font-weight:700}.TutorialSteps-module__AfaTeG__progressNum{color:var(--primary);font-size:1.125rem;animation:.35s cubic-bezier(.2,.8,.2,1.2) TutorialSteps-module__AfaTeG__numIn;display:inline-block}.TutorialSteps-module__AfaTeG__progressTitle{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.TutorialSteps-module__AfaTeG__progressRemain,.TutorialSteps-module__AfaTeG__progressDoneText{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.TutorialSteps-module__AfaTeG__progressDoneText{color:var(--primary);font-weight:700}.TutorialSteps-module__AfaTeG__clearChip{background:var(--primary);color:var(--text-on-primary,#fff);white-space:nowrap;border-radius:9999px;padding:.2rem .625rem;font-size:.75rem;font-weight:800;animation:.4s cubic-bezier(.2,.8,.2,1.2) TutorialSteps-module__AfaTeG__chipIn;display:inline-block}.TutorialSteps-module__AfaTeG__segments{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.TutorialSteps-module__AfaTeG__segment{background:var(--bg-subtle);height:6px;box-shadow:inset 0 0 0 1px var(--border-light);border-radius:3px;flex:1;transition:background .3s,box-shadow .3s}.TutorialSteps-module__AfaTeG__segmentCurrent{background:color-mix(in srgb, var(--primary) 28%, var(--bg-subtle));box-shadow:inset 0 0 0 1.5px var(--primary)}.TutorialSteps-module__AfaTeG__segmentDone{background:var(--primary);box-shadow:none}.TutorialSteps-module__AfaTeG__segmentJustDone{animation:.5s ease-out TutorialSteps-module__AfaTeG__segFill}.TutorialSteps-module__AfaTeG__list{flex-direction:column;gap:.625rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.TutorialSteps-module__AfaTeG__card{background:var(--bg-card);border:1px solid var(--border);border-radius:.625rem;scroll-margin-top:7.5rem;transition:border-color .15s,opacity .15s;overflow:hidden}.TutorialSteps-module__AfaTeG__cardActive{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.TutorialSteps-module__AfaTeG__cardCompleted{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.TutorialSteps-module__AfaTeG__cardLocked{opacity:.55}.TutorialSteps-module__AfaTeG__cardCleared{animation:1.1s ease-out TutorialSteps-module__AfaTeG__cardPulse}.TutorialSteps-module__AfaTeG__badgePop{animation:.55s cubic-bezier(.2,.9,.3,1.4) TutorialSteps-module__AfaTeG__badgePop}.TutorialSteps-module__AfaTeG__preview .TutorialSteps-module__AfaTeG__cardActive{z-index:3;position:relative}.TutorialSteps-module__AfaTeG__header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-family:inherit;transition:background .15s;display:flex}.TutorialSteps-module__AfaTeG__header:not(:disabled):hover{background:var(--bg-hover)}.TutorialSteps-module__AfaTeG__header:disabled{cursor:not-allowed}.TutorialSteps-module__AfaTeG__preview .TutorialSteps-module__AfaTeG__cardActive .TutorialSteps-module__AfaTeG__header:disabled{cursor:default}.TutorialSteps-module__AfaTeG__badge{letter-spacing:.05em;background:color-mix(in srgb, var(--primary) 14%, var(--bg-card));color:var(--primary);font-variant-numeric:tabular-nums;border-radius:9999px;flex-shrink:0;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.TutorialSteps-module__AfaTeG__cardCompleted .TutorialSteps-module__AfaTeG__badge{background:color-mix(in srgb, var(--layout-tint) 30%, var(--bg-card));color:var(--text-primary)}.TutorialSteps-module__AfaTeG__cardLocked .TutorialSteps-module__AfaTeG__badge{background:var(--bg-subtle);color:var(--text-muted)}.TutorialSteps-module__AfaTeG__title{color:var(--text-primary);flex:1;font-size:.9375rem;font-weight:600}.TutorialSteps-module__AfaTeG__cardLocked .TutorialSteps-module__AfaTeG__title{color:var(--text-muted)}.TutorialSteps-module__AfaTeG__status{color:var(--text-secondary);flex-shrink:0;font-size:.875rem}.TutorialSteps-module__AfaTeG__cardCompleted .TutorialSteps-module__AfaTeG__status{color:var(--primary);font-weight:700}.TutorialSteps-module__AfaTeG__content{border-top:1px solid var(--border-light)}.TutorialSteps-module__AfaTeG__contentIn{animation:.35s ease-out TutorialSteps-module__AfaTeG__contentIn}.TutorialSteps-module__AfaTeG__body{color:var(--text-secondary);padding:.875rem 1.25rem .5rem;line-height:1.7}.TutorialSteps-module__AfaTeG__body h1{display:none}.TutorialSteps-module__AfaTeG__actions{justify-content:flex-end;padding:0 1.25rem 1.25rem;display:flex}.TutorialSteps-module__AfaTeG__nextBtn{border:1px solid var(--tint-line);background:var(--tint-soft);color:var(--text-primary);cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s}.TutorialSteps-module__AfaTeG__nextBtn:hover{background:var(--tint-soft-hover);border-color:var(--layout-tint)}.TutorialSteps-module__AfaTeG__nextBtn:active{transform:translateY(1px)}.TutorialSteps-module__AfaTeG__done{background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));color:var(--primary);border-radius:.5rem;margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.TutorialSteps-module__AfaTeG__content h2{color:var(--text-primary);margin:2rem 0 .75rem;font-size:1.25rem;font-weight:700}.TutorialSteps-module__AfaTeG__content h3{color:var(--text-primary);margin:1.75rem 0 .625rem;font-size:1.0625rem;font-weight:700}.TutorialSteps-module__AfaTeG__content code{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border-radius:.25rem;padding:.125rem .375rem;font-family:Fira Code,Consolas,monospace;font-size:.875em}.TutorialSteps-module__AfaTeG__content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:.5rem;margin:.625rem 0;padding:.875rem 1rem;overflow-x:auto}.TutorialSteps-module__AfaTeG__content pre code{color:var(--code-fg);background:0 0;padding:0;font-size:.8125rem}.TutorialSteps-module__AfaTeG__content ul{margin:.5rem 0;padding-left:1.5rem}.TutorialSteps-module__AfaTeG__content strong{font-weight:700}@keyframes TutorialSteps-module__AfaTeG__cardPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 55%, transparent);border-color:var(--primary)}60%{box-shadow:0 0 0 10px color-mix(in srgb, var(--primary) 0%, transparent)}to{box-shadow:0 0 #0000}}@keyframes TutorialSteps-module__AfaTeG__badgePop{0%{background:var(--primary);color:var(--text-on-primary,#fff);transform:scale(.6)}55%{background:var(--primary);color:var(--text-on-primary,#fff);transform:scale(1.25)}to{transform:scale(1)}}@keyframes TutorialSteps-module__AfaTeG__numIn{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes TutorialSteps-module__AfaTeG__chipIn{0%{opacity:0;transform:translate(.5rem)scale(.85)}to{opacity:1;transform:none}}@keyframes TutorialSteps-module__AfaTeG__segFill{0%{transform:scaleY(1)}40%{transform:scaleY(1.8)}to{transform:scaleY(1)}}@keyframes TutorialSteps-module__AfaTeG__contentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.TutorialSteps-module__AfaTeG__cardCleared,.TutorialSteps-module__AfaTeG__badgePop,.TutorialSteps-module__AfaTeG__progressNum,.TutorialSteps-module__AfaTeG__clearChip,.TutorialSteps-module__AfaTeG__segmentJustDone,.TutorialSteps-module__AfaTeG__contentIn{animation:none}}