.exercise-intro{padding:var(--space-7) 0 var(--space-5)}.exercise-intro .difficulty{margin-bottom:var(--space-4)}.exercise-intro h1{color:var(--color-practice-ink);margin-top:var(--space-4)}.exercise-subtitle{margin-bottom:var(--space-4)}.exercise-content{margin-bottom:var(--space-10)}.exercise-content h2{margin-top:var(--space-8)}.exercise-content ul{padding-left:var(--space-6);margin-bottom:var(--space-5)}.exercise-content ul li{margin-bottom:var(--space-2)}.steps ol{counter-reset:step-counter;margin-bottom:var(--space-5)}.steps ol li{counter-increment:step-counter;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.steps ol li:last-child{border-bottom:none}.steps ol li:before{content:counter(step-counter);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--color-accent-strong);color:#fff;font-family:var(--font-family-display);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.exercise-content p{margin-bottom:var(--space-5)}.exercise-content strong{color:var(--color-primary-dark)}.info-box{margin-bottom:var(--space-8)}.info-box h2{margin-top:0;display:flex;align-items:center;gap:var(--space-3)}.info-box h2 .info-box-icon{font-size:24px}.info-box p{line-height:var(--line-height-relaxed)}.info-link{margin-bottom:0}.info-link a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:var(--underline-offset);text-decoration-thickness:var(--underline-thickness)}.no-script-note{margin-bottom:var(--space-6)}.exercise-summary{padding:var(--space-7) 0 var(--space-8)}.exercise-summary .panel>:last-child{margin-bottom:0}.sim-screen{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.sim-screen--center{align-items:center;justify-content:center;text-align:center}.sim-screen .form-group{margin-bottom:0}.sim-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--min-touch-target);padding:var(--space-3) var(--space-4);border:none;background:none;color:inherit;font-family:inherit;font-size:1em;text-align:left;cursor:pointer}.sim-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.sim-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;font-weight:700}.sim-avatar--sm{width:36px;height:36px}.sim-avatar--lg{width:48px;height:48px}.sim-switch{position:relative;flex-shrink:0;width:44px;height:26px;border-radius:var(--border-radius-pill);background:var(--sim-switch-off, var(--color-border));transition:background-color var(--transition-base)}.sim-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--sim-switch-knob, #fff);box-shadow:var(--shadow-knob);transition:transform var(--transition-base)}[aria-checked=true] .sim-switch{background:var(--sim-switch-on, var(--color-primary))}[aria-checked=true] .sim-switch:after{transform:translate(18px)}.sim-choice{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--min-touch-target);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.sim-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--sim-label-color, var(--color-text-muted))}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sim-finger{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:3px solid var(--sim-finger-color, var(--color-primary));border-radius:50%;background:var(--sim-finger-soft, var(--color-primary-50));color:var(--sim-finger-color, var(--color-primary));cursor:pointer;transition:transform var(--transition-base)}.sim-finger.is-pressed{transform:scale(.94);background:var(--sim-finger-color, var(--color-primary));color:var(--sim-finger-on, var(--color-on-primary))}.sim-bubble{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius-xs);line-height:var(--line-height-normal)}[data-theme=dark] .exercise-content strong{color:var(--color-primary-light)}[data-theme=dark] .steps ol li:before{color:#fff}@media(min-width:768px){.exercise-intro{padding:var(--space-10) 0 var(--space-8)}.steps ol li{gap:var(--space-4);padding:var(--space-4) 0}.steps ol li:before{min-width:32px;height:32px;font-size:var(--font-size-base)}.exercise-summary{padding:var(--space-10) 0 var(--space-12)}}@keyframes success-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message[data-astro-cid-itprh4yc]{text-align:center;border:1px solid var(--color-success);background-color:var(--color-success-bg);border-radius:var(--border-radius);padding:var(--space-5);position:relative;overflow:hidden;animation:success-slide-in var(--transition-elegant)}.success-icon[data-astro-cid-itprh4yc]{font-size:var(--icon-size-xl);line-height:1;margin-bottom:var(--space-3)}.success-message[data-astro-cid-itprh4yc] h3[data-astro-cid-itprh4yc]{color:var(--color-primary)}.success-recap[data-astro-cid-itprh4yc]{text-align:left;margin-bottom:var(--space-6)}.success-message[data-astro-cid-itprh4yc] .btn[data-astro-cid-itprh4yc]{width:100%;min-height:var(--min-touch-target)}@media(width>=768px){.success-message[data-astro-cid-itprh4yc]{padding:var(--space-7)}.success-message[data-astro-cid-itprh4yc] .btn[data-astro-cid-itprh4yc]{width:auto;min-height:auto}}
