.lr-lesson{--lesson-sheen: rgba(255,255,255,.72);--lesson-sheen-soft: rgba(255,255,255,.28);--lesson-edge: hsl(var(--ca) / .28);--lesson-shadow: 0 16px 38px rgba(0,0,0, .09);--lesson-frame-fill: radial-gradient(ellipse at 12% 0%, hsl(var(--ca) / .1), transparent 60%), linear-gradient(145deg, var(--lesson-sheen-soft), transparent 38%), hsl(var(--card) / .96);--lesson-frame-depth: inset 0 1px 0 var(--lesson-sheen), inset 0 -1px 0 hsl(var(--ca) / .08), var(--lesson-shadow)}.dark .lr-lesson{--lesson-sheen: rgba(255,255,255,.19);--lesson-sheen-soft: rgba(255,255,255,.045);--lesson-edge: hsl(var(--ca) / .46);--lesson-shadow: 0 18px 44px rgba(0,0,0,.28);--lesson-frame-fill: radial-gradient(ellipse at 12% 0%, hsl(var(--ca) / .065), transparent 60%), linear-gradient(145deg, var(--lesson-sheen-soft), transparent 38%), hsl(var(--card) / .96)}.lr-lesson .lesson-frame{min-width:0;border:1px solid var(--lesson-edge);border-radius:32px;background:var(--lesson-frame-fill);box-shadow:var(--lesson-frame-depth);color:hsl(var(--foreground))}.lr-lesson .lesson-frame:hover{transform:none}@media (max-width: 639px){.lr-lesson .lesson-frame{border-radius:24px}}@media (prefers-reduced-transparency: reduce),(forced-colors: active){.lr-lesson,.dark .lr-lesson{--lesson-sheen: transparent;--lesson-sheen-soft: transparent;--lesson-frame-fill: hsl(var(--card))}.lr-lesson .lesson-frame{backdrop-filter:none;-webkit-backdrop-filter:none}}