.study-surface{--study-ui:clamp(1rem, .8rem + .5vw, 1.35rem);width:100%;max-width:clamp(24rem,86vw,76rem);font-size:var(--study-ui);min-height:100%;line-height:1.5;overflow:visible;height:auto!important}.study-surface.flashcards{overflow-x:clip}.study-surface :where(p,span,button,h1,h2,label,select,option,div){font-size:inherit}.study-surface :where(button,a,select,input,[data-study-card]):focus-visible{outline-offset:.2rem;outline:.2rem solid #a5f3fc}.study-surface :where(button,select,a){min-height:clamp(2.75rem,2.2rem + 1vw,4rem)}.study-surface button:disabled{opacity:.4}.study-surface .study-card{overflow-wrap:anywhere;min-height:clamp(19rem,42svh,38rem)}.study-surface .study-thai,.study-surface [data-lesson-flashcard] .thai{overflow-wrap:anywhere;font-size:clamp(2.5rem,1.2rem + 4vw,6rem);line-height:1.4}.study-surface .study-phonetic{font-size:clamp(1.15rem,.85rem + 1.1vw,2rem);line-height:1.5}.study-surface .study-english{font-size:clamp(1.25rem,.9rem + 1.25vw,2.25rem);line-height:1.5}.study-surface [data-study-card]{overscroll-behavior-y:contain;touch-action:pan-y;flex-shrink:0;height:clamp(19rem,42svh,38rem);min-height:0;padding:clamp(1rem,2vw,1.5rem);overflow-y:auto}.study-surface .study-card-content{width:100%;min-height:100%;font-size:var(--study-ui);justify-content:center;gap:1rem}.study-surface .study-card-content>*{flex-shrink:0;max-width:100%}.study-surface .study-answer{min-height:clamp(4rem,3rem + 3vw,6rem)}.study-surface [data-study-workspace]{flex:none;overflow:visible}.study-surface [data-lesson-flashcard]{min-height:clamp(19rem,45svh,40rem);padding:2rem 1rem}.study-surface [data-lesson-quiz]{gap:clamp(.5rem,1vw,1rem);height:auto}.study-surface [data-lesson-quiz]>div{flex:none}.study-surface [data-lesson-quiz] .thai{font-size:clamp(1.5rem,.9rem + 2vw,3rem);line-height:1.4}.study-surface [data-lesson-quiz]>div:nth-child(2) .thai{font-size:clamp(2.5rem,1.2rem + 4vw,5rem)}.study-surface [data-lesson-quiz]>div:nth-child(3){grid-template-rows:auto!important}.study-surface [data-lesson-quiz-option]{min-height:clamp(4rem,3rem + 3vw,7rem);padding:.75rem 1rem}.study-surface [data-lesson-quiz-option] span,.study-surface [role=status] :where(p,span){white-space:normal;-webkit-line-clamp:unset;display:block;overflow:visible}.study-surface [data-lesson-quiz-option]{font-size:clamp(1.05rem,.85rem + .8vw,1.7rem)}.study-surface [role=status]{font-size:clamp(1rem,.85rem + .75vw,1.5rem)}.study-surface[data-vocabulary-page]>header nav button{flex-direction:row;gap:.5rem}@media (prefers-reduced-motion:reduce){.study-surface *,.study-surface :before,.study-surface :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}