.note-editor-form{display:flex;flex-direction:column;gap:12px;min-width:0}.note-editor-form textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:120px;font:inherit;line-height:1.7;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface,#fff)}.note-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding-block:4px}.note-actions .primary{min-height:44px;min-width:116px;padding:9px 18px}.note-save-status{color:var(--muted);font-size:12px;line-height:1.5}.note-context{margin-bottom:10px}.note-context summary{color:var(--muted);font-size:12px;cursor:pointer}.real-subtitles{scrollbar-gutter:stable;overflow-anchor:none}.real-subtitles .spoken-word{box-decoration-break:clone;-webkit-box-decoration-break:clone}.real-subtitles .subtitle.current{animation:none;transition:background-color .15s,border-color .15s}
@media(max-width:900px){
 input,textarea,select{font-size:16px}.note-editor-form textarea{font-size:16px;min-height:120px}.note-actions{gap:8px}.note-save-status{flex:1;min-width:100px}dialog.wide-learning{top:var(--lesson-top,0px);bottom:auto;height:var(--lesson-height,100dvh);max-height:var(--lesson-height,100dvh)}
 body.keyboard-open:not(.learning-open) #app{padding-bottom:calc(100dvh - var(--visible-height,100dvh) + 100px)}body.keyboard-open>footer{display:none}
 .real-subtitles .subtitle>span{min-height:2.25em}.real-subtitles .spoken-word{transition:none!important}.real-subtitles .subtitle-row{overflow-anchor:none}
 body:has(.pv3[data-practice-view=quiz])>header{display:none}body:has(.pv3[data-practice-view=quiz])>footer{margin-top:20px}.pv3[data-practice-view=quiz]{margin-top:10px;margin-bottom:16px}.pv3[data-practice-view=quiz] .practice-title{display:none}.pv3[data-practice-view=quiz] .pv3-top{margin-bottom:12px}.pv3[data-practice-view=quiz] .pv3-quiz-toolbar{margin-bottom:10px;gap:6px}.pv3[data-practice-view=quiz] .question-card{padding:16px 14px;min-width:0}.pv3[data-practice-view=quiz] .question-card h2{font-size:19px;margin:12px 0}.pv3[data-practice-view=quiz] .question-progress{margin:10px 0}.pv3[data-practice-view=quiz] .cloze-sentence{font-size:21px!important;padding:12px 10px;line-height:1.85;margin:10px 0;overflow-wrap:anywhere}.pv3[data-practice-view=quiz] .answer{font-size:18px;min-height:48px}.pv3[data-practice-view=quiz] .controls{gap:7px;flex-wrap:wrap}.pv3[data-practice-view=quiz] .controls button{font-size:13px;min-height:42px;padding:8px 11px}.pv3[data-practice-view=quiz] .practice-answer-actions{display:grid;grid-template-columns:1fr 1fr}.pv3[data-practice-view=quiz] .question-meta{gap:8px;font-size:11px}.pv3[data-practice-view=quiz] .question-meta b{white-space:nowrap}.pv3[data-practice-view=quiz] .pv3-question-nav{padding-top:12px;margin-top:14px}.pv3[data-practice-view=quiz] .pv3-rules{font-size:10px;margin-top:12px}
 .keyboard-open .keyboard-actions{position:fixed!important;z-index:100;left:0;right:0;bottom:var(--keyboard-inset,0px);margin:0!important;padding:10px 12px max(10px,env(safe-area-inset-bottom,0px))!important;background:var(--surface,#fffaf5);border-top:1px solid var(--line);box-shadow:0 -4px 18px #0000000a;display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.keyboard-open .keyboard-actions button{flex:1;min-width:0;min-height:44px!important;font-size:14px!important;white-space:normal}.keyboard-open .note-actions.keyboard-actions{max-height:90px}.keyboard-open .note-actions.keyboard-actions .note-save-status{flex:1;min-width:0}.keyboard-open .note-actions.keyboard-actions button{flex:0 0 112px}
 .keyboard-open dialog.wide-learning .video-column{display:none}.keyboard-open dialog.wide-learning .learning-tools{display:none}.keyboard-open dialog.wide-learning .lesson-head{min-height:40px;padding-block:3px}.keyboard-open dialog.wide-learning .lesson-head h2{-webkit-line-clamp:1}.keyboard-open dialog.wide-learning .learning-column{flex:1;min-height:0}.keyboard-open dialog.wide-learning .practice{scroll-padding-bottom:90px;padding-bottom:90px}.keyboard-open .note-editor-form textarea{min-height:90px;max-height:160px}.keyboard-open .exercise-heading .mini-mascot{display:none}.keyboard-open .video-cloze .exercise-heading h3{font-size:17px}.keyboard-open .video-cloze .cloze-sentence{margin:6px 0;padding:8px;font-size:18px!important}.keyboard-open .video-cloze .notice{display:none}
 .keyboard-open .pv3[data-practice-view=quiz] .pv3-top,.keyboard-open .pv3[data-practice-view=quiz] .pv3-quiz-toolbar,.keyboard-open .pv3[data-practice-view=quiz] .question-card>h2,.keyboard-open .pv3[data-practice-view=quiz] .question-progress,.keyboard-open .pv3[data-practice-view=quiz] .pv3-rules,.keyboard-open .pv3[data-practice-view=quiz] .pv3-question-nav{display:none}.keyboard-open .pv3[data-practice-view=quiz]{margin-top:4px}.keyboard-open .pv3[data-practice-view=quiz] .question-card{padding:10px 12px}.keyboard-open .pv3 .question-card{scroll-padding-bottom:90px}.keyboard-open .pv3 .question-card .cloze-sentence{margin:6px 0}.keyboard-open .pv3 .question-card>.notice{margin:5px 0;font-size:11px}.keyboard-open .pv3 .question-card .controls{margin-block:6px}body.keyboard-open:has([data-note]:focus)>header,body.keyboard-open:has([data-note]:focus)>footer{display:none}.keyboard-open .book-item{scroll-margin-bottom:95px}
}