.learn-module__QQgfDW__player{grid-template-columns:minmax(0, 1fr) var(--panel-w);grid-template-rows:var(--header-h) minmax(0, 1fr) var(--layerbar-h);grid-template-areas:"header header""stage panel""timeline timeline";height:100dvh;display:grid;overflow:hidden}.learn-module__QQgfDW__headerArea{grid-area:header}.learn-module__QQgfDW__stage{outline:none;grid-area:stage;min-width:0;min-height:0;position:relative}.learn-module__QQgfDW__topStack{justify-items:center;gap:var(--s2);display:grid}.learn-module__QQgfDW__stepPill{gap:var(--s2);border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass);max-width:min(560px,60vw);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-float);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:6px 14px;display:flex;overflow:hidden}.learn-module__QQgfDW__stepPill span:last-child{text-overflow:ellipsis;overflow:hidden}.learn-module__QQgfDW__context{font-size:var(--text-sm);color:var(--ink-2);gap:2px;display:grid}.learn-module__QQgfDW__exit{top:var(--inset);right:var(--inset);z-index:var(--z-stage);align-items:center;gap:var(--s2);min-height:var(--control-sm);padding:0 var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-soft);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-2);text-decoration:none;display:inline-flex;position:absolute}.learn-module__QQgfDW__exit:hover{color:var(--ink)}.learn-module__QQgfDW__returnBtn{left:50%;bottom:var(--inset);z-index:var(--z-stage);min-height:var(--control-md);padding:0 var(--s4);border:1px solid var(--accent);border-radius:var(--radius-pill);background:var(--bg-elev);box-shadow:var(--shadow-float);color:var(--accent);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;position:absolute;transform:translate(-50%)}.learn-module__QQgfDW__panel{border-left:1px solid var(--rule);background:var(--bg-elev);flex-direction:column;grid-area:panel;min-height:0;display:flex}.learn-module__QQgfDW__panelBody{gap:var(--s4);min-height:0;padding:var(--s5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.learn-module__QQgfDW__panelFoot{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--rule);display:flex}.learn-module__QQgfDW__panelFoot button:disabled{opacity:.4;cursor:default}.learn-module__QQgfDW__stepCard{gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--rule);animation:learn-module__QQgfDW__rise var(--dur-standard) var(--ease);display:grid}.learn-module__QQgfDW__points{gap:var(--s2);padding-left:var(--s4);font-size:var(--text-sm);color:var(--ink-2);margin:0;display:grid}.learn-module__QQgfDW__refs{font-size:var(--text-xs);color:var(--ink-3);margin:0}.learn-module__QQgfDW__feedback{gap:var(--s2);padding:var(--s3);border-radius:var(--radius);font-size:var(--text-sm);align-items:baseline;margin:0;display:flex}.learn-module__QQgfDW__correct{background:var(--success-a10);color:var(--success)}.learn-module__QQgfDW__wrong{background:var(--safety-a10);color:var(--safety)}.learn-module__QQgfDW__doneCard{gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--rule);animation:learn-module__QQgfDW__rise var(--dur-standard) var(--ease);justify-items:start;display:grid}.learn-module__QQgfDW__doneIcon,.learn-module__QQgfDW__gateIcon{background:var(--success-a10);width:44px;height:44px;color:var(--success);border-radius:50%;place-items:center;display:grid}.learn-module__QQgfDW__gateIcon{background:var(--bg-sunk);color:var(--ink-2)}.learn-module__QQgfDW__gate{place-content:center;justify-items:center;gap:var(--s3);height:100%;padding:var(--s6);text-align:center;background:radial-gradient(60% 60% at 50% 45%, var(--bg-elev), var(--bg));display:grid}.learn-module__QQgfDW__timeline{align-items:center;gap:var(--s4);padding:0 var(--s5);border-top:1px solid var(--rule);background:var(--bg);grid-area:timeline;display:flex}.learn-module__QQgfDW__play{width:var(--control-md);height:var(--control-md);border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:50%;flex:none;place-items:center;display:grid}.learn-module__QQgfDW__ticks{flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.learn-module__QQgfDW__ticks li{flex:1;min-width:0}.learn-module__QQgfDW__ticks button{text-align:left;background:0 0;border:0;gap:6px;width:100%;padding:6px 0;display:grid}.learn-module__QQgfDW__tickBar{border-radius:var(--radius-pill);background:var(--rule);height:3px;display:block;position:relative;overflow:hidden}.learn-module__QQgfDW__ticks button[data-state=done] .learn-module__QQgfDW__tickBar,.learn-module__QQgfDW__ticks button[data-state=current] .learn-module__QQgfDW__tickBar{background:var(--accent)}.learn-module__QQgfDW__ticks button[data-state=current] .learn-module__QQgfDW__tickBar:has(.learn-module__QQgfDW__tickFill){background:var(--accent-a20)}.learn-module__QQgfDW__ticks button[data-quiz=true] .learn-module__QQgfDW__tickBar{outline:1px dashed var(--accent-a45);outline-offset:2px}.learn-module__QQgfDW__tickFill{background:var(--accent);transform-origin:0;animation:linear forwards learn-module__QQgfDW__fill;position:absolute;inset:0}.learn-module__QQgfDW__tickLabel{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-xs);color:var(--ink-3);overflow:hidden}.learn-module__QQgfDW__ticks button[data-state=current] .learn-module__QQgfDW__tickLabel{color:var(--ink)}.learn-module__QQgfDW__count{flex:none}@keyframes learn-module__QQgfDW__fill{0%{transform:scaleX(0)}}@keyframes learn-module__QQgfDW__rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1199px){.learn-module__QQgfDW__context{display:none}}@media (max-width:767px){.learn-module__QQgfDW__player{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-h) minmax(0, 1fr) var(--layerbar-h) minmax(0, 38dvh);grid-template-areas:"header""stage""timeline""panel"}.learn-module__QQgfDW__panel{border-left:0;border-top:1px solid var(--rule)}.learn-module__QQgfDW__panelBody{padding:var(--s4)}.learn-module__QQgfDW__panelBody>h1,.learn-module__QQgfDW__tickLabel{display:none}.learn-module__QQgfDW__timeline{padding:0 var(--s4)}.learn-module__QQgfDW__stepPill{max-width:calc(100vw - 2 * (var(--inset) + 48px))}.learn-module__QQgfDW__exitLabel{display:none}.learn-module__QQgfDW__exit{width:var(--control-sm);justify-content:center;padding:0}}