.learn-session.lv2{--community-ink:#042b61;--community-navy:#042b61;--community-slate:#566179;height:var(--learn-session-height,100dvh);background:#fdfaf9;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:820px;margin:0 auto;font-size:1rem;line-height:1.5;display:grid;overflow:hidden}.learn-session :is(h1,h2,h3,p){overflow-wrap:anywhere}.learn-session :is(button,a,input,select,summary){touch-action:manipulation}.learn-session :is(button,a,summary){min-width:44px;min-height:44px}.learn-session :is(button,input,select){font:inherit}.learn-session :focus-visible{outline-offset:3px;outline:3px solid #042b61}.learn-session .learn-session-header{padding:calc(8px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));max-height:calc(var(--learn-session-height,100dvh) * .3);border-bottom:1px solid #e8e1de;align-items:center;gap:12px;min-height:0;display:flex;overflow:auto}.learn-session .learn-session-exit{background:#e9e3f5;border-radius:14px;flex-shrink:0;align-self:flex-start;place-items:center;width:44px;font-size:1.75rem;text-decoration:none;display:grid}.learn-session-heading{flex:1;min-width:0}.learn-session .learn-session-heading h1{letter-spacing:0;margin:0;font:600 1rem/1.4 Be Vietnam Pro,sans-serif}.learn-session .learn-session-heading p{margin:4px 0 0;font-size:.875rem}.learn-session .learn-session-heading progress{height:6px;margin:8px 0 0}.learn-session .learn-session-middle{overscroll-behavior:contain;min-width:0;min-height:0;padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));scroll-padding:16px;overflow:auto}.learn-session .learn-practice-stage{box-shadow:none;outline-offset:4px;background:0 0;border:0;border-radius:0;margin:0;padding:0}.learn-session .learn-session-actions{min-height:0;max-height:calc(var(--learn-session-height,100dvh) * .35);padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#fff;border-top:1px solid #e8e1de;overflow:auto}.learn-session .learn-session-actions:empty{border:0;padding-block:0}.learn-session-action-group{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.learn-session .learn-session-action-group{flex-direction:column;align-items:stretch}.learn-session .learn-session-action-group>.learn-text-button{text-align:center}.learn-session .learn-button{min-height:48px;box-shadow:none;background:#042b61;border-radius:14px;padding:10px 16px;font-size:1rem}.learn-session .learn-button:hover{background:#042b61}.learn-session .learn-button-secondary{background:#fff}.learn-session .learn-text-button{font-size:1rem}.learn-session :is(.learn-study-heading h2,.learn-exercise>h2,.learn-feedback h2,.learn-start h2,.learn-finish h2){margin:0 0 12px;font-size:1.375rem}.learn-session p{margin:0 0 12px}.learn-session .learn-study>.learn-muted{font-size:1rem}.learn-session .learn-study-card{border-radius:16px;margin-top:12px;padding:16px}.learn-session .learn-study-card .learn-audio{margin:12px 0}.learn-session .learn-spoken{font-size:1.375rem;line-height:1.45}.learn-session .learn-study-meaning{margin-top:12px;padding-top:12px}.learn-session .learn-study-meaning p{font-size:1.0625rem}.learn-session .learn-study-actions{flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin:0;display:flex}.learn-session .learn-study-actions .learn-button{flex:1;padding:10px 12px;font-size:1rem}.learn-session .learn-study-actions .learn-text-button,.learn-session :is(.learn-translation,.learn-choices label,.learn-choices small,.lv2-object-choice-text,.learn-start>p,.learn-client-intro p){font-size:1rem}.learn-session :is(.learn-study-label,.learn-study-meaning>span,.learn-study-heading>span,.lv2-role-label,.learn-audio-status,.learn-practice-note,.learn-self-repeat>small){font-size:.875rem}.learn-session .learn-audio-toolbar{gap:8px}.learn-session .learn-audio-options{gap:4px}.learn-session .learn-audio-options button{padding:7px 9px;font-size:.875rem}.learn-session .learn-audio-options button span{font-size:.8125rem}.learn-session .learn-audio .learn-audio-status{margin:8px 0;font-size:.875rem}.learn-session .learn-audio summary{align-items:center;font-size:.875rem;text-decoration:underline;display:flex}.learn-session .lv2-coaching{border-radius:14px;padding:12px;margin:0 0 12px!important}.learn-session .learn-choices{gap:8px;margin:8px 0}.learn-session .learn-choices label{border-radius:14px;min-height:48px;padding:12px}.learn-session .lv2-object-choices label{grid-template-columns:20px 48px minmax(0,1fr);gap:8px;min-height:72px;padding:8px 12px}.learn-session .lv2-choice-art{width:48px}.learn-session .learn-answer-fields{min-width:0;margin:0}.learn-session .learn-matches select{min-width:0;max-width:100%}.learn-session .learn-exercise{padding:0}.learn-session .learn-feedback{border-radius:16px;margin:0;padding:16px}.learn-session .learn-complete{padding:16px 0}.learn-session .learn-complete h2{font-size:1.75rem}.learn-session .learn-practice-note{margin:12px 0 0!important}.learn-session-references{flex-wrap:wrap;gap:0 16px;margin-top:12px;display:flex}.learn-session .learn-session-references>.learn-text-button{font-size:.875rem}.learn-session-panel{width:min(680px,100% - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#042b61;background:#fdfaf9;border:1px solid #dcd8eb;border-radius:20px;margin:auto;padding:0;overflow:hidden}.learn-session-panel[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.learn-session-panel::backdrop{background:#17244780}.learn-session-panel-heading{border-bottom:1px solid #dcd8eb;align-items:flex-start;gap:12px;max-height:30dvh;padding:12px 16px;display:flex;overflow:auto}.learn-session .learn-session-panel-heading h2{flex:1;align-self:center;margin:0;font-size:1.125rem}.learn-session-panel-heading button{flex-shrink:0}.learn-session-panel-body{overscroll-behavior:contain;min-height:0;padding:16px;overflow:auto}.learn-session-panel-body>a{align-items:center;display:flex}.learn-session :is(.lv2-dialogue,.learn-phrasebook){background:0 0;border:0;margin:0;padding:0}.learn-session .lv2-dialogue-prompt,.learn-session .lv2-dialogue-reply{margin-inline:0;padding:12px}@media (height<=640px){.learn-session .learn-session-middle{padding-block:12px}.learn-session .lv2-object-choices label{grid-template-columns:20px 36px minmax(0,1fr);min-height:56px}.learn-session .lv2-choice-art{width:36px}}
