body.tablet-mode{overflow:auto;background:#faf8f1}.tablet-header{display:flex;align-items:center;gap:14px;padding:20px 28px;background:#fffdf8;border-bottom:1px solid #dbe0d2}.tablet-header b{font-size:22px}.tablet-header small{display:block;font-size:13px;color:#73806b;margin-top:4px}.tablet-personal{margin-left:auto;font-size:13px;color:#62785c}.tablet-tabs{display:flex;gap:12px;padding:18px 28px;max-width:1200px;margin:auto}.tablet-tabs button{flex:1;min-height:56px;border-radius:14px;background:#e9eddf;font-size:18px;font-weight:700}.tablet-tabs button[aria-current]{background:#24523d;color:#fff8e9}.tablet-main{max-width:1200px;margin:auto;padding:10px 28px 35px}.tablet-heading h1{font-size:30px;line-height:1.5;margin-bottom:10px}.tablet-heading p{font-size:18px;line-height:1.8;color:#62705b}.tablet-heading{margin-bottom:24px}.tablet-mode .btn,.tablet-mode .word-chips button,.tablet-mode .jamo,.tablet-mode select{min-height:48px}.tablet-mode input,.tablet-mode textarea{font-size:19px;padding:14px 16px}.tablet-mode label{font-size:17px}.tablet-mode .word-chips button{font-size:16px;padding:10px 16px}.tablet-mode .quiz-options button{min-height:70px}.tablet-mode .note-workshop{padding:26px}.tablet-footnote{font-size:13px;line-height:1.8;color:#78816e;margin:28px 0 0}.tablet-complete{text-align:center;background:#e7eeda;padding:50px;border-radius:24px}.tablet-complete>span{font-size:64px;color:#32613c}.classroom-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.classroom-code svg{width:min(400px,100%);margin-top:0}.classroom-code{background:#fff;padding:15px;border-radius:16px;min-height:280px}.classroom-code p{font-size:14px}.classroom-qr-setup .btn{margin-top:16px;min-height:48px}.classroom-qr-setup .feedback{font-size:14px;padding:14px}.classroom-steps{font-size:17px;line-height:2}.qr-unavailable{text-align:center;margin:auto;color:#8b5d31;line-height:1.9}.presentation-mode .presenter-top .btn{min-height:42px;font-size:14px}.presentation-mode .presenter-actions .btn{min-height:52px}.presentation-mode .presenter-actions [data-action=next]{min-width:145px;font-size:18px}.presentation-mode .modal.wide{width:min(1080px,94vw)}
.quiz-panel>.speak-btn{margin:0 0 18px}.quiz-option-row{display:flex;gap:10px;align-items:stretch}.quiz-option-row>[data-quiz-option]{flex:1;min-width:0}.quiz-options .quiz-option-row .speak-btn{flex:0 0 64px;justify-content:center;padding:0;background:#fffdf7;border:2px solid #dce3ce;font-size:24px}.spoken-row{margin-top:12px}.reveal-lock{margin:12px 0 0}
@media(max-width:850px){.tablet-main{padding:8px 20px 30px}.tablet-tabs{padding:16px 20px;gap:8px}.tablet-tabs button{font-size:16px}.tablet-mode .split-scene,.tablet-mode .redesign-workshop{grid-template-columns:1fr}.tablet-mode .split-scene>.lesson-picture{height:200px;min-height:200px}.tablet-mode .original-notice .lesson-picture{display:none}.tablet-mode .original-notice blockquote{margin:12px 0}.tablet-header{padding:16px 20px}.classroom-qr-grid{grid-template-columns:1fr}.classroom-code svg{width:300px}.tablet-personal{display:none}}
@media(max-width:520px){.tablet-tabs button{font-size:13px}.tablet-heading h1{font-size:25px}.presenter-top-tools{gap:3px}.presentation-mode .presenter-top .btn{font-size:11px;padding:6px 8px}.presentation-mode .presenter-actions [data-action=next]{min-width:88px;font-size:14px}.tablet-header b{font-size:20px}}