.el-lesson{border:var(--border-strong-width) solid var(--border-strong);border-radius:var(--radius-3xl);background:var(--card);box-shadow:var(--shadow-block-lg);gap:1.25rem;padding:clamp(1rem,2.5vw,1.75rem);display:grid}.el-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.el-heading{gap:.5rem;display:grid}.el-heading :is(h2,h3){font-size:var(--text-heading);line-height:var(--text-heading--line-height);font-weight:800}.el-picker{gap:.4rem;display:grid}.el-picker-label,.el-explain-step,.el-example-label{font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-weight:700}.el-picker-number{font-family:var(--font-mono);font-size:var(--text-caption);opacity:.7}.el-session{gap:1rem;display:grid}.el-stages ol{flex-wrap:wrap;gap:.5rem;display:flex}.el-stage-button{border:2px solid var(--border);background:var(--card);white-space:nowrap;min-height:2.75rem;transition-property:border-color,background-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard);border-radius:999px;align-items:center;gap:.55rem;padding-block:.35rem;padding-inline:.4rem .9rem;font-weight:700;display:inline-flex}.el-stage-button[aria-current=step]{border-color:var(--border-strong);background:var(--primary)}@media (hover:hover){.el-stage-button:not([aria-current=step]):hover{border-color:var(--border-strong)}}.el-stage-number{background:var(--inverse);width:1.85rem;height:1.85rem;color:var(--inverse-foreground);font-family:var(--font-mono);font-size:var(--text-caption);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.el-stage-number svg{width:1rem;height:1rem}@media (max-width:47.99rem){.el-header{gap:.75rem}.el-picker{width:100%}.el-picker [data-slot=toggle-group]{scrollbar-width:none;flex-wrap:nowrap;width:auto;margin-inline:-.25rem;padding:.25rem;overflow-x:auto}.el-stages ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.el-stage-button{width:100%;font-size:var(--text-body-sm);white-space:nowrap;justify-content:center;gap:.4rem;padding-inline:.3rem .5rem}.el-stage-number{width:1.5rem;height:1.5rem}}.el-now{border-radius:var(--radius-lg);background:var(--inverse);color:var(--inverse-foreground);font-family:var(--font-mono);font-variant-ligatures:none;align-items:center;gap:.6rem;margin-top:.5rem;padding:.55rem .8rem;font-size:.8125rem;line-height:1.4;display:flex}.el-now code{overflow-wrap:anywhere;min-width:0}.el-now-number{border-radius:var(--radius-sm);background:var(--primary);min-width:1.6rem;height:1.6rem;color:var(--primary-foreground);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.el-now[data-empty]{color:var(--inverse-muted-foreground)}.el-now[data-empty] .el-now-number{background:var(--inverse-raised);color:var(--inverse-muted-foreground)}@media (min-width:64rem){.el-now{display:none}}.el-run{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:64rem){.el-run{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}}.el-stage,.el-side{gap:.85rem;min-width:0;display:grid}.el-side{align-content:start}.el-figure{min-width:0}.el-plate{border:var(--border-strong-width) solid var(--border-strong);border-radius:var(--radius-2xl);background-color:var(--background);padding:3.25rem .5rem .4rem;position:relative;overflow:hidden}.el-plate .el-canvas{width:min(100%,172svh - 36.12rem);min-width:min(100%,22rem);margin-inline:auto}.el-corners{z-index:1;font-family:var(--font-mono);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;font-size:.6875rem;line-height:1;display:flex;position:absolute;inset:.5rem .6rem auto}.el-labels-toggle{background:var(--card);min-height:2.75rem;font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:.6rem;padding-inline:.5rem .85rem;font-weight:700;display:inline-flex}.el-corners [data-corner=readout]{color:var(--foreground);font-variant-numeric:tabular-nums;padding-inline-end:.4rem}@media (max-width:30rem){.el-plate{padding-inline:0;padding-top:2.9rem}.el-plate .el-canvas{width:116%;min-width:0;margin-inline:-8%}}.el-controls,.el-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.el-play{min-width:7.5rem}.el-progress{font-size:var(--text-body-sm);color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-inline-start:auto}.el-progress strong{color:var(--foreground)}.el-next{justify-self:start}@media (max-width:30rem){.el-controls .el-play{flex:1;min-width:0}.el-controls .el-progress{flex-basis:100%;margin-inline-start:0}}@media (max-width:22.99rem){.el-stage-button{font-size:var(--text-caption);gap:.3rem;padding-inline:.2rem .35rem}.el-stage-number{width:1.25rem;height:1.25rem;font-size:.6875rem}.el-stage-number svg{width:.75rem;height:.75rem}.el-controls{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"play play play""reset back step""progress progress progress";display:grid}.el-controls>:first-child{grid-area:reset}.el-controls>:nth-child(2){grid-area:back}.el-play{grid-area:play}.el-controls>:nth-child(4){grid-area:step}.el-controls .el-progress{grid-area:progress;margin-inline-start:0}}.el-section{gap:.6rem;display:grid}.el-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.el-section-head :is(h3,h4),.el-turn :is(h3,h4),.el-check-block :is(h3,h4){font-family:var(--font-heading);font-size:var(--text-body-lg);font-weight:800;line-height:1.35}.el-mode [data-slot=toggle-group-item]{min-width:5.25rem}.el-explain{border:2px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--card);border-inline-start-width:6px;gap:.35rem;padding:.9rem 1.1rem;display:grid}.el-explain-title{font-weight:750;font-size:var(--text-body-lg)}.el-meaning{gap:.6rem;display:grid}.el-example{font-size:var(--text-body-sm);gap:.35rem;padding-inline-start:1.4rem;list-style:decimal;display:grid}.el-example li::marker{font-family:var(--font-mono);font-weight:700}.el-limit{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);font-size:var(--text-body-sm);color:var(--muted-foreground);padding:.75rem .9rem}.el-takeaway{border-radius:var(--radius-xl);background:var(--inverse);color:var(--inverse-foreground);padding:.9rem 1rem;font-weight:600}.el-learn-intro{gap:1.25rem;max-width:48rem;margin-bottom:1.5rem;display:grid}.el-passage p{text-wrap:pretty;max-width:42rem;line-height:1.65}.el-passage p+p{margin-top:.75rem}.el-passage-next{font-weight:700}
.el-label{border:1.5px solid var(--border-strong);background:var(--card);min-height:1.5rem;color:var(--foreground);white-space:nowrap;box-shadow:0 2px 0 0 var(--border-strong);transition-property:background-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.6875rem;font-weight:700;line-height:1.1;display:inline-flex;position:relative}.el-label:after{content:"";position:absolute;inset:-.5rem -.25rem}@media (max-width:30rem){.el-label{padding-inline:.4rem;font-size:.625rem}}.el-label[data-popup-open]{background:var(--primary);color:var(--primary-foreground)}@media (hover:hover){.el-label:hover{background:var(--primary);color:var(--primary-foreground)}}.el-code{border:var(--border-strong-width) solid var(--border-strong);border-radius:var(--radius-xl);background:var(--inverse);color:var(--inverse-foreground);overflow:hidden}.el-code figcaption{border-bottom:1px solid var(--inverse-raised);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--inverse-muted-foreground);align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.el-code-dots{gap:.3rem;display:flex}.el-code-dots i{background:var(--inverse-muted-foreground);border-radius:50%;width:.45rem;height:.45rem}.el-code-lines{font-family:var(--font-mono);font-variant-ligatures:none;padding-block:.75rem;font-size:.8125rem;line-height:1.9}.el-code-lines li{transition-property:background-color,color,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard);border-inline-start:4px solid #0000;grid-template-columns:2.25rem minmax(0,1fr);padding-inline-end:1rem;display:grid}.el-code-lines code{white-space:pre-wrap;overflow-wrap:anywhere}.el-code-number{text-align:end;color:var(--inverse-muted-foreground);opacity:.7;padding-inline-end:.85rem}.el-code-lines .el-code-current{border-inline-start-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.el-code-current .el-code-number{color:var(--primary-foreground);opacity:1}.el-check{align-content:start;gap:.75rem;display:grid}.el-check-question{font-weight:750;font-size:var(--text-body-lg);line-height:1.35}.el-check-hint{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-top:-.4rem}.el-check-options{gap:.5rem}.el-check-option{border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--card);cursor:pointer;min-height:3rem;transition-property:border-color,background-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard);align-items:center;gap:.85rem;padding:.6rem .9rem;display:flex}.el-check-option[data-chosen]{border-color:var(--border-strong);background:var(--muted)}.el-check-options[data-disabled] .el-check-option{cursor:default}@media (hover:hover){.el-check-options:not([data-disabled]) .el-check-option:hover{border-color:var(--border-strong)}}.el-check-error{font-size:var(--text-body-sm);color:var(--destructive);font-weight:600}.el-check-submit{justify-self:start}.el-locked{font-size:var(--text-body-sm);color:var(--muted-foreground)}.el-locked strong{color:var(--foreground);font-family:var(--font-mono)}.el-chips{flex-wrap:wrap;gap:.4rem;display:inline-flex}.el-chip{border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--card);min-width:2.25rem;height:2.25rem;font-family:var(--font-mono);justify-content:center;align-items:center;padding-inline:.45rem;font-weight:700;display:inline-flex}.el-trace{border:2px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--card)}.el-trace-trigger{border-radius:calc(var(--radius-xl) - 2px);text-align:start;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3rem;padding:.75rem 1.1rem;font-weight:700;display:flex}.el-trace-trigger svg{width:1.2rem;height:1.2rem;transition:rotate var(--duration-base) var(--ease-standard);flex:none}.el-trace-trigger[data-panel-open] svg{rotate:180deg}.el-trace-panel ol{gap:.25rem;padding:0 .6rem .6rem;display:grid}.el-trace-panel li{border-radius:var(--radius-lg);font-size:var(--text-body-sm);gap:.2rem;padding:.65rem .75rem;display:grid}.el-trace-panel li[aria-current=step]{background:var(--muted);box-shadow:inset 4px 0 0 var(--primary-foreground)}.el-trace-title{font-weight:700}.el-trace-title code{font-family:var(--font-mono);font-weight:400;font-size:var(--text-caption);color:var(--muted-foreground);overflow-wrap:anywhere;display:block}.el-trace-state{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--muted-foreground)}.el-try{gap:.85rem;display:grid}.el-turn{border:2px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--card);border-inline-start-width:6px;gap:.6rem;padding:.9rem 1.1rem;display:grid}.el-turn-choices{flex-wrap:wrap;gap:.6rem;display:flex}.el-turn-choice{height:auto;min-height:3rem;padding-block:.4rem}.el-turn-queue{font-weight:500;font-size:var(--text-body-sm)}.el-turn-feedback:empty{display:none}.el-turn-done{gap:.75rem;display:grid}.el-check-stage{gap:1.25rem;max-width:44rem;display:grid}.el-check-block{border:2px solid var(--border-strong);border-radius:var(--radius-xl);gap:.75rem;padding:1rem 1.15rem;display:grid}.el-check-number{background:var(--inverse);width:1.75rem;height:1.75rem;color:var(--inverse-foreground);font-family:var(--font-mono);font-size:var(--text-caption);vertical-align:.1em;border-radius:50%;justify-content:center;align-items:center;margin-inline-end:.35rem;display:inline-flex}.el-check-hint .el-chips{vertical-align:middle;margin-inline-start:.35rem}.el-score strong{font-family:var(--font-mono)}
html:has(.el-lesson-toolbar){scroll-padding-block-start:10rem}.el-lesson-toolbar{z-index:30;border-block-end:1px solid var(--border);background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;min-width:0;padding-block:.5rem;display:flex;position:sticky;inset-block-start:0}.el-lesson-toolbar .el-stages{min-width:0;max-width:100%}.el-lesson-toolbar .el-stages ol{flex-wrap:wrap;display:flex}.el-lesson-toolbar .el-stages li{flex:1 0 auto}.el-lesson-toolbar .el-stage-button{justify-content:center;width:100%}.el-lesson-toolbar .el-explanation-toggle{flex-wrap:wrap;max-width:100%;padding-inline:.25rem}.el-lesson :is(.el-header,.el-heading,.el-session,.el-session>div,.el-reading){min-width:0}.el-lesson .el-heading [data-slot=badge]{white-space:normal;height:auto}.el-lesson .el-next{white-space:normal;max-width:100%;height:auto;min-height:2.75rem;padding-block:.5rem}@media (max-width:40rem){.el-lesson-toolbar{flex-direction:column;align-items:stretch}.el-lesson-toolbar .el-explanation-toggle{align-self:flex-start}}