.code-course-hub,.code-setup,.code-results,.custom-code-setup{--flow-space:var(--wf-space-6)}.code-course-next,.custom-code-card,.code-local-stats{justify-content:space-between;align-items:center;gap:var(--wf-space-6);display:flex}.code-course-next>div,.custom-code-card>div,.code-local-stats>div{max-width:68ch}.code-progress{gap:var(--wf-space-3);display:grid}.code-progress>div:first-child{justify-content:space-between;gap:var(--wf-space-3);flex-wrap:wrap;display:flex}.code-progress span{color:var(--wf-text-muted)}.code-lesson-grid{gap:var(--wf-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.code-lesson-card{grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.code-lesson-card__number{width:3.5rem;padding-block:var(--wf-space-5);border-inline-end:1px solid var(--wf-border-subtle);color:var(--wf-text-muted);font-family:var(--wf-font-typing);font-variant-numeric:tabular-nums;place-items:start center;font-weight:750;display:grid}.code-lesson-card__body{align-content:start;gap:var(--wf-space-3);min-width:0;padding:var(--wf-space-5);display:grid}.code-lesson-card__body p{margin:0}.code-lesson-card__title{justify-content:space-between;align-items:start;gap:var(--wf-space-3);flex-wrap:wrap;display:flex}.code-lesson-card__title h3{margin:0}.code-section-intro{max-width:70ch;margin-block:calc(var(--wf-space-3) * -1) var(--wf-space-5);color:var(--wf-text-secondary)}.code-local-stats{align-items:start}.code-local-stats dl{gap:var(--wf-space-3);grid-template-columns:repeat(3,minmax(7rem,1fr));width:min(100%,36rem);margin:0;display:grid}.code-local-stats dl>div{gap:var(--wf-space-1);display:grid}.code-local-stats dt{color:var(--wf-text-muted);font-size:.78rem;font-weight:700}.code-local-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:800}.code-setup,.custom-code-setup,.code-results{padding:clamp(var(--wf-space-5), 4vw, var(--wf-space-8))}.code-setup__heading,.code-results__heading,.code-session__header{justify-content:space-between;align-items:start;gap:var(--wf-space-5);display:flex}.code-setup__summary{gap:var(--wf-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.code-setup__summary>div,.code-setup__summary>label{align-content:start;gap:var(--wf-space-2);min-height:5.6rem;padding:var(--wf-space-4);border:1px solid var(--wf-border-subtle);border-radius:var(--wf-radius-control);background:var(--wf-surface-sunken);display:grid}.code-setup__summary span{color:var(--wf-text-secondary);font-size:.78rem;font-weight:700}.code-session{min-width:0;overflow:visible}.code-session__header{min-height:6.6rem;padding:var(--wf-space-5);border-block-end:1px solid var(--wf-border-subtle)}.code-session__header h2,.code-results__heading h2{margin-block:var(--wf-space-1) 0}.code-session__time{justify-items:end;gap:var(--wf-space-1);min-width:8rem;display:grid}.code-session__time span,.code-metrics span,.code-result-metric span{color:var(--wf-text-muted);letter-spacing:.025em;font-size:.78rem;font-weight:700}.code-result-metric span{color:var(--wf-text-secondary)}.code-session__time strong{font-size:1.45rem}.code-metrics{border-block-end:1px solid var(--wf-border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));min-height:5.3rem;display:grid}.code-metrics>div{place-items:center;gap:var(--wf-space-1);min-width:0;padding:var(--wf-space-3);display:grid}.code-metrics>div+div{border-inline-start:1px solid var(--wf-border-subtle)}.code-metrics strong{font-variant-numeric:tabular-nums;text-align:center;min-width:4ch;font-size:clamp(1.1rem,1rem + .45vw,1.45rem)}.code-next-character{align-items:center;gap:var(--wf-space-3);min-height:3.25rem;padding-inline:clamp(var(--wf-space-4), 3vw, var(--wf-space-6));border-block-end:1px solid var(--wf-border-subtle);background:var(--wf-surface-sunken);display:flex}.code-next-character span{color:var(--wf-text-secondary);text-transform:uppercase;font-size:.78rem;font-weight:700}.code-next-character strong{font-family:var(--wf-font-typing);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-typing-area{gap:var(--wf-space-3);padding:clamp(var(--wf-space-4), 3vw, var(--wf-space-6));display:grid}.code-session__status-row{align-items:center;gap:var(--wf-space-2);min-height:2.8rem;color:var(--wf-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.code-whitespace-toggle{align-items:center;gap:var(--wf-space-2);min-height:44px;color:var(--wf-text-secondary);cursor:pointer;margin-inline-start:auto;display:inline-flex}.code-whitespace-toggle input{width:1.1rem;height:1.1rem}.code-restart-hint{margin-inline-start:var(--wf-space-2)}.code-session__actions{min-height:4.8rem;padding:0 var(--wf-space-5) var(--wf-space-5);align-items:center;display:flex}.code-result-metrics{gap:var(--wf-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.code-result-metric{align-content:start;gap:var(--wf-space-2);min-height:6.5rem;padding:var(--wf-space-4);border:1px solid var(--wf-border-subtle);border-radius:var(--wf-radius-control);background:var(--wf-surface-sunken);display:grid}.code-result-metric strong{font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,1rem + .6vw,1.65rem)}.code-result-metric--primary{border-color:var(--wf-brand);background:var(--wf-surface-brand)}.custom-code-field{gap:var(--wf-space-2);font-weight:700;display:grid}.custom-code-field textarea{width:100%;min-height:18rem;padding:var(--wf-space-4);border:1px solid var(--wf-border-control);border-radius:var(--wf-radius-control);background:var(--wf-surface-sunken);color:var(--wf-text-primary);font-family:var(--wf-font-typing);resize:vertical;white-space:pre-wrap;font-size:1rem;line-height:1.5}.custom-code-field textarea:focus-visible{outline:3px solid var(--wf-focus-ring);outline-offset:2px}.custom-code-meta{justify-content:space-between;align-items:start;gap:var(--wf-space-4);display:flex}.custom-code-meta p{margin:0}.field-error{min-height:1.5rem;color:var(--wf-danger);font-weight:700}@media (width<=48rem){.code-course-next,.custom-code-card,.code-local-stats{flex-direction:column;align-items:stretch}.code-lesson-grid,.code-setup__summary,.code-result-metrics,.code-local-stats dl{grid-template-columns:1fr}.code-session__header{min-height:7.2rem}.code-metrics{grid-template-columns:repeat(2,minmax(0,1fr));min-height:8.9rem}.code-metrics>div:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--wf-border-subtle)}.code-metrics>div:nth-child(4){border-block-start:1px solid var(--wf-border-subtle)}.code-session__status-row{min-height:6rem}.code-whitespace-toggle{width:100%;margin-inline-start:0}.code-restart-hint{margin-inline-start:auto}.custom-code-meta{flex-direction:column}}@media (width<=26.875rem){.code-session__header{flex-direction:column;min-height:8rem}.code-session__time{grid-template-columns:auto auto;justify-items:start;min-width:0}}@media (prefers-reduced-motion:reduce){.code-session *,.code-results *{scroll-behavior:auto}}@media (forced-colors:active){.code-result-metric--primary,.code-next-character,.code-lesson-card__number{border-color:canvastext}}