.ready-link{display:inline-flex;min-height:56px;align-items:center;justify-content:center;text-decoration:none;padding:14px 24px;border-radius:14px;font-weight:750;font-size:18px}.library-hero .ready-note{font-size:12px!important;line-height:1.8}.ready-course{padding:15px}.tablet-type-tools,.tablet-tools{display:none}.tablet-mode-toggle{font-size:13px;min-height:48px!important;touch-action:manipulation}.tablet-result{color:#c7e894;font-size:12px;margin-left:auto;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tablet-practice #recordStatus{flex:1;min-width:0}
html{-webkit-text-size-adjust:100%}.tablet-practice{overflow:hidden;overscroll-behavior:none}.tablet-practice .topbar{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px;gap:8px}.tablet-practice .topbar .back{min-height:48px;display:flex;align-items:center}.tablet-practice .topbar button{min-height:48px;padding:8px 12px}.tablet-practice main>.heading,.tablet-practice .lesson-heading{display:none}.tablet-practice main{padding:0!important}.tablet-practice .workspace{position:fixed;top:var(--practice-header,66px);left:0;right:0;height:calc(var(--practice-height,100dvh) - var(--practice-header,66px));padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:'picture script' 'recorder recorder';gap:12px;align-items:stretch;max-width:1440px;margin:auto;overflow:hidden}
.tablet-practice .screen-column,.tablet-practice .record-column{display:contents!important}.tablet-practice .screen-column>:not(.screen),.tablet-practice .record-column>:not(.script-card):not(.recorder){display:none!important}.tablet-practice .screen{grid-area:picture;aspect-ratio:auto!important;width:100%;height:100%;min-height:0;margin:0;border-radius:16px}.tablet-practice .screen video,.tablet-practice .screen iframe{width:100%!important;height:100%!important;object-fit:contain}.tablet-practice .screen .film-caption{display:none!important}.tablet-practice .script-card{grid-area:script;min-width:0;min-height:0;max-height:100%;overflow:auto;padding:20px!important;margin:0;border-radius:16px;display:flex;flex-direction:column;justify-content:center}.tablet-practice .script-card .speaker,.tablet-practice .script-card .acting-tip,.tablet-practice .script-card #editCueBtn{display:none}.tablet-practice .script-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px;flex-shrink:0}.tablet-practice .script-top button{min-height:48px;font-size:14px;padding:8px;color:#425e42;background:#223b2210;border:1px solid #425e4230}.tablet-practice .script-card #english{font-size:var(--practice-font,32px)!important;line-height:1.45!important;letter-spacing:0!important;margin:6px 0 12px;overflow-wrap:anywhere;flex-shrink:0}.tablet-practice .script-card #chinese{font-size:18px!important;line-height:1.6;color:#596e60;margin:0;flex-shrink:0}.tablet-practice .tablet-type-tools{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.tablet-type-tools button{min-height:48px;min-width:48px;color:#314f3a!important;border:1px solid #314f3a40!important;background:#314f3a09!important;font-size:17px}.tablet-practice .recorder{grid-area:recorder;display:grid;grid-template-columns:1fr;gap:8px;padding:12px 16px!important;margin:0;min-height:0!important;background:#17333d;border:1px solid #ffffff25;border-radius:16px}.tablet-practice .recorder-top{margin:0;font-size:14px;line-height:1.5}.tablet-practice .recorder-top #timer{font-size:17px;font-variant-numeric:tabular-nums}.tablet-practice .meter{margin:0;height:4px}.tablet-practice #recordBtn{position:static!important;width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;font-size:20px!important;border-radius:12px!important;box-shadow:none!important}.tablet-practice .recorder>.record-note,.tablet-practice .recorder>.auto-next,.tablet-practice #takePanel{display:none!important}.tablet-practice .tablet-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tablet-tools button{min-height:50px;font-size:16px;border-radius:10px;padding:7px;white-space:nowrap;touch-action:manipulation}.tablet-practice dialog{max-height:calc(var(--practice-height,100dvh) - 32px)}.tablet-practice .global-status{z-index:50}.tablet-practice input,.tablet-practice select,.tablet-practice textarea{font-size:16px!important}
@media(orientation:portrait){.tablet-practice .workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(200px,.78fr) auto;grid-template-areas:'picture' 'script' 'recorder';gap:10px}.tablet-practice .script-card{padding:16px 20px!important;position:relative}.tablet-practice .tablet-type-tools{position:absolute;right:12px;top:10px}.tablet-practice .script-top{padding-right:118px}.tablet-practice .script-card #english{margin-top:12px}}
@media(max-width:600px){.tablet-practice .studio-mark{display:none}.tablet-practice .topbar{flex-wrap:nowrap}.tablet-practice .topbar button{font-size:12px;padding:8px}.tablet-practice .workspace{padding-left:8px;padding-right:8px;gap:8px}.tablet-practice .tablet-tools{gap:5px}.tablet-tools button{font-size:12px}.tablet-practice .recorder{padding:9px!important}.tablet-practice .recorder-top{font-size:12px}.tablet-practice .script-card #english{font-size:min(var(--practice-font),30px)!important}.tablet-practice .script-card #chinese{font-size:16px!important}.tablet-practice .script-card{padding:14px!important}.tablet-practice .script-top{font-size:10px;padding-right:104px}.tablet-practice .script-top button{font-size:11px}.tablet-practice .tablet-type-tools{gap:3px}.tablet-type-tools button{min-width:46px}.tablet-practice .workspace{grid-template-rows:minmax(120px,1fr) minmax(190px,.9fr) auto}}
@media(orientation:landscape) and (max-height:650px){.tablet-practice .workspace{gap:8px;padding-top:6px}.tablet-practice .recorder{grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);grid-template-areas:'status status' 'record tools';padding:8px 12px!important}.tablet-practice .recorder-top{grid-area:status}.tablet-practice .meter{display:none}.tablet-practice #recordBtn{grid-area:record}.tablet-practice .tablet-tools{grid-area:tools}.tablet-practice .script-card{padding:12px!important}.tablet-practice .script-card #english{font-size:min(var(--practice-font),30px)!important}.tablet-practice .tablet-type-tools{display:none}}