/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer legacy{@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-20{margin:calc(var(--spacing) * 20)}.m-185{margin:calc(var(--spacing) * 185)}.m-254{margin:calc(var(--spacing) * 254)}.m-630{margin:calc(var(--spacing) * 630)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.table-column{display:table-column}.h-24{height:calc(var(--spacing) * 24)}.h-46{height:calc(var(--spacing) * 46)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.strokeFoundationGuide{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,16px);max-width:760px;margin:auto;display:flex}.strokeFoundationGuide svg{background:#fff;border:2px solid #c6e5f5;border-radius:20px;width:clamp(140px,24vh,280px);max-height:30vh}.strokeFoundationGuide h1{font-size:clamp(22px,3.5vw,38px)}.strokeFoundationGuide p{font-size:clamp(17px,2vw,24px);line-height:1.4}:root{--ivory:#fffdf7;--sky:#f0f8ff;--blue:#1479c9;--navy:#123b5d;--yellow:#ffd166;--green:#06d6a0;--coral:#ff7d6e;--line:#d9e9f2;--header-height:88px;--viewport-pad-x:clamp(22px, 4vw, 64px);--viewport-pad-y:clamp(18px, 2.8vh, 32px);--action-height:48px;--touch-target:44px;--focus-ring:#7c3aed}.guideMelodyButton{color:#174f77;background:#fff;border:2px solid #2f6f9f;border-radius:999px;align-self:center;min-height:44px;padding:.55rem 1rem;font-weight:800}.guideMelodyButton:focus-visible{outline-offset:3px;outline:3px solid #f6b93b}.progressSaveNotice{color:#674917;background:#fff0c2;flex:none;justify-content:center;align-items:center;gap:12px;padding:6px 12px;font-size:14px;display:flex}.progressSaveNotice button{font:inherit;cursor:pointer;background:#fff;border:2px solid #a7781c;border-radius:10px;flex-shrink:0;padding:6px 10px}.courseScreen .schoolCourseCards{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:12px;width:min(100%,1050px);max-height:none}.courseScreen .schoolCourseCards button{gap:3px;min-height:120px;padding:14px}.courseScreen .schoolCourseCards button>span{font-size:27px}.courseScreen .schoolCourseCards button>b{margin:0;font-size:25px}.courseScreen .schoolCourseCards button>i,.courseScreen .schoolCourseCards button>small{margin:0;font-size:12px}.courseScreen .schoolCourseCards button:disabled{cursor:default;opacity:.65}.courseScreen .schoolCourseCards button:disabled:hover{transform:none}@media (width<=680px){.courseScreen .schoolCourseCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.courseScreen .schoolCourseCards{grid-template-columns:1fr}.courseScreen .schoolCourseCards button{min-height:96px}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ivory);color:var(--navy);font-family:Avenir Next,Nunito,Trebuchet MS,Arial,sans-serif}a{color:inherit}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:not(.rubyHint){min-height:var(--touch-target)}.appShell{background:radial-gradient(circle at 90% 15%, #ffd16629, transparent 22%), var(--ivory);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.topBar{border-bottom:1px solid var(--line);z-index:10;background:#fffffff7;flex:0 0 78px;grid-template-columns:48px 230px minmax(220px,1fr) auto;align-items:center;gap:18px;height:78px;padding:0 clamp(18px,3vw,38px);display:grid;position:relative;box-shadow:0 4px 16px #234e690f}.backNav{border:1px solid var(--line);width:42px;height:42px;color:var(--blue);cursor:pointer;background:#f7fbfd;border-radius:14px;font-size:22px;font-weight:900}.backNav.isInvisible{visibility:hidden}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand>span{flex-direction:column;min-width:0;display:flex}.brand b{letter-spacing:1.7px;white-space:nowrap;font-size:19px;line-height:1}.brand small{color:#71899b;white-space:nowrap;margin-bottom:5px;font-size:9px;font-weight:800}.topProgress{text-align:center;width:min(520px,42vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topProgress>span{color:#627f94;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;letter-spacing:.7px;margin-bottom:6px;font-size:11px;font-weight:900;display:block;overflow:hidden}.topProgress.titleOnly>span{margin-bottom:0}.topProgress>div{background:#e8f0f4;border-radius:10px;height:9px;overflow:hidden}.topProgress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #55e1ba);height:100%;transition:width .3s;display:block}.headerActions{grid-column:4;justify-self:end;align-items:center;gap:9px;display:flex}.stats{align-items:center;display:flex}.settingsButton{min-width:44px;height:40px;color:var(--blue);cursor:pointer;background:#eef8ff;border:1px solid #cfe6f5;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.settingsButton span{font-size:20px;line-height:1}.settingsButton small{font-size:10px;font-weight:900}.heartStat{background:#fff0ef;border:1px solid #ffd3cf;border-radius:13px;align-items:center;gap:5px;height:40px;padding:0 12px;font-size:16px;display:flex}.heartStat i{color:#ff7166;font-size:19px;font-style:normal}.heartStat i.lost{color:#ced9df}.appViewport{flex:1;min-height:0;padding:clamp(16px,2.5vh,28px) clamp(18px,4vw,54px);overflow:hidden}.appLegalLinks{color:#607b8e;flex:none;justify-content:center;align-items:center;gap:9px;min-height:34px;padding:4px 16px 8px;font-size:12px;font-weight:850;display:flex}.appLegalLinks a{min-height:44px;color:var(--blue);text-underline-offset:3px;align-items:center;padding-inline:8px;display:inline-flex}.appLegalLinks a:hover,.appLegalLinks a:focus-visible{text-decoration-thickness:2px}.legalPage{background:radial-gradient(circle at 92% 8%, #ffd16638, transparent 24%), linear-gradient(180deg, #f4fbff, var(--ivory) 280px);width:100%;height:100dvh;overflow-y:auto}.legalTopBar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;grid-template-columns:44px 1fr auto auto;align-items:center;gap:14px;min-height:76px;padding:10px clamp(18px,4vw,54px);display:grid;position:sticky;top:0}.legalBack{width:42px;height:42px;color:var(--blue);background:#eef8ff;border:1px solid #cfe6f5;border-radius:14px;place-items:center;font-size:22px;font-weight:900;text-decoration:none;display:grid}.legalBrand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.legalBrand img{object-fit:contain;width:45px;height:45px}.legalBrand span{flex-direction:column;display:flex}.legalBrand b{letter-spacing:1.5px;font-size:18px}.legalBrand small{color:#71899b;margin-bottom:4px;font-size:10px;font-weight:800}.legalTopBar nav{gap:8px;display:flex}.legalTopBar nav a,.settingsLegal a{color:var(--blue);font-weight:900;text-decoration:none}.legalTopBar nav a{border-radius:12px;align-items:center;min-height:40px;padding:0 13px;display:inline-flex}.legalTopBar nav a:hover,.legalTopBar nav a:focus-visible,.settingsLegal a:hover,.settingsLegal a:focus-visible{text-underline-offset:3px;background:#e8f6ff;text-decoration:underline}.legalDocument{background:#fff;border:2px solid #cfe8f6;border-radius:30px;width:min(880px,100% - 32px);margin:clamp(24px,5vw,52px) auto 64px;padding:clamp(24px,5vw,54px);box-shadow:0 16px 42px #224d671a}.legalEyebrow{letter-spacing:1.4px;font-weight:900;color:var(--blue)!important;margin:0 0 8px!important;font-size:12px!important}.legalDocument h1{margin:0;font-size:clamp(36px,6vw,58px);line-height:1.05}.legalDate{color:#71899b;margin:10px 0 22px;font-size:14px;font-weight:800}.legalSummary{background:#edfff9;border:2px solid #a9e4d3;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:13px;margin:0 0 34px;padding:18px 20px;display:grid}.legalSummary span{font-size:27px}.legalSummary p{color:#185f51;margin:0;font-size:clamp(16px,2vw,19px);font-weight:750;line-height:1.55}.legalDocument section{border-top:1px solid var(--line);padding:22px 0}.legalDocument h2{color:var(--navy);margin:0 0 11px;font-size:clamp(21px,3vw,28px)}.legalDocument h3{color:#315c78;margin:18px 0 6px;font-size:18px}.legalDocument section p,.legalDocument li,.legalContact p{color:#4f6c80;font-size:16px;line-height:1.7}.legalDocument section p{margin:8px 0}.legalDocument ul{margin:8px 0;padding-left:24px}.legalDocument li+li{margin-top:6px}.legalContact{background:#fff8dc;border-radius:18px;margin-top:18px;padding:20px}.legalContact h2{margin-bottom:7px}.legalContact p{margin:0}.legalContact a{color:var(--blue);overflow-wrap:anywhere;font-weight:900}.settingsLegal{color:#71899b;justify-content:center;align-items:center;gap:9px;margin:4px 0 12px;font-size:12px;display:flex}@media (width<=600px){.legalTopBar{grid-template-columns:42px 1fr auto;gap:8px}.legalTopBar nav{grid-column:1/-1;justify-content:center}.legalTopBar .languageSwitch{grid-area:1/3}.legalDocument{border-radius:22px;padding:24px 19px}}.panda{z-index:2;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 8px #193d5221);width:130px;height:135px;position:relative}.panda.small{filter:none;flex:0 0 45px;width:45px;height:45px}.menuScreen{scrollbar-gutter:stable;flex-direction:column;justify-content:center;width:min(1100px,100%);height:100%;margin:0 auto;display:flex;overflow:auto}.menuHeading{text-align:center;flex:none;margin-bottom:clamp(14px,2.5vh,25px)}.menuHeading>span,.menuMascot>div>span{color:var(--blue);letter-spacing:1.3px;font-size:clamp(9px,1.1vw,12px);font-weight:900}.menuHeading h1,.menuMascot h1{margin:5px 0;font-size:clamp(30px,4vw,48px);line-height:1.05}.menuHeading p,.menuMascot p{color:#698397;margin:0;font-size:clamp(14px,1.7vw,19px)}.courseScreen{gap:clamp(15px,2vh,24px)}.menuMascot{flex:none;justify-content:center;align-items:center;gap:24px;display:flex}.courseCards{flex:0 390px;grid-template-columns:1fr 1fr;align-self:center;gap:clamp(18px,3vw,30px);width:min(850px,100%);min-height:0;display:grid}.courseCards button,.termCards button,.modeCards button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(18px,3vh,32px);transition:transform .18s,border-color .18s;display:flex;position:relative;box-shadow:0 13px 28px #28506814}.courseCards button:hover,.termCards button:hover,.modeCards button:not(.locked):hover{border-color:var(--blue)}.courseCards button>small,.termCards small,.modeCards small{color:var(--blue);letter-spacing:1.1px;margin-top:7px;font-size:clamp(9px,1vw,11px);font-weight:900}.courseCards button>b{margin-top:4px;font-size:clamp(40px,5vw,58px)}.courseCards p,.modeCards p{color:#648095;max-width:280px;margin:8px 0 14px;font-size:clamp(12px,1.4vw,16px);line-height:1.35}.courseCards i{color:#5e7a8d;background:#eef6fa;border-radius:9px;padding:6px 11px;font-size:10px;font-style:normal;font-weight:800}.termCards{flex:0 350px;grid-template-columns:repeat(3,1fr);align-self:center;gap:clamp(14px,2vw,22px);width:min(900px,100%);min-height:0;display:grid}.termCards button>b{margin:5px 0;font-size:clamp(26px,3vw,38px)}.termCards p{color:#6e8798;margin:0;font-size:15px}.termCards i{color:#805f0b;background:#fff1b8;border-radius:8px;margin-top:10px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:900}.termCards em{color:var(--blue);font-size:19px;font-style:normal;position:absolute;bottom:13px;right:15px}.unitMenu{justify-content:center}.unitCards{flex:0 480px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);align-self:center;gap:clamp(10px,1.7vw,18px);width:min(1020px,100%);min-height:0;display:grid}.unitCards.count4{grid-template-columns:1fr 1fr;max-width:780px}.unitCards button{border:2px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:20px;grid-template-columns:48px 1fr 22px;align-items:center;gap:13px;min-height:0;padding:15px;display:grid;box-shadow:0 8px 18px #2850680f}.unitCards button:hover{border-color:var(--blue)}.unitCards button>span{background:var(--yellow);color:#684f0d;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid}.unitCards button>div{min-width:0}.unitCards small{color:var(--blue);letter-spacing:1px;font-size:9px;font-weight:900}.unitCards b{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:STKaiti,KaiTi,serif;font-size:clamp(20px,2.3vw,29px);display:block;overflow:hidden}.unitCards p{color:#6e8798;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:clamp(10px,1.1vw,13px);overflow:hidden}.unitCards em{color:var(--blue);font-size:19px;font-style:normal}.modeHeading h1{font-family:STKaiti,KaiTi,serif;font-size:clamp(40px,5vw,62px)}.modeCards{flex:0 390px;grid-template-columns:repeat(3,1fr);align-self:center;gap:clamp(12px,2vw,20px);width:min(980px,100%);min-height:0;display:grid}.modeCards.hasNumbers{flex-basis:440px;grid-template-columns:repeat(2,minmax(0,1fr))}.numberModeCards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(720px,100%)}.modeCards button>b{margin-top:3px;font-size:clamp(27px,3vw,38px)}.modeCards em{background:var(--green);color:#07533f;border-radius:9px;padding:8px 13px;font-size:11px;font-style:normal;font-weight:900}.modeCards .locked{opacity:.64;cursor:not-allowed;box-shadow:none;background:#edf1f3}.modeCards .locked em{color:#738894;background:#d2dce1}.sessionScreen{grid-template-rows:32px 8px minmax(0,1fr) 58px;gap:9px;width:min(900px,100%);height:100%;margin:0 auto;display:grid;overflow:hidden}.sessionMeta{color:#698397;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.sessionMeta>span{color:var(--blue)}.sessionProgress{background:#e5eef2;border-radius:8px;height:8px;overflow:hidden}.sessionProgress i{border-radius:inherit;background:var(--green);height:100%;transition:width .3s;display:block}.singleSlide{border:1px solid var(--line);text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(18px,3vh,30px);display:flex;overflow:hidden;box-shadow:0 14px 35px #224d6717}.singleSlide>.panda{flex:0 0 135px;margin:-15px 0 -2px;transform:scale(.83)}.singleSlide>small,.slideTag{color:var(--blue);letter-spacing:1.1px;background:#e8f6ff;border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:clamp(9px,1vw,11px);font-weight:900;display:inline-block}.singleSlide h1{max-width:720px;margin:5px 0 9px;font-size:clamp(27px,4vw,46px);line-height:1.12}.singleSlide h2{color:var(--blue);margin:0 0 5px;font-size:clamp(22px,3vw,32px)}.singleSlide>p{color:#668095;max-width:620px;margin:0 0 14px;font-size:clamp(14px,1.7vw,19px);line-height:1.4}.wordLearningCard{text-align:left;background:linear-gradient(145deg,#eef9ff,#fffdf7);border:2px solid #cce7f6;border-radius:24px;grid-template-columns:minmax(110px,.65fr) 1fr;align-items:center;gap:clamp(14px,3vw,32px);width:min(650px,100%);margin:5px 0 14px;padding:clamp(14px,2.5vh,24px);display:grid}.wordLearningCard>div:last-child{min-width:0}.wordLearningCard h1,.wordLearningCard h2,.wordLearningCard p{margin-inline:0}.wordLearningCard p{color:#688296;text-transform:capitalize;margin:4px 0 0;font-size:clamp(15px,2vw,20px);font-weight:800}.slideEmoji{background:#fff;border-radius:19px;place-items:center;min-height:115px;display:grid;overflow:hidden;box-shadow:0 8px 20px #1e4f6c14}.slideEmoji img{object-fit:contain;object-position:center;width:100%;height:100%;min-height:115px;padding:0}.slideEmoji.wordSymbol,.noteWordVisual.wordSymbol{color:var(--yellow);background:radial-gradient(circle at 30% 25%,#fff5b9,#e9f8ff 64%)}.slideEmoji.wordSymbol span{filter:drop-shadow(0 6px #e6ab142e);font-size:clamp(58px,8vw,92px)}.assetUnavailable{width:100%;min-height:inherit;border-radius:inherit;color:#55758a;text-align:center;background:#f4fbff;border:2px dashed #acd8ef;place-items:center;gap:8px;padding:14px;font-size:13px;font-weight:800;display:grid}.assetUnavailable button{min-height:40px;color:var(--blue);font:inherit;cursor:pointer;background:#fff;border:2px solid #8bc8e9;border-radius:12px;padding:7px 14px}.responsiveAsset.isLoading{background:linear-gradient(110deg,#eef8fd 30%,#fff 48%,#eef8fd 66%) 0 0/220% 100%;animation:1.2s ease-in-out infinite assetLoading}.responsiveAsset.isLoaded{background:0 0}.testPairBoard{flex-direction:column;gap:8px;width:100%;min-height:0;display:flex}.testPairBoard h2{margin:0;font-size:clamp(15px,2vw,23px);line-height:1.25}.pairBoardStatus{color:#486d82;margin:0;font-size:13px;font-weight:800}.pairBoardColumns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,3vw,28px);display:grid}.pairBoardColumn{flex-direction:column;gap:6px;min-width:0;display:flex}.pairBoardSource{align-items:stretch;gap:4px;display:flex}.pairBoardCard{color:#174c65;width:100%;min-width:0;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#f5fbff;border:2px solid #b9dcee;border-radius:12px;align-items:center;gap:7px;padding:7px 9px;font-size:clamp(14px,1.7vw,20px);font-weight:800;display:flex}.pairBoardCard>span:not(.pairConnection){overflow-wrap:anywhere;flex:1;min-width:0}.pairBoardCard small{font-size:10px}.pairBoardCard.isSelected{outline-offset:1px;border-color:#1677d2;outline:2px solid #1677d2}.pairBoardCard.isConnected{background:#eaf6fb;border-style:dashed}.pairBoardCard:disabled{cursor:default}.pairConnection{background:#d6edf8;border-radius:50%;flex:0 0 22px;place-items:center;min-height:22px;font-size:13px;display:grid}.pairBoardAudio{cursor:pointer;background:#f5fbff;border:2px solid #b9dcee;border-radius:12px;flex:0 0 44px;min-height:44px}.pairBoardTools{justify-content:center;align-items:center;gap:10px;display:flex}.pairBoardTools button{color:#174c65;min-height:44px;font:inherit;background:#fff;border:2px solid #b9dcee;border-radius:10px;padding:5px 10px;font-size:13px;font-weight:800}.pairBoardTools span{color:#486d82;max-width:270px;font-size:12px}@media (width<=620px){.pairBoardCard{gap:4px;padding:5px;font-size:14px}.pairBoardCard small{display:none}.pairBoardTools{gap:6px}.pairBoardTools span{font-size:11px}}.assetPreparationScreen{transition:opacity .16s}.assetPreparationScreen.isWaiting{visibility:hidden;opacity:0}.assetPreparationScreen.isVisible{visibility:visible;opacity:1}.assetPreparationProgress{overflow:hidden}.assetPreparationProgress i{width:0;transition:width .18s;animation:none}.assetPreparationScreen[aria-busy=false] .assetPreparationProgress i{background:#ef8d70;width:100%;animation:none}.assetPreparationCard{gap:8px}.assetPreparationIcon{color:#9b6c00;background:#fff4bf;border-radius:50%;place-items:center;width:76px;height:76px;font-size:38px;display:grid;box-shadow:0 0 0 9px #ffdd692e}.assetPreparationActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.assetPreparationActions button{color:#174c65;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:2px solid #9bc8db;border-radius:14px;padding:9px 16px;font-weight:900}.assetPreparationActions .primaryAction{color:#fff;background:#087c62;border-color:#087c62}@keyframes assetLoading{to{background-position-x:-220%}}.reduceMotion .responsiveAsset.isLoading,.reduceMotion .assetPreparationProgress i{animation:none}@media (prefers-reduced-motion:reduce){.responsiveAsset.isLoading,.assetPreparationProgress i{animation:none}.assetPreparationScreen{transition:none}}.hanziHero{font-family:STKaiti,KaiTi,serif;font-size:clamp(55px,8vw,86px);line-height:.95}.slideCat{filter:hue-rotate(175deg);margin-bottom:5px;font-size:clamp(45px,6vw,65px)}.lessonCoach{color:#55758a;text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:9px;margin-bottom:7px;font-size:11px;font-weight:900;display:flex}.grammarHero{background:#fff;border:1px solid #cfe0ee;border-left:7px solid #4d92e8;border-radius:17px;width:min(790px,100%);max-height:46vh;margin:8px 0 13px;padding:15px 20px 16px;line-height:1.4;overflow:visible;box-shadow:0 8px 24px #34678f12}.grammarHero p{margin:3px 0}.grammarHero .grammarRule{color:#46556b;background:#f5f8fb;border-radius:11px;padding:10px 13px;font-family:Avenir Next,Nunito,sans-serif;font-size:clamp(13px,1.5vw,17px);font-weight:700;line-height:1.4}.grammarExamples{flex-direction:column;gap:8px;margin-top:11px;display:flex}.grammarExampleCard{text-align:left;background:#eef6ff;border:1px dashed #b9d7fb;border-radius:12px;flex-direction:column;align-items:stretch;padding:8px 13px 7px;display:flex}.grammarExampleCard>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.grammarExampleCard>em{color:#526177;margin-top:2px;font-family:Avenir Next,Nunito,sans-serif;font-size:clamp(12px,1.35vw,15px);font-weight:650}.grammarExampleCard .audioButton{box-shadow:none;background:0 0;border:0;flex:none;margin:0;padding:6px 8px}.grammarExampleCard .audioButton small{display:none}.pinyinSentence{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1px;font-family:STKaiti,KaiTi,serif;font-size:clamp(18px,2.25vw,27px);font-weight:700;line-height:1.55;display:inline-flex}.pinyinWord{white-space:nowrap;display:inline-flex}.pinyinSentence ruby{ruby-align:center}.pinyinSentence rt{color:#2679ba;padding-bottom:2px;font-family:Avenir Next,Nunito,sans-serif;font-size:.43em;font-weight:800}.pinyinSentence .rubyHint{border-bottom-color:#c5d1dc;margin-right:2px;padding-bottom:1px}.pinyinSentence .rubyHint>b{font-family:STKaiti,KaiTi,serif;font-size:inherit}.pinyinSentence .rubyHint.isEmphasis{color:#4d92e8;border-bottom-color:#4d92e8}.picturePrompt{background:#fff9e5;border:2px solid #f0d77f;border-radius:22px;flex-direction:column;align-items:center;min-width:190px;margin:4px 0 10px;padding:12px 28px;display:flex}.picturePrompt img{object-fit:cover;border-radius:15px;width:clamp(118px,16vw,180px);height:clamp(118px,16vw,180px)}.picturePrompt small{color:#6c8292;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:900}.testPicturePrompt{margin:0 0 7px;padding:7px 17px}.testPicturePrompt img{width:clamp(88px,12vw,132px);height:clamp(88px,12vw,132px)}.visualChoices{grid-template-columns:repeat(3,1fr);gap:12px;width:min(680px,100%);display:grid}.visualChoices button{cursor:pointer;background:#f9fdff;border:2px solid #d5e7f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(72px,10vh,96px);display:flex}.visualChoices button b{font-family:STKaiti,KaiTi,serif;font-size:clamp(24px,3vw,34px)}.visualChoices button span{color:var(--blue);font-size:13px;font-weight:800}.visualChoices button.correct,.binaryChoices button.correct{border-color:var(--green);background:#e8fff7}.binaryChoices{grid-template-columns:1fr 1fr;gap:18px;width:min(650px,100%);margin-top:18px;display:grid}.binaryChoices button{min-height:clamp(100px,17vh,145px);color:var(--blue);cursor:pointer;background:#f9fdff;border:3px solid #d5e7f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(48px,7vw,72px);font-weight:900;display:flex}.binaryChoices button small{color:#678195;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:12px}.speechPractice{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(720px,100%);margin:auto;display:flex}.speechPractice h1{max-width:650px;margin:9px 0 4px}.speechPinyin{font-weight:900;color:var(--blue)!important;margin:0 0 8px!important;font-size:clamp(18px,2.4vw,25px)!important}.speechTarget{min-width:112px;color:var(--ink);background:#f1f9ff;border:2px solid #c6e2f4;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:4px 0 2px;padding:5px 16px 8px;display:inline-flex}.speechTarget small{min-height:1.1em;color:var(--blue);font-family:Avenir Next,Nunito,sans-serif;font-size:clamp(13px,1.4vw,17px);font-weight:800}.speechTarget b{font-family:STKaiti,KaiTi,serif;font-size:clamp(34px,4.2vw,52px);line-height:1}.microphoneButton{color:#086c54;cursor:pointer;background:#e9fff8;border:3px solid #9adcca;border-radius:24px;justify-content:center;align-items:center;gap:13px;width:min(330px,80%);min-height:104px;margin-top:9px;display:flex;box-shadow:0 6px #8bd8c2}.microphoneButton span{font-size:38px}.microphoneButton b{font-size:clamp(16px,2vw,21px)}.microphoneButton.isListening{background:#fff4d9;border-color:#ffb85c;animation:1s ease-in-out infinite micPulse;box-shadow:0 6px #ffd166}.microphoneButton:disabled{cursor:default}.microphoneButton.isChecking{background:#eff8ff;border-color:#9fc9e8;box-shadow:0 6px #c5e2f4}.speechStatus{color:#536f83;text-align:center;min-height:20px;margin-top:8px;font-size:12px;font-weight:850}.heardText{color:#577486;margin-top:5px;font-size:13px;font-weight:800}.privacyHint{color:#667f8f;text-align:center;margin-top:8px;font-size:11px;line-height:1.35}@keyframes micPulse{50%{transform:scale(1.035)}}.audioButton{min-width:150px;height:50px;color:var(--blue);cursor:pointer;background:#eaf7ff;border:1px solid #b9ddf2;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:0 15px;display:inline-flex}.audioButton:disabled{opacity:.45;cursor:not-allowed}.audioButton>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.audioButton>i{align-items:center;gap:2px;height:22px;display:flex}.audioButton>i b{background:var(--blue);border-radius:3px;width:2px;display:block}.audioButton small{text-transform:uppercase;font-size:9px;font-weight:900}.toneHero{aspect-ratio:1;border:3px solid;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:clamp(150px,24vw,220px);margin:2px 0 9px;display:flex}.toneHero i{height:48px;font-size:clamp(40px,5vw,58px);font-style:normal;line-height:1}.toneHero b{font-size:clamp(34px,4.5vw,50px)}.toneHero small{margin-top:3px;font-size:clamp(20px,2.5vw,28px);font-weight:850}.toneHero.tone1{color:#1269a2;background:#e6f6ff;border-color:#96d4f5}.toneHero.tone2{color:#0a795b;background:#e9fff7;border-color:#87ddc0}.toneHero.tone3{color:#826415;background:#fff7d8;border-color:#e9ca60}.toneHero.tone4{color:#ad4b43;background:#fff0ee;border-color:#efa49d}.soundHero{color:var(--blue);flex-direction:column;align-items:center;gap:5px;margin-bottom:8px;font-size:clamp(58px,10vw,100px);font-weight:900;line-height:1;display:flex}.soundHero>b{font-size:inherit}.soundHero>small{color:#53778f;font-size:clamp(27px,4vw,42px);font-weight:850}.traceHero{aspect-ratio:1;border:2px solid var(--line);color:#b6c4cb;background:linear-gradient(45deg,#0000 49.7%,#e8eef1 50%,#0000 50.3%),linear-gradient(-45deg,#0000 49.7%,#e8eef1 50%,#0000 50.3%),#fff;border-radius:22px;place-items:center;width:clamp(190px,30vw,260px);margin:5px 0 10px;font-family:STKaiti,KaiTi,serif;font-size:clamp(100px,17vw,155px);display:grid;position:relative}.traceHero i{color:var(--coral);font:13px sans-serif;position:absolute;top:10px;left:12px}.writingPractice{box-sizing:border-box;flex-direction:column;align-items:center;width:min(760px,100%);display:flex}.writingPractice h1{margin:4px 0 8px}.writingModeBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 7px;display:flex}.traceModeButton,.traceGridToggle{color:#4d7185;cursor:pointer;background:#f7fcff;border:1px solid #c6dce8;border-radius:10px;min-height:32px;padding:0 10px;font-size:11px;font-weight:900}.traceModeButton.isActive,.traceModeButton:focus-visible,.traceGridToggle[aria-pressed=true],.traceGridToggle:focus-visible{color:#1677d2;background:#eaf7ff;border-color:#4d92e8;outline:none}.traceModeButton:hover,.traceGridToggle:hover{background:#eef9ff;border-color:#8ac7e8}.traceProgress{color:#668095;flex-direction:column;align-items:center;gap:5px;width:min(420px,100%);margin:0 0 6px;font-size:11px;font-weight:900;display:flex}.traceProgress>div{gap:4px;display:flex}.traceProgress i{background:#dce9f0;border-radius:50%;width:9px;height:9px}.traceProgress i.isCurrent{background:#1677d2;box-shadow:0 0 0 4px #1677d21f}.traceProgress i.isDone{background:#06d6a0}.writingPracticeGrid{box-sizing:border-box;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;display:grid}.writingCanvasColumn{flex-direction:column;align-items:center;min-width:0;display:flex}.writingCanvasWrap{aspect-ratio:1;background:linear-gradient(45deg,#0000 49.7%,#e8eef1 50%,#0000 50.3%),linear-gradient(-45deg,#0000 49.7%,#e8eef1 50%,#0000 50.3%),#fff;border:3px solid #bde5f8;border-radius:25px;width:min(clamp(220px,36vh,320px),72vw);position:relative;overflow:hidden;box-shadow:0 5px #e3f3fa}.guidedTraceOverlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guidedTraceGhost path{fill:#e8edf1;opacity:.72}.guidedTraceStrokeShape{fill:#bfc8cf;opacity:.88}.guidedTraceCenter{fill:none;stroke:#4d7185;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 30;opacity:.78}.guidedTraceCompleted path{fill:#79a9e6;opacity:.92}.guidedTraceGrid rect,.guidedTraceGrid line{fill:none;stroke:#8fc8ea;stroke-width:3px;stroke-dasharray:22 16;opacity:.5}.guidedTraceStart{fill:#1677d2;stroke:#fff;stroke-width:7px;animation:1.2s ease-in-out infinite guided-trace-pulse}@keyframes guided-trace-pulse{50%{r:30;opacity:.7}}.writingCanvas{z-index:2;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.writingCanvas:focus-visible{outline-offset:-4px;outline:4px solid #f9c74f}.writingToolbar{color:#668095;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-height:34px;margin-top:10px;font-size:12px;font-weight:800;display:flex}.clearWriting{color:#4d7185;cursor:pointer;background:#f7fcff;border:2px solid #c6dce8;border-radius:12px;min-height:36px;padding:0 15px;font-size:12px;font-weight:900;box-shadow:0 3px #e1edf3}.clearWriting:hover,.clearWriting:focus-visible{border-color:var(--blue);color:var(--blue);background:#eef9ff}.clearWriting:active{transform:translateY(2px);box-shadow:0 1px #e1edf3}.writingAccuracy{border-radius:10px;min-height:22px;margin-top:5px;padding:4px 10px;font-size:12px;font-weight:900}.writingAccuracy.isGreat{color:#08765b;background:#e5fff5}.writingAccuracy.isGood{color:#806414;background:#fff7d8}.writingAccuracy.isTryAgain{color:#a94e46;background:#fff0ee}.writingPractice>p{color:var(--muted-ink);text-align:center;margin:6px 0 0;font-size:clamp(14px,1.35vw,18px);font-weight:700}.specialPill{color:#735710;background:#fff4c5;border-radius:11px;padding:9px 14px;font-size:12px;font-weight:900}.slideChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.5vw,15px);width:min(780px,100%);margin-top:10px;display:grid}.slideChoices:has(>button:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.slideChoices button{cursor:pointer;background:#f9fdff;border:2px solid #d5e7f0;border-radius:18px;min-height:clamp(72px,11vh,105px);padding:12px;font-family:STKaiti,KaiTi,serif;font-size:clamp(20px,3vw,31px);font-weight:800}.choiceLabel{flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.05;display:flex;position:relative}.choiceLabel>small{color:var(--blue);font-family:Avenir Next,Nunito,sans-serif;font-size:.42em;font-weight:900;line-height:1}.choiceLabel>b{font-weight:900}.choiceLabel.latinChoice{overflow-wrap:normal;word-break:normal;font-family:Avenir Next,Trebuchet MS,Arial,sans-serif;line-height:1.3}.annotatedPrompt{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px;width:min(100%,820px);display:flex;line-height:1.65!important}.annotatedPrompt>span:not(.rubyHint){white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}.rubyHint{color:inherit;font:inherit;cursor:help;background:0 0;border:0;border-bottom:2px dashed #b9cbd6;outline:none;align-items:flex-end;padding:0 1px 3px;display:inline-flex;position:relative}.rubyHint ruby{ruby-align:center;margin-inline:1px}.rubyHint rt{color:#6b7280;-webkit-user-select:none;user-select:none;padding-bottom:3px;font-family:Avenir Next,Nunito,sans-serif;font-size:.43em;font-weight:700}.choiceHint{z-index:50;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#1e293b;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;min-width:150px;padding:10px 14px;font-family:Avenir Next,Nunito,sans-serif;font-style:normal;line-height:1.25;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,5px);box-shadow:0 6px 18px #00000038}.choiceHint strong{color:#fff;font-family:STKaiti,KaiTi,serif;font-size:19px}.choiceHint small{color:#fbd38d;font-size:12px;font-weight:800}.choiceHint span{color:#fff;margin-top:2px;font-size:11px;font-weight:700}.rubyHint:hover .choiceHint,.rubyHint:focus-visible .choiceHint,.rubyHint.isOpen .choiceHint{opacity:1;transform:translate(-50%)}.choiceHint.choiceHintPortal{z-index:500;box-sizing:border-box;opacity:1;white-space:normal;text-align:center;pointer-events:none;width:max-content;min-width:150px;max-width:min(250px,100vw - 20px);position:fixed;bottom:auto;right:auto}.choiceHint.choiceHintPortal.isAbove{transform:translate(-50%,-100%)}.choiceHint.choiceHintPortal.isBelow{transform:translate(-50%)}.rubyHint:hover,.rubyHint:focus-visible,.rubyHint.isOpen{border-bottom-color:var(--blue);background:#fff3bf;border-radius:4px}:is(.singleSlide h1:has(.rubyHint:hover),.singleSlide h1:has(.rubyHint:focus-visible),.singleSlide h1:has(.rubyHint.isOpen)){z-index:20}.hintInstruction{color:#668095;margin:-3px 0 10px;font-size:clamp(11px,1.25vw,14px);font-weight:800;display:block}.skipSpeaking{color:#4d7185;cursor:pointer;background:#f7fcff;border:2px solid #c6dce8;border-radius:14px;min-height:42px;margin-top:12px;padding:0 18px;font-size:12px;font-weight:900;box-shadow:0 3px #e1edf3}.skipSpeaking:hover,.skipSpeaking:focus-visible{border-color:var(--blue);color:var(--blue);background:#eef9ff}.skipSpeaking:active{transform:translateY(2px);box-shadow:0 1px #e1edf3}.skipSpeaking:disabled{opacity:.45;cursor:default}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#123b5d7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leaveModal{background:var(--ivory);text-align:center;border:2px solid #fff;border-radius:26px;flex-direction:column;align-items:center;width:min(430px,100%);padding:25px;display:flex;box-shadow:0 22px 60px #123b5d40}.leaveModal .panda{flex-basis:82px;width:70px;height:82px}.leaveModal>small{color:var(--coral);letter-spacing:1px;font-size:9px;font-weight:900}.leaveModal h2{margin:5px 0;font-size:clamp(25px,4vw,34px)}.leaveModal p{color:#607c8f;margin:0 0 18px;font-size:14px}.leaveModal>div{gap:9px;display:flex}.leaveModal button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:45px;padding:0 15px;font-size:12px;font-weight:900}.leaveModal .dangerAction{color:#a8453d;background:#fff0ee;border-color:#ffc4be}.speakingSkipModal{background:linear-gradient(#fffdf5,#f0fbff)}.speakingSkipModal>small{color:var(--blue)}.speakingSkipModal .primaryAction{background:var(--green);color:#064d3c;border:0;box-shadow:0 4px #00aa7e}.settingsModal{background:#fff;border:3px solid #cbe8f7;border-radius:28px;width:min(510px,100%);padding:clamp(22px,4vw,34px);box-shadow:0 22px 60px #123b5d40}.settingsHeader{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.settingsHeader small{color:var(--blue);letter-spacing:1.3px;font-size:10px;font-weight:900}.settingsHeader h2{color:var(--navy);margin:3px 0 0;font-size:clamp(28px,5vw,40px)}.settingsClose{width:42px;height:42px;color:var(--blue);cursor:pointer;background:#f4fbff;border:2px solid #cfe6f5;border-radius:14px;place-items:center;font-size:27px;line-height:1;display:grid}.settingsIntro{color:#607c8f;margin:8px 0 18px;font-size:14px;line-height:1.45}.settingsOptions{background:#f8fcff;border:2px solid #e0f0f8;border-radius:18px;gap:8px;margin:0;padding:14px;display:grid}.settingsOptions legend{color:var(--blue);letter-spacing:.8px;text-transform:uppercase;padding:0 6px;font-size:11px;font-weight:900}.settingsOptions label{cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:8px 10px;display:flex}.settingsOptions label:hover{background:#eef9ff}.settingsOptions input{width:22px;height:22px;accent-color:var(--blue);flex:none}.settingsOptions label>span{flex-direction:column;gap:2px;display:flex}.settingsOptions b{font-size:14px}.settingsOptions small{color:#6b8394;font-size:11px;line-height:1.3}.settingsActions{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.settingsActions button{cursor:pointer;border-radius:14px;min-height:48px;padding:0 16px;font-size:12px;font-weight:900}.settingsActions .resetProgress{color:#b64038;background:0 0;border:0;text-decoration:underline}.settingsActions .primaryAction{border:0}.slideChoices button:hover{border-color:var(--blue)}.slideChoices button:disabled{cursor:default}.slideChoices button.correct{border-color:var(--green);background:#e8fff7}.slideFeedback{border-radius:12px;margin-top:14px;padding:10px 17px;font-size:clamp(12px,1.5vw,16px);font-weight:900}.slideFeedback.right{color:#12684f;background:#e8fff7}.slideFeedback.wrong{color:#8a5d1c;background:#fff1e0}.slideContents{display:contents}.sessionActions{justify-content:space-between;align-items:center;display:flex}.sessionActions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-width:125px;height:50px;padding:0 18px;font-size:12px;font-weight:900}.sessionActions button:disabled{opacity:.35;cursor:default}.sessionActions .primaryAction,.primaryAction{background:var(--green);color:#064d3c;border:0;box-shadow:0 4px #00aa7e}.testActions{justify-content:flex-end;gap:20px}.testActions>span{color:#698397;font-size:11px}.testActions>span b{color:var(--blue)}.resultScreen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(850px,100%);height:100%;margin:0 auto;display:flex;overflow:hidden}.resultScreen>.panda{flex:0 0 135px;margin-bottom:-5px;transform:scale(.82)}.resultScreen>small{color:var(--blue);letter-spacing:1.3px;margin-top:8px;font-size:10px;font-weight:900}.resultScreen h1{margin:6px 0;font-size:clamp(31px,5vw,51px)}.resultScreen>p{color:#688296;margin:4px 0 15px;font-size:clamp(14px,1.8vw,18px)}.scoreOrb{aspect-ratio:1;color:#c54e45;background:#fff;border:8px solid #ffb1a9;border-radius:50%;justify-content:center;align-items:baseline;width:clamp(120px,17vw,160px);margin:7px;display:flex}.scoreOrb.pass{color:#09805f;border-color:#78dfbf}.scoreOrb b{align-self:center;font-size:clamp(43px,6vw,65px)}.scoreOrb span{align-self:center;font-size:13px}.resultActions{gap:10px;display:flex}.resultActions button,.notesActions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:48px;padding:0 17px;font-size:12px;font-weight:900}.resultActions .primaryAction{background:var(--green)}.notesViewport{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow:hidden auto}.notesScreen{gap:clamp(10px,1.5vh,16px);width:min(1020px,100%);height:100%;min-height:0;margin:0 auto;padding-bottom:8px;display:grid;overflow:visible}.notesHeading{justify-content:space-between;align-items:center;min-height:48px;display:flex}.notesHeading span{color:var(--blue);letter-spacing:1px;grid-column:1/3;font-size:9px;font-weight:900}.notesHeading b{font-family:STKaiti,KaiTi,serif;font-size:clamp(25px,3.5vw,38px);line-height:1}.notesHeading small{color:#6a8395;font-size:13px}.notesHeading em{color:var(--blue);background:#edf8ff;border-radius:999px;padding:7px 11px;font-size:11px;font-style:normal;font-weight:900}.notesPageProgress{background:#dfebf1;border-radius:999px;overflow:hidden}.notesPageProgress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #67d4ff);height:100%;transition:width .25s;display:block}.notePage{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-rows:42px minmax(0,1fr);grid-template-columns:minmax(150px,.65fr) minmax(260px,1.05fr) minmax(290px,1.3fr);gap:12px;min-height:0;padding:clamp(15px,2.4vw,25px);display:grid;overflow:hidden;box-shadow:0 10px 28px #2a5b7a12}.notePage.note-grammar{overflow:visible}.notePanda{color:var(--blue);letter-spacing:.5px;grid-column:1/4;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:900;display:flex}.notePanda .panda{object-fit:contain;width:34px;height:42px}.noteWordVisual,.noteLessonIcon{background:#f0f8ff;border-radius:19px;place-items:center;min-height:0;font-size:clamp(65px,10vw,105px);display:grid;overflow:hidden}.noteWordVisual img{object-fit:contain;object-position:center;width:100%;height:100%;padding:clamp(5px,.7vw,9px)}.noteWordVisual.wordSymbol span{font-size:clamp(68px,10vw,115px)}.noteWordMain,.noteLessonMain{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.noteWordMain>small,.noteLessonMain>small{color:var(--blue);letter-spacing:1.2px;font-size:9px;font-weight:900}.noteWordMain h1{margin:3px 0 0;font-family:STKaiti,KaiTi,serif;font-size:clamp(54px,8vw,84px);line-height:1}.noteWordMain h2{color:var(--blue);margin:2px 0;font-size:clamp(20px,2.7vw,29px)}.noteWordMain strong{color:#526f82;font-size:clamp(14px,1.8vw,19px)}.noteWordMain h1[tabindex="-1"]:focus{outline:3px solid var(--focus-ring);outline-offset:-4px;border-radius:5px}.noteWordMain .audioButton,.noteLessonMain .audioButton{margin-top:12px}.noteExplanation,.noteExamples,.toneReminder,.writingTips,.specialReminder{background:#fff9e7;border-radius:19px;flex-direction:column;justify-content:center;min-width:0;padding:clamp(14px,2vw,21px);display:flex}.noteExplanation h3,.noteExamples h3{color:#795e0d;margin:0 0 7px;font-size:13px}.noteExplanation p{color:#425f73;margin:0 0 13px;font-size:clamp(13px,1.55vw,16px);line-height:1.45}.noteExplanation>div{background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;padding:11px;display:flex}.noteExplanation>div>span:first-child{color:var(--blue);font-size:9px;font-weight:900}.noteExplanation b{font-family:STKaiti,KaiTi,serif;font-size:19px}.noteExplanation small{color:#6b8393;font-size:11px}.noteLessonIcon{font-size:clamp(60px,8vw,90px)}.noteLessonMain h1{margin:5px 0 8px;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,4.2vw,45px);line-height:1.1}.noteLessonMain h2{color:var(--blue);margin:0 0 7px;font-size:23px}.noteLessonMain p{color:#506d80;margin:0;font-size:clamp(13px,1.6vw,17px);line-height:1.45}.noteExamples{background:#eef6ff;border-left:5px solid #4d92e8;gap:7px}.noteExamples>.noteExampleCard{background:#fff;border:1px dashed #b9d7fb;border-radius:12px;flex-direction:column;align-items:stretch;gap:2px;padding:9px 11px;display:flex}.noteExampleCard>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.noteExampleCard>em{color:#526177;font-size:12px;font-weight:650}.noteExamples .pinyinSentence{justify-content:flex-start;font-size:clamp(15px,1.75vw,20px)}.noteExamples .audioButton{flex:none;padding:7px 9px}.noteExamples .audioButton small{display:none}.toneReminder,.writingTips,.specialReminder{background:#eef9ff;gap:8px}.toneReminder b,.writingTips b,.specialReminder b{color:var(--blue);font-size:13px}.toneReminder span,.writingTips span{color:#46657a;background:#fff;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:800}.noteTraceCharacter{aspect-ratio:1;background:linear-gradient(45deg,#0000 49.5%,#e3eef4 50%,#0000 50.5%),linear-gradient(-45deg,#0000 49.5%,#e3eef4 50%,#0000 50.5%);border:2px dashed #a9cadc;place-items:center;width:min(170px,18vw);display:grid;margin-block:6px!important;font-size:clamp(62px,9vw,95px)!important}.notePage.note-writing{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;padding:clamp(12px,1.8vw,19px);overflow:visible}.note-writing .notePanda{grid-column:1}.noteWritingWorkspace{grid-column:1;grid-template-columns:minmax(0,1fr);place-items:start center;width:100%;min-width:0;min-height:0;display:grid;overflow:visible}.noteWritingSummary{background:linear-gradient(155deg,#effaff,#fffdf3);border:2px solid #c9e7f5;border-radius:21px;flex-direction:column;justify-content:center;align-self:stretch;gap:10px;min-width:0;padding:clamp(14px,2vw,21px);display:flex}.noteWritingSummary>small{color:var(--blue);letter-spacing:1.2px;font-size:10px;font-weight:950}.noteWritingIdentity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;display:grid}.noteWritingIdentity>b{aspect-ratio:1;width:clamp(76px,9vw,100px);color:var(--navy);font-family:var(--font-hanzi);background:linear-gradient(45deg,#0000 49.5%,#dfeaf0 50%,#0000 50.5%),linear-gradient(-45deg,#0000 49.5%,#dfeaf0 50%,#0000 50.5%),#fff;border:2px dashed #a9cadc;border-radius:18px;place-items:center;font-size:clamp(52px,7vw,78px);line-height:1;display:grid}.noteWritingIdentity>span{flex-direction:column;gap:3px;min-width:0;display:flex}.noteWritingIdentity strong{color:var(--blue);font-size:clamp(18px,2vw,24px)}.noteWritingIdentity em{color:#678194;font-size:12px;font-style:normal;font-weight:850}.noteWritingSummary>p{color:#496a7e;margin:0;font-size:clamp(12px,1.35vw,15px);font-weight:750;line-height:1.4}.noteStrokeChecklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.noteStrokeChecklist span{color:#4e6f82;background:#fff;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:6px 7px;font-size:10px;font-weight:800;display:flex}.noteStrokeChecklist i{width:19px;height:19px;color:var(--blue);background:#e8f6ff;border-radius:50%;flex:0 0 19px;place-items:center;font-size:9px;font-style:normal;display:grid}.noteWritingPractice{place-items:center;width:min(760px,100%);min-width:0;height:auto;min-height:0;display:grid;overflow:visible}.noteWritingPractice .writingPractice{justify-content:center;min-height:0}.noteWritingPractice .writingModeBar,.noteWritingPractice .traceProgress{margin-bottom:4px}.noteWritingPractice .writingToolbar{min-height:30px;margin-top:6px}.noteWritingPractice .writingPractice>p{max-width:560px;margin-top:4px;font-size:clamp(11px,1.15vw,14px);line-height:1.25}.noteWritingReference{grid-column:1;grid-template-columns:minmax(130px,.6fr) minmax(220px,1fr) minmax(260px,1.2fr);gap:12px;min-width:0;min-height:0;display:grid}.specialReminder span{font-family:STKaiti,KaiTi,serif;font-size:clamp(24px,3.5vw,38px);line-height:1.5}.notesActions{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.notesActions>div{justify-content:center;gap:8px;display:flex}.notesActions>button:first-child{justify-self:start}.notesActions>button:last-child{justify-self:end}.notesActions button{color:var(--blue);background:#edf8ff}.notesActions button:disabled{opacity:.35;cursor:default}.notesActions .primaryAction{background:var(--green);color:#064d3c}@media (height<=900px) and (width>=721px){.notesDetail .notePage.note-writing{scrollbar-gutter:stable;align-content:start;min-height:0;overflow:hidden auto}.noteWritingPractice .writingCanvasWrap{width:min(215px,26vh,28vw)}.noteWritingPractice .writingModeBar,.noteWritingPractice .traceProgress{margin-bottom:2px}.noteWritingPractice .writingToolbar{min-height:28px;margin-top:4px}.noteWritingPractice .writingAccuracy{margin-top:3px}.noteWritingPractice .writingPractice>p{margin-top:2px}}@media (width<=820px){.topBar{grid-template-columns:42px 160px 1fr auto;gap:10px;padding-inline:14px}.brand b{font-size:15px}.brand small{font-size:8px}.topProgress{max-width:260px}.headerActions{gap:6px}.settingsButton{padding-inline:8px}.appViewport{padding-inline:20px}.unitCards,.unitCards.count4{grid-template-columns:1fr 1fr}.unitCards button{grid-template-columns:43px 1fr 18px;padding:12px}.modeCards{grid-template-columns:repeat(3,1fr)}.noteWritingWorkspace{grid-template-columns:minmax(0,1fr)}.noteWritingSummary{padding:12px}.noteWritingIdentity{text-align:center;grid-template-columns:1fr;justify-items:center}.noteWritingIdentity>b{width:72px;font-size:52px}.noteStrokeChecklist{display:none}.noteWritingPractice .writingCanvasWrap{width:min(clamp(205px,32vh,270px),70vw)}}@media (width<=620px){.topBar{flex-basis:68px;grid-template-columns:38px 1fr auto;height:68px}.headerActions{grid-column:3}.backNav{width:36px;height:36px}.brand small,.topProgress{display:none}.headerActions{gap:4px}.heartStat{height:34px;padding-inline:6px;font-size:13px}.heartStat i{font-size:15px}.settingsButton{width:44px;min-width:44px;padding:0}.settingsButton small{display:none}.appViewport{padding:12px}.menuMascot .panda{display:none}.menuMascot{text-align:center}.courseCards{flex-basis:440px;grid-template-columns:1fr;gap:10px}.courseCards button{padding:12px}.courseCards button>span{font-size:34px}.courseCards button>b{font-size:32px}.courseCards p{margin:3px 0 8px}.termCards{flex-basis:470px;grid-template-columns:1fr;gap:8px}.termCards button{text-align:left;grid-template-columns:55px 1fr auto;padding:10px 17px;display:grid}.termCards button>span{grid-row:1/4;font-size:36px}.termCards button>small,.termCards button>b,.termCards button>p{margin:0}.termCards em{position:static}.unitCards{grid-template-columns:1fr;gap:7px}.unitCards.count4{grid-template-columns:1fr}.unitCards button{min-height:62px}.modeCards{flex-basis:480px;grid-template-columns:1fr;gap:8px}.modeCards button{text-align:left;grid-template-columns:55px 1fr auto;padding:10px 16px;display:grid}.modeCards button>span{grid-row:1/5;font-size:37px}.modeCards button>small,.modeCards button>b,.modeCards button>p{margin:0}.modeCards em{grid-area:2/3/4}.modeCards.hasNumbers{flex-basis:620px;grid-template-columns:1fr}.sessionScreen{grid-template-rows:25px 6px minmax(0,1fr) 51px}.singleSlide{border-radius:20px;padding:13px}.singleSlide>.panda{margin-block:-28px -15px;transform:scale(.65)}.slideChoices{grid-template-columns:1fr;gap:7px}.slideChoices button{min-height:50px}.grammarHero{padding:12px}.traceHero{width:160px}.sessionActions button{min-width:100px;height:44px;padding-inline:12px}.resultActions{flex-wrap:wrap;justify-content:center}.notePage{grid-template-columns:120px 1fr 1.15fr;padding:12px}.noteWordVisual,.noteLessonIcon{font-size:55px}.notePage.note-writing{grid-template-rows:auto auto;grid-template-columns:1fr;overflow:visible}.noteWritingWorkspace{grid-template-columns:1fr;overflow:visible}.noteWritingSummary{grid-template-columns:auto 1fr;align-self:auto;align-items:center;gap:7px 11px;display:grid}.noteWritingSummary>small,.noteWritingSummary>p{grid-column:1/-1}.noteWritingIdentity{text-align:left;grid-template-columns:auto 1fr;justify-items:stretch}.noteWritingIdentity>b{width:64px;font-size:46px}.noteWritingPractice{overflow:visible}.noteWritingPractice .writingCanvasWrap{width:min(255px,76vw)}.noteWritingReference{grid-template-columns:90px 1fr;overflow:visible}.noteWritingReference .writingTips{grid-column:1/-1}}.visuallyHidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (height<=720px){.appViewport{padding-block:12px}.menuHeading{margin-bottom:10px}.menuHeading h1,.menuMascot h1{font-size:30px}.menuHeading p,.menuMascot p{font-size:13px}.menuMascot .panda{margin-block:-31px;transform:scale(.62)}.courseCards{flex-basis:320px}.courseCards button,.termCards button,.modeCards button{padding:13px}.courseCards button>span,.modeCards button>span{font-size:38px}.courseCards button>b{font-size:36px}.courseCards p,.modeCards p{margin-block:4px 8px;font-size:12px}.termCards{flex-basis:290px}.unitCards{flex-basis:415px}.modeCards{flex-basis:320px}.singleSlide>.panda{margin-block:-28px -12px;transform:scale(.68)}.singleSlide h1{font-size:30px}.singleSlide>p{font-size:14px}.hanziHero{font-size:65px}.toneHero{width:155px}.soundHero{font-size:65px}.traceHero{width:175px}.slideChoices button{min-height:66px}.resultScreen>.panda{margin-block:-30px;transform:scale(.6)}.scoreOrb{width:115px}}:root{--blue:#1879d1;--navy:#143f63;--line:#cde7f7}body{font-family:Nunito,Avenir Next,Trebuchet MS,Arial,sans-serif}.appShell{background:radial-gradient(circle at 8% 90%, #5fd3ff30, transparent 23%), radial-gradient(circle at 92% 14%, #ffd16642, transparent 25%), var(--ivory)}.topBar{border-bottom:3px solid #dceefa;flex-basis:88px;grid-template-columns:56px 270px minmax(220px,1fr) auto;gap:20px;height:88px;box-shadow:0 5px 18px #234e6914}.backNav{border:2px solid #cfe6f5;border-radius:17px;width:50px;height:50px;font-size:26px;box-shadow:0 3px #c8e2ef}.brand{gap:14px}.brand b{letter-spacing:2px;font-size:23px}.brand small{margin-bottom:6px;font-size:11px}.heartStat{border-width:2px;border-radius:17px;height:50px;padding-inline:17px;font-size:20px;font-weight:900}.heartStat i{font-size:22px}.settingsButton{border-width:2px;border-radius:17px;height:50px;font-size:20px}.panda{filter:drop-shadow(0 8px 8px #193d5229);width:148px;height:150px}.panda.small{flex-basis:50px;width:50px;height:50px}.menuScreen{width:min(1180px,100%)}.menuHeading{margin-bottom:clamp(18px,3vh,32px)}.menuHeading>span,.menuMascot>div>span{letter-spacing:1.8px;font-size:clamp(11px,1.2vw,14px)}.menuHeading h1,.menuMascot h1{font-size:clamp(38px,4.5vw,58px)}.menuHeading p,.menuMascot p{font-size:clamp(16px,1.8vw,21px)}.menuMascot{gap:30px}.menuMascot .panda{margin:-12px;transform:scale(.95)}.courseCards{flex-basis:440px;gap:clamp(22px,3vw,38px);width:min(980px,100%)}.termCards{flex-basis:390px;gap:clamp(18px,2vw,28px);width:min(1000px,100%)}.modeCards{flex-basis:430px;gap:clamp(16px,2vw,28px);width:min(1040px,100%)}.courseCards button,.termCards button,.modeCards button{border-width:3px;border-radius:32px;box-shadow:0 8px #d5eaf4,0 17px 30px #2850681c}.courseCards button:hover,.termCards button:hover,.modeCards button:not(.locked):hover,.unitCards button:hover{background-color:#f1fbff}.courseCards button>span{font-size:clamp(52px,7vw,76px)}.courseCards button>b{font-size:clamp(48px,5.5vw,65px)}.courseCards button>small,.termCards small,.modeCards small{font-size:clamp(10px,1.1vw,13px)}.courseCards p,.modeCards p{font-size:clamp(15px,1.55vw,18px)}.courseCards i{padding:8px 13px;font-size:12px}.termCards button>span{font-size:clamp(49px,6vw,70px)}.termCards button>b{font-size:clamp(31px,3.2vw,43px)}.termCards p{font-size:17px}.termCards i{font-size:11px}.unitCards{flex-basis:510px;gap:clamp(14px,1.8vw,22px);width:min(1100px,100%)}.unitCards button{border-width:3px;border-radius:25px;grid-template-columns:58px 1fr 28px;gap:16px;padding:19px;box-shadow:0 6px #e0f0f7}.unitCards button>span{border-radius:18px;width:56px;height:56px;font-size:22px}.unitCards b{font-size:clamp(25px,2.6vw,35px)}.unitCards em{font-size:25px}.modeCards button>span{font-size:clamp(52px,6vw,72px)}.modeCards button>b{font-size:clamp(31px,3.2vw,43px)}.modeCards em{border-radius:13px;padding:10px 16px;font-size:13px}.sessionScreen{grid-template-rows:38px 12px minmax(0,1fr) 66px;gap:11px;width:min(1060px,100%)}.sessionMeta{letter-spacing:1.3px;font-size:13px}.sessionProgress{border-radius:12px;height:12px}.singleSlide{background:linear-gradient(145deg,#fff 0%,#f8fdff 100%);border:3px solid #d4edf9;border-radius:34px;padding:clamp(22px,3.2vh,38px);position:relative;box-shadow:0 9px #e3f2f8,0 18px 36px #224d671a}.singleSlide:before,.singleSlide:after{z-index:0;color:#ffd1663b;content:"✦";font-size:34px;position:absolute}.singleSlide:before{top:18px;left:24px}.singleSlide:after{color:#06d6a02e;bottom:18px;right:24px}.singleSlide>*{z-index:1;position:relative}.singleSlide>.panda{flex-basis:150px;margin:-18px 0 -5px;transform:scale(.96)}.singleSlide>small,.slideTag{letter-spacing:1.4px;border-radius:14px;margin-bottom:10px;padding:9px 15px;font-size:clamp(11px,1.15vw,13px)}.singleSlide h1{max-width:850px;margin:6px 0 13px;font-size:clamp(34px,4.3vw,54px)}.singleSlide h2{font-size:clamp(26px,3.2vw,38px)}.singleSlide>p{max-width:700px;font-size:clamp(16px,1.85vw,22px)}.wordLearningCard{border-width:3px;border-radius:30px;grid-template-columns:minmax(180px,.72fr) 1fr;gap:clamp(22px,3.5vw,42px);width:min(810px,100%);margin:8px 0 18px;padding:clamp(18px,3vh,30px)}.slideEmoji{border-radius:24px;min-height:170px}.slideEmoji img{min-height:170px}.wordLearningCard p{font-size:clamp(18px,2.2vw,24px)}.hanziHero{font-size:clamp(65px,8.5vw,98px)}.lessonCoach{gap:11px;margin-bottom:10px;font-size:13px}.lessonCoach .panda{flex-basis:46px;width:46px;height:46px}.grammarHero{border-width:2px 2px 2px 9px;border-radius:22px;width:min(880px,100%);margin:10px 0 16px;padding:19px 24px}.grammarHero .grammarRule{border-radius:14px;padding:13px 17px;font-size:clamp(16px,1.7vw,20px)}.grammarExamples{gap:10px}.grammarExampleCard{border-radius:16px;padding:11px 16px 10px}.grammarExampleCard>em{font-size:clamp(14px,1.45vw,17px)}.pinyinSentence{font-size:clamp(22px,2.5vw,31px)}.picturePrompt{border-width:3px;border-radius:30px;min-width:260px;margin:8px 0 16px;padding:16px 36px}.picturePrompt img{border-radius:21px;width:clamp(155px,20vw,220px);height:clamp(155px,20vw,220px)}.visualChoices{gap:16px;width:min(830px,100%)}.visualChoices button{border-width:3px;border-radius:24px;min-height:clamp(100px,13vh,132px);box-shadow:0 5px #dceef5}.visualChoices button b{font-size:clamp(31px,3.6vw,43px)}.binaryChoices{gap:24px;width:min(760px,100%);margin-top:22px}.binaryChoices button{border-width:4px;border-radius:30px;min-height:clamp(125px,19vh,165px);font-size:clamp(62px,8vw,86px);box-shadow:0 6px #dceef5}.slideChoices{gap:17px;width:min(820px,100%);margin-top:14px}.slideChoices button{border-width:3px;border-radius:24px;min-height:clamp(100px,14vh,128px);padding:16px;font-size:clamp(28px,3.6vw,40px);box-shadow:0 5px #dceef5}.hintInstruction{font-size:clamp(13px,1.4vw,16px)}.audioButton{border-width:2px;border-radius:19px;gap:11px;min-width:185px;height:62px;padding:0 18px;box-shadow:0 4px #cce7f6}.audioButton>span{width:36px;height:36px;font-size:11px}.audioButton>i{height:28px}.audioButton>i b{width:3px}.audioButton small{font-size:11px}.toneHero{border-width:4px;border-radius:34px;width:clamp(190px,27vw,260px)}.soundHero{font-size:clamp(72px,11vw,116px)}.traceHero{width:clamp(230px,33vw,300px);font-size:clamp(120px,18vw,175px)}.sessionActions button{border-width:2px;border-radius:18px;min-width:155px;height:62px;font-size:15px;box-shadow:0 4px #d9eaf2}.sessionActions .primaryAction,.primaryAction{box-shadow:0 5px #00aa7e}.slideFeedback{border-radius:17px;margin-top:17px;padding:13px 20px;font-size:clamp(14px,1.65vw,18px)}.resultScreen>.panda{flex-basis:155px;transform:scale(.98)}.resultScreen h1{font-size:clamp(38px,5.4vw,60px)}.resultScreen>p{font-size:clamp(17px,2vw,21px)}.scoreOrb{border-width:10px;width:clamp(145px,18vw,180px)}.resultActions button,.notesActions button{border-width:2px;border-radius:17px;min-height:58px;padding-inline:21px;font-size:14px}button:not(:disabled):active{box-shadow:0 1px #28506826}@media (width<=820px){.topBar{flex-basis:76px;grid-template-columns:48px 190px 1fr auto;height:76px}.sessionScreen{grid-template-rows:32px 10px minmax(0,1fr) 58px}.unitCards{flex-basis:480px}}@media (height<=720px){.topBar{flex-basis:72px;height:72px}.sessionScreen{grid-template-rows:28px 9px minmax(0,1fr) 54px}.singleSlide{border-radius:26px;padding:17px}.singleSlide h1{font-size:34px}.wordLearningCard{padding:14px}.slideEmoji,.slideEmoji img{min-height:125px}.picturePrompt img{width:145px;height:145px}.testPicturePrompt img{width:92px;height:92px}.slideChoices button,.visualChoices button{min-height:78px}.audioButton{height:50px}.sessionActions button{height:52px}}.singleSlide:has(.grammarHero){justify-content:flex-start;padding-top:clamp(16px,2.3vh,25px)}.singleSlide:has(.grammarHero) .lessonCoach{margin-bottom:2px}.singleSlide:has(.grammarHero) .slideTag{margin-bottom:4px}.singleSlide:has(.grammarHero)>h1{max-width:900px;margin:2px 0 9px;font-size:clamp(30px,3.55vw,46px);line-height:1.08}.singleSlide:has(.grammarHero) .grammarHero{flex:0 auto;max-height:none;margin:0;overflow:hidden}.singleSlide:has(.grammarHero) .grammarHero .grammarRule{line-height:1.3}.singleSlide:has(.grammarHero) .grammarExamples{margin-top:9px}.singleSlide:has(.grammarHero) .grammarExampleCard{padding-block:8px}@media (height<=720px){.singleSlide:has(.grammarHero){padding-top:10px}.singleSlide:has(.grammarHero) .lessonCoach{font-size:10px}.singleSlide:has(.grammarHero) .lessonCoach .panda{flex-basis:34px;width:34px;height:34px}.singleSlide:has(.grammarHero)>h1{margin-block:1px 6px;font-size:clamp(26px,3.25vw,36px)}.singleSlide:has(.grammarHero) .grammarHero{border-left-width:6px;padding:11px 14px}.singleSlide:has(.grammarHero) .grammarHero .grammarRule{padding:9px 11px;font-size:14px}.singleSlide:has(.grammarHero) .grammarExamples{margin-top:7px}.singleSlide:has(.grammarHero) .grammarExampleCard{padding:6px 10px}.singleSlide:has(.grammarHero) .grammarExampleCard>em{font-size:12px}.singleSlide:has(.grammarHero) .pinyinSentence{font-size:19px}}.sessionScreen,.sessionScreen>.singleSlide,.sessionScreen>.sessionActions{min-height:0}.sessionActions{padding-block:2px 5px}:is(.singleSlide:has(.toneHero),.singleSlide:has(.wordLearningCard),.singleSlide:has(.picturePrompt),.singleSlide:has(.slideChoices),.singleSlide:has(.binaryChoices),.singleSlide:has(.speechPractice),.singleSlide:has(.traceHero),.singleSlide:has(.soundHero)){justify-content:flex-start;padding-block:clamp(12px,1.8vh,24px)}.singleSlide:has(.toneHero) .toneHero{flex:0 auto;width:min(clamp(148px,24vh,230px),27vw);margin-block:1px clamp(5px,1vh,10px)}.singleSlide:has(.toneHero)>h1{margin-block:3px 7px}.singleSlide:has(.toneHero)>p{margin-bottom:clamp(7px,1.3vh,14px)}.singleSlide:has(.toneHero) .audioButton{flex:none}:is(.singleSlide:has(.wordLearningCard) .wordLearningCard,.singleSlide:has(.picturePrompt) .picturePrompt){flex:0 auto}.singleSlide:has(.picturePrompt) .picturePrompt img{width:min(clamp(120px,18vh,210px),20vw);height:min(clamp(120px,18vh,210px),20vw)}:is(.singleSlide:has(.slideChoices) .slideChoices,.singleSlide:has(.binaryChoices) .binaryChoices,.singleSlide:has(.visualChoices) .visualChoices){flex:0 auto}@media (height<=720px){:is(.singleSlide:has(.toneHero),.singleSlide:has(.wordLearningCard),.singleSlide:has(.picturePrompt),.singleSlide:has(.slideChoices),.singleSlide:has(.binaryChoices),.singleSlide:has(.speechPractice),.singleSlide:has(.traceHero),.singleSlide:has(.soundHero)){padding-block:9px 12px}.singleSlide:has(.toneHero) .toneHero{width:min(148px,24vh);margin-bottom:5px}.singleSlide:has(.toneHero)>h1{margin-block:2px 5px;font-size:clamp(28px,3.8vw,42px)}.singleSlide:has(.toneHero)>p{margin-bottom:6px;font-size:clamp(13px,1.6vw,17px)}.sessionActions{padding-bottom:2px}}.singleSlide{padding:clamp(14px,2.5vh,28px)}.singleSlide h1{max-width:820px;margin-block:4px 9px;font-size:clamp(30px,3.8vw,48px)}.singleSlide>p{font-size:clamp(15px,1.65vw,20px)}.singleSlide>.panda{flex-basis:clamp(105px,14vh,140px);margin-block:-14px -4px}.singleSlide:has(.grammarHero){justify-content:flex-start;padding-block:clamp(11px,1.8vh,20px)}.singleSlide:has(.grammarHero) .lessonCoach{margin-bottom:3px;font-size:clamp(10px,1.1vw,12px)}.singleSlide:has(.grammarHero) .lessonCoach .panda{flex-basis:40px;width:40px;height:40px}.singleSlide:has(.grammarHero) .slideTag{margin-bottom:3px;padding-block:7px}.singleSlide:has(.grammarHero)>h1{max-width:820px;margin-block:2px 7px;font-size:clamp(27px,3.15vw,42px);line-height:1.06}.singleSlide:has(.grammarHero) .grammarHero{flex:1 1 0;grid-template-rows:auto minmax(0,1fr);gap:0;width:min(880px,100%);min-height:0;margin:0;padding:clamp(10px,1.6vh,16px) clamp(13px,1.8vw,20px);display:grid;overflow:hidden}.singleSlide:has(.grammarHero) .grammarHero .grammarRule{margin:0;padding:9px 12px;font-size:clamp(13px,1.45vw,17px);line-height:1.25}.singleSlide:has(.grammarHero) .grammarExamples{z-index:2;align-self:stretch;min-height:0;margin-top:7px;position:relative;overflow:visible}.singleSlide:has(.grammarHero) .grammarExampleCard>em{font-size:clamp(12px,1.2vw,15px);line-height:1.2}.sessionScreen{grid-template-rows:28px 8px minmax(0,1fr) 52px;gap:6px}.singleSlide{min-height:0;padding:clamp(10px,1.7vh,18px) clamp(12px,2vw,22px);overflow:hidden}.slideContents{flex-direction:column;flex:auto;justify-content:safe center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden auto}.singleSlide>*{flex-shrink:1}.slideContents>*{flex-shrink:0}.singleSlide .slideTag{border-radius:10px;flex:none;margin-bottom:clamp(3px,.7vh,7px);padding:6px 11px;font-size:clamp(10px,1vw,12px)}.singleSlide h1{max-width:820px;margin-block:clamp(2px,.6vh,6px);font-size:clamp(25px,3.1vw,40px);line-height:1.08}.singleSlide:has(.grammarHero)>h1{max-width:820px;margin-block:clamp(2px,.6vh,6px);font-size:clamp(25px,3.1vw,40px);line-height:1.08}.singleSlide:has(.grammarHero) .slideContents>h1{max-width:820px;margin-block:clamp(2px,.6vh,6px);font-size:clamp(25px,3.1vw,40px);line-height:1.08}.singleSlide>p,.slideContents>p{margin-bottom:clamp(5px,1vh,10px);font-size:clamp(13px,1.45vw,17px);line-height:1.28}.testSlide{justify-content:center}.testWritingQuestion{flex-direction:column;align-items:center;width:min(760px,100%);display:flex}.testWritingQuestion>h1{margin:4px 0 6px}.test-write .writingPractice>p{margin-top:4px}.testSlide .audioButton{min-width:150px;height:clamp(42px,6.5vh,50px);box-shadow:0 3px #cce7f6}.testSlide .testPicturePrompt{border-radius:20px;min-width:170px;margin:2px 0 clamp(3px,.7vh,7px);padding:6px 14px}.testSlide .testPicturePrompt img{border-radius:13px;width:clamp(76px,14vh,108px);height:clamp(76px,14vh,108px)}.testSlide h1{margin-block:clamp(2px,.6vh,6px);font-size:clamp(25px,3vw,38px);line-height:1.12}.testSlide .annotatedPrompt{line-height:1.35!important}.testSlide .hintInstruction{margin:0 0 clamp(2px,.6vh,6px);font-size:clamp(10px,1.05vw,13px);line-height:1.2}.testSlide .slideChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1vw,12px);margin-top:clamp(3px,.7vh,7px)}.testSlide .slideChoices button{border-radius:17px;min-height:clamp(52px,9vh,68px);padding:7px 10px;font-size:clamp(20px,2.7vw,31px);box-shadow:0 3px #dceef5}.testSlide .slideFeedback{margin-top:clamp(3px,.7vh,7px);padding:7px 13px;font-size:clamp(11px,1.25vw,14px);line-height:1.2}:is(.learnSlide,.singleSlide:not(.testSlide)) .toneHero{flex:0 auto;width:min(clamp(125px,22vh,175px),24vw);margin-block:1px 5px}:is(.learnSlide,.singleSlide:not(.testSlide)) .soundHero{margin-bottom:4px;font-size:clamp(52px,9vh,76px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .traceHero{width:min(clamp(135px,24vh,190px),28vw);margin-block:2px 6px;font-size:clamp(82px,15vh,120px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .writingCanvasWrap{width:min(clamp(205px,34vh,280px),72vw)}:is(.learnSlide,.singleSlide:not(.testSlide)) .writingPractice h1{margin-block:2px 6px}:is(.learnSlide,.singleSlide:not(.testSlide)) .writingPractice>p{margin-top:4px}:is(.learnSlide,.singleSlide:not(.testSlide)) .wordLearningCard{grid-template-columns:clamp(145px,23vh,205px) minmax(0,1fr);width:min(760px,100%);min-height:0;margin:3px 0 7px;padding:clamp(10px,1.5vh,16px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .slideEmoji{aspect-ratio:1;width:clamp(145px,23vh,205px);min-height:0;box-shadow:none;background:0 0;justify-self:center}:is(.learnSlide,.singleSlide:not(.testSlide)) .slideEmoji img{min-height:0}:is(.learnSlide,.singleSlide:not(.testSlide)) .picturePrompt{border-radius:20px;min-width:175px;margin:2px 0 6px;padding:7px 15px}:is(.learnSlide,.singleSlide:not(.testSlide)) .picturePrompt img{width:clamp(85px,15vh,120px);height:clamp(85px,15vh,120px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .slideChoices,:is(.learnSlide,.singleSlide:not(.testSlide)) .visualChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1vw,11px);margin-top:5px}:is(.learnSlide,.singleSlide:not(.testSlide)) .slideChoices button,:is(.learnSlide,.singleSlide:not(.testSlide)) .visualChoices button{border-radius:17px;min-height:clamp(52px,9vh,68px);padding:7px 9px;font-size:clamp(20px,2.6vw,30px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .binaryChoices{gap:12px;margin-top:7px}:is(.learnSlide,.singleSlide:not(.testSlide)) .binaryChoices button{border-radius:20px;min-height:clamp(72px,13vh,96px);font-size:clamp(42px,6vw,58px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .microphoneButton{min-height:clamp(72px,13vh,92px);margin-top:5px}:is(.learnSlide,.singleSlide:not(.testSlide)) .audioButton{height:clamp(43px,7vh,52px)}:is(.learnSlide,.singleSlide:not(.testSlide)) .slideFeedback{margin-top:6px;padding:7px 13px}.sessionActions{min-height:0;padding-block:0}.sessionActions button{border-radius:14px;min-width:125px;height:48px;font-size:13px}@media (height<=760px){.topBar{flex-basis:72px;height:72px}.appViewport{padding-block:10px}.sessionScreen{grid-template-rows:26px 7px minmax(0,1fr) 50px;gap:5px}.singleSlide{border-radius:25px;padding-block:9px}.singleSlide:before,.singleSlide:after{font-size:24px}.lessonCoach{margin-bottom:3px;font-size:10px}.lessonCoach .panda{flex-basis:34px;width:34px;height:34px}.grammarHero{margin-block:3px;padding:9px 12px}.grammarHero .grammarRule{padding:7px 9px;font-size:13px;line-height:1.22}.grammarExamples{margin-top:5px}.grammarExampleCard{padding:5px 8px}.sessionActions button{height:46px}}button:disabled{cursor:not-allowed}.learnerHome{flex-direction:column;justify-content:center;gap:clamp(12px,2vh,22px);width:min(1050px,100%);height:100%;margin:0 auto;display:flex;overflow:auto}.homeWelcome{justify-content:center;align-items:center;gap:20px;display:flex}.homeWelcome span{color:var(--blue);letter-spacing:1px;font-size:12px;font-weight:900}.homeWelcome h1{margin:3px 0;font-size:clamp(30px,4vw,48px);line-height:1.05}.homeWelcome p{color:#617d91;margin:0;font-size:clamp(14px,1.6vw,18px)}.continueCard{text-align:left;cursor:pointer;background:linear-gradient(135deg,#eafff8,#fff);border:3px solid #80d9c1;border-radius:28px;grid-template-columns:78px 1fr auto;align-self:center;align-items:center;gap:20px;width:min(850px,100%);min-height:155px;padding:22px 26px;display:grid;box-shadow:0 8px #b9eadc,0 16px 30px #235d4f1a}.continueIcon{background:var(--green);color:#064f3c;border-radius:22px;place-items:center;width:68px;height:68px;font-size:26px;display:grid}.continueCopy{flex-direction:column;min-width:0;display:flex}.continueCopy small{color:#08765a;letter-spacing:1.2px;font-size:10px;font-weight:900}.continueCopy b{margin-top:3px;font-family:STKaiti,KaiTi,serif;font-size:clamp(29px,3.5vw,40px)}.continueCopy em{color:#607d70;margin-top:6px;font-size:12px;font-style:normal}.continueArrow{color:#fff;background:#087a5d;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:900}.continueCard.isComplete{cursor:default}.continueCard.isComplete>button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:48px;padding:10px 15px;font-weight:900}.homeLower{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.homeBrowse,.homeSummary{border:2px solid var(--line);background:#fff;border-radius:20px;min-height:120px;padding:17px}.homeBrowse{cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;display:flex}.homeBrowse span{font-size:28px}.homeBrowse b{margin-top:5px;font-size:18px}.homeBrowse small{color:#668095;margin-top:3px}.homeSummary{flex-direction:column;justify-content:center;align-self:start;gap:5px;display:flex}.homeSummary>span{color:var(--blue);letter-spacing:1px;font-size:10px;font-weight:900}.homeSummaryMetric{align-items:baseline;gap:10px;display:flex}.homeSummaryMetric b{font-size:48px;line-height:.95}.homeSummaryMetric small{color:#526f82;font-size:clamp(15px,1.6vw,18px);font-weight:800}.homeLegal{color:#617d91;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 10px;font-size:12px;font-weight:800;display:flex}.homeLegal a{min-height:44px;color:var(--blue);text-underline-offset:3px;border-radius:9px;align-items:center;padding:3px 8px;font-weight:900;display:inline-flex}.homeLegal a:hover,.homeLegal a:focus-visible{background:#e8f6ff}.slideFeedbackSlot{justify-content:center;align-items:center;width:min(720px,100%);min-height:38px;display:flex}.slideFeedbackSlot .slideFeedback{width:100%;margin-top:5px}.checkpointBreath{color:#08785d;letter-spacing:.4px;background:radial-gradient(circle,#e6fff7 35%,#b6eddd);border-radius:50%;place-items:center;width:100px;height:100px;font-size:14px;font-weight:950;animation:3s ease-in-out infinite checkpoint-breathe;display:grid;box-shadow:0 0 0 10px #06d6a01a}@keyframes checkpoint-breathe{50%{transform:scale(1.08);box-shadow:0 0 0 18px #06d6a00a}}.toneGame{flex-direction:column;align-items:center;width:min(760px,100%);display:flex}.toneGame>p{color:#668095;margin:0 0 12px}.toneGameChoices{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.toneGameChoices button{cursor:pointer;background:#f9fdff;border:3px solid #d5e7f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.toneGameChoices button span{color:var(--blue);font-size:34px}.toneGameChoices button small{color:#668095;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:900}.toneGameChoices button.isDone{border-color:var(--green);background:#eafff8;box-shadow:inset 0 -5px #06d6a02e}.toneGame .slideFeedback{width:100%;margin-top:10px}.capabilityState{color:#536f83;margin:4px 0;font-weight:800}.capabilityState.unsupported{background:#f2f5f7;border-radius:12px;max-width:560px;padding:9px 13px}.reduceMotion *,.reduceMotion :before,.reduceMotion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.objectiveList{text-align:left;gap:8px;width:min(650px,100%);margin:8px 0 0;padding:0;list-style:none;display:grid}.objectiveList li{color:#3f5f73;background:#f7fcff;border:1px solid #d6e8f2;border-radius:13px;padding:10px 14px 10px 38px;font-size:14px;font-weight:750}.objectiveList li:before{content:"✓";color:#07805e;margin-left:-25px;margin-right:10px;font-weight:950;display:inline-block}.learn-intro .slideContents{justify-content:flex-start}.lessonIntro{grid-template-rows:auto auto minmax(0,1fr);place-items:center;gap:clamp(4px,.7vh,8px);width:min(1040px,100%);height:100%;min-height:0;display:grid;overflow:hidden}.lessonIntroHeader{justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.lessonIntroHeader .panda{object-fit:contain;object-position:center;flex:none;width:clamp(54px,7vh,72px);height:clamp(58px,7.6vh,78px)}.lessonIntroHeader small{color:#335b74;letter-spacing:.35px;text-align:left;font-size:clamp(11px,1.05vw,14px);font-weight:900;line-height:1.25}.lessonIntro>h1{margin:0}.lessonIntro .objectiveList{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-self:stretch;gap:clamp(7px,1vh,10px) clamp(9px,1vw,13px);width:100%;min-height:0;margin:0}.lessonIntro .objectiveList li{align-items:center;min-width:0;min-height:clamp(52px,8vh,68px);padding:clamp(8px,1.1vh,11px) 14px clamp(8px,1.1vh,11px) 42px;font-size:clamp(15px,1.35vw,19px);line-height:1.3;display:flex;position:relative}.lessonIntro .objectiveList li:before{margin:0;position:absolute;left:15px}@media (width<=820px){.lessonIntro{width:min(680px,100%)}.lessonIntro .objectiveList{grid-template-columns:1fr}.lessonIntro .objectiveList li{min-height:0}}@media (width<=620px){.lessonIntroHeader{gap:8px}.lessonIntroHeader .panda{width:48px;height:52px}.lessonIntroHeader small{font-size:10px}.lessonIntro .objectiveList{gap:5px}.lessonIntro .objectiveList li{padding:7px 10px 7px 37px;font-size:15px;line-height:1.22}.lessonIntro .objectiveList li:before{left:12px}}.wordExample{background:#f6fbff;border-radius:13px;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding:9px 14px;display:flex}.wordExample .pinyinSentence{font-size:clamp(18px,2vw,24px)}.wordExample small{color:#607a8c;font-weight:700}.grammarContrast{text-align:left;background:#f7f9fb;border-radius:13px;flex-direction:column;gap:5px;margin-top:9px;padding:10px 12px;display:flex}.grammarContrast span{border-radius:9px;padding:6px 9px;font-weight:850}.grammarContrast .wrong{color:#a63c34;background:#fff0ee}.grammarContrast .right{color:#087258;background:#eafff8}.grammarContrast small{color:#587184;line-height:1.35}.grammarContrast button{min-height:var(--touch-target);color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-weight:900}.skillBreakdown{grid-template-columns:repeat(2,1fr);gap:7px;width:min(540px,100%);margin:5px 0 8px;display:grid}.skillBreakdown h2{color:#36566c;grid-column:1/-1;margin:0;font-size:15px}.skillBreakdown>div{text-transform:capitalize;background:#f1f8fc;border-radius:11px;justify-content:space-between;padding:8px 11px;display:flex}.attemptSummary{font-size:12px!important}.resultScreen:has(.skillBreakdown){justify-content:flex-start;padding-block:8px;overflow:auto}.resultScreen:has(.skillBreakdown)>.panda{flex-basis:90px;width:90px;height:90px}.missedObjectives{color:#506a7c;text-align:left;background:#fff9e7;border-radius:12px;width:min(540px,100%);padding:9px 13px}.missedObjectives>b{color:#765e12;font-size:12px}.missedObjectives ul{gap:3px;margin:5px 0 0;padding-left:19px;font-size:11px;display:grid}.notesContents{border:1px solid var(--line);text-align:center;background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(24px,3.4vw,42px);display:flex;box-shadow:0 12px 32px #2a5b7a14}.notesContents>small{color:var(--blue);letter-spacing:1.1px;background:#edf8ff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:950}.notesContents h1{margin:12px 0 clamp(19px,2.5vh,28px);font-size:clamp(31px,3.9vw,46px);line-height:1.12}.notesContents>div{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:clamp(12px,1.4vw,17px);width:min(900px,100%);display:grid}.notesContents button{cursor:pointer;background:#f8fcff;border:2px solid #d8e8f1;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(140px,18vh,165px);transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 5px #e3f0f6}.notesContents button:hover{border-color:#79bfe9;transform:translateY(-3px);box-shadow:0 8px #dceef7}.notesContents button>span{color:#17699b;background:#dff3ff;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:10px;font-family:STKaiti,KaiTi,serif;font-size:31px;display:grid}.notesContents button:nth-child(2)>span{background:#e8f8f2}.notesContents button:nth-child(3)>span{background:#fff4cc}.notesContents button b{color:var(--ink);text-transform:capitalize;font-size:clamp(17px,1.6vw,21px)}.notesContents button small{color:#698193;margin-top:5px;font-size:13px}.notesOverview .notesActions{grid-template-columns:repeat(2,minmax(190px,230px));justify-content:center;gap:clamp(14px,2vw,22px)}.notesOverview .notesActions>div{display:none}.notesOverview .notesActions>button{border-width:2px;border-radius:17px;justify-self:stretch;width:100%;min-height:58px;font-size:15px;box-shadow:0 4px #d9eaf2}.notesOverview .notesActions>button:last-child{color:#087258;background:#eafff8;border-color:#8cdac4;box-shadow:0 4px #c1ebdf}.noteExplanation em{color:#7b6417;margin-top:5px;font-size:11px;font-style:normal;font-weight:850}.notesDetail .noteSentenceList{gap:12px}.notesDetail .noteSentenceList .noteSentenceAudio{width:100%}.strokeOrder{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.strokeOrder span{place-items:center;min-height:54px;font-family:STKaiti,KaiTi,serif;display:grid;position:relative;padding:4px!important;font-size:25px!important}.strokeOrder i{color:var(--blue);font-family:sans-serif;font-size:9px;font-style:normal;position:absolute;top:2px;left:4px}.singleSlide .slideTag{padding:8px 13px;font-size:clamp(13px,1.25vw,16px);line-height:1.1}.singleSlide h1,.testSlide h1{max-width:940px;font-size:clamp(32px,3.75vw,49px);line-height:1.12}.singleSlide:has(.grammarHero)>h1{max-width:940px;font-size:clamp(32px,3.75vw,49px);line-height:1.12}.singleSlide:has(.grammarHero) .slideContents>h1{max-width:940px;font-size:clamp(32px,3.75vw,49px);line-height:1.12}.singleSlide>p,.slideContents>p,.toneGame>p{max-width:820px;font-size:clamp(18px,1.9vw,23px);line-height:1.4}.objectiveList{width:min(760px,100%)}.objectiveList li{padding-block:12px;font-size:clamp(17px,1.65vw,21px);line-height:1.35}.testSlide .slideChoices button,:is(.learnSlide,.singleSlide:not(.testSlide)) .slideChoices button,:is(.learnSlide,.singleSlide:not(.testSlide)) .visualChoices button{min-height:clamp(64px,10vh,82px);padding:9px 12px;font-size:clamp(28px,3.25vw,39px);line-height:1.15}.binaryChoices button small{font-size:clamp(15px,1.5vw,19px)}.audioButton{min-width:210px;height:clamp(54px,7vh,62px)}.audioButton small{letter-spacing:.35px;font-size:clamp(12px,1.1vw,15px)}.testSlide .hintInstruction,.hintInstruction{font-size:clamp(14px,1.35vw,17px)}.testSlide .slideFeedback,:is(.learnSlide,.singleSlide:not(.testSlide)) .slideFeedback,.slideFeedback{font-size:clamp(15px,1.55vw,19px);line-height:1.3}.sessionActions button{min-width:145px;height:52px;font-size:16px}.toneGameChoices button span{font-size:clamp(38px,4vw,48px)}.toneGameChoices button b{font-size:clamp(24px,2.5vw,31px)}.toneGameChoices button small{font-size:clamp(12px,1.15vw,15px)}@media (height<=760px){.singleSlide h1,.testSlide h1{font-size:clamp(28px,3.4vw,38px)}.singleSlide:has(.grammarHero)>h1{font-size:clamp(28px,3.4vw,38px)}.singleSlide:has(.grammarHero) .slideContents>h1{font-size:clamp(28px,3.4vw,38px)}.singleSlide>p,.slideContents>p,.toneGame>p{font-size:clamp(16px,1.7vw,19px)}.testSlide .slideChoices button,:is(.learnSlide,.singleSlide:not(.testSlide)) .slideChoices button,:is(.learnSlide,.singleSlide:not(.testSlide)) .visualChoices button{min-height:58px;font-size:clamp(24px,2.9vw,31px)}}.sessionScreen{padding:1px 3px 7px}.singleSlide{margin-inline:3px;margin-bottom:4px}.sessionActions{padding:1px 4px 5px}.writingCanvasWrap.isMemoryMode,.writingCanvasWrap.isTestTrace{background:#fff}.isTestTrace .guidedTraceGhost path{fill:#c3cbd2;opacity:.82}.testTraceBadge{color:#1677d2;background:#eaf7ff;border:2px solid #77baf0;border-radius:11px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.testWritingQuestion{justify-content:center;height:100%;min-height:0;overflow:hidden}.testWritingQuestion .writingPractice{min-height:0}.testWritingQuestion .writingToolbar{margin-top:6px}.testWritingQuestion .writingPractice>p{margin-top:3px;font-size:clamp(12px,1.2vw,15px);line-height:1.25}.testWritingQuestion .slideFeedbackSlot{min-height:30px}.testWritingQuestion{grid-template-rows:auto auto minmax(0,1fr) auto auto;justify-items:center;gap:6px;width:100%;display:grid;overflow:visible}.testWritingQuestion>h1{font-size:clamp(22px,2.6vw,34px);line-height:1.2}.testWritingQuestion .writingPractice{gap:6px;width:100%;height:100%;min-height:0}.testWritingQuestion .writingCanvasWrap{width:min(220px,48vw,25vh)}.testWritingQuestion .writingToolbar{min-height:44px}.writingSkipArea{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.writingSkipArea .skipSpeaking{min-height:40px;margin:0;font-size:14px}.writingSkipArea small{color:#4d7185;max-width:350px;font-size:12px;font-weight:700;line-height:1.25}@media (width>=821px){.testWritingQuestion .writingPractice{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:center;gap:10px 24px;display:grid}.testWritingQuestion .writingModeBar,.testWritingQuestion .traceProgress,.testWritingQuestion .writingPractice>p{grid-column:1}.testWritingQuestion .writingPracticeGrid{grid-area:1/2/4}.testWritingQuestion .writingCanvasWrap{width:min(250px,28vh)}}.numberOneTip{flex-direction:column;justify-content:center;align-items:center;width:min(780px,100%);display:flex}.numberOneTip>h1{margin-block:4px 10px}.numberOneCompare{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.5vw,16px);width:min(650px,100%);display:grid}.numberOneCompare>div{text-align:left;background:#f7fcff;border:2px solid #c8e6f5;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-width:0;padding:clamp(12px,2vh,18px);display:grid}.numberOneCompare>div:last-child{background:#edfff9;border-color:#9bdfca}.numberOneCompare>.pinyinOnly{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center}.numberOneCompare>.pinyinOnly strong{font-size:clamp(30px,3.8vw,44px)}.numberOneCompare>.numberPronunciation{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:7px}.numberOneCompare>.numberPronunciation>.tapAudioCue{margin-top:3px}.numberOneCompare b{color:var(--blue);font-family:var(--font-hanzi);grid-row:1/3;font-size:clamp(48px,7vw,72px);line-height:1}.numberOneCompare strong{color:var(--blue);font-size:clamp(18px,2vw,24px)}.numberOneCompare span{color:var(--muted-ink);font-size:clamp(13px,1.35vw,17px);line-height:1.3}.numberOneTip>p{color:#5f531d;background:#fff7d9;border-radius:13px;max-width:650px;margin:clamp(9px,1.5vh,14px) 0 0;padding:9px 14px;font-size:clamp(14px,1.45vw,18px);line-height:1.35}@media (height<=700px){.mission-number-workshop h1{font-size:27px;line-height:1.12}.mission-number-workshop .missionBuild{min-height:60px;padding:6px}.mission-number-workshop .missionTiles button{min-height:48px;padding:5px 10px}.fourModeScreen{padding-bottom:10px}.numberOneTip>h1{margin-bottom:6px}.numberOneCompare>div{padding-block:9px}.numberOneTip>p{margin-top:7px;padding-block:7px}}@media (width<=620px){.fourModeScreen{padding:2px 3px 9px}.fourModeScreen .modeCards.hasNumbers{padding:2px 3px 8px}.numberOneCompare{gap:7px}.numberOneCompare>div{text-align:center;grid-template-columns:1fr;justify-items:center;padding:9px 6px}.numberOneCompare b{grid-row:auto;font-size:42px}.numberOneCompare strong{font-size:17px}.numberOneCompare span{font-size:12px}.numberOneTip>p{font-size:13px}}.fourModeScreen{grid-template-rows:auto minmax(0,1fr);align-content:center;gap:clamp(12px,2vh,20px);width:min(1080px,100%);padding:0;display:grid;overflow:hidden}.fourModeScreen .modeHeading>span{letter-spacing:1.1px;background:#edf8ff;border:1px solid #b9dcf2;border-radius:999px;align-items:center;min-height:27px;padding:4px 11px;display:inline-flex}.fourModeScreen .modeHeading h1{margin:clamp(3px,.7vh,7px) 0 1px;font-size:clamp(34px,4.3vw,50px);line-height:1}.fourModeScreen .modeCards.hasNumbers{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:clamp(12px,2vh,18px);width:100%;height:100%;min-height:0;max-height:540px;display:grid}.fourModeScreen .modeCards.hasNumbers button{text-align:left;border-width:2px;border-radius:clamp(21px,2.3vw,28px);grid-template-rows:auto auto auto;grid-template-columns:clamp(52px,5.6vw,68px) minmax(0,1fr) auto;align-content:center;place-items:center start;column-gap:clamp(12px,1.6vw,20px);min-width:0;min-height:0;padding:clamp(15px,2.3vh,23px) clamp(16px,2vw,25px);display:grid;overflow:hidden;box-shadow:0 6px #dceff7,0 13px 24px #28506817}.fourModeScreen .modeCards.hasNumbers button:first-child{background:linear-gradient(135deg,#fff9df,#fff 62%)}.fourModeScreen .modeCards.hasNumbers button:nth-child(2){background:linear-gradient(135deg,#fff0ec,#fff 62%)}.fourModeScreen .modeCards.hasNumbers button:nth-child(3){background:linear-gradient(135deg,#edf8ff,#fff 62%)}.fourModeScreen .modeCards.hasNumbers button:nth-child(4){background:linear-gradient(135deg,#eafff7,#fff 62%)}.fourModeScreen .modeCards.hasNumbers button>span{border-radius:clamp(16px,1.8vw,21px);grid-area:1/1/4;place-items:center;width:clamp(52px,5.6vw,68px);height:clamp(52px,5.6vw,68px);font-size:clamp(31px,3.6vw,43px);line-height:1;display:grid}.fourModeScreen .modeCards.hasNumbers button>small,.fourModeScreen .modeCards.hasNumbers button>b,.fourModeScreen .modeCards.hasNumbers button>p{grid-column:2;min-width:0;margin:0}.fourModeScreen .modeCards.hasNumbers button>small{letter-spacing:1.15px;font-size:clamp(9px,.85vw,11px)}.fourModeScreen .modeCards.hasNumbers button>b{margin-top:2px;font-size:clamp(24px,2.6vw,33px);line-height:1.08}.fourModeScreen .modeCards.hasNumbers button>p{color:#5d788d;max-width:34ch;margin-top:5px;font-size:clamp(12px,1.15vw,15px);line-height:1.3}.fourModeScreen .modeCards.hasNumbers button>em{white-space:nowrap;border-radius:12px;grid-area:1/3/4;align-self:center;margin:0;padding:8px 11px;font-size:11px}@media (height<=700px){.fourModeScreen{gap:9px}.fourModeScreen .modeHeading h1{font-size:32px}.fourModeScreen .modeCards.hasNumbers{gap:10px}.fourModeScreen .modeCards.hasNumbers button{padding-block:11px}}@media (width<=620px){.fourModeScreen{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%}.fourModeScreen .modeHeading>span{min-height:23px;padding:3px 8px;font-size:9px}.fourModeScreen .modeHeading h1{margin-block:3px 0;font-size:clamp(27px,8.5vw,34px)}.fourModeScreen .modeHeading p{font-size:12px}.fourModeScreen .modeCards.hasNumbers{gap:8px;max-height:none}.fourModeScreen .modeCards.hasNumbers button{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 6px;display:flex}.fourModeScreen .modeCards.hasNumbers button>span{border-radius:14px;flex:none;width:44px;height:44px;font-size:27px}.fourModeScreen .modeCards.hasNumbers button>small{font-size:8px}.fourModeScreen .modeCards.hasNumbers button>b{font-size:clamp(17px,5vw,21px)}.fourModeScreen .modeCards.hasNumbers button>p{display:none}.fourModeScreen .modeCards.hasNumbers button>em{align-self:auto;margin-top:3px;padding:5px 8px;font-size:9px}}.fourModeScreen{height:100%;min-height:0;padding:clamp(3px,.6vh,6px) clamp(5px,.7vw,9px) clamp(11px,1.5vh,16px);overflow:visible}.fourModeScreen .modeCards.hasNumbers{width:100%;height:auto;min-height:0;max-height:none;padding:3px 5px 10px;overflow:visible}@media (height<=700px){.fourModeScreen{padding-bottom:10px}}@media (width<=620px){.fourModeScreen{padding:2px 3px 9px}.fourModeScreen .modeCards.hasNumbers{padding:2px 3px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=820px){.learnerHome{justify-content:flex-start;padding-block:8px}.continueCard{grid-template-columns:60px 1fr;min-height:140px}.continueIcon{width:54px;height:54px}.continueArrow{grid-column:2;justify-self:start}.homeLower{grid-template-columns:1fr 1fr}}@media (width<=620px){html,body{overflow:auto}.appShell{height:auto;min-height:100dvh;overflow:visible}.appViewport{min-height:calc(100dvh - 72px);overflow:auto}.homeWelcome{text-align:center}.homeWelcome .panda{display:none}.continueCard{text-align:center;grid-template-columns:1fr}.continueIcon,.continueArrow{grid-column:1;justify-self:center}.continueCopy{align-items:center}.homeLower{grid-template-columns:1fr}.menuScreen:not(.sessionScreen),.notesScreen{overflow:auto}.toneGameChoices{grid-template-columns:1fr 1fr}.toneGameChoices button{min-height:80px}.skillBreakdown{grid-template-columns:1fr}.skillBreakdown h2{grid-column:1}.notesContents>div{grid-template-columns:1fr}.notesContents button{min-height:125px}.notesScreen.notesOverview,.notesScreen.notesDetail{grid-template-rows:auto auto auto}.notesScreen{height:auto;min-height:100%}.notesScreen.notesDetail .notesPageProgress{min-height:7px}.notesActions,.notesOverview .notesActions{grid-template-columns:1fr}.notesActions>div{flex-wrap:wrap;order:-1}.notesActions>button:first-child,.notesActions>button:last-child{justify-self:stretch;width:100%}}:root{--font-rounded:ui-rounded, "Arial Rounded MT Bold", "Nunito", "Avenir Next", "Trebuchet MS", Arial, sans-serif;--font-hanzi:"Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--ink:#173f5f;--muted-ink:#55758b;--blue:#1677d2;--navy:#173f5f;--line:#c8e6f5;--focus-ring:#ff9f1c}body{color:var(--ink);font-family:var(--font-rounded);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:600;line-height:1.45}::selection{color:var(--navy);background:#ffe28a}.appShell{background-color:#fffdf7;background-image:radial-gradient(circle at 7% 88%,#5fd3ff38,#0000 24%),radial-gradient(circle at 93% 11%,#ffd1664d,#0000 25%),radial-gradient(circle at 50% 102%,#06d6a01a,#0000 27%)}.topBar{background:#fffffffa;border-bottom:3px solid #d6edf8;box-shadow:0 6px #cce8f499,0 10px 25px #234e6914}.brand b,.menuHeading h1,.menuMascot h1,.homeWelcome h1,.notesContents h1,.resultScreen h1{font-family:var(--font-rounded);letter-spacing:-.025em}.brand b{color:var(--navy)}.brand small{color:var(--muted-ink);letter-spacing:.15px;font-size:12px}.topProgress>span{color:var(--muted-ink);letter-spacing:.45px;font-size:12px}.heartStat{box-shadow:0 3px #ffbebe8c}.menuHeading>span,.menuMascot>div>span,.homeWelcome span,.sessionMeta>span,.notesHeading span,.noteWordMain>small,.noteLessonMain>small{letter-spacing:1px;font-size:clamp(12px,1.25vw,15px)}.menuHeading h1,.menuMascot h1{line-height:1.08}.menuHeading p,.menuMascot p,.homeWelcome p{color:var(--muted-ink);font-size:clamp(17px,1.9vw,22px);line-height:1.45}.courseCards button,.termCards button,.modeCards button,.unitCards button,.continueCard,.homeBrowse,.homeSummary{border-color:#c8e6f5;box-shadow:0 7px #dceff7,0 15px 26px #2850681a}.courseCards button,.termCards button,.modeCards button{min-height:190px}.courseCards button:first-child{background:linear-gradient(145deg,#e8f8ff,#fff)}.courseCards button:nth-child(2){background:linear-gradient(145deg,#fff5c9,#fff)}.courseCards button:hover,.termCards button:hover,.modeCards button:not(.locked):hover,.unitCards button:hover,.homeBrowse:hover,.continueCard:hover{border-color:#73bde8;box-shadow:0 10px #d2ebf7,0 18px 30px #2850681f}.courseCards button>b,.termCards button>b,.modeCards button>b,.unitCards b,.continueCopy b,.notesHeading b,.noteWordMain h1,.noteLessonMain h1,.specialReminder span{font-family:var(--font-hanzi);font-weight:800}.courseCards p,.modeCards p,.termCards p,.unitCards p,.continueCopy em,.homeBrowse small,.noteLessonMain p,.noteExplanation p{color:var(--muted-ink);font-size:clamp(14px,1.55vw,18px);line-height:1.5}.unitCards button{min-height:92px}.unitCards small{letter-spacing:.7px;font-size:12px}.unitCards button>span{box-shadow:inset 0 -4px #69520a1a}.modeCards em,.continueArrow,.primaryAction{color:#064d3c;background:linear-gradient(135deg,#19dca9,#06bd91);font-weight:900}.modeCards .locked{box-shadow:none}.termCards button.unavailable,.unitCards button.unavailable{box-shadow:none;color:#6f808a;filter:grayscale(.65);opacity:.76;background:#edf1f3;border-color:#d5dee3}.termCards button.unavailable:hover,.unitCards button.unavailable:hover{box-shadow:none;border-color:#d5dee3;transform:none}.termCards button.unavailable i,.unitCards button.unavailable small,.termCards button.unavailable em,.unitCards button.unavailable em{color:#667985}.unitCards button.unavailable>span{color:#61737e;background:#d7e0e5}.sessionMeta{color:var(--muted-ink);font-size:14px}.sessionMeta b{font-size:17px}.sessionProgress{background:#dceef5}.sessionProgress i{background:linear-gradient(90deg,#12c999,#62dfc0)}.singleSlide{background:linear-gradient(145deg,#fff,#f7fcff);border-color:#c7e8f7;box-shadow:0 8px #deeff6,0 18px 36px #224d671c}.singleSlide h1,.testSlide h1{font-family:var(--font-rounded);letter-spacing:-.02em;font-weight:900}.singleSlide>p,.slideContents>p,.toneGame>p{color:var(--muted-ink);font-weight:650}.slideTag,.singleSlide>small{color:#126caf;background:#e4f6ff;font-weight:900}.wordLearningCard,.picturePrompt,.speechTarget{border-color:#bde5f8;box-shadow:0 5px #e3f3fa}.wordLearningCard{background:linear-gradient(145deg,#eaf8ff,#fffdf7)}.wordLearningCard h1,.wordLearningCard h2,.hanziHero,.pinyinSentence,.visualChoices button b,.slideChoices button,.traceHero,.choiceHint strong,.rubyHint>b,.noteExplanation b{font-family:var(--font-hanzi)}.wordLearningCard p,.wordExample small,.grammarExampleCard>em,.noteExampleCard>em,.hintInstruction{color:var(--muted-ink);font-size:clamp(15px,1.45vw,19px);line-height:1.45}.grammarHero,.grammarContrast,.objectiveList li{background:#f4fbff;border-color:#c6e5f4}.grammarHero{border-left-color:#4e9be8}.grammarHero .grammarRule{color:var(--ink);background:#e8f6ff;font-size:clamp(16px,1.6vw,21px);line-height:1.5}.grammarExampleCard{background:#fff;border-color:#aad8f2}.pinyinSentence{font-size:clamp(21px,2.35vw,31px);line-height:1.5}.pinyinSentence rt{font-family:var(--font-rounded)}.objectiveList li{color:var(--ink);font-size:clamp(16px,1.55vw,20px);line-height:1.45}.slideChoices button,.visualChoices button,.binaryChoices button,.toneGameChoices button{color:var(--ink);background:#fff;border-color:#c5e4f2;box-shadow:0 5px #dceef5}.slideChoices button:hover,.visualChoices button:hover,.binaryChoices button:hover,.toneGameChoices button:hover{background:#f1fbff;border-color:#57afe3}.slideChoices button.correct,.visualChoices button.correct,.binaryChoices button.correct,.toneGameChoices button.isDone{background:#e8fff7;border-color:#4bd5ad;box-shadow:0 5px #bcefe0}.slideFeedback,.capabilityState.unsupported{border:2px solid #0000;border-radius:16px;font-weight:800}.slideFeedback.right{border-color:#8de3c9}.slideFeedback.wrong{border-color:#ffd28a}.audioButton{background:#eaf8ff;border-color:#a9d9f2;font-weight:800;box-shadow:0 4px #cfeaf7}.audioButton>span{background:#1677d2}.microphoneButton{color:#086c54;background:#e8fff7;border-color:#8bdcc6;box-shadow:0 6px #bcefe0}.sessionActions button,.resultActions button,.notesActions button,.leaveModal button{font-size:15px;font-weight:850}.sessionActions button{box-shadow:0 4px #d8ebf3}.sessionActions button:not(:disabled):hover,.resultActions button:not(:disabled):hover,.notesActions button:not(:disabled):hover,.leaveModal button:not(:disabled):hover{background:#f1fbff;border-color:#73bde8}.notesContents,.notePage{border-color:#c7e8f7;box-shadow:0 8px #e1f0f6,0 15px 30px #2a5b7a14}.notesContents h1{font-size:clamp(34px,4.2vw,50px)}.notesContents button{background:#f5fcff;border-color:#c5e4f2}.notesContents button b{font-size:clamp(18px,1.7vw,23px)}.notesContents button small{font-size:14px}.notesActions button{min-height:56px}button:focus-visible,[tabindex="0"]:focus-visible,input:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px}@media (width<=820px){.courseCards button,.termCards button,.modeCards button{min-height:145px}.unitCards button{min-height:78px}.menuHeading p,.menuMascot p,.homeWelcome p{font-size:17px}}@media (width<=620px){html,body{overflow:hidden auto}.appShell{overflow-x:hidden}.appViewport{overflow:hidden auto}.brand b{letter-spacing:1.2px;font-size:17px}.heartStat{font-size:14px}.courseCards button,.termCards button,.modeCards button{min-height:86px}.courseCards button>b{font-size:34px}.termCards button>b,.modeCards button>b{font-size:25px}.unitCards button{min-height:67px}.singleSlide h1,.testSlide h1{font-size:clamp(25px,7vw,34px)}.singleSlide>p,.slideContents>p,.toneGame>p{font-size:16px}.slideChoices button,.visualChoices button{min-height:62px;font-size:26px}.objectiveList li{font-size:16px}.pinyinSentence{font-size:21px}.sessionActions button,.resultActions button,.notesActions button{font-size:14px}html,body,.appShell,.appViewport{overflow-x:hidden!important}}.singleSlide:has(.grammarHero) .grammarHero{grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);padding:clamp(16px,2.2vh,28px) clamp(20px,2.6vw,34px)}.singleSlide:has(.grammarHero) .grammarHero .grammarRule{padding:clamp(14px,1.9vh,22px) clamp(18px,2.1vw,28px);font-size:clamp(18px,1.8vw,25px);line-height:1.38}.singleSlide:has(.grammarHero) .grammarExamples{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(14px,1.9vh,22px);display:grid}.singleSlide:has(.grammarHero) .grammarExampleCard{justify-content:center;min-height:0;padding:clamp(16px,2vh,25px) clamp(18px,2vw,28px)}.singleSlide:has(.grammarHero) .pinyinSentence{font-size:clamp(28px,3.2vw,44px);line-height:1.35}.singleSlide:has(.grammarHero) .grammarExampleCard>em{margin-top:10px;font-size:clamp(16px,1.55vw,21px);line-height:1.35}.singleSlide:has(.grammarHero) .grammarExampleCard>div{flex-wrap:wrap}.verySlowSpeech{min-width:104px;min-height:44px;color:var(--blue);cursor:pointer;background:#eef9ff;border:2px solid #9fd8f4;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-family:Avenir Next,Nunito,sans-serif;font-size:12px;display:inline-flex;box-shadow:0 3px #d6eef9}.verySlowSpeech:hover,.verySlowSpeech:focus-visible{border-color:var(--blue);outline-offset:2px;background:#fff8d8;outline:3px solid #f9c74f8c}.verySlowSpeech.isPlaying{border-color:var(--green);color:#08765b;background:#e8fff7}.verySlowSpeech:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (width<=680px){.singleSlide:has(.grammarHero) .grammarExamples{grid-template-columns:1fr}}@media (width>=681px){.singleSlide:has(.grammarHero) .pinyinSentence{white-space:normal;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-start;min-width:0;max-width:100%;display:flex}.singleSlide:has(.grammarHero) .grammarExampleCard>div{width:100%;min-width:0}}.unjumbleActivity{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:min(900px,100%);min-height:0;display:flex}.unjumbleActivity h1{margin-block:2px 5px}.unjumbleInstruction{color:var(--muted-ink);margin:0 0 4px;font-size:clamp(13px,1.5vw,17px);font-weight:700}.unjumblePrompt{color:#5b7487;margin:0 0 clamp(8px,1.4vh,13px);font-size:clamp(15px,1.7vw,20px);font-weight:700;line-height:1.3}.unjumblePrompt strong{color:var(--ink)}.sentenceBoard{flex-direction:column;align-items:center;width:min(820px,100%);display:flex}.sentenceDragHelp{color:#58778b;margin:0 0 7px;font-size:clamp(13px,1.35vw,16px);font-weight:800}.sentenceAnswer{box-sizing:border-box;background:#f7fcff;border:3px dashed #a9d7ef;border-radius:21px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:clamp(72px,12vh,102px);padding:clamp(10px,1.6vh,16px);display:flex}.sentenceBoard.isCorrect .sentenceAnswer{background:#edfff9;border-style:solid;border-color:#69d7b7}.sentenceAnswer.isDropTarget,.sentenceTileBank.isDropTarget{background:#e8fff7;border-color:#2ebf98;box-shadow:0 0 0 5px #2ebf9829}.sentencePlaceholder{color:#8196a5;font-size:clamp(14px,1.45vw,17px);font-weight:800}.sentenceAnswer button,.sentenceTileBank button{min-width:var(--touch-target);min-height:var(--touch-target);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #b9dcee;border-radius:13px;padding:7px 14px;font-size:clamp(22px,2.6vw,31px);font-weight:700;line-height:1;transition:transform .14s,opacity .14s,box-shadow .14s;box-shadow:0 3px #d9edf6}.sentenceAnswer button.isDragging,.sentenceTileBank button.isDragging{opacity:.3;transform:scale(.94)}.sentenceAnswerPosition{display:contents}.sentenceDropPlaceholder{min-width:var(--touch-target);min-height:var(--touch-target);color:#55636e;pointer-events:none;background:#dfe5e9;border:2px dashed #8d9da8;border-radius:13px;justify-content:center;align-items:center;padding:7px 14px;font-size:clamp(22px,2.6vw,31px);font-weight:700;line-height:1;display:inline-flex}.sentenceAnswer button{background:#eaf7ff;border-color:#76b9e4}.sentenceAnswer>b{color:var(--ink);font-family:var(--font-hanzi);font-size:clamp(24px,2.8vw,33px)}.sentenceTileBank{border:2px dashed #0000;border-radius:17px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:62px;margin-top:clamp(8px,1.5vh,14px);padding:5px;display:flex}.sentenceTileBank button.isUsed{opacity:1;color:#64717c;box-shadow:none;cursor:default;background:#e2e6ea;border-color:#c5cdd3}.sentenceDragPreview{z-index:1000;min-width:var(--touch-target);color:var(--ink);font-family:var(--font-hanzi);pointer-events:none;background:#fff;border:2px solid #5aa9df;border-radius:13px;padding:9px 15px;font-size:clamp(22px,2.6vw,31px);font-weight:700;line-height:1;position:fixed;transform:translate(-50%,-60%);box-shadow:0 9px 22px #1b5d7e3d}.unjumbleTools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(7px,1.2vh,12px);display:flex}.unjumbleTools button{min-height:var(--touch-target);color:#496b80;cursor:pointer;background:#fff;border:2px solid #c9e2ee;border-radius:13px;padding:0 14px;font-size:13px;font-weight:900}.unjumbleTools .checkSentence{color:#07654f;background:#e8fff7;border-color:#5cd7b4}.unjumbleActivity button:disabled{cursor:default}.unjumbleTools button:disabled{opacity:.38}.unjumbleActivity .slideFeedbackSlot{min-height:46px}.unjumbleActivity .slideFeedback{margin-top:7px}.testLoadingScreen .singleSlide{justify-content:center}.testReloadButton{cursor:pointer;border:0;border-radius:15px;min-height:52px;margin-top:10px;padding:0 22px;font-size:16px;font-weight:900}.testResumeNotice{color:#765718;text-align:center;background:#fff8df;border:1px solid #f0cb72;border-radius:12px;padding:7px 12px;font-size:13px;font-weight:800}.testUnjumbleActivity{width:min(900px,100%)}.sentenceTileBoard{width:100%}.answerLanguage-en .sentenceAnswer button,.answerLanguage-en .sentenceTileBank button,.answerLanguage-en .sentenceAnswer>b,.answerLanguage-en .sentenceDragPreview{font-family:var(--font-rounded);font-size:clamp(16px,2vw,24px);line-height:1.05}.englishUnjumbleClue{background:#f4fbff;border:2px solid #c6e5f5;border-radius:17px;justify-content:center;align-items:center;gap:14px;width:min(660px,100%);min-height:62px;margin:0 0 clamp(7px,1.1vh,11px);padding:7px 16px;display:flex}.englishUnjumbleClue strong,.testChineseSentenceCue{font-family:var(--font-hanzi);color:var(--ink)}.englishUnjumbleClue strong{font-size:clamp(24px,3vw,36px)}.englishUnjumbleClue small{color:#397391;font-size:clamp(13px,1.5vw,17px);font-weight:800}.testChineseSentenceCue{margin:0 0 9px;font-size:clamp(25px,3.5vw,42px);font-weight:700}@media (height<=720px){.unjumbleActivity .slideFeedbackSlot{min-height:36px}.englishUnjumbleClue{min-height:48px;margin-bottom:5px;padding-block:4px}.englishUnjumbleClue strong{font-size:clamp(21px,2.5vw,29px)}.testChineseSentenceCue{margin-bottom:4px;font-size:clamp(23px,3vw,34px)}.sentenceAnswer{min-height:64px;padding:8px}.sentenceAnswer button,.sentenceTileBank button{min-height:40px;padding:5px 11px;font-size:clamp(19px,2.35vw,27px)}.sentenceTileBank{min-height:50px;margin-top:7px}.unjumbleTools{margin-top:5px}.unjumbleTools button{min-height:40px}}@media (width<=620px){.unjumbleActivity{justify-content:flex-start}.sentenceAnswer,.sentenceTileBank{gap:6px}.sentenceAnswer button,.sentenceTileBank button{padding-inline:10px;font-size:22px}}.unitCards b,.modeHeading h1,.menuMascot>div>span b,.homeWelcome span b,.hanziHero,.pinyinSentence,.pinyinSentence .rubyHint>b,.visualChoices button b,.speechTarget b,.traceHero,.slideChoices button,.sentenceAnswer button,.sentenceTileBank button,.choiceHint strong,.notesHeading b,.noteWordMain h1,.noteExplanation b,.noteLessonMain h1,.specialReminder span,.continueCopy b,.notesContents button>span,.strokeOrder span{font-family:var(--font-hanzi)}.sentenceTileBoard.answerLanguage-en .sentenceAnswer button,.sentenceTileBoard.answerLanguage-en .sentenceTileBank button,.sentenceTileBoard.answerLanguage-en .sentenceAnswer>b,.sentenceTileBoard.answerLanguage-en .sentenceDragPreview{font-family:var(--font-rounded)}@media (width<=620px){html,body{height:100%;overflow:hidden}.appShell{height:100dvh;min-height:0;overflow:hidden}.appViewport{min-height:0;overflow:hidden}}.fourModeScreen{justify-content:flex-start;height:100%;min-height:0;padding:clamp(3px,.6vh,6px) clamp(5px,.7vw,9px) clamp(11px,1.5vh,16px);overflow:visible}.fourModeScreen .modeHeading{margin-bottom:clamp(8px,1.4vh,14px)}.fourModeScreen .modeHeading>span{font-size:clamp(10px,1vw,12px)}.fourModeScreen .modeHeading h1{margin-block:2px;font-size:clamp(32px,4vw,48px)}.fourModeScreen .modeHeading p{font-size:clamp(14px,1.5vw,18px)}.fourModeScreen .modeCards.hasNumbers{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.5vh,16px) clamp(12px,1.5vw,18px);width:100%;height:auto;min-height:0;max-height:none;padding:3px 5px 10px;overflow:visible}.fourModeScreen .modeCards.hasNumbers button{text-align:left;border-radius:clamp(20px,2vw,26px);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:clamp(50px,5vw,64px) minmax(0,1fr) auto;place-items:center start;column-gap:clamp(12px,1.4vw,18px);min-height:0;padding:clamp(12px,1.8vh,18px) clamp(14px,1.8vw,22px);display:grid}.fourModeScreen .modeCards.hasNumbers button>span{background:#e8f6ff;border-radius:18px;grid-area:1/1/4;place-items:center;width:clamp(48px,5vw,62px);height:clamp(48px,5vw,62px);font-size:clamp(30px,3vw,40px);display:grid}.fourModeScreen .modeCards.hasNumbers button:first-child>span{background:#fff3be}.fourModeScreen .modeCards.hasNumbers button:nth-child(2)>span{background:#ffe5dd}.fourModeScreen .modeCards.hasNumbers button:nth-child(3)>span{background:#e4f2ff}.fourModeScreen .modeCards.hasNumbers button:nth-child(4)>span{background:#dff8ec}.fourModeScreen .modeCards.hasNumbers button>small{grid-column:2;margin:0;font-size:clamp(9px,.9vw,12px)}.fourModeScreen .modeCards.hasNumbers button>b{grid-column:2;margin:0;font-size:clamp(23px,2.4vw,31px);line-height:1.05}.fourModeScreen .modeCards.hasNumbers button>p{grid-column:2;max-width:none;margin:4px 0 0;font-size:clamp(13px,1.25vw,16px);line-height:1.25}.fourModeScreen .modeCards.hasNumbers button>em{white-space:nowrap;grid-area:1/3/4;align-self:center;margin:0;padding:8px 12px;font-size:11px}.fourModeScreen .modeCards.hasNumbers button:not(.locked):hover{transform:translateY(-2px)scale(1.003)}@media (height<=700px){.fourModeScreen{padding-bottom:10px}.fourModeScreen .modeHeading{margin-bottom:6px}.fourModeScreen .modeHeading h1{font-size:32px}.fourModeScreen .modeCards.hasNumbers{gap:9px}.fourModeScreen .modeCards.hasNumbers button{padding:10px 14px}}@media (height<=600px) and (width>=621px){.fourModeScreen .modeCards.hasNumbers button>p{display:none}}@media (width<=620px){.fourModeScreen{padding:2px 3px 9px}.fourModeScreen .modeHeading{margin-bottom:8px}.fourModeScreen .modeHeading h1{font-size:30px}.fourModeScreen .modeHeading p{font-size:13px}.fourModeScreen .modeCards.hasNumbers{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:2px 3px 8px}.fourModeScreen .modeCards.hasNumbers button{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:0;padding:9px 7px;display:flex}.fourModeScreen .modeCards.hasNumbers button>span{border-radius:14px;flex:none;width:42px;height:42px;font-size:27px}.fourModeScreen .modeCards.hasNumbers button>small{margin:0;font-size:8px}.fourModeScreen .modeCards.hasNumbers button>b{margin:0;font-size:clamp(17px,5vw,21px)}.fourModeScreen .modeCards.hasNumbers button>p{display:none}.fourModeScreen .modeCards.hasNumbers button>em{align-self:auto;margin-top:3px;padding:5px 8px;font-size:9px}}.singleSlide:has(.grammarHero) .grammarHero{grid-template-rows:auto auto auto;align-content:center;gap:0}.singleSlide:has(.grammarHero) .grammarExampleCard .pinyinSentence{flex:200px}.singleSlide:has(.grammarHero) .grammarHero.hasLongExamples .pinyinSentence{font-size:clamp(19px,2vw,25px);line-height:1.25}.singleSlide:has(.grammarHero) .grammarContrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin-top:6px;padding:7px 9px;display:grid}.singleSlide:has(.grammarHero) .grammarContrast span{padding:4px 7px}.singleSlide:has(.grammarHero) .grammarContrast small{grid-column:1/-1}@media (width<=820px){.singleSlide:has(.grammarHero) .grammarExamples{grid-template-columns:1fr}}@media (width<=620px){.singleSlide:has(.grammarHero) .grammarHero{border-left-width:6px;padding:8px 10px}.singleSlide:has(.grammarHero) .grammarHero .grammarRule{padding:7px 9px;font-size:14px;line-height:1.25}.singleSlide:has(.grammarHero) .grammarExamples{gap:6px;margin-top:6px}.singleSlide:has(.grammarHero) .grammarExampleCard{padding:5px 8px}.singleSlide:has(.grammarHero) .grammarHero.hasLongExamples .pinyinSentence{flex-basis:150px;font-size:17px;line-height:1.2}.singleSlide:has(.grammarHero) .grammarExampleCard>div{gap:6px}.singleSlide:has(.grammarHero) .grammarExampleCard>em{margin-top:4px;font-size:12px;line-height:1.2}.singleSlide:has(.grammarHero) .verySlowSpeech{width:44px;min-width:44px;padding:0}.singleSlide:has(.grammarHero) .verySlowSpeech b{display:none}.singleSlide:has(.grammarHero) .grammarContrast{gap:4px 6px;margin-top:5px;padding:6px 7px;font-size:13px}.singleSlide:has(.grammarHero) .grammarContrast span{padding:3px 5px}.singleSlide:has(.grammarHero) .grammarContrast small{line-height:1.2}}.testSlide.objectiveQuestion{justify-content:safe center;gap:8px;padding-block:clamp(12px,2vh,24px)}.testSlide.objectiveQuestion .slideTag{margin:0;padding:9px 15px;font-size:clamp(13px,1.25vw,16px)}.testSlide.objectiveQuestion .audioButton{min-width:180px;height:48px;margin:0}.testSlide.objectiveQuestion>h1{max-width:780px;margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.25}.testSlide.objectiveQuestion .slideChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(780px,100%);margin:0}.singleSlide .slideChoices.twoChoices,.testSlide.objectiveQuestion .slideChoices.twoChoices{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,100%)}.testSlide.objectiveQuestion .slideChoices button{border-radius:18px;min-height:72px;padding:10px 14px;font-size:clamp(23px,2.4vw,32px);line-height:1.3}.testSlide.objectiveQuestion .choiceLabel{line-height:1.3}.testSlide.objectiveQuestion .latinChoice{font-size:clamp(18px,1.7vw,23px)}.testSlide.objectiveQuestion .slideFeedbackSlot{min-height:46px}.fourModeScreen{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(14px,2.2vh,23px);padding:clamp(5px,.8vh,9px) clamp(7px,1vw,12px) clamp(14px,2vh,22px);overflow:hidden}.fourModeScreen .modeHeading{margin:0}.fourModeScreen .modeCards.hasNumbers{align-self:stretch;gap:clamp(14px,2vh,22px) clamp(16px,2vw,25px);width:100%;height:100%;min-height:0;max-height:none;padding:0 5px 9px;overflow:hidden}.fourModeScreen .modeCards.hasNumbers button{align-content:center;column-gap:clamp(15px,1.8vw,24px);padding:clamp(19px,3vh,30px) clamp(20px,2.5vw,32px)}.fourModeScreen .modeCards.hasNumbers button>span{border-radius:clamp(18px,2vw,24px);width:clamp(62px,6.5vw,84px);height:clamp(62px,6.5vw,84px);font-size:clamp(38px,4.5vw,54px)}.fourModeScreen .modeCards.hasNumbers button>small{font-size:clamp(10px,1vw,13px)}.fourModeScreen .modeCards.hasNumbers button>b{font-size:clamp(29px,3.2vw,40px)}.fourModeScreen .modeCards.hasNumbers button>p{max-width:40ch;font-size:clamp(14px,1.45vw,18px)}.fourModeScreen .modeCards.hasNumbers button>em{padding:10px 14px;font-size:13px}@media (height<=700px){.testSlide.objectiveQuestion{gap:7px;padding-block:12px}.testSlide.objectiveQuestion .audioButton{height:52px}.testSlide.objectiveQuestion>h1{font-size:26px}.testSlide.objectiveQuestion .slideChoices button{min-height:62px}.fourModeScreen{gap:9px;padding-bottom:11px}.fourModeScreen .modeCards.hasNumbers{gap:10px 13px}.fourModeScreen .modeCards.hasNumbers button{padding:12px 15px}.fourModeScreen .modeCards.hasNumbers button>span{width:54px;height:54px;font-size:34px}.fourModeScreen .modeCards.hasNumbers button>b{font-size:clamp(23px,2.7vw,31px)}.fourModeScreen .modeCards.hasNumbers button>p{font-size:13px}.fourModeScreen .modeCards.hasNumbers button>em{padding:7px 10px;font-size:11px}}@media (width<=620px){.testSlide.objectiveQuestion{gap:8px;padding:12px}.testSlide.objectiveQuestion>h1{font-size:23px}.testSlide.objectiveQuestion .slideChoices{grid-template-columns:1fr;gap:7px;width:100%}.testSlide.objectiveQuestion .slideChoices button{min-height:54px;padding:8px 12px;font-size:24px}.fourModeScreen{gap:8px;padding:3px 4px 10px}.fourModeScreen .modeCards.hasNumbers{gap:8px;padding:0 2px 7px}.fourModeScreen .modeCards.hasNumbers button{padding:10px 7px}.fourModeScreen .modeCards.hasNumbers button>span{width:48px;height:48px;font-size:30px}.fourModeScreen .modeCards.hasNumbers button>b{font-size:clamp(18px,5.4vw,23px)}.fourModeScreen .modeCards.hasNumbers button>em{padding:6px 9px;font-size:10px}}.audioButton.audioButton,.grammarExampleCard .audioButton,.noteExamples .audioButton,.testSlide .audioButton,:is(.learnSlide,.singleSlide:not(.testSlide)) .audioButton{background:#eef9ff;border:2px solid #9fd8f4;border-radius:50%;flex:none;gap:0;width:clamp(48px,6vh,58px);min-width:clamp(48px,6vh,58px);height:clamp(48px,6vh,58px);margin:0;padding:0;box-shadow:0 3px #cfeaf7}.audioButton.audioButton>span{width:100%;height:100%;color:var(--blue);background:0 0;font-size:clamp(15px,1.7vw,20px)}.audioButton.audioButton>i{display:none}.audioButton.audio-playing{border-color:var(--green);background:#e8fff7}.audioButton.audio-error{border-color:var(--coral);background:#fff1ef}.notesHeading{background:#ffffffeb;border:2px solid #d4edf9;border-radius:20px;min-height:60px;padding:9px 17px;box-shadow:0 4px #e3f2f8}.notesHeading>div{grid-template-columns:auto auto;align-items:center;gap:1px 12px;display:grid}.notesHeading>div>span{grid-row:1/3}.notesHeading>div>b{align-self:end;font-size:clamp(22px,2.4vw,31px);line-height:1}.notesHeading>div>small{align-self:start;font-size:12px}.notesHeading>em{color:var(--blue);background:#edf8ff;border-radius:999px;padding:7px 12px;font-size:12px;font-style:normal;font-weight:900}.notesDetail .notePage{background:linear-gradient(145deg,#fff 0%,#f8fdff 100%);border:3px solid #d4edf9;border-radius:30px;position:relative;box-shadow:0 8px #e3f2f8,0 16px 30px #224d6714}.notesDetail .notePage:not(.note-writing){grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(10px,1.7vh,17px);padding:clamp(16px,2.5vh,27px) clamp(18px,3vw,36px);display:grid;overflow:visible}.notesDetail .notePage:not(.note-writing):before,.notesDetail .notePage:not(.note-writing):after{color:#ffd16647;content:"✦";pointer-events:none;font-size:28px;position:absolute}.notesDetail .notePage:not(.note-writing):before{top:18px;left:23px}.notesDetail .notePage:not(.note-writing):after{color:#06d6a033;bottom:18px;right:23px}.notesDetail .notePanda{color:#55758a;letter-spacing:1px;text-transform:uppercase;grid-column:1/-1;justify-self:center;gap:9px;min-height:38px;font-size:12px;font-weight:900}.notesDetail .notePanda .panda{flex-basis:40px;width:40px;height:40px}.noteWordHero,.noteSoundHero{background:linear-gradient(135deg,#f1faff 0%,#fffdf5 100%);border:3px solid #c8e8f8;border-radius:26px;grid-template-columns:minmax(170px,.7fr) minmax(250px,1.3fr);justify-self:center;align-items:stretch;gap:clamp(18px,3vw,34px);width:min(880px,100%);min-height:0;padding:clamp(14px,2vh,22px);display:grid;box-shadow:0 5px #dff1f8}.notePage.note-tone,.notePage.note-pinyin{grid-template-rows:auto minmax(0,1fr)}.notePage.note-tone .noteSoundHero,.notePage.note-pinyin .noteSoundHero{align-self:center;width:min(940px,100%);min-height:clamp(250px,40vh,360px)}.noteSoundHero.hasToneMarks{grid-template-columns:minmax(170px,.7fr) minmax(250px,1.3fr) 34px}.toneMarkStrip{color:#5b7d91;text-align:center;background:#ffffffc7;border:1px solid #c9e5f4;border-radius:12px;flex-direction:column;align-self:center;gap:5px;padding:7px 5px;font-size:13px;font-weight:900;line-height:1;display:flex}.noteWordHero .noteWordVisual,.noteSoundHero .noteLessonIcon{background:radial-gradient(circle at 30% 25%,#fff5bd,#eaf8ff 70%);border-radius:21px;min-height:clamp(190px,24vh,235px)}.noteWordHero .noteWordMain,.noteSoundHero .noteLessonMain{justify-content:center}.noteWordHero .noteWordMain>small,.noteSoundHero .noteLessonMain>small,.noteGrammarHeading>small{width:fit-content;color:var(--blue);letter-spacing:1.3px;background:#e5f5ff;border-radius:12px;padding:7px 12px;font-size:11px;font-weight:950}.noteWordHero .noteWordMain h1{font-size:clamp(62px,8vw,92px)}.noteWordHero .noteWordMain h2{font-size:clamp(22px,2.7vw,31px)}.noteWordHero .noteWordMain strong{font-size:clamp(17px,1.8vw,22px)}.noteWordHero .noteWordMain .audioButton,.noteSoundHero .noteLessonMain .audioButton{margin-top:10px}.notesDetail .noteExplanation,.notesDetail .toneReminder,.notesDetail .specialReminder{background:#eef8ff;border:2px solid #cfe8f5;border-radius:20px;justify-self:center;width:min(920px,100%);padding:clamp(13px,1.8vh,19px) clamp(17px,2.3vw,27px)}.notesDetail .noteExplanation{grid-template-columns:minmax(180px,.65fr) minmax(280px,1.35fr);align-items:center;gap:4px 24px;display:grid}.notesDetail .noteExplanation h3,.notesDetail .noteExplanation p{grid-column:1}.notesDetail .noteExplanation>div{grid-area:1/2/3}.notesDetail .noteExplanation h3{color:var(--blue);font-size:15px}.notesDetail .noteExplanation p{margin:0;font-size:clamp(14px,1.45vw,17px)}.notesDetail .noteExplanation .pinyinSentence{font-size:clamp(22px,2.7vw,32px)}.noteSoundHero .noteLessonMain h1{font-size:clamp(54px,7vw,82px)}.noteSoundHero .noteLessonMain h2{font-size:clamp(23px,2.8vw,33px)}.noteSoundHero .noteLessonMain p{max-width:520px;font-size:clamp(15px,1.55vw,19px)}.note-grammar .notePanda{grid-row:auto}.noteGrammarHeading{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.noteGrammarHeading h1{max-width:880px;margin:7px 0 0;font-size:clamp(31px,3.8vw,47px);line-height:1.1}.noteGrammarHero{background:#eef8ff;border:2px solid #bde2f5;border-left:9px solid #4d92e8;border-radius:23px;grid-template-rows:auto minmax(0,1fr);justify-self:center;gap:clamp(11px,1.5vh,16px);width:min(980px,100%);min-height:0;padding:clamp(14px,2vh,22px);display:grid}.noteGrammarHero>p{color:var(--ink);text-align:center;background:#dff1fb;border-radius:15px;margin:0;padding:12px 18px;font-size:clamp(17px,1.75vw,22px);font-weight:800;line-height:1.35}.noteGrammarHero .noteExamples{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:11px;padding:0;display:grid}.noteGrammarHero .noteExamples h3{color:#53778e;text-align:center;grid-column:1/-1;margin:0;font-size:12px}.noteGrammarHero .noteExampleCard{background:#fff;border:2px dashed #b7dcf1;border-radius:17px;justify-content:center;min-width:0;padding:clamp(12px,1.6vh,17px)}.noteGrammarHero .noteExampleCard>div{gap:10px;min-width:0}.noteGrammarHero .pinyinSentence{white-space:normal;flex-wrap:wrap;flex:auto;min-width:0;font-size:clamp(20px,2.35vw,31px)}.noteGrammarHero .noteExampleCard>em{margin-top:6px;font-size:clamp(13px,1.35vw,17px)}.note-grammar>.grammarContrast{justify-self:center;width:min(980px,100%)}.notesOverview .notesContents{background:linear-gradient(145deg,#fff 0%,#f4fbff 100%);border:3px solid #d4edf9;border-radius:30px;box-shadow:0 8px #e3f2f8,0 16px 30px #224d6714}.notesOverview .notesContents button{background:#fff;border:3px solid #d4eaf6;border-radius:24px;box-shadow:0 5px #e3f2f8}@media (width<=720px){.notesHeading>div>span{display:none}.notesHeading>div,.noteWordHero,.noteSoundHero,.noteSoundHero.hasToneMarks{grid-template-columns:1fr}.toneMarkStrip{display:none}.noteWordHero .noteWordVisual,.noteSoundHero .noteLessonIcon{min-height:120px}.noteWordHero .noteWordMain,.noteSoundHero .noteLessonMain{text-align:center;align-items:center}.notesDetail .noteExplanation{grid-template-columns:1fr}.notesDetail .noteExplanation h3,.notesDetail .noteExplanation p,.notesDetail .noteExplanation>div{grid-area:auto/1}.noteGrammarHero .noteExamples{grid-template-columns:1fr}.notesDetail .notePage:not(.note-writing){overflow:visible}}.tapAudioSurface{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s,background-color .16s;position:relative}.tapAudioSurface:hover{border-color:#6ebff0;box-shadow:0 6px #d5edf8,0 10px 24px #1974be1a}.tapAudioSurface:focus-visible{outline-offset:4px;outline:4px solid #ffd45c}.tapAudioSurface.audio-playing{border-color:var(--green);background-color:#effff9}.tapAudioSurface[aria-disabled=true]{cursor:default}.tapAudioCue{color:var(--blue);white-space:nowrap;pointer-events:none;background:#eff9fff5;border:2px solid #a9dbf4;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-family:Avenir Next,Nunito,sans-serif;line-height:1;display:inline-flex}.tapAudioCue i{background:#dff3ff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-style:normal;display:grid}.tapAudioCue em{letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:950}.wordLearningCard.tapAudioSurface{padding-bottom:clamp(18px,3vh,30px)}.wordLearningCard.tapAudioSurface>.tapAudioCue,.noteWordHero.tapAudioSurface>.tapAudioCue{position:absolute;bottom:14px;right:18px}.wordLearningCard.tapAudioSurface>div:last-of-type,.noteWordHero.tapAudioSurface .noteWordMain{padding-bottom:46px}.wordExample.sampleSentenceAudio{background:linear-gradient(135deg,#f4fbff,#fffdf7);border:2px solid #c7e6f7;justify-content:center;width:min(720px,100%);min-height:76px;padding:12px 132px 12px 20px}.sampleSentenceAudio>.tapAudioCue{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.grammarExampleCard.sampleSentenceAudio,.noteExampleCard.sampleSentenceAudio{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding-right:clamp(12px,1.4vw,18px);display:grid}.grammarExampleCard.sampleSentenceAudio>div,.noteExampleCard.sampleSentenceAudio>div{grid-area:1/1;width:auto;min-width:0}.grammarExampleCard.sampleSentenceAudio>em,.noteExampleCard.sampleSentenceAudio>em{grid-area:2/1;min-width:0}.grammarExampleCard.sampleSentenceAudio>.tapAudioCue,.noteExampleCard.sampleSentenceAudio>.tapAudioCue{grid-area:1/2/3;align-self:center;position:static;transform:none}.speechAudioTarget{padding-bottom:47px}.speechAudioTarget>.tapAudioCue{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.speechTarget.speechAudioTarget{padding-inline:22px;min-width:190px;padding-bottom:48px}.noteWordHero.tapAudioSurface{padding-bottom:clamp(14px,2vh,22px)}.noteSentenceAudio{background:#fff;border:2px solid #bfe2f5;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:12px 130px 12px 16px;display:flex}.noteSentenceAudio>.sentenceLabel{color:var(--blue);letter-spacing:.5px;text-transform:uppercase;font-family:Avenir Next,Nunito,sans-serif;font-size:11px;font-weight:900}.noteSentenceAudio>.tapAudioCue{position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (width<=720px){.tapAudioCue em{display:none}.tapAudioCue{padding:5px}.wordExample.sampleSentenceAudio,.noteSentenceAudio{padding-right:62px}.grammarExampleCard.sampleSentenceAudio,.noteExampleCard.sampleSentenceAudio{padding-right:8px}}.notesDetail .notePage:not(.note-writing){grid-template-rows:auto auto auto}.noteWordHero.tapAudioSurface{grid-template-columns:clamp(190px,24vh,235px) minmax(250px,1fr);align-items:stretch;overflow:hidden}.noteWordHero.tapAudioSurface .noteWordVisual{aspect-ratio:1;align-self:center;width:100%;min-width:0;min-height:0;max-height:none}.noteWordHero.tapAudioSurface .noteWordMain{min-height:0;overflow:hidden}.notesDetail .noteExplanation{z-index:1;flex:none;position:relative}@media (height<=760px) and (width>=721px){.singleSlide:has(.wordLearningCard) .slideEmoji{aspect-ratio:1;width:clamp(135px,25vh,175px);height:auto;min-height:0;max-height:none}.singleSlide:has(.wordLearningCard) .slideEmoji img{width:100%;height:100%;min-height:0;max-height:none}.notesDetail .notePage:not(.note-writing){gap:8px;padding-block:12px}.notesDetail .notePanda{min-height:30px}.notesDetail .notePanda .panda{flex-basis:32px;width:32px;height:32px}.noteWordHero,.noteSoundHero{padding:10px 13px}.noteWordHero .noteWordVisual,.noteSoundHero .noteLessonIcon{min-height:145px;max-height:150px}.noteWordHero.tapAudioSurface .noteWordVisual{justify-self:center;width:clamp(145px,23vh,165px)}.noteWordHero .noteWordMain h1{font-size:clamp(50px,7vw,70px)}.noteWordHero .noteWordMain h2{font-size:clamp(18px,2.3vw,25px)}.notesDetail .noteExplanation{padding-block:10px}}.singleSlide:has(.grammarHero) .grammarHero{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.singleSlide:has(.grammarHero) .grammarExamples{align-items:stretch;min-height:clamp(155px,23vh,220px)}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 42px;align-content:stretch;height:100%;min-height:0;padding:clamp(12px,1.7vh,18px) clamp(14px,1.7vw,20px)}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio>div{align-self:center}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio>em{border-top:2px dashed #d2e2ed;align-self:end;margin-top:8px;padding-top:8px}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio>.tapAudioCue{width:40px;height:40px;padding:5px}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio>.tapAudioCue em{display:none}.singleSlide:has(.grammarHero) .grammarContrast{z-index:1;margin-top:clamp(9px,1.2vh,13px);position:relative}@media (width<=820px){.singleSlide:has(.grammarHero) .grammarExamples{min-height:0}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio{min-height:118px}}@media (height<=700px) and (width>=821px){.singleSlide:has(.grammarHero) .grammarExamples{min-height:145px}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio{padding-block:9px}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio>em{margin-top:5px;padding-top:5px}}.notesDetail .notePage.note-grammar{scrollbar-gutter:stable;grid-template-rows:auto auto auto auto;align-content:start;gap:clamp(8px,1.2vh,13px);min-width:0;overflow:hidden auto}.note-grammar .noteGrammarHeading,.note-grammar .noteGrammarHero,.note-grammar .noteExamples,.note-grammar>.grammarContrast{box-sizing:border-box;min-width:0;max-width:100%}.note-grammar .noteGrammarHeading h1{margin-top:5px;font-size:clamp(30px,3.5vw,44px)}.note-grammar .noteGrammarHero{flex-direction:column;gap:clamp(7px,1vh,11px);height:auto;padding:clamp(11px,1.5vh,16px);display:flex}.note-grammar .noteGrammarHero>p{padding:clamp(9px,1.2vh,13px) 16px}.note-grammar .noteGrammarHero .noteExamples{grid-template-rows:auto auto;align-items:stretch;min-height:0}.note-grammar .noteExampleCard.sampleSentenceAudio{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 42px;align-content:stretch;height:auto;min-height:142px;padding:clamp(10px,1.4vh,15px) clamp(12px,1.5vw,18px)}.note-grammar .noteExampleCard.sampleSentenceAudio>div{align-self:center}.note-grammar .noteExampleCard.sampleSentenceAudio>em{border-top:2px dashed #d2e2ed;align-self:end;margin-top:6px;padding-top:6px}.note-grammar .noteExampleCard.sampleSentenceAudio>.tapAudioCue{width:40px;height:40px;padding:5px}.note-grammar .noteExampleCard.sampleSentenceAudio>.tapAudioCue em{display:none}.note-grammar>.grammarContrast{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin-top:0;padding:7px 10px;display:grid;position:relative}.note-grammar>.grammarContrast>b,.note-grammar>.grammarContrast>small,.note-grammar>.grammarContrast>button{grid-column:1/-1}.note-grammar>.grammarContrast>span{padding:4px 7px}@media (width<=720px){.note-grammar .noteGrammarHero .noteExamples{min-height:0}.note-grammar .noteExampleCard.sampleSentenceAudio{min-height:112px}}@media (height<=700px) and (width>=721px){.note-grammar .notePanda{min-height:30px}.note-grammar .notePanda .panda{flex-basis:32px;width:32px;height:32px}.note-grammar .noteGrammarHero .noteExamples{grid-template-rows:auto auto}.note-grammar .noteExampleCard.sampleSentenceAudio{min-height:124px}.note-grammar>.grammarContrast>b{display:none}.note-grammar>.grammarContrast>small{line-height:1.2}}:root{--touch-target:48px}.topBar{grid-template-columns:52px auto minmax(0,1fr) auto;gap:16px}.backNav,.settingsClose{width:48px;height:48px}.brand b{font-size:24px}.brand small,.settingsButton small{font-size:14px}.topProgress{width:auto;min-width:0;max-width:none;position:static;transform:none}.topProgress>span{font-size:14px}.learnerHome{scrollbar-gutter:auto;justify-content:safe center;gap:clamp(18px,2.8vh,32px);width:min(1240px,100%);padding:16px 8px}.learnerHome>*{flex-shrink:0}.homeWelcome{justify-content:flex-start;gap:24px}.homeWelcome .panda{width:clamp(100px,11vw,160px);height:clamp(100px,11vw,160px)}.homeWelcome h1{font-size:clamp(34px,3.6vw,64px);line-height:1.12}.homeWelcome p{margin-top:10px;font-size:clamp(18px,1.6vw,24px)}.homeWelcome span{font-size:16px}.continueCard{grid-template-columns:auto minmax(0,1fr) auto;gap:24px;width:100%;min-height:clamp(180px,23vh,250px);padding:clamp(22px,3vw,40px)}.continueIcon{width:84px;height:84px;font-size:34px}.continueCopy small,.homeSummary>span{font-size:14px}.continueCopy b{margin-block:6px;font-size:clamp(34px,3.3vw,54px);line-height:1.25}.continueCard.isComplete .continueCopy b{font-family:var(--font-rounded)}.continueCopy strong{font-size:clamp(18px,1.6vw,24px)}.continueCopy em{font-size:16px}.continueArrow{grid-column:auto;align-items:center;min-height:56px;padding:14px 22px;font-size:18px;display:grid}.homeLower{align-items:stretch;gap:24px}.homeBrowse,.homeSummary{align-self:stretch;min-height:160px;padding:24px}.homeBrowse b{font-size:25px}.homeBrowse small{font-size:18px}.homeSummaryMetric b{font-size:58px}.homeSummaryMetric small{font-size:18px}.homeLegal{font-size:14px}.menuScreen{justify-content:safe center;padding:8px 8px 16px}.courseCards,.termCards,.unitCards,.modeCards{flex-shrink:1}.courseCards,.termCards,.modeCards{flex-basis:420px;width:100%;min-height:0}.menuHeading>span,.menuMascot>div>span,.courseCards button>small,.termCards small,.modeCards small,.courseCards i,.termCards i,.modeCards em{font-size:14px}.menuHeading p,.menuMascot p,.courseCards p,.modeCards p,.termCards p{font-size:18px}.unitCards,.unitCards.count4{flex-basis:510px;grid-auto-rows:minmax(0,1fr);width:100%;max-width:none}.unitCards b,.unitCards p{white-space:normal;overflow-wrap:anywhere;overflow:visible}.unitCards small{font-size:13px}.unitCards p{font-size:16px}.fourModeScreen{grid-template-rows:auto minmax(0,1fr)}.fourModeScreen .modeCards.hasNumbers{flex-shrink:1;grid-auto-rows:minmax(0,1fr);height:100%;min-height:0}.fourModeScreen .modeCards.hasNumbers button>small,.fourModeScreen .modeCards.hasNumbers button>em{font-size:14px}.fourModeScreen .modeCards.hasNumbers button>p{font-size:16px}.sessionScreen{width:min(1240px,100%)}.sessionActions button{min-height:48px;font-size:17px}.sessionMeta{letter-spacing:.3px}.notesScreen{width:min(1240px,100%)}.appViewport.notesViewport{overflow:hidden}.note-grammar .noteGrammarHero>*{flex-shrink:0}.notesHeading>div>small,.notesHeading>em,.noteSectionNav button,.notesActions button{font-size:14px}.settingsModal,.leaveModal{max-height:calc(100dvh - 32px)}.settingsOptions b,.settingsIntro,.leaveModal p{font-size:16px}.settingsOptions small,.settingsOptions legend,.settingsHeader small{font-size:14px}.settingsActions button,.leaveModal button{font-size:16px}.settingsLegal{flex-wrap:wrap;font-size:14px}.settingsLegal a{align-items:center;min-height:48px;display:inline-flex}.leaveModal>div{flex-wrap:wrap;justify-content:center}@media (width<=1024px){.unitCards{grid-template-columns:repeat(2,minmax(0,1fr))}.continueCard{gap:18px}.continueIcon{width:64px;height:64px}.continueArrow{grid-column:2/-1;justify-self:start}.homeWelcome{gap:16px}.brand b{font-size:20px}}@media (width<=820px){.topBar{grid-template-columns:48px auto minmax(0,1fr) auto;gap:10px}.learnerHome{justify-content:safe center}.modeCards:not(.hasNumbers){grid-template-columns:1fr;gap:16px;min-height:auto}.modeCards:not(.hasNumbers) button{min-height:0}}@media (width<=620px){.topBar{flex-basis:68px;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;height:68px;padding-inline:10px}.brand{gap:5px}.brand .panda.small{flex-basis:32px;width:32px;height:40px}.brand b{letter-spacing:.2px;font-size:16px}.settingsButton{width:48px}.heartStat{padding-inline:5px}.appViewport{padding:12px}.learnerHome{justify-content:flex-start;gap:18px;padding:12px 4px}.homeWelcome{text-align:left}.homeWelcome h1{font-size:34px}.homeWelcome p{margin-top:8px;font-size:18px}.continueCard{text-align:left;grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:0;padding:20px}.continueIcon{grid-column:1;width:52px;height:52px;font-size:25px}.continueCopy{align-items:flex-start}.continueCopy b{font-size:32px}.continueCopy small{letter-spacing:.5px;font-size:13px}.continueArrow{text-align:center;grid-column:1/-1;justify-self:stretch}.homeLower{grid-template-columns:1fr 1fr;gap:12px}.homeBrowse,.homeSummary{min-height:120px;padding:20px}.homeBrowse b{font-size:23px}.menuScreen{justify-content:flex-start}.menuHeading h1,.menuMascot h1{font-size:36px}.courseCards,.termCards,.unitCards,.unitCards.count4{grid-template-columns:1fr;gap:16px}.courseCards button{min-height:0}.termCards button{grid-template-columns:52px minmax(0,1fr);gap:4px 12px;min-height:0}.termCards i{grid-column:2;justify-self:start}.termCards em{position:absolute;bottom:15px;right:15px}.unitCards button{grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;min-height:0;padding:8px 12px}.unitCards button>span{width:48px;height:48px}.modeCards:not(.hasNumbers) button{align-items:flex-start;padding:20px;display:flex}.modeCards:not(.hasNumbers) button>span{font-size:40px}.modeCards:not(.hasNumbers) button>p{max-width:none;margin-block:8px 12px}.fourModeScreen .modeCards.hasNumbers{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr;gap:10px;min-height:0}.fourModeScreen .modeCards.hasNumbers button{min-height:0;padding:12px}.fourModeScreen .modeCards.hasNumbers button>b{font-size:28px}.fourModeScreen .modeCards.hasNumbers button>p{display:block}.sessionScreen{grid-template-rows:26px 7px minmax(0,1fr) 56px;gap:6px}.sessionActions button{min-width:100px;height:48px;padding-inline:12px;font-size:16px}.sessionActions .primaryAction{flex-shrink:0;min-width:160px}.sessionActions>span{font-size:12px;line-height:1.3}.sessionMeta,.sessionMeta b{font-size:13px}.settingsModal{padding:20px}.settingsActions{flex-wrap:wrap}}@media (width>=621px) and (height<=760px){.learnerHome{gap:16px;padding-block:8px}.homeWelcome .panda{width:88px;height:88px}.homeWelcome h1{font-size:42px}.homeWelcome p{margin-top:5px;font-size:18px}.continueCard{grid-template-columns:auto minmax(0,1fr) auto;min-height:160px;padding:20px 24px}.continueArrow{grid-column:auto}.continueCopy b{font-size:36px}.homeBrowse,.homeSummary{min-height:120px;padding:16px 22px}.homeSummaryMetric b{font-size:46px}}.appShell .appViewport,.appShell .notesScreen,.appShell .resultScreen{scrollbar-gutter:auto}.appShell .learnerHome,.appShell .menuScreen,.appShell .notePage{overflow:hidden auto}.appShell .notesScreen{gap:8px;height:100%;min-height:0}.notesScreen.notesDetail{grid-template-rows:56px 7px minmax(0,1fr) 56px}.notesScreen.notesOverview{grid-template-rows:56px minmax(0,1fr) 56px}.notesHeading{min-height:0;padding:6px 14px}.notesDetail .notePanda{display:none}.notesDetail .notePage:not(.note-writing){grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:14px 20px}.notesDetail .notePage.note-grammar{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.noteGrammarHeading>small{display:none}.note-grammar .noteGrammarHeading h1{margin:0;font-size:clamp(28px,3vw,38px)}.note-grammar .noteGrammarHero>p{padding:6px 10px;font-size:16px}.note-grammar .noteGrammarHero .noteExamples{grid-template-rows:auto minmax(0,1fr);gap:7px}.note-grammar .noteGrammarHero .noteExamples h3{margin:0}.note-grammar>.grammarContrast{gap:3px 8px;padding:6px 10px}.note-grammar>.grammarContrast>b{display:none}.note-grammar>.grammarContrast>button{min-height:44px}.notesActions button{min-height:48px;padding-inline:14px}.notesOverview .notesContents{min-height:0;padding:16px}.notesContents>div{grid-template-columns:repeat(4,minmax(0,1fr))}.noteWritingWorkspace,.noteWritingPractice{min-height:0}.resultScreen:has(.skillBreakdown){grid-template-rows:auto auto auto auto auto;grid-template-columns:130px minmax(0,1fr) minmax(0,1.2fr);align-content:center;align-items:center;gap:10px 18px;width:min(1240px,100%);padding:4px 4px 8px;display:grid}.resultScreen:has(.skillBreakdown)>.panda{display:none}.resultScreen:has(.skillBreakdown)>small{grid-area:1/1/auto/3;margin:0;font-size:14px}.resultScreen:has(.skillBreakdown) h1{grid-area:2/1/auto/3;margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.15}.resultScreen:has(.skillBreakdown) .scoreOrb{border-width:6px;grid-area:3/1;width:110px;margin:0}.resultScreen:has(.skillBreakdown)>p:not(.attemptSummary){text-align:left;grid-area:3/2;margin:0;font-size:18px;line-height:1.4}.resultScreen:has(.skillBreakdown) .skillBreakdown{grid-area:1/3/3;width:100%}.resultScreen:has(.skillBreakdown) .missedObjectives{grid-area:3/3/5;align-self:center;width:100%}.resultScreen:has(.skillBreakdown) .missedObjectives ul{gap:5px;font-size:14px;line-height:1.35}.resultScreen:has(.skillBreakdown) .attemptSummary{grid-area:4/1/auto/3;margin:0;font-size:14px!important}.resultScreen:has(.skillBreakdown) .resultActions{grid-area:5/1/auto/-1;justify-content:center}.skillBreakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-block:4px}.skillBreakdown h2{grid-column:1/-1}.settingsModal{overflow-y:auto}@media (width>=621px) and (height<=760px){.menuHeading{margin-bottom:12px}.menuHeading h1,.menuMascot h1{font-size:40px}.settingsModal{width:min(650px,100%);padding:20px}.settingsOptions{grid-template-columns:1fr 1fr}.settingsIntro{margin-bottom:10px}.settingsActions{margin-top:8px}}@media (width<=720px){.notesScreen.notesDetail{grid-template-rows:52px 7px minmax(0,1fr) 104px}.notesScreen.notesOverview{grid-template-rows:52px minmax(0,1fr) 48px}.notesHeading>div>b{font-size:24px}.notesHeading>div>small{font-size:13px}.notesActions{grid-template-rows:48px 48px;grid-template-columns:1fr 1fr;gap:8px}.notesActions>div{grid-area:1/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.notesActions>button{grid-row:2;width:100%}.notesActions button{min-width:0;min-height:48px;padding-inline:5px;font-size:13px}.notesOverview .notesActions{grid-template-rows:48px;grid-template-columns:1fr 1fr}.notesOverview .notesActions>button{grid-row:1;min-height:48px}.notesContents>div{grid-template-columns:repeat(2,minmax(0,1fr))}.notesContents button{min-height:130px}.notesContents h1{margin-block:10px 16px;font-size:30px}.notesDetail .notePage:not(.note-writing){gap:8px;padding:12px}.noteWordHero.tapAudioSurface{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:10px;padding:12px}.noteWordHero.tapAudioSurface .noteWordVisual{justify-self:center;width:100%;max-height:170px}.noteWordHero.tapAudioSurface .noteWordMain{min-width:0;padding-bottom:38px;overflow:visible}.noteWordHero .noteWordMain>small{letter-spacing:.3px;padding:4px 6px;font-size:10px}.noteWordHero .noteWordMain h1{overflow-wrap:anywhere;font-size:clamp(36px,10vw,54px)}.noteWordHero .noteWordMain h2{font-size:20px}.noteWordHero .noteWordMain strong{font-size:16px}.notesDetail .noteExplanation{gap:5px;padding:10px}.notesDetail .noteExplanation p{font-size:14px;line-height:1.35}.notesDetail .noteExplanation h3{margin:0}.noteSentenceAudio{margin-top:3px}.note-grammar .noteGrammarHeading h1{font-size:27px}.note-grammar .noteGrammarHero{gap:6px;padding:7px}.note-grammar .noteGrammarHero .noteExamples{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:6px}.note-grammar .noteExampleCard.sampleSentenceAudio{min-height:0;padding:8px}.noteGrammarHero .pinyinSentence{font-size:22px}.noteGrammarHero .noteExampleCard>em{font-size:14px;line-height:1.25}.note-grammar>.grammarContrast{padding:5px 8px;font-size:14px}.note-grammar>.grammarContrast>small{font-size:12px}.notePage.note-tone .noteSoundHero,.notePage.note-pinyin .noteSoundHero{min-height:0}.noteSoundHero{gap:10px;padding:12px}.noteSoundHero .noteLessonIcon{min-height:0;max-height:120px}.noteWritingPractice .writingCanvasWrap{width:min(270px,32vh)}}@media (width<=620px){.learnerHome{justify-content:center;gap:14px;padding:4px}.homeWelcome h1{font-size:32px}.homeWelcome p{margin-top:5px;font-size:16px}.continueCard{gap:12px;padding:16px}.continueCopy b{font-size:28px}.continueCopy strong{font-size:16px}.continueCopy em{font-size:14px}.continueArrow{min-height:48px;padding:10px;font-size:16px}.homeBrowse,.homeSummary{min-height:140px;padding:14px}.homeBrowse span{font-size:24px}.homeBrowse b{font-size:20px}.homeBrowse small,.homeSummaryMetric small{font-size:14px;line-height:1.3}.homeSummaryMetric{flex-wrap:wrap;gap:6px}.homeSummaryMetric b{font-size:44px}.homeSummary>span{font-size:12px}.homeLegal{gap:4px;font-size:12px}.menuScreen{padding:4px 4px 10px}.menuHeading{margin-bottom:12px}.menuHeading h1,.menuMascot h1{font-size:32px}.menuHeading p,.menuMascot p{font-size:16px}.courseCards,.termCards,.unitCards,.modeCards{flex:1 1 0;gap:10px;min-height:0}.courseCards{max-height:540px}.courseCards button{padding:16px}.courseCards button>b{font-size:40px}.termCards button{padding:10px 14px}.unitCards,.unitCards.count4{gap:8px}.unitCards b{margin-top:1px;font-size:24px;line-height:1.15}.unitCards p{font-size:14px;line-height:1.25}.unitCards small{letter-spacing:.2px;font-size:12px}.unitCards button>span{width:40px;height:40px}.fourModeScreen .modeHeading h1{font-size:34px}.fourModeScreen .modeCards.hasNumbers button,.modeCards:not(.hasNumbers) button{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-content:center;align-items:center;gap:3px 10px;padding:12px;display:grid}.fourModeScreen .modeCards.hasNumbers button>span,.modeCards:not(.hasNumbers) button>span{grid-area:1/1/4;width:44px;height:44px;font-size:32px}.fourModeScreen .modeCards.hasNumbers button>small,.modeCards:not(.hasNumbers) button>small{letter-spacing:.3px;grid-area:1/2;margin:0;font-size:11px}.fourModeScreen .modeCards.hasNumbers button>b,.modeCards:not(.hasNumbers) button>b{grid-area:2/2;margin:0;font-size:25px}.fourModeScreen .modeCards.hasNumbers button>p,.modeCards:not(.hasNumbers) button>p{grid-area:3/2/auto/-1;margin:5px 0 0;font-size:14px;line-height:1.3}.fourModeScreen .modeCards.hasNumbers button>em,.modeCards:not(.hasNumbers) button>em{grid-area:1/3/3;align-self:center;padding:8px;font-size:12px}.resultActions{gap:8px}.resultActions button{min-height:48px;padding-inline:12px}.skillBreakdown>div{padding:5px 8px;font-size:14px}.resultScreen:has(.skillBreakdown){grid-template-rows:repeat(7,auto);grid-template-columns:minmax(0,1fr) 80px;gap:12px 10px}.resultScreen:has(.skillBreakdown)>small{text-align:left;grid-area:1/1;font-size:12px}.resultScreen:has(.skillBreakdown) h1{text-align:left;grid-area:2/1;font-size:28px}.resultScreen:has(.skillBreakdown) .scoreOrb{grid-area:1/2/3;width:76px}.resultScreen:has(.skillBreakdown) .scoreOrb b{font-size:32px}.resultScreen:has(.skillBreakdown) .scoreOrb span{font-size:11px}.resultScreen:has(.skillBreakdown)>p:not(.attemptSummary){grid-area:3/1/auto/-1;font-size:14px;line-height:1.3}.resultScreen:has(.skillBreakdown) .skillBreakdown{grid-area:4/1/auto/-1}.resultScreen:has(.skillBreakdown) .missedObjectives{grid-area:5/1/auto/-1;padding:8px 10px}.resultScreen:has(.skillBreakdown) .missedObjectives ul{gap:4px;font-size:13px;line-height:1.3}.resultScreen:has(.skillBreakdown) .attemptSummary{grid-area:6/1/auto/-1;line-height:1.3;font-size:12px!important}.resultScreen:has(.skillBreakdown) .resultActions{grid-area:7/1/auto/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}}.languageSwitch{background:#fff;border:1px solid #bddcec;border-radius:16px;flex-shrink:0;align-items:center;gap:3px;padding:3px;display:flex}.languageSwitch button{color:#254f68;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:800;display:flex}.languageSwitch button[aria-pressed=true]{color:#13578d;background:#e8f5ff;border-color:#1674c5}.languageSwitch button>span:first-child{font-size:24px;line-height:1}.languageSwitch button:focus-visible{outline-offset:3px;outline:3px solid #eb9d13}.languageBeta{color:#72500b;background:#fff0ba;border-radius:6px;padding:3px 5px;font-size:11px;line-height:1}.languageBetaNote{color:#674d1b;word-break:keep-all;background:#fff5d6;border-radius:10px;margin:0;padding:8px 12px;font-size:13px;line-height:1.5}html[lang=ko] .appShell{word-break:keep-all;overflow-wrap:anywhere;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif}html[lang=ko] .appShell small,html[lang=ko] .menuHeading>span,html[lang=ko] .topProgress>span{letter-spacing:0}html[lang=ko] .settingsModal{gap:10px}@media (width<=1024px){.languageName{display:none}}@media (width<=620px){.topBar .headerActions{gap:5px}.languageSwitch{border-radius:12px;gap:0;padding:2px}.languageSwitch button{flex-direction:column;gap:3px;min-width:44px;padding:4px}.languageSwitch button>span:first-child{font-size:22px}.languageBeta{padding:2px 4px;font-size:10px}.topBar .settingsButton{min-width:44px;padding-inline:7px}.topBar .settingsButton small{display:none}html[lang=ko] .homeWelcome h1{font-size:29px}html[lang=ko] .settingsOptions label{padding-block:7px}html[lang=ko] .settingsIntro{margin-block:4px}}:root{--workspace-width:1440px}.speechPractice{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(20px,4vw,64px);width:100%;height:100%;min-height:0;margin:0;display:grid}.speechExample,.speechResponse{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.speechResponse h1{margin:0;font-size:clamp(25px,2.6vw,38px);line-height:1.2}.speechExample .lessonCoach,.speechExample .speechAudioTarget{margin:0}.singleSlide .speechExample .soundHero{font-size:clamp(90px,13vh,150px)}.speechResponse .microphoneButton{flex-shrink:0;width:min(360px,100%)}.speechFeedbackRegion{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:100px;display:flex}.speechFeedbackRegion .speechStatus:empty{display:none}.speechFeedbackRegion .speechStatus,.speechFeedbackRegion .slideFeedback,.speechFeedbackRegion .capabilityState,.speechFeedbackRegion .heardText{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.35}.speechResponse .privacyHint{max-width:460px;margin:0;font-size:13px;line-height:1.35}.speechResponse .skipSpeaking{margin:0}.sessionScreen,.notesScreen,.learnerHome,.menuScreen{width:min(var(--workspace-width), 100%)}.appViewport{padding:clamp(12px,2vh,24px) clamp(12px,2.5vw,40px)}.appShell .learnerHome,.appShell .menuScreen{justify-content:safe center}.courseCards,.termCards,.modeCards{max-width:none}.unitCards,.unitCards.count4{flex:none;grid-auto-rows:minmax(160px,auto)}.unitCards button{grid-template-columns:56px minmax(0,1fr) 22px}.appShell .notesContents{overflow-y:auto}.appShell .notePage{overscroll-behavior:contain}.notesDetail .notePage.note-writing{grid-template-rows:minmax(0,1fr)}.noteWritingWorkspace{align-items:stretch;height:100%}.noteWritingPractice{width:100%;height:100%;container-type:size}.noteWritingPractice .writingPractice{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:center;gap:16px 32px;width:100%;height:100%;display:grid}.noteWritingPractice .writingModeBar{grid-area:2/1;margin:0}.noteWritingPractice .traceProgress{grid-area:3/1;width:100%;font-size:16px}.noteWritingPractice .writingPractice>p{grid-area:4/1;align-self:start;max-width:400px;margin:0 auto;font-size:16px;line-height:1.5}.noteWritingPractice .writingPracticeGrid{grid-area:1/2/-1}.noteWritingPractice .writingCanvasColumn{width:100%}.noteWritingPractice .writingCanvasWrap{border-radius:24px;width:min(100%,520px,100cqh - 110px)}.noteWritingPractice .writingToolbar{max-width:520px;min-height:56px;font-size:14px}.noteWritingPractice .traceModeButton,.noteWritingPractice .traceGridToggle{padding:8px 12px;font-size:14px}.resultScreen:has(.skillBreakdown){border:2px solid var(--line);background:#ffffffeb;border-radius:28px;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);align-content:start;gap:24px 28px;width:min(1280px,100%);height:auto;max-height:100%;margin-block:auto;padding:clamp(20px,3vw,40px);overflow-y:auto;box-shadow:0 8px #e2f2f8}.appViewport:has(>.resultScreen){align-items:center;display:flex}.resultScreen:has(.skillBreakdown) .scoreOrb{aspect-ratio:1;width:170px}.resultScreen:has(.skillBreakdown) .scoreOrb b{font-size:64px}.resultScreen:has(.skillBreakdown) .scoreOrb span{font-size:16px}.resultScreen:has(.skillBreakdown) .skillBreakdown{align-self:start;gap:10px}.skillBreakdown>div{padding:12px;font-size:16px}.resultScreen:has(.skillBreakdown) .missedObjectives{align-self:start;min-height:0;max-height:min(40dvh,320px);padding:16px;overflow-y:auto}.resultScreen:has(.skillBreakdown) .resultActions{border-top:1px solid var(--line);flex-wrap:wrap;padding-top:16px}.resultActions button{flex:auto}@media (width>=621px) and (width<=900px) and (orientation:portrait){.speechPractice{justify-content:center;gap:24px;display:flex}.speechResponse{width:100%;max-width:580px}.modeCards:not(.hasNumbers){flex:none;gap:16px}.modeCards:not(.hasNumbers) button{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:90px minmax(0,1fr) auto;align-content:center;gap:6px 20px;min-height:180px;padding:24px;display:grid}.modeCards:not(.hasNumbers) button>span{grid-area:1/1/4;font-size:56px}.modeCards:not(.hasNumbers) button>small{grid-area:1/2;margin:0}.modeCards:not(.hasNumbers) button>b{grid-area:2/2;margin:0}.modeCards:not(.hasNumbers) button>p{grid-area:3/2;max-width:none;margin:0}.modeCards:not(.hasNumbers) button>em{grid-area:1/3/4;margin:0}.noteWritingPractice .writingPractice{justify-content:center;gap:14px;display:flex}.noteWritingPractice .writingCanvasWrap{width:min(72vw,480px,100cqh - 210px)}.noteWritingPractice .writingPractice>p{align-self:center;max-width:560px}.resultScreen:has(.skillBreakdown){grid-template-columns:160px minmax(0,1fr);gap:20px}:is(.resultScreen:has(.skillBreakdown)>small,.resultScreen:has(.skillBreakdown) h1){grid-column:1/-1}.resultScreen:has(.skillBreakdown) .scoreOrb{grid-area:3/1;width:150px}.resultScreen:has(.skillBreakdown) .skillBreakdown{grid-area:4/1/auto/-1}.resultScreen:has(.skillBreakdown) .missedObjectives{grid-area:5/1/auto/-1}.resultScreen:has(.skillBreakdown) .attemptSummary{grid-area:6/1/auto/-1}.resultScreen:has(.skillBreakdown) .resultActions{grid-row:7;grid-template-columns:1fr 1fr;display:grid}}@media (width<=620px){.appShell .learnerHome,.appShell .menuScreen{justify-content:flex-start}.speechPractice{justify-content:center;gap:10px;display:flex}.speechExample,.speechResponse{gap:6px;width:100%}.singleSlide .speechExample .soundHero{font-size:72px}.speechExample .lessonCoach{font-size:12px}.speechExample .lessonCoach .panda{width:28px;height:28px}.speechResponse h1{font-size:clamp(22px,6vw,28px);line-height:1.15}.speechFeedbackRegion{min-height:90px}.speechResponse .microphoneButton{min-height:64px;margin-top:0}.speechResponse .privacyHint{font-size:12px}.topBar:has(.stats) .brand>span{display:none}.topBar:has(.stats) .brand .panda{flex-basis:30px;width:30px;display:block}.topBar .brand small{font-size:10px}.topBar .brand b{letter-spacing:0;font-size:14px}.topBar .brand .panda{display:none}.courseCards,.termCards,.unitCards,.modeCards{flex:none}.courseCards button{min-height:210px}.termCards button{min-height:130px}.unitCards button{min-height:108px}.unitCards,.unitCards.count4{grid-auto-rows:minmax(108px,auto)}.unitCards button{grid-template-columns:40px minmax(0,1fr) 18px}.fourModeScreen .modeCards.hasNumbers{grid-template-rows:repeat(4,minmax(120px,auto));height:auto}.fourModeScreen{grid-template-rows:auto auto;align-content:start}.noteWritingPractice .writingPractice{justify-content:center;gap:8px;display:flex}.noteWritingPractice .writingCanvasWrap{width:min(76vw,100cqh - 220px)}.noteWritingPractice .writingPractice>p{align-self:center;font-size:14px;line-height:1.35}.noteWritingPractice .traceProgress{font-size:14px}.noteWritingPractice .writingToolbar{font-size:13px}.noteWritingPractice .traceModeButton,.noteWritingPractice .traceGridToggle{padding:6px 8px;font-size:12px}.resultScreen:has(.skillBreakdown){border-radius:22px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 80px;gap:10px;height:100%;padding:18px}.resultScreen:has(.skillBreakdown) .scoreOrb{width:76px}.resultScreen:has(.skillBreakdown) .scoreOrb b{font-size:32px}.resultScreen:has(.skillBreakdown) .scoreOrb span{font-size:11px}.resultScreen:has(.skillBreakdown) .missedObjectives{align-self:stretch;max-height:none;padding:10px}.resultScreen:has(.skillBreakdown) .resultActions{padding-top:12px}.resultScreen:has(.skillBreakdown) h1{font-size:26px}.skillBreakdown>div{padding:8px;font-size:14px}}@media (width>=621px) and (height<=760px){.resultScreen:has(.skillBreakdown){grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:14px 20px;padding:20px}.resultScreen:has(.skillBreakdown) .scoreOrb{width:125px}.resultScreen:has(.skillBreakdown) .scoreOrb b{font-size:48px}.noteWritingPractice .writingPractice{gap:12px 24px}}@media (width>=1100px){.sessionScreen:has(.speechPractice){width:min(1180px,100%)}.speechPractice{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;width:min(1000px,100%);height:auto;margin:auto}.speechExample{gap:14px}.speechExample .lessonCoach{font-size:14px}.singleSlide .speechExample .soundHero{font-size:clamp(120px,16vh,160px)}.speechResponse{gap:14px}.speechResponse h1{font-size:clamp(28px,2.5vw,38px);line-height:1.2}.speechResponse .microphoneButton{order:1;min-height:88px;margin-top:0}.speechResponse .privacyHint{order:2;max-width:430px;font-size:14px}.speechResponse .skipSpeaking{order:3;min-height:48px}.speechResponse .speechFeedbackRegion{order:4;min-height:64px}.resultScreen:has(.skillBreakdown){text-align:left;grid-template-rows:repeat(7,auto);grid-template-columns:170px minmax(0,1fr);gap:12px 28px;width:min(940px,100%);padding:28px 32px}.resultScreen:has(.skillBreakdown)>small{text-align:left;grid-area:1/2}.resultScreen:has(.skillBreakdown) h1{grid-area:2/2;font-size:clamp(32px,3vw,44px)}.resultScreen:has(.skillBreakdown) .scoreOrb{grid-area:1/1/4;justify-self:center;width:160px}.resultScreen:has(.skillBreakdown) .scoreOrb b{font-size:58px}.resultScreen:has(.skillBreakdown)>p:not(.attemptSummary){grid-area:3/2;font-size:18px}.resultScreen:has(.skillBreakdown) .skillBreakdown{grid-area:4/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}.resultScreen:has(.skillBreakdown) .skillBreakdown h2{text-align:left}.resultScreen:has(.skillBreakdown) .missedObjectives{grid-area:5/1/auto/-1;max-height:120px;padding:12px 16px}.resultScreen:has(.skillBreakdown) .attemptSummary{text-align:center;grid-area:6/1/auto/-1}.resultScreen:has(.skillBreakdown) .resultActions{grid-area:7/1/auto/-1;padding-top:12px}.resultScreen:has(.skillBreakdown):not(:has(.missedObjectives)){grid-template-rows:repeat(6,auto)}.resultScreen:has(.skillBreakdown):not(:has(.missedObjectives)) .attemptSummary{grid-row:5}.resultScreen:has(.skillBreakdown):not(:has(.missedObjectives)) .resultActions{grid-row:6}}.numberRecap{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:min(100%,920px);display:grid}.numberRecap>.tapAudioSurface{border:2px solid var(--line);background:var(--sky);border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px 8px;display:flex}.numberRecap strong{color:var(--blue);font-size:clamp(28px,4vw,48px)}.numberRecap b{font-size:28px}.numberRecapWide{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,760px)}.numberRecapWide strong{font-size:clamp(20px,2.5vw,30px);line-height:1.12}.numberRecapWide b{font-size:clamp(20px,2.5vw,28px);line-height:1.25}.numberRecapWide small{font-size:clamp(14px,1.5vw,18px)}.notesDetail .notePage.note-culture{display:block}.cultureReference{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);width:min(100%,1040px);margin:auto;padding:16px;display:grid}.cultureReference img{object-fit:contain;border-radius:22px;width:100%;max-height:52dvh;display:block}.cultureReference h1{margin:12px 0;font-size:clamp(28px,3vw,40px);line-height:1.15}.cultureReference p{margin:12px 0 0;font-size:clamp(17px,1.8vw,22px);line-height:1.55}.cultureReference small{color:var(--blue);font-size:12px;font-weight:900}.note-number .noteWordHero{grid-column:1/-1;justify-self:center;width:min(100%,900px)}.learn-word .slideContents{gap:10px}.learn-word .wordLearningCard{min-height:min-content}.learn-recap .numberRecap{flex:none}@media (width<=900px){.numberRecap:not(.numberRecapWide) .tapAudioCue{width:38px;padding:4px}.numberRecap:not(.numberRecapWide) .tapAudioCue em{display:none}}@media (width<=720px){.cultureReference{grid-template-columns:minmax(0,1fr);gap:16px;padding:8px}.cultureReference img{max-height:30dvh}.cultureReference h1{margin-top:8px}}.labelledStrokeReference{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;width:min(100%,960px)}.labelledStrokeReference .noteLessonIcon{display:none}.labelledStrokeReference .noteLessonMain{text-align:center;align-items:center}.labelledStrokeReference .noteTraceCharacter{width:128px;height:128px;margin:8px auto;font-size:88px;line-height:128px}.labelledStrokeReference .noteLessonMain h2{margin:4px;font-size:22px}.labelledStrokeReference .noteLessonMain p{margin:8px 0;font-size:15px;line-height:1.4}.labelledStrokeReference .strokeOrder{grid-template-columns:repeat(3,minmax(0,1fr))}.labelledStrokeReference .strokeOrder span{overflow-wrap:anywhere;min-height:62px;padding:16px 5px 5px!important;font:600 14px/1.3 Avenir Next,sans-serif!important}.learn-writing-reference{gap:12px}@media (width<=620px){.labelledStrokeReference{grid-template-columns:1fr;gap:8px}.labelledStrokeReference .noteTraceCharacter{width:88px;height:88px;font-size:64px;line-height:88px}.labelledStrokeReference .writingTips{padding:10px}.labelledStrokeReference .strokeOrder span{min-height:54px;font-size:12px!important}.numberRecap{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.numberRecap>.tapAudioSurface{gap:4px;padding:8px 4px}.numberRecap b{font-size:22px}.cultureReference{padding:12px}.numberRecapWide{grid-template-columns:1fr;width:min(100%,340px)}.numberRecapWide>.tapAudioSurface{padding:8px 10px}}@media (width>=900px){.learn-write .slideContents{container-type:size}.learn-write .writingPractice{grid-template-rows:repeat(5,auto);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:center;align-items:center;gap:12px 28px;width:min(1060px,100%);display:grid}.learn-write .writingPractice>.slideTag{grid-area:1/1;justify-self:center;margin:0}.learn-write .writingPractice>h1{grid-area:2/1}.learn-write .writingModeBar{flex-wrap:wrap;grid-area:3/1;justify-content:center}.learn-write .traceProgress{grid-area:4/1}.learn-write .writingPractice>p{grid-area:5/1;font-size:16px;line-height:1.4}.learn-write .writingPracticeGrid{grid-area:1/2/-1}.learn-write .writingCanvasColumn{width:100%}.singleSlide.learn-write .writingCanvasWrap{width:min(100%,440px,100cqh - 90px)}.learn-write .writingToolbar{width:100%;max-width:440px;min-height:48px}}@media (width<=720px){.singleSlide.learn-word .wordLearningCard{text-align:center;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px 48px}.singleSlide.learn-word .slideEmoji{width:min(120px,28vw);height:auto}.singleSlide.learn-word .slideEmoji img{width:100%;height:100%}.singleSlide.learn-word .wordLearningCard>div:last-of-type{align-items:center;width:100%;min-width:0}.singleSlide.learn-word .wordLearningCard .hanziHero{word-break:keep-all;font-size:clamp(38px,12vw,64px);line-height:1.15}.singleSlide.learn-word .wordLearningCard h2{margin:8px 0;font-size:24px;line-height:1.35}}.notesDetail .notePage.note-word{grid-template-rows:max-content max-content;align-content:start;min-height:0;overflow:hidden auto}.notesDetail .notePage.note-number{grid-template-rows:auto;align-content:safe center}.notesDetail .noteWordHero.tapAudioSurface{grid-template-rows:max-content;align-self:start;align-items:center;height:auto;min-height:min-content}.notesDetail .noteWordHero.tapAudioSurface .noteWordMain{min-height:min-content;overflow:visible}.singleSlide:has(.grammarHero) .grammarHero{grid-template-rows:max-content max-content max-content;align-content:start;overflow:hidden auto}.singleSlide:has(.grammarHero) .grammarExamples{grid-auto-rows:max-content;align-self:start;min-height:min-content}.singleSlide:has(.grammarHero) .grammarExampleCard.sampleSentenceAudio{grid-template-rows:max-content max-content;align-content:center;height:auto;min-height:min-content}.singleSlide:has(.grammarHero) .grammarContrast{align-self:start}.singleSlide.learn-grammar .grammarHero{flex-direction:column;gap:8px;display:flex}.singleSlide.learn-grammar .grammarExamples{grid-template-columns:minmax(0,1fr);align-self:stretch;width:100%;min-height:0;display:grid}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio{box-sizing:border-box;justify-self:center;width:100%;min-width:0;height:auto;min-height:0}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio>div,.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{text-align:center}.singleSlide.learn-grammar .grammarExampleCard .pinyinSentence{justify-content:center}@media (width>=1100px) and (height>=680px){.singleSlide.learn-grammar .grammarHero{box-sizing:border-box;gap:12px;width:100%;max-width:none}.singleSlide.learn-grammar .grammarExamples{flex-shrink:0}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio{padding:clamp(16px,2vh,24px) clamp(20px,2vw,36px)}.singleSlide.learn-grammar .grammarHero .grammarExampleCard .pinyinSentence{font-size:clamp(32px,3vw,48px);line-height:1.35}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{font-size:clamp(20px,1.8vw,28px);line-height:1.35}}@media (width>=1100px) and (height>=680px) and (height<=800px){.singleSlide.learn-grammar .grammarHero{gap:8px;padding:12px 18px}.singleSlide.learn-grammar .grammarHero .grammarRule{padding:8px 12px}.singleSlide.learn-grammar .grammarExamples{margin-top:0}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio{padding-block:12px}.singleSlide.learn-grammar .grammarHero .grammarExampleCard .pinyinSentence{font-size:clamp(30px,2.6vw,36px)}}.singleSlide.learn-grammar .grammarRule,.sentencePattern{margin:0}.singleSlide.learn-grammar .sentencePattern{font-size:clamp(15px,1.8vw,20px);line-height:1.4}.singleSlide.learn-grammar .grammarHero{flex:1 1 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:16px 24px;width:100%;min-height:0;padding:clamp(12px,2vh,24px);display:grid;overflow:visible}.singleSlide.learn-grammar .grammarTeaching{flex-direction:column;gap:16px;min-width:0;display:flex}.singleSlide.learn-grammar .grammarTeaching .grammarRule{margin:0;padding:14px;font-size:clamp(18px,1.8vw,28px)}.singleSlide.learn-grammar .grammarExamples{align-self:center;margin:0}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio{padding:16px}.singleSlide.learn-grammar .grammarHero .grammarExampleCard .pinyinSentence{font-size:clamp(26px,2.8vw,44px);line-height:1.4}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{font-size:clamp(16px,1.6vw,24px)}.singleSlide.learn-grammar .exampleNavigation{grid-column:1/-1}.singleSlide.learn-grammar .lessonCoach{display:none}.singleSlide.learn-grammar>h1{margin:4px 0 12px}@media (width<=820px){.singleSlide.learn-grammar .grammarHero{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.singleSlide.learn-grammar .grammarTeaching{gap:8px}.singleSlide.learn-grammar .grammarTeaching .grammarRule{padding:10px;font-size:18px}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio{padding:12px}.singleSlide.learn-grammar .grammarHero .grammarExampleCard .pinyinSentence{font-size:clamp(23px,4.4vw,34px)}.singleSlide.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{font-size:16px}}.exampleNavigation{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font-size:15px;display:flex}.exampleNavigation button{color:#214d6a;min-height:44px;font:inherit;background:#f1f9ff;border:2px solid #b8d9e9;border-radius:14px;padding:6px 14px;font-weight:700}.learnExtraCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);width:min(100%,1040px);margin-inline:auto;display:grid}.learnExtraBubble{background:#fff;border:2px solid #aad8f2;border-radius:28px 28px 28px 4px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(3px,.5vw,6px);min-width:0;padding:clamp(8px,1vw,12px);display:flex}.learnExtraBubble b{font-size:clamp(27px,3.2vw,44px)}.learnExtraBubble>span{font-size:clamp(24px,2.5vw,32px)}.learnExtraBubble>picture,.learnExtraBubble>picture img,.learnExtraBubble>img{object-fit:contain;flex:0 auto;width:clamp(54px,7vw,82px);min-width:0;max-width:82px;height:clamp(48px,6.5vw,72px);min-height:0;max-height:72px}.learnExtraBubble>img.responsiveAsset{width:clamp(54px,7vw,82px)!important;height:clamp(48px,6.5vw,72px)!important}.learnExtraBubble small,.learnExtraBubble strong{font-size:clamp(16px,1.55vw,20px)}@media (width<=820px){.learnExtraCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:680px}.learnExtraBubble{gap:3px;padding:8px 6px}.learnExtraBubble>picture,.learnExtraBubble>picture img,.learnExtraBubble>img,.learnExtraBubble>img.responsiveAsset{max-width:64px;max-height:56px;width:clamp(42px,8vw,64px)!important;height:clamp(38px,7vw,56px)!important}.learnExtraBubble b{font-size:clamp(23px,3.8vw,34px)}}@media (width<=600px){.learnExtraCards{gap:6px}.learnExtraBubble{border-radius:16px 16px 16px 4px;padding:7px 3px}.learnExtraBubble>picture,.learnExtraBubble>picture img,.learnExtraBubble>img,.learnExtraBubble>img.responsiveAsset{max-width:44px;max-height:40px;width:44px!important;height:40px!important}.learnExtraBubble b{font-size:22px}.learnExtraBubble small,.learnExtraBubble strong{font-size:12px;line-height:1.1}}.learn-fun-fact .slideContents{justify-content:center}.missionActivity{flex-direction:column;flex:1 1 0;justify-content:safe center;align-items:center;gap:6px;width:min(100%,940px);min-height:0;display:flex}.missionActivity h1{margin:0;font-size:clamp(24px,3vw,40px)}.missionAudio,.checkMission,.missionTools button{color:#174d67;min-height:44px;font:inherit;background:#effaff;border:2px solid #78bfdc;border-radius:15px;padding:8px 16px;font-weight:850}.checkMission{background:var(--blue);color:#fff;border-color:var(--blue);min-width:180px}.checkMission:disabled{opacity:.45}.missionActivity .slideFeedbackSlot:not(.hasFeedback){min-height:0}.missionActivity .slideFeedback{margin-top:0;padding:8px 12px;font-size:clamp(14px,1.45vw,17px)}.toneTrails{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.toneTrails button{color:#183f55;background:#fff;border:3px solid #b8ddeb;border-radius:24px;place-items:center;min-height:clamp(90px,17vh,140px);padding:10px;display:grid}.toneTrails button[aria-pressed=true]{background:#fff7d4;border-color:#f0a900;box-shadow:0 0 0 3px #ffe28a}.toneTrails b{color:var(--blue);font-size:clamp(40px,6vw,72px)}.toneCompare{gap:8px;width:100%;display:grid}.toneCompareRow{align-items:center;gap:10px;width:100%;display:flex}.toneCompareRow .toneTrails{flex:1}.toneCompareRow .toneTrails button{border-radius:16px;min-height:68px;padding:5px}.toneCompareRow .toneTrails b{font-size:clamp(25px,4vw,38px)}.toneCompareRow .toneTrails span{font-size:12px}.tonePanda{align-items:center;gap:14px;min-height:42px;font-size:31px;animation:.55s ease-out both tonePandaArrives;display:flex}.tonePanda span{color:var(--blue);font-size:40px;font-weight:900}@keyframes tonePandaArrives{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.tonePanda{animation:none}}.pairBoard{grid-template-columns:1fr 1fr;gap:clamp(18px,5vw,70px);width:100%;display:grid}.pairBoard>div{gap:10px;display:grid}.pairBoard button,.missionTiles button,.sortCards button,.sortBuckets button{color:#183f55;min-height:58px;font:inherit;background:#fff;border:2px solid #aed8e8;border-radius:17px;padding:8px 12px;font-weight:800}.pairBoard button[aria-pressed=true],.missionTiles button[aria-pressed=true],.sortCards button[aria-pressed=true]{background:#fff6ce;border-color:#eea800}.pairBoard .isPlaced,.sortCards .isPlaced{background:#eef9f2;border-style:dashed}.pairBoard button small{margin-top:2px;font-size:12px;font-style:normal;font-weight:700;display:block}.missionBuild,.secretDisplay,.doctorSentence{background:#f7fcff;border:3px dashed #abd8ea;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:min(100%,680px);min-height:74px;padding:10px;display:flex}.missionBuild b,.doctorSentence{font-size:clamp(34px,5vw,60px)}.missionBuild span{color:var(--muted-ink);font-weight:800}.missionTiles{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.missionTiles button{min-width:62px;font-size:clamp(23px,3vw,34px)}.missionTools{gap:10px;display:flex}.secretDisplay{letter-spacing:.18em;min-height:50px;font-size:26px}.secretCorrections{justify-content:center;gap:10px;display:flex}.secretCorrections button{min-width:68px;min-height:64px;color:var(--ink);background:#fff;border:3px solid #acd6e7;border-radius:16px;font-size:32px;font-weight:900}.secretCorrections button[aria-pressed=true],.dialPad button[aria-pressed=true]{background:#fff6ce;border-color:#eea800}.dialPad{grid-template-columns:repeat(5,1fr);gap:8px;width:min(100%,520px);display:grid}.dialPad button{color:#183f55;min-height:58px;font:inherit;background:#fff;border:2px solid #acd6e7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.dialPad b{font-size:20px}.dialPad small{font-size:16px}.sortCards,.sortBuckets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.mission-word-sorter .sortCards:has(button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.sortContext{justify-items:center;gap:12px;display:grid}.sortContext p{margin:0;font-size:20px;font-weight:800}.missionNext,.missionBack{min-height:44px;color:var(--ink);font:inherit;background:#eef9ff;border:2px solid #acd6e7;border-radius:14px;padding:6px 14px;font-weight:850}.sortCards button{flex-direction:column;align-items:center;gap:2px;display:flex}.sortCards b{font-size:clamp(25px,3.2vw,39px)}.sortCards small{font-size:15px}.sortCards span{font-size:13px}.sortCards em{font-size:12px;font-style:normal;font-weight:750}.missionSequence{justify-items:center;gap:clamp(8px,1.4vh,14px);width:min(100%,760px);display:grid}.missionSequence h2{text-align:center;margin:0;font-size:clamp(21px,2.5vw,30px)}.sentenceDoctorSteps{gap:6px}.sentenceDoctorSteps h2{font-size:clamp(21px,2.2vw,26px)}.sentenceDoctorSteps .doctorSentence{min-height:60px;padding:6px}.missionStep{color:var(--muted-ink);margin:0;font-weight:850}.missionFocusCard{min-width:min(100%,310px);min-height:clamp(72px,13vh,108px);color:var(--ink);font:inherit;background:#f4fbff;border:3px solid #8ecce3;border-radius:22px;place-items:center;gap:3px;padding:12px 20px;font-size:clamp(28px,4vw,46px);font-weight:900;display:grid}.missionFocusCard small{font-size:13px;font-weight:750}.mission-word-sorter .missionFocusCard>span{font-size:clamp(16px,1.8vw,20px);line-height:1.25}.missionAnswerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;display:grid}.missionAnswerGrid button{min-height:58px;color:var(--ink);font:inherit;background:#fff;border:2px solid #aed8e8;border-radius:16px;padding:9px 12px;font-weight:850}.missionAnswerGrid button[aria-pressed=true]{background:#fff6ce;border-color:#eea800}.missionAnswerGrid button:disabled{opacity:.62}.missionAnswerGrid button small{margin-top:2px;font-size:12px;display:block}.missionStepNav{justify-content:center;gap:10px;display:flex}.missionStepNav button{min-height:44px;color:var(--ink);font:inherit;background:#eef9ff;border:2px solid #acd6e7;border-radius:14px;padding:7px 16px;font-weight:850}.missionStepNav button:disabled{opacity:.42}.missionSequenceDone{justify-items:center;gap:4px;padding:18px;display:grid}.missionSequenceDone span{color:#287747;background:#e4f7e8;border-radius:50%;place-items:center;width:54px;height:54px;font-size:30px;font-weight:900;display:grid}.missionSequenceDone h2,.missionSequenceDone p{text-align:center;margin:0}.missionActivity:is(.mission-pair-rescue,.mission-word-sorter) .missionSequence{grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);gap:8px 14px}.missionActivity:is(.mission-pair-rescue,.mission-word-sorter) :is(.missionStep,.missionSequence h2,.missionStepNav,.missionSequenceDone){grid-column:1/-1}.missionActivity:is(.mission-pair-rescue,.mission-word-sorter) .missionFocusCard{align-self:center;width:100%;min-width:0}.mission-pair-rescue .missionAnswerGrid button{min-height:50px;font-size:24px}.doctorPreview{background:#f7fcff;border:3px dashed #abd8ea;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:min(100%,720px);padding:13px;font-size:clamp(27px,4vw,46px);font-weight:900;display:flex}.doctorPreview button{min-height:50px;color:inherit;font:inherit;background:0 0;border:0;border-radius:9px;padding:2px 5px}.doctorPreview button[aria-pressed=true],.doctorPreview .doctorSelectedWord{background:#eaf7fc;outline:3px solid #8ebed3}.missionAudioError{color:#8b3b2e;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-weight:750;display:flex}.missionAudioError p{margin:0}.missionAudioError button{min-height:40px;color:inherit;font:inherit;background:#fff5ef;border:2px solid;border-radius:12px;padding:6px 12px}.audioReplacement{color:#823c22;min-height:40px;font:inherit;background:#fff5ef;border:2px solid #bc764f;border-radius:12px;margin-inline-start:8px;padding:6px 12px;font-weight:800}.sortBuckets button{background:#eef9ff;min-height:68px}.sortBuckets button small{margin-top:3px;display:block}.missionMeaning{margin:0;font-size:clamp(15px,2vw,20px)}.doctorSentence{gap:0}.doctorSentence .needsRepair{background:#fff3ba;border-bottom:5px solid #f1b31c;border-radius:7px;padding-inline:5px}.doctorSentence button{min-height:52px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px}.doctorSentence button[aria-pressed=true]{border-radius:7px;outline:3px solid #eea800}.familyMission{justify-items:center;gap:7px;width:min(100%,850px);display:grid}.mission-family-tree h1{font-size:clamp(22px,2.4vw,30px);line-height:1.12}.familyMission p{text-align:center;margin:0;font-size:clamp(14px,1.7vw,18px);font-weight:750}.familyClues{color:var(--muted-ink)}.familySlots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.familySlots button{min-height:80px;color:var(--ink);font:inherit;background:#f4fbff;border:2px dashed #9dcee2;border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:6px;display:grid}.familySlots button b{font-size:18px}.familySlots button small{font-size:12px}.familySlots button strong{color:var(--blue);font-size:22px}.familyMission .missionTiles button{min-height:44px;font-size:22px}.familyMission .missionTiles .isPlaced{background:#edf8ef;border-style:dashed}.clockMission{grid-template-columns:auto minmax(0,1fr);place-items:center;gap:8px 18px;width:min(100%,680px);display:grid}.clockMission>p,.clockMission>.missionAudio{grid-column:1/-1;margin:0;font-size:21px;font-weight:850}.clockFace{color:#194e69;width:clamp(150px,24vh,220px)}.clockControls{gap:10px;display:grid}.clockControls>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clockControls span{min-width:100px;font-weight:850}.clockControls button{min-width:46px;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:2px solid #9dcee2;border-radius:12px;font-weight:850}.clockMission .missionTools{grid-column:1/-1}@media (height<=700px){.mission-family-tree,.mission-clock-set{gap:4px}.mission-family-tree h1,.mission-clock-set h1{font-size:clamp(21px,2.5vw,27px);line-height:1.1}.familyMission,.clockMission{gap:4px 12px}.familySlots button{gap:0;padding:3px 6px}.familySlots button b{font-size:16px}.familySlots button strong{font-size:20px}.clockMission>.missionAudio{min-height:40px}.clockFace{width:clamp(140px,22vh,190px)}}@media (width<=620px){.missionActivity{gap:7px}.missionActivity h1{font-size:clamp(22px,6vw,29px)}.toneTrails{grid-template-columns:repeat(2,1fr);gap:7px}.toneTrails button{min-height:82px}.toneTrails b{font-size:38px}.toneCompareRow{gap:3px;display:grid}.toneCompareRow .toneTrails{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.toneCompareRow .toneTrails button{min-height:56px}.toneCompareRow .toneTrails span{font-size:10px}.pairBoard{gap:10px}.pairBoard button{min-height:52px;padding:6px}.dialPad{gap:5px}.dialPad button{min-height:49px}.sortCards,.sortBuckets{gap:6px}.sortCards button,.sortBuckets button{min-height:58px;padding:5px}.mission-word-sorter .sortCards:has(button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.sortCards b{font-size:23px}.sortCards small,.sortCards span{display:none}.missionAnswerGrid{grid-template-columns:1fr;gap:6px}.missionAnswerGrid button{min-height:50px;padding:6px 9px}.missionFocusCard{min-height:68px;font-size:30px}.missionSequence h2{font-size:21px}.missionSequenceDone{padding:9px}.missionActivity:is(.mission-pair-rescue,.mission-word-sorter) .missionSequence{grid-template-columns:minmax(0,1fr)}.mission-pair-rescue .missionFocusCard{width:min(100%,230px);min-height:64px;padding:6px 10px}.mission-pair-rescue .missionAnswerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctorPreview{min-height:58px;padding:8px;font-size:30px}.missionBuild,.doctorSentence{min-height:58px}.doctorSentence{font-size:31px}.familySlots button{min-height:78px}.familySlots button b{font-size:15px}.familySlots button small{font-size:11px}.familySlots button strong{font-size:18px}.familyMission .missionTiles button{min-height:44px;font-size:19px}.clockMission{grid-template-columns:1fr;gap:5px}.clockFace{width:min(39vw,152px)}.clockControls{gap:5px}.clockControls>div{justify-content:center}.clockControls span{min-width:78px;font-size:14px}.clockControls button{min-width:40px;min-height:40px}}.funFactSlide{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(18px,3vw,38px);width:min(1040px,100%);min-height:0;display:grid}.funFactVisual{background:#eaf8ff;border:3px solid #bde5f8;border-radius:28px;min-width:0;height:min(48vh,390px);overflow:hidden;box-shadow:0 6px #e3f3fa}.funFactVisual picture,.funFactVisual img{object-fit:cover;width:100%;height:100%;display:block}.funFactCopy{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.funFactCopy h1{margin:6px 0}.funFactCopy p{color:var(--muted-ink);margin:0;font-size:clamp(16px,1.7vw,21px);line-height:1.42}.funFactCallouts{flex-wrap:wrap;gap:8px;width:100%;margin-top:12px;display:flex}.funFactCallouts strong{color:#614b0b;background:#fff7d7;border:2px solid #f3ce64;border-radius:13px;padding:8px 12px;font-size:clamp(14px,1.45vw,18px)}.funFactSource{min-height:44px;color:var(--blue);text-underline-offset:3px;align-items:center;margin-top:7px;font-size:12px;font-weight:850;display:inline-flex}@media (width<=760px){.funFactSlide{grid-template-rows:minmax(150px,46%) auto;grid-template-columns:1fr;gap:10px;height:100%}.funFactVisual{border-radius:20px;justify-self:center;width:min(620px,100%);height:100%}.funFactCopy{text-align:center;align-items:center}.funFactCopy h1{font-size:clamp(24px,6.5vw,34px)}.funFactCopy p{font-size:clamp(14px,3.8vw,17px);line-height:1.3}.funFactCallouts{justify-content:center;margin-top:7px}.funFactCallouts strong{padding:5px 8px;font-size:clamp(12px,3.5vw,15px)}.funFactSource{min-height:34px;margin-top:2px}}.taskHeading,.noteSectionHeading{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.taskHeading h1,.noteSectionHeading h3{margin:0}.taskHelp{text-align:left;flex:none;position:relative}.unjumbleActivity{gap:clamp(5px,1vh,10px)}.unjumbleActivity>.slideTag{margin-bottom:0}.unjumbleActivity .englishUnjumbleClue{margin-block:0}.unjumbleActivity .sentenceTileBoard{gap:8px}.unjumbleActivity .sentenceAnswer{min-height:clamp(64px,11vh,90px)}.unjumbleActivity .unjumbleTools{margin-top:0}.notesDetail .notePage.note-word,.notesDetail .notePage.note-grammar{overflow:hidden}.noteSectionHeading{justify-content:flex-start}.noteSectionHeading>span{color:#647f90;margin-left:auto;font-size:12px;font-weight:850}.noteSectionHeading .taskHelp{margin-left:4px}.noteSentenceList,.noteExamples{min-height:0}.noteSentenceList>.noteSentenceAudio,.noteExamples>.noteExampleCard{max-height:100%}.resultTabs{grid-template-columns:1fr 1fr;gap:8px;width:min(540px,100%);display:grid}.resultTabs button{min-height:42px;color:var(--blue);font:inherit;background:#fff;border:2px solid #b9dbea;border-radius:12px;font-weight:900}.resultTabs button[aria-selected=true]{border-color:var(--blue);background:#e9f7ff}.resultReviewPage{place-items:center;width:min(680px,100%);min-height:0;display:grid}:is(.resultScreen:has(.skillBreakdown),.resultScreen:has(.resultReviewPage)){overflow:hidden}.resultScreen .missedObjectives{max-height:none;overflow:hidden}.learnerHome{gap:clamp(8px,1.4vh,16px)}.learnerHome .homeLegal{margin-top:0}@media (width<=620px){html,body{height:100%;overflow:hidden}.appShell{height:100dvh;min-height:0;overflow:hidden}.appShell .appViewport{min-height:0;overflow:hidden}.learnerHome{justify-content:center;height:100%;padding-block:4px}.homeWelcome h1{font-size:29px}.homeWelcome p{margin-block:3px 0;font-size:14px}.continueCard{min-height:126px;padding:12px 14px}.homeLower{gap:8px}.homeBrowse,.homeSummary{min-height:92px;padding:10px 13px}.homeLegal a{min-height:36px}.notesScreen{height:100%;min-height:0}.notesScreen.notesOverview,.notesScreen.notesDetail{grid-template-rows:auto 6px minmax(0,1fr) auto}.notesScreen.notesOverview{grid-template-rows:auto minmax(0,1fr) auto}.notesContents{padding:10px}.notesContents h1{margin:5px 0 9px;font-size:23px}.notesContents>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.notesContents button{border-radius:15px;min-height:82px;padding:7px}.notesContents button>span{width:35px;height:35px;margin-bottom:3px;font-size:21px}.notesContents button b{font-size:14px}.notesContents button small{margin-top:1px;font-size:11px}.notesDetail .notePage:not(.note-writing){gap:6px;padding:8px 10px}.notesDetail .noteWordHero{min-height:0}.notesDetail .noteWordVisual{max-height:118px}.notesDetail .noteWordMain h1{font-size:clamp(35px,12vw,52px)}.notesDetail .noteExplanation{gap:5px;padding:7px}.notesDetail .noteExplanation>p{margin:0;font-size:12px;line-height:1.25}.notesDetail .noteSentenceAudio{padding:8px}.notesActions{gap:5px}.notesActions button{min-height:44px;padding-inline:8px;font-size:12px}.notesActions>div{gap:5px}.taskHeading{align-items:flex-start}.taskHeading h1{font-size:clamp(23px,7.5vw,31px)}.unjumbleActivity{justify-content:flex-start}.unjumbleActivity .englishUnjumbleClue{padding:5px 8px}.unjumbleActivity .sentenceAnswer{min-height:62px}.unjumbleActivity .sentenceTileBank{gap:6px}.unjumbleActivity .sentenceTileBank button{min-height:45px;padding:6px 10px}.resultScreen{height:100%;padding:10px}:is(.resultScreen:has(.skillBreakdown),.resultScreen:has(.resultReviewPage)){grid-template-rows:auto auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 74px;align-content:stretch;gap:7px;display:grid}.resultScreen>small{text-align:left;grid-area:1/1}.resultScreen h1{text-align:left;grid-area:2/1;margin:0;font-size:25px}.resultScreen .scoreOrb{grid-area:1/2/3;width:70px;margin:0}.resultScreen .scoreOrb b{font-size:30px}.resultScreen>p:not(.attemptSummary){grid-area:3/1/auto/-1;margin:0;font-size:13px}.resultTabs{grid-area:4/1/auto/-1}.resultScreen .skillBreakdown,.resultReviewPage{grid-area:5/1/auto/-1;align-self:start;width:100%}.resultScreen .skillBreakdown{grid-template-columns:repeat(2,1fr);gap:5px;margin:0}.resultScreen .skillBreakdown h2{grid-column:1/-1;margin:0;font-size:15px}.resultScreen .skillBreakdown>div{padding:6px 8px}.resultScreen .attemptSummary{display:none}.resultScreen .resultActions{grid-area:6/1/auto/-1;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;display:grid}.resultScreen .resultActions button{min-height:44px;padding:6px;font-size:12px}.resultReviewPage .missedObjectives{width:100%;padding:9px 12px}}@media (height<=700px) and (width>=761px){.funFactVisual{height:min(43vh,310px)}.funFactCopy p{font-size:16px}.funFactCallouts{margin-top:7px}}.taskInstruction{font-size:16px;line-height:1.4;display:block}.slideFeedback small{display:block}.notesDetail .notePage.note-grammar{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;display:flex;overflow-y:auto}.notesDetail .notePage.note-grammar>*{flex-shrink:0}.note-grammar .noteGrammarHero{height:auto;overflow:visible}.note-grammar .noteGrammarHero .noteExamples{flex:none;grid-template-rows:auto;grid-auto-rows:auto}.note-grammar .noteExampleCard.sampleSentenceAudio{grid-template-rows:auto auto;height:auto;min-height:0}.pinyinGuideModel{cursor:pointer;background:#f1f9ff;border:2px solid #b8d9e9;border-radius:20px;padding:16px 24px}.pinyinGuideModel h2{margin:0 0 8px;font-size:clamp(44px,8vw,76px)}.singleSlide.learn-word .wordLearningCard{--word-picture-size:clamp(130px, 21vh, 205px);grid-template-columns:var(--word-picture-size) minmax(0, 1fr);box-sizing:border-box;align-items:center;padding:16px 20px 48px}.singleSlide.learn-word .wordLearningCard>.slideEmoji{width:var(--word-picture-size);height:var(--word-picture-size);place-self:center;min-height:0}.singleSlide.learn-word .wordLearningCard>.slideEmoji img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.singleSlide.learn-word .wordLearningCard>div:last-of-type{padding-bottom:0}@media (width<=720px){.singleSlide.learn-word .wordLearningCard{--word-picture-size:min(120px, 28vw);grid-template-columns:minmax(0,1fr);padding:14px 16px 48px}.singleSlide.learn-word .wordLearningCard.longWord .hanziHero{white-space:nowrap;font-size:clamp(30px,11vw,48px)}.notesDetail .noteWordHero.tapAudioSurface.longWord{text-align:center;grid-template-columns:minmax(0,1fr)}.notesDetail .noteWordHero.tapAudioSurface.longWord .noteWordVisual{width:110px;height:110px;min-height:0}.notesDetail .noteWordHero.tapAudioSurface.longWord .noteWordMain{width:100%}.notesDetail .noteWordHero.tapAudioSurface.longWord h1{white-space:nowrap;font-size:clamp(30px,11vw,48px)}}.homeLower{grid-template-columns:repeat(3,minmax(0,1fr))}.homeLive{text-decoration:none}.liveApp{background:radial-gradient(circle at 88% 8%,#ffd16659,#0000 22%),linear-gradient(#effaff,#fffdf7 360px);width:100%;height:100dvh;overflow-y:auto}.liveApp>nav{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:10px clamp(18px,4vw,50px);display:grid;position:sticky;top:0}.liveApp>nav a{color:var(--blue);letter-spacing:.5px;font-weight:900;text-decoration:none}.liveApp>nav>a:nth-child(2){justify-self:center}.liveApp>nav .languageSwitch{justify-self:end}.liveLanding,.liveJoin,.liveSetup,.liveDashboard,.liveStudent{width:min(1050px,100% - 32px);min-height:calc(100dvh - 96px);margin:24px auto 40px}.liveLanding{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.liveMascot{filter:drop-shadow(0 8px #123b5d14);font-size:clamp(72px,12vw,120px)}.liveEyebrow{color:var(--blue);letter-spacing:1.6px;margin:8px 0;font-size:12px;font-weight:950}.liveLanding h1,.liveSetup>h1,.liveJoin>h1{margin:4px 0 8px;font-size:clamp(34px,6vw,64px);line-height:1.05}.liveLanding>p:not(.liveEyebrow){color:#587488;max-width:650px;margin:8px 0 26px;font-size:clamp(17px,2vw,22px);line-height:1.45}.liveLandingActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.livePrimary,.liveSecondary,.liveHostActions button,.liveSetup button,.liveJoin button{border:2px solid var(--blue);min-height:50px;color:var(--blue);cursor:pointer;background:#fff;border-radius:15px;justify-content:center;align-items:center;padding:10px 22px;font-weight:900;text-decoration:none;display:inline-flex}.livePrimary{box-shadow:0 5px #069675;background:var(--green)!important;color:#073f35!important;border-color:#087c62!important}.liveSecondary{background:#eef8ff}.liveSetup{max-width:850px}.liveSetup section{background:#fff;border:2px solid #d3eaf7;border-radius:24px;margin:18px 0;padding:clamp(18px,3vw,28px);box-shadow:0 8px 22px #1450730f}.liveSetup h2{margin:0 0 14px;font-size:20px}.liveSegment{flex-wrap:wrap;gap:9px;display:flex}.liveSegment button.selected{color:#075c4a;background:#e6fff7;border-color:#087c62;box-shadow:inset 0 0 0 1px #087c62}.liveChecks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.liveChecks label,.liveToggle{border:2px solid var(--line);background:#fbfdff;border-radius:14px;align-items:center;gap:11px;padding:13px;font-weight:800;display:flex}.liveChecks input,.liveToggle input{accent-color:#087c62;width:23px;height:23px}.liveField{color:#587488;gap:8px;font-weight:800;display:grid}.liveField textarea,.liveCodeInput input,.liveSearch{width:100%;color:var(--navy);font:inherit;background:#fbfdff;border:2px solid #bcdceb;border-radius:15px}.liveField textarea{resize:vertical;min-height:160px;padding:13px}.liveToggle{margin-top:14px}.liveToggle span{gap:3px;display:grid}.liveToggle small{color:#647f91;font-weight:600}.liveCreate{width:100%;font-size:18px;min-height:58px!important}.liveCreate:disabled,.liveJoin button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.liveError{color:#8c2820;background:#fff0ef;border:2px solid #ffafa7;border-radius:13px;padding:12px 14px;font-weight:800}.liveHostHeader{background:#fff;border:2px solid #cfe8f6;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.liveHostHeader p{margin:4px 0}.liveCode{color:var(--blue);letter-spacing:8px;margin:0;font-size:clamp(46px,8vw,78px)}.liveHostActions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.liveDanger{color:#a52e25!important;border-color:#d14e43!important}.liveKick{color:#a52e25;cursor:pointer;background:#fff4f3;border:1px solid #ed8c84;border-radius:10px;min-height:36px;padding:5px 11px;font-weight:900}.liveStats{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.liveStats span{background:#eaf8ff;border-radius:13px;padding:10px 14px}.liveStats b{font-size:20px}.liveRosterTable{background:#fff;border:2px solid #d3e8f2;border-radius:20px;overflow:hidden}.liveRosterHead,.liveRosterRow{grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:10px;padding:13px 17px;display:grid}.liveRosterHead{text-transform:uppercase;background:#eaf8ff;font-size:12px;font-weight:950}.liveRosterRow+.liveRosterRow{border-top:1px solid var(--line)}.liveRosterRow>span:first-child{align-items:center;gap:9px;font-weight:850;display:flex}.liveRosterRow i{border-radius:50%;width:11px;height:11px}.liveRosterRow i.online{background:#08ad84}.liveRosterRow i.offline{background:#aebfc9}.liveJoin{text-align:center;flex-direction:column;align-items:stretch;max-width:680px;padding-top:clamp(20px,8vh,80px);display:flex}.liveCodeInput{color:#607c8f;gap:8px;margin:22px 0 14px;font-weight:850;display:grid}.liveCodeInput input{text-align:center;letter-spacing:10px;height:88px;padding:10px;font-size:45px;font-weight:950}.liveSearch{min-height:50px;margin:18px 0 12px;padding:10px 14px}.liveNameList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:52vh;display:grid;overflow-y:auto}.liveNameList button{background:#fff;border-color:#b9deef;gap:2px;min-height:68px;display:grid}.liveNameList b{font-size:18px}.liveNameList small{color:#698397}.liveTextButton{margin:14px auto;text-decoration:underline;background:0 0!important;border:0!important}.liveStudent{max-width:820px}.liveStudent>header{background:#fff;border:2px solid #d4e9f4;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:14px 18px;display:flex}.liveStudent>header p{margin:0 0 2px}.liveQuestion,.liveStatus,.liveResults{text-align:center;background:#fff;border:2px solid #cfe8f6;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:min(650px,100dvh - 145px);padding:clamp(18px,4vw,38px);display:flex;box-shadow:0 12px 30px #194c6b17}.liveQuestion h1{max-width:720px;margin:12px 0;font-size:clamp(27px,5vw,44px);line-height:1.2}.liveQuestion>img{object-fit:contain;width:min(240px,60vw);height:180px}.livePinyin{color:#57768a;margin:0 0 10px;font-size:21px}.liveProgress{background:#e6eef2;border-radius:8px;width:100%;height:11px;overflow:hidden}.liveProgress span{border-radius:inherit;background:var(--green);height:100%;transition:width .25s;display:block}.liveAudio{border:2px solid var(--blue);min-height:48px;color:var(--blue);background:#eaf8ff;border-radius:13px;margin:10px 0;padding:8px 18px;font-weight:900}.liveChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(680px,100%);margin-top:20px;display:grid}.liveChoices button{min-height:76px;color:var(--navy);cursor:pointer;background:#f8fdff;border:3px solid #b9dfee;border-radius:18px;padding:12px;font-size:clamp(18px,3vw,25px);font-weight:900}.liveChoices button:hover,.liveChoices button:focus-visible{border-color:var(--blue);background:#eaf8ff}.liveStatus span,.liveResults>span{font-size:72px}.liveStatus h1,.liveResults h1{margin:6px 0;font-size:clamp(32px,6vw,54px)}.liveStatus p{color:#587488;font-size:19px}.liveResults>div{text-align:left;gap:9px;width:100%;margin-top:18px;display:grid}.liveResults article{border:2px solid var(--line);border-radius:14px;padding:13px 15px}.liveResults article.correct{background:#effdf8;border-color:#92d9c6}.liveResults article.incorrect{background:#fff5f4;border-color:#f1b2ac}.liveResults article p{margin:5px 0}.liveStudentScore{color:#075c4a;white-space:nowrap;font-size:clamp(17px,2vw,23px)}.liveAnswerFeedback{text-align:center;background:#f3fff9;border:3px solid #77c8ae;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:min(650px,100dvh - 145px);padding:clamp(18px,4vw,38px);display:flex}.liveAnswerFeedback.isIncorrect{background:#fff7f5;border-color:#eaa6a1}.liveAnswerFeedback h1,.liveAnswerFeedback p{margin:0}.liveFeedbackIcon{font-size:50px;line-height:1}.liveFeedbackPoints{color:#075c4a;font-size:clamp(29px,5vw,43px);font-weight:950}.liveAnswerFeedback.isIncorrect .liveFeedbackPoints{color:#933a32}.liveFeedbackSolution{background:#fff;border:2px solid #d1e3eb;border-radius:17px;width:min(620px,100%);margin:8px 0;padding:15px}.liveFeedbackSolution p{overflow-wrap:anywhere;margin:7px 0;font-size:clamp(18px,3vw,26px);font-weight:850}.liveFeedbackSolution small,.liveAnswerFeedback>small{color:#526d7c}.liveRankings{background:#f8fdff;border:2px solid #d3e8f2;border-radius:14px;max-height:220px;padding:12px;overflow-y:auto}.liveRankings h2{margin:0 0 6px;font-size:18px}.liveRankings p{justify-content:space-between;gap:10px;margin:0;padding:5px 0;display:flex}.liveRankings p+p{border-top:1px solid var(--line)}.liveConfirm{justify-items:center;gap:10px;margin-top:16px;display:grid}.liveConfirm p{font-size:20px}.liveAgain{margin-top:20px}@media (height<=700px){.liveResults{padding:14px 20px}.liveResults>span{font-size:48px}.liveResults>div{margin-top:8px}.liveResults h1{font-size:38px}}@media (width<=720px){.homeLower,.liveChecks,.liveNameList,.liveChoices{grid-template-columns:1fr}.liveHostHeader{flex-direction:column;align-items:stretch}.liveHostActions{justify-content:flex-start}.liveRosterTable{overflow-x:auto}.liveRosterHead,.liveRosterRow{min-width:650px}.liveQuestion,.liveStatus,.liveResults{border-radius:20px;min-height:calc(100dvh - 150px)}.liveChoices button{min-height:58px}.liveApp>nav{grid-template-columns:1fr auto}.liveApp>nav>a:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.liveProgress span{transition:none}}.liveNameLabel{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.18;display:inline-flex}.liveNameLabel small{color:#526e81;font-size:.78em;font-weight:700}.liveNameLabel b{overflow-wrap:anywhere}.livePronunciations{border-top:1px solid #d3eaf7;margin-top:18px;padding-top:14px}.livePronunciations h3,.liveTypeHeader h3{margin:0 0 6px;font-size:18px}.livePronunciations>p{color:#526e81}.livePronunciation{grid-template-columns:minmax(90px,1fr) minmax(140px,2fr);align-items:center;gap:10px;margin:10px 0;display:grid}.livePronunciation input[type=text],.livePronunciation input:not([type]){width:100%;min-height:46px;font:inherit;border:2px solid #bcdceb;border-radius:11px;padding:8px 12px}.livePronunciation .liveError{margin-top:4px;display:block}.liveField input[type=number]{max-width:140px;min-height:48px;font:inherit;border:2px solid #bcdceb;border-radius:12px;padding:8px 12px}.liveTypeHeader{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.liveTypeHeader>div{flex-wrap:wrap;gap:8px;display:flex}.liveTypeHeader button{min-height:48px;padding:8px 14px;font-size:14px}.liveTypeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.liveTypeGrid label{background:#fbfdff;border:1px solid #c9e2ee;border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.liveTypeGrid label:has(input:disabled){opacity:.55}.liveTypeGrid input{accent-color:#087c62;width:22px;height:22px}.liveTypeGrid span{justify-content:space-between;gap:8px;width:100%;font-weight:800;display:flex}.liveTypeGrid small{color:#537387}.livePresenter{width:min(1680px,100% - 32px);min-height:calc(100dvh - 88px);margin:16px auto 36px}.livePresenter:fullscreen{background:#eaf8ff;width:100%;min-height:100dvh;padding:clamp(18px,2.5vw,46px);overflow:auto}.livePresenterHeader{color:#fff;background:#073d61;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:clamp(16px,2vw,25px);display:flex}.livePresenterHeader h1{margin:4px 0;font-size:clamp(38px,4.6vw,74px);line-height:1.02}.livePresenterHeader p{margin:0;font-size:clamp(17px,1.5vw,25px)}.livePresenterHeader .liveEyebrow{color:#89e4d1}.liveClock{font-variant-numeric:tabular-nums;flex:none;font-size:clamp(38px,6vw,78px);font-weight:950;line-height:1}.livePresenterActions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin:10px 0;display:flex}.livePresenterActions button,.liveWinner button,.liveBoardPager button{color:#064d70;cursor:pointer;background:#fff;border:2px solid #166d91;border-radius:14px;min-height:52px;padding:10px 20px;font-size:17px;font-weight:900}.livePresenterActions .livePrimary{min-height:58px;padding-inline:30px;font-size:20px}.liveLeaderboard{background:#fff;border:2px solid #cfe8f6;border-radius:25px;gap:clamp(8px,1vh,14px);padding:clamp(14px,1.6vw,26px);display:grid}.liveLeaderboard>p{text-align:center;color:#5a7589;font-size:20px}.liveLeaderboard>small{text-align:right;color:#587488}.liveLeader{background:#f4fbff;border:3px solid #d7ebf4;border-radius:20px;grid-template-columns:clamp(70px,7vw,115px) minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,30px);min-height:clamp(56px,8vh,98px);padding:6px clamp(18px,2.5vw,38px);font-size:clamp(28px,2.8vw,54px);transition:transform .3s;display:grid}.liveLeader:first-child{background:#fff8e3;border-color:#e9c159}.liveLeader:nth-child(2){background:#f2f8fa;border-color:#a7c0cd}.liveLeader:nth-child(3){background:#fff4e9;border-color:#d8ad82}.liveLeader>strong{color:#0a7090}.liveLeader>b{font-variant-numeric:tabular-nums;white-space:nowrap}.liveLeader .liveNameLabel small{font-size:.52em}.liveBoardPager{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:4px;display:flex}.liveBoardPager label{align-items:center;gap:7px;font-weight:800;display:inline-flex}.liveBoardPager input{width:22px;height:22px}.liveWinner,.liveManagement{background:#fff;border:2px solid #cfe8f6;border-radius:18px;margin-top:15px;padding:18px}.liveWinner h2{margin:0 0 5px}.liveWinner button+button{margin-left:8px}.livePodium{color:#fff;text-align:center;background:linear-gradient(145deg,#073d61,#075f80);border-radius:24px;padding:clamp(22px,3vw,42px);animation:.65s ease-out both live-podium-arrive;overflow:hidden}.livePodium h2{font-size:clamp(38px,5vw,76px)}.livePodium .liveEyebrow{color:#9df0db}.livePodiumSteps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(10px,2vw,28px);margin-top:26px;display:grid}.livePodiumSteps article{color:#073d61;background:#eaf8ff;border-radius:22px 22px 8px 8px;align-content:start;gap:12px;min-height:220px;padding:clamp(16px,2vw,28px);font-size:clamp(22px,2.4vw,42px);display:grid}.livePodiumSteps article.place1{background:#fff2ad;grid-area:1/2;min-height:300px}.livePodiumSteps article.place2{grid-area:1/1;min-height:250px}.livePodiumSteps article.place3{background:#ffe0c2;grid-area:1/3}.livePodiumSteps article>strong{font-size:1.25em}.livePodiumSteps article>div{border-top:2px solid #073d6124;gap:5px;padding-top:10px;display:grid}.liveWinnerActions{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.liveFullStandings{width:min(900px,100%);margin:18px auto}.liveFullStandings>p{border-top:1px solid #d6e8f1;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;font-size:20px;display:flex}.liveDeadlineNotice{color:#6f4a00;background:#fff1c8;border-radius:12px;padding:10px 14px;font-weight:850}.liveNextGameWait{color:#526e81;font-weight:850}.liveManagement summary{cursor:pointer;font-weight:900}.liveManagement summary,.liveManagement .liveKick{min-height:48px}.liveManageList{gap:5px;margin-top:12px;display:grid}.liveManageList>div{border-top:1px solid #e3eff5;grid-template-columns:minmax(100px,1fr) 110px minmax(150px,1fr) 64px;align-items:center;gap:8px;padding:9px 0;display:grid}.liveDownloadPanel,.liveHistory{color:#073d61;text-align:left;background:#f8fdff;border:2px solid #b9deef;border-radius:17px;margin:14px 0;padding:14px}.liveDownloadPanel>summary,.liveHistory>summary{cursor:pointer;align-items:center;min-height:48px;font-size:18px;font-weight:950;display:flex}.liveDownloadPanel.isProminent{background:0 0;border:0;margin:0;padding:0}.liveDownloadPanel.isProminent>summary{background:var(--green);color:#073f35;border:2px solid #087c62;border-radius:14px;min-height:58px;padding:10px 24px;font-size:19px;box-shadow:0 5px #069675}.liveDownloadPanel[open].isProminent{background:#f8fdff;border:2px solid #b9deef;flex:100%;padding:14px}.liveDownloadPanel[open].isProminent>summary{width:fit-content}.liveDownloadPanel>p,.liveHistory>p{color:#587488;margin:4px 0 12px}.liveDownloadPanel>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.liveDownloadPanel a{color:#064d70;background:#fff;border:2px solid #b9deef;border-radius:13px;align-content:center;gap:3px;min-height:66px;padding:10px 13px;text-decoration:none;display:grid}.liveDownloadPanel a:hover,.liveDownloadPanel a:focus-visible{background:#ecfff8;border-color:#087c62}.liveDownloadPanel a small,.liveDownloadPanel>small,.liveHistory>small{color:#617c8d;line-height:1.35}.liveHistory{background:#fff;margin-top:18px}.liveHistoryList{gap:10px;display:grid}.liveHistoryList>article{background:#fbfdff;border:2px solid #d9eaf2;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);align-items:start;gap:14px;padding:13px;display:grid}.liveHistoryList>article>div:first-child{gap:5px;display:grid}.liveHistoryList>article>div:first-child span{color:#587488}.liveHistoryList .liveDownloadPanel{margin:0;padding:7px 11px}.liveHistoryList .liveDownloadPanel>summary{min-height:42px;font-size:16px}.liveHistoryList .liveDownloadPanel>div{grid-template-columns:1fr}.liveHistoryPager{justify-content:center;align-items:center;gap:12px;margin:14px 0;display:flex}.liveHistoryPager button{color:#064d70;background:#fff;border:2px solid #166d91;border-radius:13px;min-height:48px;padding:8px 18px;font-weight:900}.liveHistoryPager button:disabled{opacity:.45}@media (width>=651px) and (height<=800px){.livePresenterHeader{padding:12px 20px}.livePresenterHeader h1{font-size:clamp(38px,4vw,52px)}.livePresenterHeader p{font-size:17px}.livePresenterHeader .liveClock{font-size:clamp(44px,5.5vw,64px)}.livePresenterActions{margin:6px 0}.livePresenterActions button{min-height:48px;padding-block:7px}.liveClassGoal{margin:6px 0;padding:8px 14px}.liveClassGoal>div:first-child{margin-bottom:4px}.liveClassGoal [role=progressbar]{height:12px}.liveLeaderboard{gap:5px;padding:10px 20px}.liveLeader{min-height:46px;padding-block:2px;font-size:clamp(26px,2.5vw,38px)}.liveLeader .liveNameLabel small{font-size:.45em;line-height:1}.liveBoardPager button{min-height:48px;padding-block:7px}}.liveStudentProgress{align-items:center;gap:15px;display:flex}.liveStudentProgress .liveClock{color:#087c62;font-size:clamp(24px,5vw,38px)}.liveInteractive{justify-items:center;gap:12px;width:min(100%,700px);display:grid}.liveInteractive h1{margin:0}.liveInteractive .liveCue{margin:0;font-size:clamp(20px,3vw,27px);font-weight:750}.liveBuilt{color:#607e8f;border:2px dashed #94c9d9;border-radius:15px;flex-wrap:wrap;place-content:center;gap:8px;width:100%;min-height:70px;padding:10px;display:flex}.liveTileBank{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.liveTileBank button,.liveBuilt button,.liveTools button,.liveMissionGrid button{color:#073d61;cursor:pointer;background:#f5fcff;border:2px solid #9ed0e3;border-radius:12px;min-height:46px;padding:8px 13px;font-size:clamp(17px,2.5vw,22px);font-weight:850}.liveTileBank button[aria-pressed=true],.liveMissionGrid button[aria-pressed=true]{background:#dcfaef;border-color:#087c62}.liveInteractive button:disabled{opacity:.45;cursor:not-allowed}.liveTools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.liveMissionRow{justify-items:center;gap:5px;width:100%;display:grid}.liveMissionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.liveMissionGrid>div{gap:7px;display:grid}@media (width<=650px){.livePronunciation,.liveTypeGrid{grid-template-columns:1fr}.liveTypeHeader{flex-direction:column;align-items:flex-start}.livePresenter{width:min(100% - 16px,1680px);margin-top:8px}.livePresenterHeader{flex-direction:row;align-items:flex-end;padding:14px 16px}.livePresenterHeader h1{font-size:clamp(31px,10vw,44px)}.livePresenterHeader .liveClock{font-size:clamp(38px,11vw,48px)}.livePresenterActions{justify-content:stretch}.livePresenterActions button{flex:42%}.liveLeader{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:clamp(82px,11vh,104px);padding-inline:12px;font-size:clamp(24px,7vw,34px)}.liveBoardPager strong{text-align:center;order:-1;width:100%}.livePodiumSteps{grid-template-columns:1fr;align-items:stretch}.livePodiumSteps article.place1,.livePodiumSteps article.place2,.livePodiumSteps article.place3{grid-area:auto/1;min-height:0}.livePodiumSteps article.place1{order:-1}.liveManageList>div{grid-template-columns:1fr auto}.liveStudentProgress{flex-direction:column;align-items:flex-end;gap:2px}.liveDownloadPanel>div,.liveHistoryList>article{grid-template-columns:1fr}.liveDownloadPanel.isProminent,.liveDownloadPanel.isProminent>summary,.liveHistoryList .liveDownloadPanel{width:100%}}@media (height<=700px){.liveQuestion{padding:12px 22px}.liveInteractive{gap:7px}.liveInteractive h1{font-size:clamp(25px,3.5vw,34px)}.liveTileBank button,.liveBuilt button,.liveTools button,.liveMissionGrid button{min-height:42px;padding:6px 11px}}@keyframes live-podium-arrive{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.liveLeader{transition:none}.livePodium{animation:none}}.settingsActions .whatsNewAction{color:var(--blue);background:#eef9ff;border:2px solid #b9dff1}.releaseBackdrop{z-index:200}.releaseModal{background:linear-gradient(145deg,#fff 0%,#f7fcff 72%,#fff9dc 100%);border:3px solid #c3e7f7;border-radius:30px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,1.7vh,17px);width:min(820px,100%);max-height:calc(100dvh - 32px);padding:clamp(18px,3vw,30px);display:grid;overflow:hidden;box-shadow:0 24px 70px #123b5d47}.releaseHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.releaseHeader small{color:var(--coral);letter-spacing:1.4px;font-size:11px;font-weight:950}.releaseHeader h2{color:var(--navy);margin:4px 0 0;font-size:clamp(28px,4.4vw,44px);line-height:1.08}.releaseIntro{color:#587488;margin:0;font-size:clamp(15px,1.8vw,19px);font-weight:750}.releaseFeatures{scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid;overflow-y:auto}.releaseFeatures article{background:#ffffffeb;border:2px solid #d4eaf5;border-radius:19px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:11px 14px;display:grid}.releaseFeatures article>span{background:#eaf8ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:27px;display:grid}.releaseFeatures article:nth-child(3n+2)>span{background:#fff3bd}.releaseFeatures article:nth-child(3n)>span{background:#e7fff7}.releaseFeatures h3{color:var(--ink);margin:0 0 2px;font-size:clamp(15px,1.7vw,18px)}.releaseFeatures p{color:#637e90;margin:0;font-size:clamp(12px,1.35vw,14px);line-height:1.32}.releaseFooter{justify-content:space-between;align-items:center;gap:16px;display:flex}.releaseFooter p{color:#607b8d;margin:0;font-size:13px;font-weight:750}.releaseFooter button{min-width:140px;min-height:48px;font:inherit;cursor:pointer;border-radius:15px;padding:8px 22px;font-weight:900}@media (width<=620px){.releaseBackdrop{padding:10px}.releaseModal{border-radius:23px;gap:8px;max-height:calc(100dvh - 20px);padding:15px}.releaseHeader h2{font-size:clamp(25px,7.5vw,32px)}.releaseIntro{font-size:14px}.releaseFeatures{grid-template-columns:1fr;gap:6px}.releaseFeatures article{border-radius:15px;grid-template-columns:41px minmax(0,1fr);gap:9px;padding:7px 10px}.releaseFeatures article>span{border-radius:12px;width:39px;height:39px;font-size:22px}.releaseFeatures h3{font-size:15px}.releaseFeatures p{font-size:12px}.releaseFooter{flex-direction:column;align-items:stretch;gap:7px}.releaseFooter p{text-align:center;font-size:12px}.releaseFooter button{width:100%;min-height:46px}}@media (height<=680px) and (width>=621px){.releaseModal{gap:8px;width:min(900px,100%);padding:16px 20px}.releaseHeader h2{font-size:31px}.releaseFeatures{gap:7px}.releaseFeatures article{padding:7px 11px}.releaseFeatures article>span{width:40px;height:40px;font-size:23px}}@media (prefers-reduced-motion:reduce){.releaseModal,.releaseFeatures article{scroll-behavior:auto;transition:none;animation:none}}.openResponseActivity{color:#234659;background:#fff;border-radius:24px;gap:14px;width:100%;max-height:100%;padding:clamp(12px,2vw,24px);display:grid;overflow:auto}.openResponseWorkspace{grid-template-rows:auto minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0;display:grid}.openResponseTaskNav{flex-wrap:wrap;gap:8px;display:flex}.openResponseTaskNav button{color:#234659;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #b6d4e1;border-radius:12px;padding:7px 12px;font-weight:800}.openResponseTaskNav button[aria-current=page]{background:#e7f6fc;border-color:#267ba6}.openResponseActivity header h2{margin:0 0 6px;font-size:clamp(22px,3vw,34px)}.openResponseActivity header p{margin:0;line-height:1.5}.openResponseField{gap:6px;font-weight:800;display:grid}.openResponseField span{color:#526c7b;font-size:14px;font-weight:500}.openResponseField textarea{resize:vertical;color:#123847;width:100%;min-height:90px;font:inherit;background:#fff;border:2px solid #b7d5e2;border-radius:14px;padding:12px;line-height:1.55}.openResponseField textarea[lang=zh-Hans]{min-height:150px;font-size:21px}.openResponseField textarea:focus-visible,.openResponseActions button:focus-visible,.openResponseReview input:focus-visible{outline-offset:2px;outline:3px solid #246fa3}.openResponseSaveError{color:#9a2f27;font-weight:800}.openResponseReview{background:#f2f8fb;border-radius:18px;gap:10px;padding:16px;display:grid}.openResponseReview h3,.openResponseReview p{margin:0}.openResponseModel{background:#fff;border-radius:12px;gap:5px;padding:13px;display:grid}.openResponseModel p[lang=zh-Hans]{font-size:21px}.openResponseReview fieldset{border:0;gap:10px;padding:0;display:grid}.openResponseReview legend{margin-bottom:9px;font-weight:800}.openResponseReview fieldset label{align-items:flex-start;gap:10px;display:flex}.openResponseReview input{flex:none;width:22px;height:22px}.openResponseActions{background:#fff;flex-wrap:wrap;gap:10px;padding:8px 0;display:flex;position:sticky;bottom:0}.openResponseActions button{color:#19465e;min-height:46px;font:inherit;cursor:pointer;background:#e8f6fc;border:2px solid #96bfd5;border-radius:13px;padding:8px 14px;font-weight:800}.openResponseActions button:disabled{cursor:default;opacity:.55}.readingSlide,.noteReading{flex-direction:column;gap:clamp(.4rem,1.2vh,.9rem);min-width:0;display:flex}.readingSlide h1,.noteReading h1{margin:0;font-size:clamp(1.2rem,2.5vw,2rem)}.readingText,.noteReading .noteSentenceAudio{background:#fffdf5;border-radius:1rem;min-width:0;padding:clamp(.7rem,1.7vw,1.2rem);display:block}.readingText p,.noteReading .noteSentenceAudio p{overflow-wrap:anywhere;margin:0 0 .35rem;font-size:clamp(1.3rem,2.7vw,2rem);line-height:1.5}.readingText small,.noteReading .noteSentenceAudio small{font-size:clamp(.9rem,1.5vw,1.15rem);display:block}.readingTranslation{margin:0;font-size:clamp(1rem,1.7vw,1.25rem)}.liveSavedClasses,.liveSaveClass,.liveGoalSetup{gap:8px;margin:12px 0;display:grid}.liveSavedClasses>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.liveSavedClasses button,.liveSaveClass button,.liveGoalSetup input{min-height:44px}.liveSaveClass{grid-template-columns:minmax(0,1fr) auto}.liveSaveClass input,.liveGoalSetup>input{min-height:46px;font:inherit;border:2px solid #bcdceb;border-radius:13px;padding:8px 12px}.liveGoalSetup{background:#f3fbff;border-radius:15px;padding:13px}.liveGoalSetup label{align-items:center;gap:9px;font-weight:800;display:flex}.liveGoalSetup input[type=radio]{accent-color:#087c62;width:21px;height:21px;min-height:0}.liveClassGoal{background:#f1fff9;border:2px solid #abd9ca;border-radius:17px;margin:12px 0;padding:13px 17px}.liveClassGoal>div:first-child{justify-content:space-between;gap:15px;margin-bottom:8px;display:flex}.liveClassGoal [role=progressbar]{background:#dcebe6;border-radius:999px;height:16px;overflow:hidden}.liveClassGoal [role=progressbar] span{border-radius:inherit;background:#08a67c;height:100%;transition:width .35s;display:block}.liveClassGoal.reached{background:#fff9d9;border-color:#e0ad20;animation:.65s ease-out liveGoalCelebrate}.liveStudentGoal{color:#075c4a;background:#eafbf5;border-radius:14px;justify-content:space-between;gap:12px;margin:-4px 0 12px;padding:9px 14px;display:flex}.liveStudentGoal.reached{color:#6f5200;background:#fff4b7}.liveMaxPoints{color:#087c62;margin:2px 0 4px;font-weight:900}.liveAwards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.liveAwards article{text-align:center;background:#fff9dd;border:2px solid #f0cf61;border-radius:16px;gap:4px;padding:13px;display:grid}.liveOwnAwards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.liveOwnAwards h2{grid-column:1/-1}.liveTeacherInsights{text-align:left;background:#f7fcff;border:2px solid #c8e3ef;border-radius:19px;margin:16px 0;padding:16px}.liveTeacherInsights>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.liveTeacherInsights article{background:#fff;border-radius:14px;padding:12px}.liveTeacherInsights article button,.liveTeacherInsights article p{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #cfe2eb;border-radius:10px;justify-content:space-between;gap:8px;margin:6px 0;padding:9px;display:flex}.liveTeacherInsights article button small{color:#617a89}.liveClassReview{z-index:100;text-align:center;background:#fff;border:3px solid #a9d8eb;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:clamp(20px,5vw,55px);display:flex;position:fixed;inset:20px;overflow:auto;box-shadow:0 25px 80px #13405c59}.liveClassReview h2{max-width:850px;font-size:clamp(28px,5vw,52px)}.liveReviewClose{position:absolute;top:16px;right:16px}.liveReviewAnswer{background:#f2fff9;border:2px solid #a9d8c8;border-radius:17px;width:min(760px,100%);padding:18px}.liveReviewAnswer>p:first-of-type{font-size:clamp(24px,4vw,40px);font-weight:900}.liveReviewNav{gap:10px;display:flex}@keyframes liveGoalCelebrate{50%{transform:scale(1.025);box-shadow:0 0 0 9px #f0c52b33}}@media (width<=650px){.liveAwards,.liveTeacherInsights>div,.liveSaveClass{grid-template-columns:1fr}.liveClassReview{border-radius:20px;inset:8px}.liveClassGoal>div:first-child,.liveStudentGoal{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.liveClassGoal.reached{animation:none}.liveClassGoal [role=progressbar] span{transition:none}}.appViewport{width:min(1120px,100% - 32px);margin-inline:auto}.tileMenu{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:safe center;gap:12px;width:min(1050px,100%);max-height:900px;margin-inline:auto;display:grid;overflow:hidden}.tileMenu .menuHeading{margin:0}.tileMenu :is(.menuHeading h1,.menuMascot h1){font-size:clamp(28px,3.4vw,38px)}.tileMenu :is(.menuHeading p,.menuMascot p){font-size:16px}.compactMascot{gap:16px;margin:0}.compactMascot .panda{object-fit:contain;width:80px;height:90px;margin:0;transform:none}.paginatedTiles{outline:none;grid-template-rows:minmax(0,1fr) auto;gap:10px;width:100%;min-height:0;display:grid}.paginatedTiles:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px;border-radius:24px}.paginatedTileGrid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,16px);min-height:0;display:grid}.paginatedTileGrid>button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:22px;min-width:0;min-height:0;box-shadow:0 8px 18px #28506812}.paginatedTileGrid>button:hover{border-color:var(--blue)}.paginatedTileGrid>button:focus-visible{outline:4px solid var(--focus-ring);outline-offset:2px}.paginatedTileGrid>button.unavailable{opacity:.62;box-shadow:none;cursor:default}.courseTile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:clamp(10px,1.8vh,18px);display:flex}.courseTile>span{font-size:clamp(30px,4vh,42px);line-height:1}.courseTile>small{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:950}.courseTile>b{font-size:clamp(25px,3vw,35px);line-height:1.05}.courseTile>i{color:#5e7a8d;font-size:clamp(11px,1.25vw,14px);font-style:normal;font-weight:800}.courseTile>em{color:var(--blue);margin-top:4px;font-size:12px;font-style:normal;font-weight:900}.unitTile{text-align:left;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:clamp(10px,1.6vh,16px);display:grid}.unitTile>span{color:#795900;background:#fff0b5;border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:950;display:grid}.unitTile>div{min-width:0}.unitTile small{color:var(--blue);letter-spacing:.6px;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1vw,11px);font-weight:900;display:block;overflow:hidden}.unitTile b{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:STKaiti,KaiTi,serif;font-size:clamp(22px,2.5vw,31px);line-height:1.1;display:block;overflow:hidden}.unitTile p{color:#6e8798;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:clamp(11px,1.2vw,14px);line-height:1.2;overflow:hidden}.unitTile>em{color:var(--blue);font-size:19px;font-style:normal}.tilePagination{grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:12px;display:grid}.tilePagination button{min-height:46px;color:var(--blue);font:inherit;cursor:pointer;background:#fff;border:2px solid #aad2e4;border-radius:14px;padding:7px 16px;font-weight:900}.tilePagination button:focus-visible{outline:4px solid var(--focus-ring);outline-offset:2px}.tilePagination button:disabled{opacity:.38;cursor:default}.tilePagination span{text-align:center;color:#587487;min-width:100px;font-weight:850}@media (height<=720px){.tileMenu{gap:8px;padding-block:2px}.tileMenu :is(.menuHeading h1,.menuMascot h1){font-size:30px}.tileMenu :is(.menuHeading p,.menuMascot p){font-size:14px}.compactMascot .panda{width:64px;height:70px}.paginatedTiles{gap:7px}.paginatedTileGrid{gap:8px}.courseTile>span{font-size:29px}.courseTile>b{font-size:27px}.unitTile{grid-template-columns:40px minmax(0,1fr) 18px;gap:9px;padding:9px}.unitTile>span{width:38px;height:38px}.unitTile b{font-size:23px}.tilePagination button{min-height:44px}}.threeModeScreen .modeCards{grid-template-columns:repeat(3,minmax(0,1fr));width:min(980px,100%);margin-inline:auto}.singleSlide,.lessonSlide,.testSlide{width:min(100%,920px);margin-inline:auto}.readingSlide,.noteReading,.wordLearningCard,.grammarTeaching{width:min(100%,760px);margin-inline:auto}.wordLearningCard img,.picturePrompt img,.visualPrompt img{object-fit:contain;max-width:min(360px,46vw);max-height:270px}.wordLearningCard:has(.wordTextOnly){text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.wordLearningCard:has(.wordTextOnly)>div:last-child{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.wordLearningCard:has(.wordTextOnly) .hanziHero{white-space:nowrap;max-width:100%}.slideEmoji.wordTextOnly,.noteWordVisual.wordTextOnly{display:none}.noteWordHero:has(.wordTextOnly){text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}@media (width>=1400px){.singleSlide h1,.lessonSlide h1,.testSlide h1{font-size:clamp(30px,2vw,42px)}.wordLearningCard [lang=zh-Hans],.readingText p,.noteReading .noteSentenceAudio p{font-size:clamp(30px,2.4vw,44px)}}@media (width>=1200px) and (height>=1000px){.appViewport:has(>.sessionScreen){place-items:center;display:grid}.sessionScreen{max-height:900px}}@media (width<=760px){.appViewport{width:min(100% - 18px,1120px)}.threeModeScreen .modeCards{grid-template-columns:1fr}.tilePagination{grid-template-columns:1fr auto 1fr;gap:6px}.tilePagination button{min-width:0;padding-inline:8px}}@media (width<=900px) and (orientation:portrait){.paginatedTileGrid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.tileMenu,.compactMascot{gap:8px}.compactMascot .panda{width:54px;height:58px}.tileMenu :is(.menuHeading h1,.menuMascot h1){margin-block:2px;font-size:27px}.tileMenu :is(.menuHeading p,.menuMascot p){font-size:13px}.paginatedTileGrid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:7px}.courseTile{text-align:left;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-content:center;column-gap:10px;padding:8px 12px;display:grid}.courseTile>span{text-align:center;grid-area:1/1/3;font-size:30px}.courseTile>small{grid-area:1/2}.courseTile>b{grid-area:2/2;font-size:25px}.courseTile>i{text-align:right;grid-area:1/3;font-size:11px}.courseTile>em{text-align:right;grid-area:2/3;margin:0}.unitTile{grid-template-columns:40px minmax(0,1fr) 18px;gap:9px;padding:8px 10px}.unitTile>span{width:38px;height:38px}.unitTile b{font-size:22px}.unitTile p{font-size:12px}.tilePagination span{min-width:88px;font-size:13px}}.test-unjumble{padding-block:4px}.test-unjumble .unjumbleActivity{gap:3px}.test-unjumble .sentenceTileBoard{gap:6px}.test-unjumble .sentenceAnswer{min-height:62px}.test-unjumble .sentenceTileBank button{min-height:44px;padding-block:5px}.notesDetail .notePage.note-grammar{gap:5px;padding-block:5px}.note-grammar .noteGrammarHeading h1{font-size:clamp(24px,2.7vw,34px)}.note-grammar .noteGrammarHero{gap:5px;padding:6px 9px}.note-grammar .noteGrammarHero>p{padding:4px 8px;font-size:14px;line-height:1.25}.note-grammar .noteExampleCard.sampleSentenceAudio{min-height:82px;padding:6px 8px}.note-grammar>.grammarContrast{padding:5px 8px}@media (width<=620px){.notesDetail .notePage.note-grammar{padding:6px 8px}.note-grammar .noteGrammarHeading h1{font-size:23px}.note-grammar .noteGrammarHero>p{font-size:12px}}.classroom{color:#253149;background:#fff8ee;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.classroom-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.classroom-shell[data-view=screen]{grid-template-rows:minmax(0,1fr)}.classroom *{box-sizing:border-box}.classroom button,.classroom a,.classroom input,.classroom textarea{font:inherit}.classroom button{cursor:pointer}.classroom button:disabled{cursor:not-allowed;opacity:.55}.classroom :focus-visible{outline-offset:3px;outline:3px solid #174ba9}.classroom-top{background:#fff;border-bottom:2px solid #f0d9ad;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:4px 24px;font-size:.9rem;display:flex}.classroom-top a{color:#174ba9}.classroom-top strong{white-space:nowrap}.classroom .languageName{display:inline}.classroom-shell>.classroom-empty{align-self:center;width:min(100%,850px)}.classroom-empty{text-align:center;max-width:850px;margin:auto;padding:28px}.classroom-empty h1{margin:0 0 .4em;font-size:clamp(2rem,5vw,3.8rem)}.classroom-ready{flex-direction:column;justify-content:center;align-items:center;width:min(100%,850px);min-height:0;margin:0 auto;padding:6px;display:flex;overflow:hidden}.classroom-ready h1{margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}.classroom-ready p{margin:4px 0}.classroom-ready .classroom-name-picker{flex:1;min-height:0;margin:4px auto;padding:12px}.classroom-ready .classroom-names{flex:1;max-height:none}.classroom-primary{color:#fff;background:#1657b8;border:0;border-radius:16px;padding:12px 22px;font-weight:800;text-decoration:none;display:inline-block}.classroom-error{color:#732722;background:#ffe0df;border-radius:12px;padding:10px 14px;font-weight:700}.classroom-management{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:32px;width:100%;max-width:1200px;height:100%;min-height:0;margin:0 auto;padding:28px;display:grid;overflow-y:auto}.classroom-management h1,.classroom-management h2{margin-top:0}.classroom-management label{margin:14px 0;font-weight:700;display:block}.classroom-management input,.classroom-management textarea,.classroom-name-picker input,.classroom-handoff input{color:#253149;background:#fff;border:2px solid #cbd5e5;border-radius:12px;width:100%;min-height:44px;margin-top:5px;padding:9px 12px;display:block}.classroom-setup{background:#fff;border:2px solid #f0d9ad;border-radius:18px;margin:12px 0;padding:20px}.classroom-setup h3{margin:0}.classroom-setup-links,.classroom-setup-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.classroom-setup-links a,.classroom-setup-actions button,.classroom-grant button,.classroom-actions button,.classroom-handoff button{color:#174ba9;background:#fff;border:1px solid #91a5ca;border-radius:10px;padding:9px 13px;font-weight:700;text-decoration:none}.classroom-setup-links a:hover,.classroom-actions button:hover{background:#e8f1ff}.classroom-grant{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;display:flex}.classroom-room{flex-direction:column;gap:6px;height:100%;min-height:0;padding:10px clamp(16px,3vw,42px);display:flex;overflow:hidden}.classroom-room>.classroom-empty,.classroom-room>.classroom-name-picker{flex:1;min-height:0}.classroom-status{justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:1rem;font-weight:700;display:flex}.classroom-status>span{overflow-wrap:anywhere;min-width:0}.classroom-status strong{color:#fff;background:#252b70;border-radius:50px;padding:7px 16px}.classroom-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(100%,1120px);min-height:0;margin:auto;display:flex;overflow:hidden}.classroom-section{text-transform:uppercase;letter-spacing:.09em;color:#a8461f;margin:0 0 5px;font-weight:900}.classroom-stage h1{max-width:26ch;margin:0 0 14px;font-size:clamp(1.65rem,3.8vw,3.2rem);line-height:1.15}.classroom-focus{margin:0 0 18px;font-size:clamp(1.15rem,2.1vw,1.65rem);font-weight:700}.classroom-example{flex-direction:column;align-items:center;gap:3px;display:flex}.classroom-example strong{font-size:clamp(2.1rem,5.5vw,4.3rem);font-weight:800;line-height:1.3}.classroom-example span{color:#345693;font-size:clamp(1.3rem,3vw,2.3rem);line-height:1.25}.classroom-example p{margin:5px 0;font-size:clamp(1.1rem,2vw,1.55rem)}.classroom-audio{color:#174ba9;background:#fff;border:2px solid #aec7ef;border-radius:50px;margin-top:10px;padding:9px 16px;font-weight:700}.classroom-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:10px 0;display:grid}.classroom-choice{color:#fff;overflow-wrap:anywhere;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:clamp(70px,12vh,120px);padding:10px 16px;font-size:clamp(1rem,2vw,1.65rem);line-height:1.2;display:flex}.classroom-choice span{flex:none;font-size:1.4em}.classroom-choice small{align-self:flex-end;font-size:.65em}.classroom-choice-0{background:#b32936}.classroom-choice-1{background:#1d569d}.classroom-choice-2{background:#bd8212}.classroom-choice-3{background:#24704e}.classroom-choice:hover:not(:disabled){filter:brightness(1.12)}.classroom-wait{margin:8px;font-size:1.1rem;font-weight:700}.classroom-reveal{background:#e5f6e9;border-radius:14px;max-width:850px;padding:10px 20px;font-size:1.05rem}.classroom-reveal p{margin:5px 0}.classroom-presenter-panel{z-index:5;background:#fff9f0;border-top:2px solid #f0d9ad;flex:none;grid-template:"status actions""notes actions""extra extra""signout signout"/minmax(0,1fr) auto;gap:6px 18px;width:min(100%,1120px);min-height:0;margin:0 auto;padding:8px 0;display:grid;position:relative}.classroom-presenter-panel>div:first-child{flex-direction:column;grid-area:status;display:flex}.classroom-note-tools{flex-wrap:wrap;grid-area:notes;align-items:center;gap:14px;min-width:0;display:flex}.classroom-notes,.classroom-connections{min-height:0;font-size:.9rem;line-height:1.3}.classroom-notes summary,.classroom-connections summary{cursor:pointer;color:#174ba9;font-weight:800}.classroom-note-body,.classroom-connections-body{z-index:10;background:#fffdf7;border:2px solid #afc6e7;border-radius:14px;width:min(100%,560px);max-height:min(44dvh,420px);padding:12px;position:absolute;bottom:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 12px 30px #182e5255}.classroom-notes p,.classroom-connections p{margin:4px 0}.classroom-connections-body{width:min(100%,620px)}.classroom-connection-list{gap:6px;margin-top:9px;display:grid}.classroom-connection-list>div{background:#fff;border:1px solid #c9d8eb;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.classroom-connection-list>div>span{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.classroom-connection-list small{color:#52647d;white-space:nowrap;font-weight:700}.classroom-kick{color:#842630;background:#fff1f1;border:2px solid #b9444f;border-radius:9px;min-height:38px;padding:5px 12px;font-weight:800}.classroom-kick:disabled{opacity:.55}.classroom-kicked{text-align:center;justify-content:center}.classroom-kicked>p{max-width:620px;font-size:clamp(1rem,2vw,1.3rem)}.classroom-kicked .classroom-primary{min-width:180px}.classroom-actions,.classroom-handoff{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.classroom-actions{grid-area:actions;align-self:center}.classroom-actions .classroom-primary{color:#fff;background:#1657b8}.classroom-handoff select{color:#253149;background:#fff;border:2px solid #cbd5e5;border-radius:10px;max-width:250px;min-height:44px;padding:7px}.classroom-extra-controls{text-align:right;grid-area:extra;font-size:.9rem}.classroom-extra-controls summary{cursor:pointer;color:#174ba9;font-weight:700}.classroom-extra-controls[open]{padding-bottom:4px}.classroom-signout{color:#174ba9;background:0 0;border:0;grid-area:signout;justify-self:end;padding:2px 4px;font-size:.85rem;text-decoration:underline}.classroom-name-picker{text-align:center;background:#fff;border:2px solid #f0d9ad;border-radius:20px;flex-direction:column;width:min(100%,750px);max-height:100%;margin:auto;padding:18px;display:flex;overflow:hidden}.classroom-name-picker h2{margin:0 0 8px}.classroom-names{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;max-height:30vh;margin:10px 0;display:grid;overflow:auto}.classroom-names button{background:#f4f8ff;border:2px solid #abc3eb;border-radius:12px;padding:12px}.classroom-names button.selected{background:#cde6ff;border-color:#1657b8;font-weight:900}.classroom-name-picker small{margin-top:7px;display:block}.classroom-board{flex-direction:column;width:min(100%,750px);min-height:0;max-height:100%;margin:8px auto;display:flex}.classroom-board-entries{min-height:0;overflow:hidden}.classroom-board-entries>div{text-align:left;background:#fff;border-radius:12px;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:10px;margin:4px 0;padding:7px 14px;font-size:clamp(.95rem,1.7vw,1.25rem);display:grid}.classroom-board-entries>div:first-child{background:#fff0bd}.classroom-board-entries>div:nth-child(2){background:#e8edf3}.classroom-board-entries>div:nth-child(3){background:#fbe2d4}.classroom-board-pages{flex:none;justify-content:center;align-items:center;gap:12px;padding:4px;display:flex}.classroom-board-pages button{color:#174ba9;background:#fff;border:2px solid #91a5ca;border-radius:10px;min-height:42px;padding:6px 12px;font-weight:700}.classroom-shell[data-view=screen] .classroom-top{display:none}@media (width<=700px){.classroom-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"home language""title title";gap:0 8px;min-height:80px;padding:4px 12px;display:grid}.classroom-top>a{grid-area:home}.classroom-top>strong{text-align:center;grid-area:title}.classroom-top>.languageSwitch{grid-area:language}.classroom-management{grid-template-columns:1fr;padding:18px}.classroom-room{gap:4px;padding:6px 12px}.classroom-stage h1{margin-bottom:8px;font-size:clamp(1.4rem,5.5vw,2rem)}.classroom-choices{gap:6px;margin:5px 0}.classroom-choice{flex-wrap:wrap;min-height:75px;padding:7px;font-size:.96rem}.classroom-presenter-panel{grid-template:"status""notes""actions""extra""signout"/1fr}.classroom-names{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-board-entries>div{margin:3px 0;padding:5px 8px}}@media (height<=680px){.classroom-room{gap:3px}.classroom-stage h1{margin-bottom:7px;font-size:clamp(1.45rem,3.3vw,2.6rem)}.classroom-example strong{font-size:clamp(1.8rem,4vw,3rem)}.classroom-example span{font-size:clamp(1.1rem,2vw,1.6rem)}.classroom-example p{margin:2px 0}.classroom-choice{min-height:70px}}@media (prefers-reduced-motion:reduce){.classroom *{transition:none!important;animation:none!important}}.classroom-teach-redesign{text-align:left;justify-content:flex-start;align-items:stretch;gap:8px;width:min(100%,1280px)}.classroom-lesson-heading{flex:none;align-items:center;gap:14px;min-height:0;display:flex}.classroom-lesson-heading .classroom-section{white-space:nowrap;margin:0;font-size:.78rem}.classroom-lesson-heading h1{max-width:none;margin:0;font-size:clamp(1.35rem,2.5vw,2.3rem)}.classroom-step-pill{white-space:nowrap;color:#654100;background:#fff1c5;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:.85rem;font-weight:800}.classroom-teaching-layout{flex:1;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:clamp(8px,1.5vw,20px);width:100%;min-height:0;display:grid}.classroom-visual-panel,.classroom-instruction-panel{background:#fffaf0;border:2px solid #e6cf9f;border-radius:22px;min-width:0;min-height:0;overflow:hidden}.classroom-visual-panel{justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.classroom-hero-art{object-fit:contain;border-radius:16px;width:100%;height:100%}.classroom-word-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;height:100%;min-height:0;display:grid}.classroom-word-scenes-3{grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-word-scenes-1{grid-template-columns:minmax(0,1fr);max-width:280px}.classroom-word-scene{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:0;padding:6px;display:flex;overflow:hidden}.classroom-word-scene img{object-fit:contain;flex:1;width:100%;min-height:0}.classroom-word-scene>div{text-align:center;flex-direction:column;flex:none;gap:2px;display:flex}.classroom-word-scene ruby{font-size:clamp(1.25rem,2vw,2rem);font-weight:900;line-height:1.4}.classroom-word-scene rt{color:#315a9a;font-size:.5em;font-weight:700}.classroom-word-scene small{font-size:clamp(.72rem,1vw,.9rem);font-weight:700}.classroom-instruction-panel{background:#fff;flex-direction:column;justify-content:center;gap:clamp(5px,1vh,12px);padding:clamp(12px,1.6vw,24px);display:flex}.classroom-concept-label{color:#a04c1d;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:900}.classroom-teach-rule{color:#193f7b;overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,3.4vw,3.5rem);font-weight:900;line-height:1.12}.classroom-worked-example{flex-direction:column;gap:clamp(3px,.7vh,9px);min-height:0;display:flex}.classroom-parts{flex-wrap:wrap;align-items:stretch;gap:5px;display:flex}.classroom-part{background:#eaf3ff;border:2px solid #9dbbe7;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:5px 9px;display:flex}.classroom-part-time,.classroom-part-question{background:#fff0bf;border-color:#ddaa35}.classroom-part-action,.classroom-part-meal{background:#e7f3e7;border-color:#80b697}.classroom-part-frequency{background:#f5e8f5;border-color:#b9a3c2}.classroom-part small{color:#3d5472;font-size:clamp(.65rem,.9vw,.85rem);font-weight:800}.classroom-part ruby{white-space:nowrap;font-size:clamp(1.35rem,2.4vw,2.4rem);font-weight:900;line-height:1.35}.classroom-part rt,.classroom-phrase-pair rt{color:#315a9a;font-size:.46em;font-weight:700}.classroom-complete-sentence{margin:0;font-size:clamp(1.15rem,1.9vw,1.75rem);font-weight:800;line-height:1.25}.classroom-phrase-pair ruby{font-size:clamp(1.8rem,3.2vw,3.5rem);font-weight:900;line-height:1.45}.classroom-translation{color:#3c5675;margin:0;font-size:clamp(.9rem,1.2vw,1.18rem);font-weight:700}.classroom-explanation{background:#eaf3ff;border-left:5px solid #356bb5;border-radius:14px;padding:clamp(8px,1.2vw,16px)}.classroom-explanation strong{color:#174b91;font-size:clamp(.77rem,1vw,.95rem);display:block}.classroom-explanation p{margin:3px 0 0;font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.32}.classroom-discuss{background:#fff4d8;border-radius:12px;margin:0;padding:8px 12px;font-size:clamp(.86rem,1.15vw,1.1rem);line-height:1.28}.classroom-goal-chips{flex-wrap:wrap;gap:7px;display:flex}.classroom-goal-chips span{background:#eaf3ff;border:2px solid #a9c7ed;border-radius:12px;padding:8px 12px;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:800}.classroom-pinyin-diagram{gap:9px;min-width:0;display:flex}.classroom-pinyin-card{background:#f6faff;border:2px solid #b5cbed;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:clamp(9px,1.3vw,18px);display:flex}.classroom-pinyin-card ruby{font-size:clamp(1.7rem,2.7vw,2.6rem);font-weight:900;line-height:1.4}.classroom-pinyin-card rt{color:#315a9a;font-size:.5em}.classroom-pinyin-card>strong{letter-spacing:.02em;color:#234a88;font-size:clamp(2.3rem,4vw,4rem);line-height:1.15}.classroom-pinyin-card mark{color:#8e3d20;background:#ffe098;border-radius:6px;padding:0 2px}.classroom-pinyin-card small{text-align:center;font-size:clamp(.78rem,1.2vw,1.05rem)}.classroom-dialogue{flex-direction:column;gap:6px;display:flex}.classroom-dialogue-line{background:#edf5ff;border:2px solid #9fbbe3;border-radius:16px;flex-direction:column;align-items:flex-start;padding:8px 14px;display:flex}.classroom-dialogue-1{background:#fff2d2;border-color:#deb85d;margin-left:7%}.classroom-dialogue-line>span{text-transform:uppercase;color:#375d96;font-size:.68rem;font-weight:900}.classroom-dialogue-line ruby{font-size:clamp(1.2rem,2.4vw,2.3rem);font-weight:900;line-height:1.4}.classroom-dialogue-line rt{color:#315a9a;font-size:.52em}.classroom-dialogue-line small{color:#3a5571;font-size:clamp(.8rem,1.15vw,1rem)}.classroom-instruction-panel .classroom-audio{align-self:flex-start;min-height:38px;margin:0;padding:6px 12px;font-size:.86rem}.classroom-clock{aspect-ratio:1;background:#fffdf7;border:2px solid #b8cce8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:clamp(82px,11vw,135px);padding:4px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 12px #1e35501f}.classroom-clock svg{width:100%;height:75%;min-height:0}.classroom-clock strong{font-size:.88rem}.classroom-focus-screen{background:radial-gradient(circle at 50% 35%,#fffdf7,#fbf0da);border:2px solid #efdab3;border-radius:24px;width:min(100%,850px);padding:22px}.classroom-focus-icon{color:#174b91;background:#e8f1ff;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:12px;font-size:2.6rem;font-weight:800;display:grid}.classroom-focus-name{color:#274d80;overflow-wrap:anywhere;margin:2px 0 16px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800}.classroom-focus-screen h1{max-width:none;margin:0 0 10px}.classroom-focus-screen>p:last-child{max-width:40ch;margin:0;font-size:clamp(.95rem,1.4vw,1.15rem)}.classroom-student-finish strong{color:#164b93;font-size:1.7em}.appShell .notesDetail .notePage{overflow:hidden auto}.notesDetail .notePage.note-word,.notesDetail .notePage.note-reading,.notesDetail .notePage.note-grammar{align-content:center;align-self:center;height:max-content;min-height:0;max-height:100%}.notesDetail .notePage.note-word{grid-template-rows:max-content max-content}.notesDetail .notePage.note-grammar{grid-template-rows:max-content max-content max-content}.notesDetail .notePage.note-grammar .noteGrammarHero{grid-template-rows:max-content max-content max-content;height:max-content}.notesDetail .notePage.note-grammar .noteExamples{grid-template-rows:max-content max-content}.notesDetail .noteExplanation>p{font-size:clamp(15px,1.2vw,18px);line-height:1.4}.notesDetail .noteSentenceAudio>small[data-learning-translation]{font-size:clamp(14px,1.1vw,17px);line-height:1.35}.notesDetail .notePage.note-reading{justify-content:center;padding:clamp(16px,2.2vw,28px);display:flex}.notesDetail .noteReading{width:min(100%,820px);margin:0}.notesDetail .noteReading .noteSentenceAudio{padding:clamp(12px,2vw,20px) clamp(58px,11vw,148px) clamp(12px,2vw,20px) clamp(12px,2vw,20px)}.noteReading .noteSentenceAudio>.pinyinSentence{color:var(--ink);letter-spacing:normal;text-transform:none;justify-content:flex-start;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,2.5vw,44px);font-weight:700;line-height:1.5}.noteReading .noteSentenceAudio .pinyinSentence rt{font-size:.48em}.pinyinSentence .pinyinChunk{white-space:nowrap;align-items:flex-end;display:inline-flex}.noteReading>p[data-learning-translation]{margin:0;font-size:clamp(17px,1.45vw,22px);line-height:1.4}.readingGuidance,.wordUsageGuidance{color:#244861;text-align:left;background:#eef6ff;border-left:4px solid #4d92e8;border-radius:10px;width:min(100%,760px);margin:4px auto 0;padding:10px 14px;font-size:clamp(15px,1.25vw,19px);font-weight:700;line-height:1.4}.notesDetail .noteReading .readingGuidance{width:100%}@media (width<=620px){.notesDetail .noteReading .noteSentenceAudio{padding-right:12px}.notesDetail .noteReading .noteSentenceAudio>.tapAudioCue{align-self:flex-end;position:static;transform:none}.notesDetail .notePage.note-grammar .noteExampleCard.sampleSentenceAudio{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);padding-right:10px}.notesDetail .notePage.note-grammar .noteExampleCard.sampleSentenceAudio>em{grid-area:2/1}.notesDetail .notePage.note-grammar .noteExampleCard>.tapAudioCue{grid-area:3/1;justify-self:end;position:static;transform:none}.noteReading .noteSentenceAudio>.pinyinSentence{font-size:clamp(27px,7vw,36px)}.readingGuidance,.wordUsageGuidance{padding:8px 10px;font-size:15px}}@media (width<=700px){.classroom-lesson-heading{flex-wrap:wrap;gap:6px}.classroom-lesson-heading .classroom-section{font-size:.65rem}.classroom-lesson-heading h1{margin:0;font-size:clamp(1.1rem,4vw,1.55rem)}.classroom-step-pill{padding:3px 7px;font-size:.7rem}.classroom-teaching-layout{grid-template-rows:minmax(0,.4fr) minmax(0,.6fr);grid-template-columns:minmax(0,1fr);gap:6px}.classroom-visual-panel{padding:5px}.classroom-instruction-panel{gap:4px;padding:8px}.classroom-teach-rule{font-size:clamp(1.25rem,5vw,1.7rem)}.classroom-part{padding:2px 6px}.classroom-part ruby{font-size:clamp(1.1rem,4.1vw,1.5rem)}.classroom-complete-sentence{font-size:1rem}.classroom-explanation{padding:5px 8px}.classroom-explanation p,.classroom-discuss{font-size:.77rem;line-height:1.16}.classroom-discuss{padding:5px 8px}.classroom-clock{width:68px;bottom:5px;right:5px}.classroom-word-scene ruby{font-size:1.1rem}.classroom-word-scene small{font-size:.68rem}.classroom-pinyin-card>strong{font-size:2.1rem}.classroom-pinyin-card ruby{font-size:1.4rem}.classroom-dialogue-line{padding:5px 8px}.classroom-dialogue-line ruby{font-size:1.17rem}.classroom-dialogue-line small{font-size:.72rem}}@media (height<=680px){.classroom-lesson-heading h1{font-size:clamp(1.2rem,2vw,1.8rem)}.classroom-instruction-panel{gap:4px;padding:8px}.classroom-part{padding:2px 6px}.classroom-part ruby{font-size:clamp(1.15rem,2vw,1.8rem)}.classroom-complete-sentence{font-size:1rem}.classroom-explanation{padding:6px 9px}.classroom-explanation p,.classroom-discuss{font-size:clamp(.76rem,1vw,.9rem);line-height:1.16}.classroom-teach-rule{font-size:clamp(1.4rem,2.5vw,2.4rem)}.classroom-clock{width:76px}}}:root{--workspace-width:1120px;--activity-width:1000px;--surface-radius:24px;--control-radius:14px;--surface-shadow:0 5px 18px #1f4a6012;--touch-target:44px}:where(.activityFrame,.notesScreen,.settingsModal,.liveApp,.classroom-shell) button{min-height:44px}.appShell{background:#f7fbfc;height:100dvh;min-height:0;overflow:hidden}.topBar{border-bottom:1px solid var(--line);height:auto;min-height:72px;box-shadow:none;flex:none;gap:12px;padding:8px clamp(12px,2vw,28px)}.brand b{font-size:22px}.brand small{font-size:12px}.brand .panda{flex-basis:44px;width:44px;height:44px}.topProgress>span{font-size:14px;line-height:1.3}.headerActions{gap:8px}.backNav,.settingsClose{width:44px;height:44px;box-shadow:none}.settingsButton,.languageSwitch{box-shadow:none;border-radius:var(--control-radius)}.appViewport{width:min(100%, var(--workspace-width));min-height:0;padding:16px 20px max(16px, env(safe-area-inset-bottom));flex:1;margin-inline:auto;overflow:hidden}.appViewport:has(>.sessionScreen){align-items:center;display:flex}.progressSaveNotice,.appLegalLinks{flex-shrink:0}.learnerHome{grid-template-rows:auto auto auto auto;align-content:safe center;gap:16px;width:100%;height:100%;min-height:0;padding:8px;display:grid;overflow:hidden auto}.homeWelcome{gap:20px}.homeWelcome .panda{width:88px;height:104px}.homeWelcome h1{font-size:clamp(28px,3vw,40px);line-height:1.15}.homeWelcome p{margin-top:6px;font-size:18px}.continueCard{border-radius:var(--surface-radius);min-height:0;box-shadow:var(--surface-shadow);border-width:1px;grid-template-columns:60px minmax(0,1fr) auto;gap:20px;padding:22px}.continueIcon{width:60px;height:60px;font-size:28px}.continueCopy b{font-size:clamp(28px,3vw,40px);line-height:1.25}.continueCopy strong{font-size:20px}.continueCopy em{font-size:14px}.continueArrow{grid-column:auto;min-height:48px;padding:10px 18px;font-size:16px}.homeLower{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.homeBrowse,.homeSummary{min-height:110px;box-shadow:var(--surface-shadow);border-width:1px;border-radius:20px;padding:16px 20px}.homeBrowse b{font-size:22px}.homeBrowse small,.homeSummaryMetric small{font-size:16px;line-height:1.35}.homeSummaryMetric b{font-size:44px}.homeLegal{flex-wrap:wrap;margin:0}.homeLegal a{align-items:center;min-height:44px;display:inline-flex}.menuScreen{grid-template-rows:auto minmax(0,1fr);gap:16px;width:100%;height:100%;min-height:0;padding:4px;display:grid;overflow:hidden}.tileMenu{max-height:900px}.menuHeading{margin:0}.menuHeading h1,.menuMascot h1{font-size:clamp(26px,3vw,36px);line-height:1.15}.menuHeading p,.menuMascot p{font-size:16px;line-height:1.35}.modeCards,.termCards{grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:16px;width:100%;height:100%;min-height:0;max-height:400px}.threeModeScreen .modeCards{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.modeCards:not(.hasNumbers) button,.termCards button{border-radius:var(--surface-radius);min-height:0;box-shadow:var(--surface-shadow);text-align:center;border-width:1px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.modeCards:not(.hasNumbers) button>*,.termCards button>*{grid-area:auto;max-width:100%;margin:0}.modeCards:not(.hasNumbers) button>span,.termCards button>span{width:auto;height:auto;font-size:44px}.modeCards button>b,.termCards button>b{font-family:var(--font-rounded);font-size:30px}.modeCards button>small,.termCards small{letter-spacing:.4px;font-size:12px}.modeCards button>p,.termCards p{font-size:16px;line-height:1.35}.modeCards button>em{align-items:center;min-height:44px;padding:8px 16px;font-size:14px;display:inline-flex}.paginatedTileGrid>button{box-shadow:var(--surface-shadow);border-width:1px;border-radius:18px}.unitTile b,.unitTile p,.unitTile small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.unitTile b{font-size:clamp(22px,2.4vw,30px);line-height:1.3}.unitTile p{font-size:14px;line-height:1.35}.unitTile small{font-size:11px;line-height:1.3}.sessionScreen.activityFrame{width:min(100%, var(--activity-width));grid-template-rows:minmax(24px,auto) 6px minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;max-height:900px;margin-inline:auto;padding:0;overflow:hidden}.activityFrame .singleSlide{border-radius:var(--surface-radius);width:100%;min-width:0;min-height:0;box-shadow:var(--surface-shadow);background:#fff;border:1px solid #c9e0e9;margin:0;padding:14px 20px;overflow:hidden}.activityFrame .singleSlide:before,.activityFrame .singleSlide:after{content:none}.activityFrame .slideContents{gap:8px;width:100%;height:100%;min-height:0;overflow:visible}.activityFrame h1{margin:0 0 8px;font-size:clamp(24px,2.8vw,36px);line-height:1.2}.activityFrame .slideTag{letter-spacing:.6px;border-radius:9px;flex:none;margin:0;padding:5px 10px;font-size:12px;line-height:1.25}.sessionMeta{gap:8px;min-width:0;font-size:13px;line-height:1.25}.sessionMeta>span{letter-spacing:.2px;min-width:0;font-size:13px}.sessionMeta>b{flex:none}.sessionActions{gap:12px;min-height:48px;padding:0}.sessionActions button{border-radius:var(--control-radius);min-width:120px;height:auto;min-height:48px;box-shadow:none;padding:10px 18px;font-size:16px}.sessionActions>span{font-size:13px;line-height:1.35}.sessionActions button:hover{transform:none}.assetPreparationScreen{width:min(100%, var(--activity-width));grid-template-rows:24px 6px minmax(0,1fr) 24px;gap:8px;padding:0}.assetPreparationScreen>.sessionActions{min-height:24px}.assetPreparationCard{border-radius:var(--surface-radius);width:100%;box-shadow:var(--surface-shadow);border-width:1px;gap:8px;margin:0;padding:16px}.assetPreparationCard .assetPreparationIcon{width:44px;height:44px;margin:0;font-size:40px}.assetPreparationCard h1{margin:0;font-size:28px}.assetPreparationCard p{margin:0;font-size:16px}.assetPreparationActions button{min-height:48px}.activityFrame .slideFeedback{overflow-wrap:anywhere;max-width:100%;margin:0;padding:8px 12px;font-size:16px;line-height:1.35}.activityFrame .slideFeedbackSlot{flex:none;align-content:center;width:100%;min-height:48px;margin:0;display:grid}.activityFrame .slideChoices{flex:none;gap:10px;width:min(100%,740px);margin:8px 0}.activityFrame .slideChoices button{min-height:48px;box-shadow:none;border-width:2px;padding:10px 14px;font-size:clamp(18px,2vw,25px)}.checkMission,.checkSentence{border-radius:var(--control-radius);flex:none;min-height:48px;margin:0;padding:8px 16px;font-size:16px}.missionActivity .slideFeedbackSlot:not(.hasFeedback),.unjumbleActivity .slideFeedbackSlot:not(.hasFeedback){display:none}.missionSequence{gap:6px;margin:0}.missionSequence h2{margin:0;font-size:clamp(20px,2.2vw,28px)}.missionAnswerGrid button{min-height:48px;padding:6px 10px}.missionStepNav button{min-height:44px}.missionActivity:has(.testPairBoard){justify-content:center;height:100%;min-height:0;display:flex}.testPairBoard{flex:none;grid-template-rows:auto auto auto;gap:12px;width:100%;min-height:min-content;max-height:100%;display:grid}.pairBoardHeading{justify-items:center;gap:6px;display:grid}.pairBoardHeading h2{margin:0;font-size:clamp(18px,2vw,25px);line-height:1.25}.pairBoardStatus{margin:0;font-size:13px;line-height:1.3}.pairBoardColumns{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;min-height:0}.pairBoardColumn{justify-content:center;gap:8px;min-height:0}.pairBoardColumn:last-child{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;display:grid}.pairBoardCard{border-width:1px;min-height:48px;padding:6px 8px;font-size:clamp(14px,1.5vw,19px);line-height:1.3}.pairBoardAudio{border-width:1px;min-height:44px}.pairBoardCard small{font-size:10px}.pairBoardFooter{justify-content:center;align-items:center;gap:12px;min-height:56px;display:flex}.pairBoardFooter>.slideFeedbackSlot{width:100%}.pairBoardTools{gap:8px;min-width:0}.pairBoardTools button{flex:none;min-height:44px}.pairBoardTools span{max-width:230px;font-size:13px;line-height:1.3}.pairBoardFooter .checkMission{flex:none}.learn-write .slideContents{container-type:size}.writingPractice{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:stretch;justify-items:center;gap:6px;width:100%;height:100%;min-height:0;display:grid}.writingPractice>.slideTag,.writingPractice>h1,.writingPractice>p,.writingModeBar,.traceProgress,.writingPracticeGrid{grid-area:auto}.writingPractice>h1{margin:0}.writingModeBar{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;display:flex}.traceModeButton,.traceGridToggle{min-height:44px;padding:6px 10px;font-size:13px;line-height:1.25}.traceProgress{margin:0;font-size:13px;line-height:1.3}.writingPracticeGrid{justify-content:center;width:100%;height:100%;min-height:0;display:flex;container-type:size}.writingCanvasColumn{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;min-height:0;display:flex}.writingCanvasWrap{width:min(100%,420px,100cqh - 96px);max-width:100%;box-shadow:none;border:2px solid #bcdde9;border-radius:20px;flex:none}.writingToolbar{flex:none;gap:10px;width:min(100%,420px);min-height:48px;margin:0;font-size:13px;line-height:1.3}.writingToolbar button{flex:none;min-height:44px}.writingAccuracy{flex:none;margin:0;padding:4px 8px;font-size:13px}.writingPractice>p{max-width:560px;margin:0;font-size:14px;line-height:1.35}.testWritingQuestion{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px;height:100%;min-height:0}.testWritingQuestion .writingPractice{grid-template-rows:auto auto minmax(0,1fr)}.testWritingQuestion .slideFeedbackSlot:not(.hasFeedback){display:none}.testWritingQuestion .writingCanvasWrap{width:min(100%,380px,100cqh - 64px)}.writingSkipArea{gap:8px;margin:0}.writingSkipArea button{min-height:44px}.writingSkipArea small{font-size:13px;line-height:1.3}.noteWritingPractice{height:100%;min-height:0}.noteWritingPractice .writingPractice{grid-template-rows:auto auto minmax(0,1fr) auto}.learn-write .slideContents{grid-template-rows:minmax(0,1fr);display:grid}.learn-write .slideContents:has(>.taskInstruction){grid-template-rows:auto minmax(0,1fr)}.learn-grammar .grammarHero{flex:none;grid-template-rows:max-content max-content;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:center;align-items:start;gap:16px;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px;display:grid;overflow:visible}.learn-grammar .grammarTeaching{gap:12px;width:auto;min-width:0;max-width:none}.learn-grammar .grammarRule{margin:0;padding:12px;font-size:clamp(18px,1.8vw,24px);line-height:1.4}.learn-grammar .grammarExamples{grid-area:1/2;align-self:start;min-width:0;height:auto;min-height:0;max-height:none;margin:0}.learn-grammar .grammarExampleCard.sampleSentenceAudio{width:100%;height:auto;min-height:0;padding:12px}.learn-grammar .grammarExampleCard .pinyinSentence{font-size:clamp(24px,2.6vw,36px);line-height:1.7}.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{font-size:16px;line-height:1.4}.learn-grammar .exampleNavigation{grid-column:1/-1;min-height:44px;margin:0;position:static}.wordLearningCard{width:min(100%,760px);min-width:0;box-shadow:none;border-width:1px;gap:16px}.wordLearningCard>div:last-of-type{min-width:0}.wordLearningCard .hanziHero{overflow-wrap:anywhere;font-size:clamp(40px,6vw,76px);line-height:1.3}.wordLearningCard.longWord .hanziHero{font-size:clamp(32px,4.5vw,56px)}.wordLearningCard h2{font-size:clamp(20px,2.3vw,30px);line-height:1.35}.wordLearningCard p{font-size:18px;line-height:1.35}.wordExample{flex:none}.wordUsageGuidance{flex:none;margin:0;padding:8px 12px;font-size:16px;line-height:1.35}.unjumbleActivity{gap:8px;width:100%;min-height:0}.unjumbleActivity .sentenceAnswer{min-height:64px}.sentenceTileBank{gap:8px}.sentenceTileBank button,.sentenceAnswer button{min-height:44px;padding:6px 10px}.unjumbleTools{flex:none;gap:8px;margin:0}.unjumbleTools button{min-height:44px}.englishUnjumbleClue{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;padding:10px;display:grid;position:relative}.englishUnjumbleClue>strong,.englishUnjumbleClue>small{width:100%;min-width:0;line-height:1.4;display:block}.englishUnjumbleClue>strong{padding-right:44px}.englishUnjumbleClue>.tapAudioCue{width:44px;height:44px;padding:5px;position:absolute;top:8px;right:8px}.englishUnjumbleClue>.tapAudioCue em{display:none}.speechPractice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;height:100%;min-height:0;display:grid}.speechResponse h1{font-size:clamp(24px,2.8vw,32px);line-height:1.25}.speechFeedbackRegion{min-height:84px}.taskHelpTrigger{min-height:44px;color:var(--blue);cursor:pointer;background:#f2faff;border:2px solid #b9dbea;border-radius:12px;align-items:center;padding:6px 11px;font-size:13px;font-weight:900;display:inline-flex}.taskHelpBackdrop{z-index:110;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.taskHelpDialog{width:min(460px,100%);max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));color:var(--ink);box-shadow:var(--surface-shadow);background:#fff;border:3px solid #a7d8ed;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:20px;display:grid;overflow:hidden}.taskHelpHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.taskHelpHeader h2{margin:0;font-size:22px}.taskHelpClose{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#f2faff;border-radius:12px;padding:6px 12px;font-size:16px;font-weight:800}.taskHelpBody{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;font-size:16px;line-height:1.5;overflow-y:auto}.taskHelpFooter{justify-content:flex-end;display:flex}.taskHelpFooter button{background:var(--green);color:#064d3c;cursor:pointer;border:0;border-radius:12px;min-width:120px;min-height:48px;padding:8px 18px;font-size:16px;font-weight:900}.taskHelpTrigger:focus-visible,.taskHelpDialog button:focus-visible{outline-offset:3px;outline:3px solid #e78d16}@media (height<=500px){.taskHelpDialog{gap:10px;padding:12px}}.notesScreen{width:100%;height:100%;min-height:0;overflow:hidden}.notesDetail .noteExplanation{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-items:stretch}.notesDetail .noteExplanation>div{grid-area:auto/1}.notesScreen .noteSectionHeading{background:0 0;flex-flow:wrap;flex-shrink:0;align-items:center;gap:10px;min-height:44px;padding:0;display:flex}.notesContents,.notesDetail .notePage{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.notesActions{flex:none;gap:8px}.notesActions button{min-height:44px}:is(.resultScreen,.resultScreen:has(.skillBreakdown),.resultScreen:has(.resultReviewPage)){border:1px solid var(--line);border-radius:var(--surface-radius);width:min(100%,900px);height:auto;min-height:0;max-height:100%;box-shadow:var(--surface-shadow);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex;overflow:hidden auto}.resultScreen>*{flex:none}.resultScreen>.panda{width:64px;height:64px;margin:0}.resultScreen h1{text-align:center;margin:0;font-size:28px}.resultScreen>p{margin:0;font-size:16px;line-height:1.4}.resultScreen .scoreOrb{width:96px;margin:0}.resultScreen .scoreOrb b{font-size:40px}.resultScreen .skillBreakdown{width:min(100%,620px);margin:0}.resultScreen .missedObjectives{max-height:none;overflow:visible}.resultActions{z-index:2;background:#fff;flex-wrap:wrap;width:100%;margin:0;padding:12px 0 4px;position:sticky;bottom:-20px}.resultActions button{min-height:48px}.settingsModal{border-radius:var(--surface-radius);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;max-height:calc(100dvh - 32px);padding:20px;display:grid;overflow:hidden}.settingsBody{overscroll-behavior:contain;min-height:0;padding:2px;overflow-y:auto}.settingsHeader,.settingsActions{margin:0}.settingsOptions{margin-block:12px}.settingsOptions label{min-height:56px}.settingsActions{border-top:1px solid var(--line);padding-top:12px}.settingsActions button{min-height:48px}.liveApp{background:#f7fbfc}.liveApp>nav{border-bottom:1px solid var(--line);min-height:64px;box-shadow:none}.livePresenter{width:min(100% - 32px,1280px)}.livePresenterHeader{border-radius:var(--surface-radius);padding:20px}.livePresenterHeader h1{font-size:clamp(28px,3.4vw,44px);line-height:1.2}.liveLeaderboard,.liveQuestion,.liveStatus,.liveResults{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow);border-width:1px}.liveLeader{border-width:1px;gap:12px;min-width:0;font-size:clamp(20px,2.2vw,32px)}.liveNameLabel{overflow-wrap:anywhere;min-width:0}.liveFullscreenReminder{align-items:center;gap:8px;margin-block:8px;padding:8px 12px;font-size:14px;line-height:1.35;display:flex}.liveFullscreenReminder button{flex:none;min-height:44px}.liveChoices button{border-width:2px;min-height:48px}.classroom-shell{--lesson-border:#c9e0e9}.classroom-shell .classroom-presenter-panel{gap:6px 16px}.classroom-shell .classroom-actions button{min-height:44px}@media (width>=900px),(width>=700px) and (height<=500px){.learn-write .writingPractice,.noteWritingPractice .writingPractice{grid-template-rows:1fr auto auto auto auto auto 1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 24px;display:grid}.learn-write .writingPractice>.slideTag,.noteWritingPractice .writingPractice>.slideTag{grid-area:2/1}.learn-write .writingPractice>h1,.noteWritingPractice .writingPractice>h1{grid-area:3/1}.learn-write .writingModeBar,.noteWritingPractice .writingModeBar{grid-area:4/1}.learn-write .traceProgress,.noteWritingPractice .traceProgress{grid-area:5/1}.learn-write .writingPractice>p,.noteWritingPractice .writingPractice>p{grid-area:6/1}.learn-write .writingPracticeGrid,.noteWritingPractice .writingPracticeGrid{grid-area:1/2/-1}.testWritingQuestion .writingPractice{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 20px}.testWritingQuestion .writingModeBar{grid-area:2/1}.testWritingQuestion .traceProgress{grid-area:3/1}.testWritingQuestion .writingPracticeGrid{grid-area:1/2/-1}}@media (width<=820px) and (height>=501px){.modeCards,.threeModeScreen .modeCards{grid-template-columns:minmax(0,1fr);max-height:620px}.modeCards:not(.hasNumbers) button{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;padding:14px;display:grid}.modeCards:not(.hasNumbers) button>span{grid-area:1/1/4;font-size:32px}.modeCards:not(.hasNumbers) button>small{grid-area:1/2}.modeCards:not(.hasNumbers) button>b{grid-area:2/2;font-size:25px}.modeCards:not(.hasNumbers) button>p{grid-area:3/2/auto/-1;font-size:14px}.modeCards:not(.hasNumbers) button>em{grid-area:1/3/3}.learn-grammar .grammarHero{grid-template-columns:minmax(0,1fr);gap:10px}.learn-grammar .grammarExamples{grid-area:auto/1}.speechPractice{grid-template-columns:minmax(0,1fr);gap:12px;height:auto}}@media (width<=620px){.topBar{gap:8px;min-height:64px;padding:6px 10px}.brand b{font-size:15px}.headerActions{gap:5px}.appViewport{width:100%;padding:10px 12px max(10px, env(safe-area-inset-bottom))}.learnerHome{gap:12px;padding:4px}.homeWelcome{gap:12px}.homeWelcome .panda{width:56px;height:72px}.homeWelcome h1{font-size:27px}.homeWelcome p{font-size:15px}.continueCard{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}.continueIcon{width:44px;height:44px;font-size:22px}.continueArrow{grid-column:2;justify-self:start}.continueCopy b{font-size:30px}.continueCopy strong{font-size:17px}.homeLower{gap:10px}.homeBrowse,.homeSummary{min-height:110px;padding:12px}.homeBrowse b{font-size:19px}.homeBrowse small,.homeSummaryMetric small{font-size:14px}.menuScreen{gap:10px;padding:2px}.menuHeading h1{font-size:28px}.menuHeading p{font-size:15px}.activityFrame .singleSlide{border-radius:20px;padding:10px 12px}.sessionScreen.activityFrame{gap:6px}.sessionActions{gap:8px}.sessionActions button{min-width:100px;padding:10px 12px;font-size:15px}.sessionActions>span{font-size:12px}.activityFrame .slideFeedback{font-size:14px}.pairBoardColumns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pairBoardCard{gap:4px;padding:6px;font-size:14px}.pairBoardColumn:last-child{grid-template-columns:minmax(0,1fr)}.pairBoardColumn{gap:6px}.pairBoardFooter{flex-wrap:wrap;gap:8px}.pairBoardTools{justify-content:space-between;width:100%}.pairBoardTools span{max-width:180px;font-size:12px}.pairBoardCard small{display:none}.writingToolbar{gap:8px;font-size:12px}.writingPractice>p{font-size:13px}.livePresenter{width:calc(100% - 24px)}.liveFullscreenReminder{flex-wrap:wrap}.liveFullscreenReminder span{flex:150px}.liveFullscreenReminder button{padding:6px 8px;font-size:13px}.settingsModal{gap:10px;padding:14px}}@media (height<=500px) and (width>=621px){.topBar{min-height:52px;padding-block:4px}.appViewport{padding-block:8px}.sessionScreen.activityFrame{grid-template-rows:22px 4px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 116px;gap:6px 12px}.activityFrame>.sessionMeta,.activityFrame>.sessionProgress{grid-column:1/-1}.activityFrame>.singleSlide{grid-area:3/1;padding:8px 12px}.activityFrame>.sessionActions{flex-direction:column;grid-area:3/2;justify-content:flex-end;align-items:stretch;gap:8px;display:flex}.sessionActions>span{font-size:12px}.sessionActions button{min-width:0;padding:8px;font-size:14px}.activityFrame h1{margin-bottom:4px;font-size:23px}.activityFrame .slideTag{padding:4px 6px;font-size:10px}.activityFrame .slideContents{gap:5px}.assetPreparationCard{grid-template-rows:auto auto auto auto;grid-template-columns:64px minmax(0,1fr);align-content:center;gap:6px 12px;padding:10px;display:grid}.assetPreparationCard .assetPreparationIcon{grid-area:1/1/-1}.assetPreparationCard>:not(.assetPreparationIcon){grid-column:2;margin:0}.activityFrame[data-activity-layout=choice] .singleSlide{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-auto-rows:auto;align-content:center;gap:6px 12px;display:grid}.activityFrame[data-activity-layout=choice] .slideContents{display:contents}.activityFrame[data-activity-layout=choice] :is(.singleSlide,.slideContents)>*{grid-column:1}.activityFrame[data-activity-layout=choice] .slideChoices{grid-area:1/2/6;align-self:center;margin:0}.activityFrame[data-activity-layout=choice] .slideFeedbackSlot{grid-area:6/1/auto/-1}.activityFrame[data-activity-layout=choice] .singleSlide>h1{font-size:20px}.activityFrame[data-activity-layout=choice] .slideChoices button{padding:6px 8px;font-size:18px}.activityFrame .slideFeedbackSlot{min-height:44px}.activityFrame .slideFeedback{padding:6px 8px;font-size:13px}.testPairBoard{gap:8px}.pairBoardHeading{grid-template-columns:auto minmax(0,1fr) 76px;gap:8px}.pairBoardHeading h2{font-size:16px}.pairBoardStatus{font-size:11px}.pairBoardColumns,.pairBoardColumn{gap:5px}.pairBoardCard{min-height:44px;padding:4px 6px;font-size:14px}.pairBoardCard small{display:none}.pairBoardFooter{gap:8px;min-height:48px}.pairBoardTools span{max-width:160px;font-size:11px}.pairBoardTools button,.checkMission{padding:6px 8px;font-size:12px}:is(.mission-pair-rescue:has(.missionSequence),.mission-word-sorter:has(.missionSequence)){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:5px 12px;height:100%;display:grid}.mission-pair-rescue .missionSequence,.mission-word-sorter .missionSequence{display:contents}.mission-pair-rescue>.slideTag,.mission-word-sorter>.slideTag{grid-area:1/1;justify-self:center}.activityFrame .missionSequence>.missionStep{grid-area:1/2;margin:0;font-size:12px}.activityFrame .missionSequence>h2{grid-area:2/1/auto/-1;font-size:18px}.activityFrame .missionSequence>.missionFocusCard{grid-area:3/1;width:100%;min-height:64px;max-height:110px;padding:6px}.activityFrame .missionSequence>.missionAnswerGrid{grid-area:3/2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.missionAnswerGrid button{min-height:44px;padding:4px 6px;font-size:15px}.activityFrame .missionSequence>.missionStepNav{grid-area:4/1;gap:6px}.missionSequenceDone{grid-area:2/1/4/-1}.missionActivity:has(.missionSequence):not(.mission-sentence-doctor)>.checkMission{grid-area:4/2;justify-self:center}.missionActivity:has(.missionSequence)>.slideFeedbackSlot{grid-area:4/1/auto/-1}.unjumbleActivity{grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-content:center;gap:5px 12px;height:100%;display:grid}.unjumbleActivity>:is(.slideTag,h1,.taskHeading,p,.englishUnjumbleClue){grid-column:1;margin:0}.unjumbleActivity>.slideTag{justify-self:center}.unjumbleActivity .taskHeading{flex-wrap:wrap;align-items:center}.unjumbleActivity h1{font-size:22px}.unjumbleActivity .sentenceBoard{grid-area:1/2/5;align-self:center;min-height:0}.unjumbleActivity .sentenceAnswer{min-height:44px;padding:6px}.unjumbleActivity .sentenceTileBank{gap:5px;margin:0}.unjumbleActivity .sentenceTileBank button{padding:4px 8px;font-size:19px}.unjumbleActivity .unjumbleTools{grid-area:5/2;gap:6px}.unjumbleActivity .unjumbleTools button{min-height:44px;padding:6px 8px;font-size:12px}.unjumbleActivity>.slideFeedbackSlot{grid-area:5/1/auto/-1}.unjumbleActivity .englishUnjumbleClue{padding:6px}.englishUnjumbleClue strong{font-size:21px}.englishUnjumbleClue small{font-size:14px}.menuScreen{gap:8px}.menuHeading h1,.menuMascot h1{font-size:25px}.menuHeading p,.menuMascot p{font-size:13px}.modeCards,.termCards{gap:10px}.modeCards:not(.hasNumbers) button,.termCards button{gap:4px;padding:10px}.modeCards:not(.hasNumbers) button>span,.termCards button>span{font-size:28px}.modeCards button>b,.termCards button>b{font-size:23px}.modeCards button>p,.termCards p{font-size:13px}.modeCards button>small,.termCards small{font-size:10px}.modeCards button>em{min-height:44px;padding:4px 10px;font-size:12px}.compactMascot .panda{width:44px;height:48px}.courseTile{text-align:left;grid-template-columns:36px minmax(0,1fr) auto;gap:2px 8px;padding:5px 8px;display:grid}.courseTile>span{grid-row:1/4;font-size:26px}.courseTile>small{grid-area:1/2;font-size:9px}.courseTile>b{grid-area:2/2;font-size:21px}.courseTile>i{grid-area:1/3/3;font-size:10px}.courseTile>em{grid-area:3/2/auto/-1;margin:0;font-size:11px}.unitTile{grid-template-columns:30px minmax(0,1fr) 14px;gap:6px;padding:6px}.unitTile>span{width:30px;height:30px}.unitTile b{font-size:18px;line-height:1.2}.unitTile p{font-size:11px}.unitTile small{font-size:9px}.paginatedTileGrid{gap:6px}.learn-grammar .grammarHero{gap:4px;padding:2px}.learn-grammar .grammarExampleCard.sampleSentenceAudio{padding:4px}.learn-grammar .grammarRule{padding:4px;font-size:15px}.learn-grammar .grammarExampleCard .pinyinSentence{font-size:23px;line-height:1.6}.learn-grammar .grammarExampleCard.sampleSentenceAudio>em{font-size:13px}.wordLearningCard{gap:8px;padding:8px}.wordLearningCard .hanziHero{font-size:42px}.wordLearningCard h2{font-size:20px}.wordLearningCard p{font-size:15px}.learn-word .slideContents{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:center;gap:5px 12px;display:grid}.learn-word .slideTag,.learn-word .taskInstruction{grid-column:1/-1}.learn-word .wordLearningCard{grid-area:3/1}.learn-word .wordExample{grid-area:3/2}.learn-word .wordUsageGuidance{grid-column:1/-1;padding:4px 8px;font-size:13px}.writingPractice>h1{font-size:22px}.writingPractice>p{font-size:12px}.learn-write .writingPractice{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4px 12px}.learn-word .wordExample{gap:4px;padding:6px}.learn-word .wordExample .pinyinSentence{font-size:22px;line-height:1.6}.learn-word .wordExample :is(small,em){font-size:13px;line-height:1.25}.learn-word .wordUsageGuidance{font-size:12px;line-height:1.25}.learn-recap .numberRecap{gap:6px}.learn-recap .numberRecap>.tapAudioSurface{gap:4px;padding:6px}.learn-recap .numberRecap strong{font-size:25px;line-height:1.15}.learn-recap .numberRecap b{font-size:24px}.learn-recap .numberRecap small{font-size:13px}.learn-culture .cultureReference{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:12px;height:100%;padding:0}.learn-culture .cultureReference img{min-height:0;max-height:100%}.learn-culture .cultureReference h1{margin:4px 0;font-size:22px}.learn-culture .cultureReference p{margin:6px 0 0;font-size:15px;line-height:1.35}.learn-fun-fact .funFactSlide{grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:12px;height:100%}.learn-fun-fact .funFactVisual{height:100%;min-height:0;box-shadow:none;border-width:1px}.learn-fun-fact .funFactCopy{gap:4px}.learn-fun-fact .funFactCopy h1{margin:0;font-size:22px}.learn-fun-fact .funFactCopy p{font-size:15px;line-height:1.35}.learn-fun-fact .funFactCallouts{gap:4px;margin-top:0}.learn-fun-fact .funFactCallouts strong{border-width:1px;padding:4px 6px;font-size:12px}.learn-fun-fact .funFactSource{margin:0}.learn-learn-extra .slideContents{grid-template-rows:auto auto auto minmax(0,1fr);gap:4px;display:grid}.learn-learn-extra h1{margin:0;font-size:22px}.learn-learn-extra .slideContents>p{margin:0;font-size:14px;line-height:1.3}.learnExtraCards{gap:6px}.learnExtraBubble{border-width:1px;border-radius:14px;gap:2px;padding:4px}.learnExtraBubble :is(picture,img){max-width:60px;max-height:44px}.learnExtraBubble b{font-size:24px}.learnExtraBubble :is(small,strong){font-size:13px;line-height:1.25}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set){grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);align-items:center;gap:4px 12px;height:100%;display:grid}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set)>.slideTag{grid-area:1/1}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set)>h1{grid-area:2/1;margin:0;font-size:20px}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set)>:is(.checkMission,.slideFeedbackSlot){grid-area:4/1}.activityFrame .mission-number-workshop>.missionAudio{grid-area:3/1}.activityFrame .mission-number-workshop>.missionBuild{grid-area:1/2;min-height:48px;padding:4px;font-size:32px}.activityFrame .mission-number-workshop>.missionTiles{grid-area:2/2/4;gap:6px}.activityFrame .mission-number-workshop>.missionTools{grid-area:4/2}.activityFrame .mission-number-workshop .missionTiles button{min-height:44px;padding:4px 8px;font-size:22px}.activityFrame :is(.familyMission,.clockMission){grid-area:1/2/-1;gap:4px 8px;width:100%;min-height:0}.activityFrame .familyMission p{font-size:12px;line-height:1.25}.activityFrame .familySlots{gap:6px}.activityFrame .familySlots button{min-height:64px;padding:4px}.activityFrame .familySlots button b{font-size:14px}.activityFrame .familySlots button small{font-size:11px}.activityFrame .familySlots button strong{font-size:18px}.activityFrame .familyMission .missionTiles{gap:4px}.activityFrame .familyMission .missionTiles button{padding:4px 8px;font-size:18px}.activityFrame .clockMission{grid-template-columns:120px minmax(0,1fr)}.activityFrame .clockMission>p{font-size:14px}.activityFrame .clockFace{width:120px}.activityFrame .clockControls,.activityFrame .clockControls>div{gap:4px}.activityFrame .clockControls span{min-width:62px;font-size:12px}.activityFrame .clockControls button{min-width:44px;min-height:44px;padding:4px;font-size:13px}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set) .missionTools{gap:6px}.activityFrame :is(.mission-number-workshop,.mission-family-tree,.mission-clock-set) .missionTools button{min-height:44px;padding:4px 10px;font-size:13px}.noteWritingPractice .writingPractice{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px}.notesDetail .notePage.note-writing{padding:6px}.noteWritingPractice :is(.writingPracticeGrid,.writingCanvasColumn){display:contents}.noteWritingPractice .writingModeBar{grid-area:1/1}.noteWritingPractice .traceProgress{grid-area:2/1}.noteWritingPractice .writingToolbar{grid-area:3/1;gap:6px;font-size:12px}.noteWritingPractice .writingPractice>p{grid-area:4/1;font-size:12px}.noteWritingPractice .writingCanvasWrap{grid-area:1/2/-1;place-self:start center;width:min(100%,360px,100cqh - 12px)}.testWritingQuestion{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-content:center;gap:6px 16px}.testWritingQuestion>.slideTag{grid-area:1/1}.testWritingQuestion>h1{grid-area:2/1;font-size:20px}.testWritingQuestion .writingPractice{display:contents}.testWritingQuestion .writingModeBar{grid-area:3/1}.testWritingQuestion .traceProgress{grid-area:4/1}.testWritingQuestion .writingPracticeGrid{grid-area:1/2/-1}.testWritingQuestion .writingSkipArea,.testWritingQuestion>.slideFeedbackSlot{grid-area:5/1}.testWritingQuestion .writingSkipArea{grid-template-columns:auto minmax(0,1fr);gap:6px;display:grid}.testWritingQuestion .writingSkipArea button{padding:6px 8px;font-size:12px}.testWritingQuestion .writingSkipArea small{font-size:11px}.speechPractice{gap:12px}.speechFeedbackRegion{min-height:64px}.speechResponse{gap:4px}.speechResponse .privacyHint{font-size:12px;line-height:1.25}.speechResponse .microphoneButton{min-height:48px;margin:0}.speechResponse .skipSpeaking{min-height:44px;margin:0}.learn-tone .slideContents,.learn-pinyin-reference .slideContents{grid-template-rows:auto auto auto auto;grid-template-columns:150px minmax(0,1fr);align-content:center;align-items:center;gap:8px 16px;display:grid}:is(.learn-tone,.learn-pinyin-reference) .slideContents>:is(.slideTag,h1,p,.audioButton){grid-column:2;margin:0}.learn-tone .toneHero{grid-area:1/1/-1;width:128px;height:128px;margin:0}.learn-pinyin-reference .pinyinGuideModel{grid-area:1/1/-1;margin:0;padding:12px}.learn-pinyin-reference .pinyinGuideModel h2{font-size:48px}.learn-pinyin-reference .pinyinGuideModel>span{font-size:13px}.learn-checkpoint .slideContents,.learn-finish .slideContents{grid-template-columns:120px minmax(0,1fr);grid-auto-rows:auto;align-content:center;gap:8px 16px;display:grid}:is(.learn-checkpoint,.learn-finish) .slideContents>.panda{grid-area:1/1/5;width:100px;height:120px;margin:0;transform:none}:is(.learn-checkpoint,.learn-finish) .slideContents>:not(.panda){grid-column:2;margin:0}.checkpointBreath{width:72px;height:72px}.activityFrame .mission-tone-trails{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;height:100%;display:grid}.mission-tone-trails>.slideTag{grid-row:1}.mission-tone-trails>h1{grid-row:2}.activityFrame .toneCompare{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:12px}.activityFrame .toneCompareRow{grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid}.activityFrame .toneCompareRow .toneTrails{gap:4px;width:100%}.activityFrame .toneCompareRow .toneTrails button{min-height:56px;padding:4px}.activityFrame .toneCompareRow .toneTrails b{font-size:26px}.activityFrame .toneCompareRow .toneTrails span{font-size:11px}.activityFrame .toneCompare .tonePanda{display:none}.activityFrame .mission-tone-trails>:is(.checkMission,.slideFeedbackSlot){grid-area:4/1}}@media (prefers-reduced-motion:reduce){.appShell *,.liveApp *,.classroom-shell *{scroll-behavior:auto}}.activityFrame .slideChoices[data-choice-count]{gap:12px;width:min(100%,840px)}.activityFrame .slideChoices[data-choice-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.activityFrame .slideChoices[data-choice-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.activityFrame .slideChoices[data-choice-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.activityFrame .slideChoices[data-choice-count] button{min-width:0;min-height:96px;padding:12px;font-size:24px;line-height:1.35}.activityFrame .slideChoices[data-choice-count] button[data-hanzi]{font-size:40px}.activityFrame .missionAnswerGrid[data-choice-count]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activityFrame .missionAnswerGrid[data-choice-count] button{min-height:96px;padding:12px;font-size:24px}.activityFrame .missionAnswerGrid[data-choice-count] button[data-hanzi]{font-size:40px}.activityFrame .slideChoices .choiceLabel{overflow-wrap:anywhere;max-width:100%;line-height:1.35}.activityFrame .pairBoardCard [lang=zh-Hans]{font-size:28px;line-height:1.3}.activityFrame .sentenceTileBank button,.activityFrame .sentenceAnswer button{padding:8px 12px;font-size:28px;line-height:1.3}.activityFrame .sentenceTileBoard ruby,.activityFrame .sentenceDragPreview ruby{ruby-position:over}.activityFrame .sentenceTileBoard rt,.activityFrame .sentenceDragPreview rt{font-family:var(--font-rounded);font-size:15px;line-height:1.4}.activityFrame .sentenceTileBoard button:has(ruby){min-height:72px;padding-top:12px}.activityFrame .sentenceTileBank button.isUsed{display:none}.activityFrame .unjumbleActivity h1,.activityFrame .unjumblePrompt,.activityFrame .unjumbleInstruction{margin:0}.activityFrame .sentenceAnswer{min-height:56px;padding:4px}.activityFrame .unjumbleActivity .sentenceTileBoard{gap:6px}.activityFrame .sentenceTileBank{gap:6px;margin:0;padding:4px}.activityFrame .testUnjumbleActivity>small{margin:0;font-size:12px;line-height:1.2}@media (width<=600px){.activityFrame .slideChoices[data-choice-count]{gap:8px}.activityFrame .slideChoices[data-choice-count] button{min-height:72px;padding:8px;font-size:18px}.activityFrame .slideChoices[data-choice-count] button[data-hanzi]{font-size:32px}.activityFrame .missionAnswerGrid[data-choice-count] button{min-height:72px;padding:8px;font-size:18px}.activityFrame .missionAnswerGrid[data-choice-count] button[data-hanzi]{font-size:32px}.activityFrame .pairBoardCard [lang=zh-Hans]{font-size:24px}.activityFrame .sentenceTileBank button,.activityFrame .sentenceAnswer button{padding:6px 8px;font-size:24px}}@media (width>=700px) and (height<=500px){.activityFrame .slideChoices[data-choice-count]{gap:8px}.activityFrame .slideChoices[data-choice-count] button{min-height:64px;padding:8px;font-size:18px}.activityFrame .slideChoices[data-choice-count] button[data-hanzi]{font-size:28px}.activityFrame .missionAnswerGrid[data-choice-count] button{min-height:64px;padding:8px;font-size:18px}.activityFrame .missionAnswerGrid[data-choice-count] button[data-hanzi]{font-size:28px}.activityFrame .pairBoardCard [lang=zh-Hans]{font-size:22px}.activityFrame .sentenceTileBank button,.activityFrame .sentenceAnswer button{padding:4px 8px;font-size:22px}.activityFrame .unjumbleActivity{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}.activityFrame .unjumbleActivity .sentenceBoard{grid-row:1/-1}.activityFrame .unjumbleActivity .unjumbleTools{flex-wrap:wrap;grid-area:5/1}.activityFrame .unjumbleActivity .unjumbleTools .checkSentence{width:100%}.activityFrame .unjumbleActivity:has(.slideFeedbackSlot.hasFeedback) .sentenceBoard{grid-row:1/5}.activityFrame .sentenceTileBoard button:has(ruby){min-height:52px;padding:4px 6px;line-height:1.1}.activityFrame .sentenceTileBoard rt{font-size:12px;line-height:1.2}.activityFrame .sentenceAnswer{min-height:44px;padding:4px}.activityFrame .unjumbleActivity .taskHeading{padding-right:48px;display:block;position:relative}.activityFrame .unjumbleActivity .taskHeading h1{font-size:18px}.activityFrame .unjumbleActivity .taskHelp{position:absolute;top:0;right:0}.activityFrame .unjumbleActivity .taskHelpTrigger{justify-content:center;min-width:44px;min-height:44px;padding:4px;font-size:11px}.activityFrame .testChineseSentenceCue{font-size:24px;line-height:1.25}}@media (width>=900px),(width>=700px) and (height<=500px){.activityFrame .mission-sentence-doctor{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;height:100%;display:grid}.activityFrame .mission-sentence-doctor>.slideTag{grid-row:1;justify-self:center}.activityFrame .mission-sentence-doctor>.sentenceDoctorSteps{grid-row:2;grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:6px 12px;min-height:0}.activityFrame .sentenceDoctorSteps>.missionStep{grid-area:1/1}.activityFrame .sentenceDoctorSteps>h2{grid-area:2/1;font-size:18px}.activityFrame .sentenceDoctorSteps>.missionMeaning{grid-area:3/1;font-size:14px;line-height:1.3}.activityFrame .sentenceDoctorSteps>.doctorSentence{grid-area:4/1;min-height:44px;padding:6px;font-size:28px}.activityFrame .sentenceDoctorSteps>.missionAnswerGrid{grid-area:1/2/4;align-self:center}.activityFrame .sentenceDoctorSteps>.missionStepNav{grid-area:4/2}.activityFrame .mission-sentence-doctor>.checkMission,.activityFrame .mission-sentence-doctor>.slideFeedbackSlot{grid-area:3/1;justify-self:center}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.classroom-shell{color:#073d61;--lesson-navy:#073d61;--lesson-green:#06d6a0;--lesson-border:#c6e7f5;background:#eaf8ff}.classroom-shell .classroom-top{color:#fff;background:#073d61;border:0}.classroom-shell .classroom-top>a{color:#fff}.classroom-shell .classroom-top .languageSwitch{color:#073d61;background:#fff}.classroom-shell .classroom-room{gap:8px;padding:10px clamp(12px,2vw,36px)}.classroom-shell .classroom-status{color:#fff;background:#073d61;border-radius:16px;flex:none;min-height:44px;padding:8px 16px;font-size:clamp(14px,1.3vw,22px)}.classroom-shell .classroom-status strong{color:#073d61;white-space:nowrap;background:#06d6a0}.classroom-shell .classroom-fullscreen{color:#fff;background:0 0;border:1px solid #b8deee;border-radius:9px;padding:4px 10px;font-size:14px}.classroom-shell .classroom-primary,.classroom-shell .classroom-actions .classroom-primary{color:#073d61;background:#06d6a0;border:2px solid #008d6e;font-weight:850}.classroom-shell .classroom-stage,.classroom-shell .classroom-presenter-panel{width:min(100%,1800px)}.classroom-shell .classroom-presenter-panel{background:#eaf8ff;border-color:#bddded}.classroom-shell .classroom-extra-controls[open] .classroom-handoff{background:#fff;border:2px solid #91c5df;border-radius:14px;width:min(100%,520px);max-height:40dvh;padding:14px;position:absolute;bottom:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 8px 24px #073d6133}.classroom-shell .classroom-name-label{vertical-align:middle;flex-direction:column;gap:3px;line-height:1.2;display:inline-flex}.classroom-name-label small{font-size:.6em;font-weight:700}.classroom-name-readings{border:2px solid #c6e7f5;border-radius:12px;padding:10px}.classroom-name-readings:has(legend:only-child){display:none}.classroom-shell .classroom-focus-screen{background:#f7fcff;border:3px solid #c6e7f5;width:min(100%,1050px)}.classroom-shell .classroom-focus-screen h1{font-size:clamp(28px,4vw,64px)}.classroom-shell .classroom-section{color:#08664e;font-size:clamp(12px,1.2vw,20px)}.classroom-shell .projector-teaching{gap:8px;position:relative;overflow:hidden}.classroom-shell .classroom-lesson-heading{flex:none;justify-content:space-between;align-items:center;gap:14px}.classroom-shell .classroom-lesson-heading h1{max-width:none;margin:0;font-size:clamp(24px,3.2vw,56px);line-height:1.1}.classroom-shell .classroom-step-pill{color:#fff;background:#073d61;font-size:clamp(12px,1.2vw,20px)}.projector-rule{flex:none;margin:0;font-size:clamp(18px,2vw,32px);font-weight:750;line-height:1.2}.projector-main{flex:1;grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);gap:14px;min-height:0;display:grid}.projector-scene{background:#fff8eb;border:3px solid #c6e7f5;border-radius:22px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.projector-scene>img{object-fit:contain;width:100%;height:100%;min-height:0}.projector-clock{text-align:center;background:#fff;border:2px solid #e8cb7b;border-radius:16px;width:clamp(90px,11vw,170px);padding:5px;position:absolute;bottom:8px;right:8px}.projector-clock svg{width:100%;display:block}.projector-clock b{font-size:clamp(20px,2.2vw,32px)}.projector-example{background:#fff;border:3px solid #c6e7f5;border-radius:22px;flex-direction:column;justify-content:center;gap:18px;min-width:0;min-height:0;padding:clamp(12px,1.5vw,24px);display:flex}.projector-parts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.classroom-shell .projector-parts .classroom-part{border-width:3px;flex:auto;gap:10px;padding:12px 10px}.classroom-shell .projector-parts small{font-size:clamp(16px,1.7vw,28px);font-weight:800}.classroom-shell .projector-parts .classroom-reading{white-space:nowrap;font-size:clamp(32px,3.7vw,64px);font-weight:850}.classroom-shell .projector-parts .classroom-reading-pinyin{font-size:.58em}.projector-meaning{text-align:center;margin:0;font-size:clamp(18px,2vw,32px);line-height:1.25}.projector-dialogue{gap:12px;display:grid}.projector-dialogue article{background:#eff9ff;border:2px solid #c6e7f5;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.projector-dialogue article:nth-child(2){background:#e5fff2;border-color:#8fdcc2}.projector-dialogue b{font-size:clamp(16px,1.5vw,26px)}.projector-dialogue .classroom-reading{font-size:clamp(26px,3.2vw,55px);font-weight:850}.projector-dialogue .classroom-reading-pinyin{font-size:.55em}.projector-dialogue p{margin:0;font-size:clamp(16px,1.7vw,28px)}.projector-teaching[data-layout=words] .projector-main{display:flex}.projector-vocab{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-height:0;display:grid}.projector-vocab[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.projector-vocab[data-count="1"]{grid-template-columns:1fr}.projector-vocab article{background:#fff;border:3px solid #c6e7f5;border-radius:22px;flex-direction:column;align-items:center;gap:10px;min-width:0;min-height:0;padding:10px;display:flex}.projector-vocab img{object-fit:contain;flex:1;width:100%;height:0;min-height:0}.projector-vocab article>div{text-align:center;flex:none;font-size:clamp(36px,4.2vw,70px);font-weight:850}.projector-vocab article p{margin:4px 0;font-size:clamp(18px,2vw,32px);font-weight:700}.projector-vocab[data-count="1"] article{flex-direction:row;justify-content:center}.projector-vocab[data-count="1"] img{flex:0 50%;width:50%;height:100%}.projector-explanation{background:#fff;border-left:8px solid #06d6a0;border-radius:15px;flex:none;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;padding:12px 18px;font-size:clamp(18px,1.9vw,30px);line-height:1.25;display:grid}.projector-explanation>strong{color:#08664e}.projector-explanation p{margin:0}.projector-discuss{grid-column:2}.projector-build-steps,.projector-contrast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.projector-build-steps article,.projector-contrast-grid article{background:#f7fcff;border:2px solid #c6e7f5;border-radius:12px;align-content:start;gap:3px;min-width:0;padding:7px 10px;display:grid}.projector-build-steps b,.projector-contrast-grid b{color:#08664e;font-size:.72em}.projector-build-steps .classroom-reading,.projector-contrast-grid .classroom-reading{font-size:1.15em;font-weight:850}.projector-build-steps .classroom-reading-pinyin,.projector-contrast-grid .classroom-reading-pinyin{font-size:.58em}.projector-build-steps p,.projector-contrast-grid p{font-size:.72em}.projector-contrast-grid article[data-tone=good]{background:#e7fff3;border-color:#5ccca6}.projector-contrast-grid article[data-tone=avoid]{background:#fff0ee;border-color:#e1a19b}.projector-reason,.projector-discuss{font-size:.8em}.projector-contrast .projector-reason,.projector-contrast .projector-discuss{grid-column:2}@media (width>=701px) and (height<=800px){.classroom-shell .classroom-lesson-heading h1{font-size:34px}.projector-rule{font-size:21px}.projector-main{gap:10px}.projector-example{gap:7px;padding:9px 12px}.projector-dialogue{gap:6px}.projector-dialogue article{gap:3px;padding:5px 9px}.projector-dialogue .classroom-reading{font-size:34px}.projector-dialogue p,.projector-dialogue b{font-size:17px}.classroom-shell .projector-parts .classroom-part{gap:5px;padding:7px}.classroom-shell .projector-parts .classroom-reading{font-size:38px}.classroom-shell .projector-parts small{font-size:17px}.projector-meaning{font-size:19px}.projector-explanation{gap:4px 10px;padding:8px 12px;font-size:20px}.projector-build-steps article,.projector-contrast-grid article{padding:5px 8px}.projector-build-steps .classroom-reading,.projector-contrast-grid .classroom-reading{font-size:1.02em}}.projector-teaching:has(.projector-simple-canvas){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-content:stretch;place-items:stretch stretch;gap:10px;width:100%;padding:14px 18px;display:grid;overflow:hidden}.projector-teaching:has(.projector-simple-canvas)>.classroom-lesson-heading{z-index:2;position:absolute;top:14px;right:24px}.projector-simple-heading{padding-right:150px}.projector-simple-heading h1{color:#073d61;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.02}.projector-simple-heading>p{color:#164d70;margin:5px 0 0;font-size:clamp(20px,2vw,29px);font-weight:800;line-height:1.2}.projector-simple-canvas{background:#fff;border:3px solid #b8e0ee;border-radius:24px;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:14px;height:100%;min-height:0;padding:14px;display:grid;overflow:hidden}.projector-simple-visual,.projector-simple-content{min-width:0;min-height:0}.projector-simple-visual{place-items:center;display:grid}.projector-simple-visual .projector-scene{width:100%;height:100%;max-height:none}.projector-simple-visual .projector-scene picture,.projector-simple-visual .projector-scene img{object-fit:contain;max-height:100%}.projector-simple-content{grid-template-rows:minmax(0,1fr) auto;gap:12px;display:grid}.projector-simple-examples{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:center;gap:10px;min-height:0;display:grid}.projector-simple-examples article{text-align:center;background:#f7fbff;border:3px solid #b9d5ed;border-radius:18px;place-items:center;gap:6px;min-width:0;padding:11px 13px;display:grid}.projector-simple-examples article[data-tone=good]{background:#effcf5;border-color:#57b88e}.projector-simple-examples article[data-tone=avoid]{background:#fff3f1;border-color:#df7a70}.projector-simple-examples article>b{color:#174a6d;font-size:clamp(16px,1.45vw,22px)}.projector-simple-examples .classroom-reading{font-size:clamp(30px,2.8vw,44px);font-weight:900}.projector-simple-examples article>p{margin:0;font-size:clamp(17px,1.65vw,24px);font-weight:700;line-height:1.15}.projector-simple-explanation{background:#effcf7;border-left:8px solid #06b889;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:10px 14px;font-size:clamp(18px,1.65vw,25px);line-height:1.22;display:grid}.projector-simple-explanation>strong{color:#08664e}.projector-simple-explanation p{margin:0}.projector-simple-prompt{grid-column:2}.projector-simple-prompt b{color:#164d70}.projector-simple-canvas[data-layout=vocabulary],.projector-simple-canvas[data-layout=timeline]{grid-template-columns:minmax(0,.52fr) minmax(0,.48fr)}.projector-simple-canvas[data-layout=vocabulary] .projector-vocab,.projector-simple-canvas[data-layout=timeline] .projector-vocab{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-content:center;width:100%;height:100%}.projector-simple-canvas[data-layout=vocabulary] .projector-vocab article,.projector-simple-canvas[data-layout=timeline] .projector-vocab article{min-height:0}.projector-simple-canvas[data-layout=vocabulary] .projector-vocab img,.projector-simple-canvas[data-layout=timeline] .projector-vocab img{max-height:clamp(105px,19vh,180px)}.projector-simple-canvas[data-layout=overview],.projector-simple-canvas[data-layout=sentence],.projector-simple-canvas[data-layout=transformation],.projector-simple-canvas[data-layout=dialogue]{grid-template-columns:minmax(230px,.3fr) minmax(0,.7fr)}@media (width>=1200px) and (height>=701px){.classroom-shell[data-view=screen] .projector-simple-heading h1{font-size:clamp(42px,3.5vw,56px)}.classroom-shell[data-view=screen] .projector-simple-heading>p{font-size:clamp(21px,1.65vw,27px)}.classroom-shell[data-view=screen] .projector-simple-canvas{gap:clamp(14px,1.1vw,24px);padding:clamp(14px,1.1vw,24px)}.classroom-shell[data-view=screen] .projector-simple-examples{grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(10px,.8vw,18px)}:is(.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=vocabulary] .projector-simple-examples:has(>article:nth-child(3):last-child),.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=timeline] .projector-simple-examples:has(>article:nth-child(3):last-child)){grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-shell[data-view=screen] .projector-simple-examples article{box-sizing:border-box;gap:clamp(6px,.6vw,12px);min-height:0;padding:clamp(12px,1vw,22px)}.classroom-shell[data-view=screen] .projector-simple-examples article>b{font-size:clamp(18px,1.25vw,23px)}.classroom-shell[data-view=screen] .projector-simple-examples .classroom-reading{font-size:clamp(44px,3.35vw,56px)}.classroom-shell[data-view=screen] .projector-simple-examples article:has(.classroom-reading-unit:nth-child(7)) .classroom-reading{font-size:clamp(34px,2.7vw,48px)}.classroom-shell[data-view=screen] .projector-simple-examples article:has(.classroom-reading-unit:nth-child(9)) .classroom-reading{font-size:clamp(30px,2.3vw,44px)}.classroom-shell[data-view=screen] .projector-simple-examples article:has(.classroom-reading-unit:nth-child(9)) .classroom-reading-pinyin{font-size:max(.52em,18px)}.classroom-shell[data-view=screen] .projector-simple-examples .classroom-reading-pinyin{min-height:1.15em;font-size:.48em}.classroom-shell[data-view=screen] .projector-simple-examples article>p{font-size:clamp(17px,1.35vw,22px)}.classroom-shell[data-view=screen] .projector-simple-explanation{padding:clamp(10px,.8vw,17px) clamp(14px,1vw,22px);font-size:clamp(20px,1.4vw,24px)}.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=vocabulary] .projector-vocab,.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=timeline] .projector-vocab{align-content:stretch}.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=vocabulary] .projector-vocab article,.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=timeline] .projector-vocab article{min-height:0}.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=vocabulary] .projector-vocab img,.classroom-shell[data-view=screen] .projector-simple-canvas[data-layout=timeline] .projector-vocab img{max-height:none}}@media (width>=1500px) and (height>=801px){.classroom-shell[data-view=screen] .projector-simple-heading h1{font-size:clamp(52px,3.5vw,68px)}.classroom-shell[data-view=screen] .projector-simple-heading>p{font-size:clamp(25px,1.65vw,31px)}.classroom-shell[data-view=screen] .projector-simple-examples article>b{font-size:clamp(21px,1.25vw,27px)}.classroom-shell[data-view=screen] .projector-simple-examples .classroom-reading{font-size:clamp(52px,3.35vw,72px)}.classroom-shell[data-view=screen] .projector-simple-examples article:has(.classroom-reading-unit:nth-child(7)) .classroom-reading{font-size:clamp(44px,2.7vw,58px)}.classroom-shell[data-view=screen] .projector-simple-examples article:has(.classroom-reading-unit:nth-child(9)) .classroom-reading{font-size:clamp(34px,2.3vw,44px)}.classroom-shell[data-view=screen] .projector-simple-examples article>p{font-size:clamp(22px,1.45vw,29px)}.classroom-shell[data-view=screen] .projector-simple-explanation{font-size:clamp(22px,1.4vw,28px)}}@media (width<=1100px),(height<=700px){.projector-teaching:has(.projector-simple-canvas){gap:6px;padding:9px 12px}.projector-teaching:has(.projector-simple-canvas)>.classroom-lesson-heading{top:8px;right:14px}.projector-simple-heading{padding-right:126px}.projector-simple-heading h1{font-size:clamp(29px,3.8vw,44px)}.projector-simple-heading>p{font-size:clamp(17px,1.8vw,22px)}.projector-simple-canvas{border-radius:18px;grid-template-columns:minmax(190px,.32fr) minmax(0,.68fr);gap:8px;padding:9px}.projector-simple-content{gap:7px}.projector-simple-examples{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.projector-simple-examples article{gap:3px;padding:7px 8px}.projector-simple-examples article>b{font-size:14px}.projector-simple-examples .classroom-reading{font-size:clamp(25px,3vw,38px)}.projector-simple-examples article>p{font-size:clamp(14px,1.5vw,18px)}.projector-simple-explanation{gap:3px 8px;padding:7px 9px;font-size:clamp(15px,1.55vw,19px)}.projector-simple-canvas[data-layout=vocabulary],.projector-simple-canvas[data-layout=timeline]{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}.projector-simple-canvas[data-layout=vocabulary] .projector-vocab img,.projector-simple-canvas[data-layout=timeline] .projector-vocab img{max-height:110px}}@media (width<=700px){.projector-teaching:has(.projector-simple-canvas){grid-template-rows:auto minmax(0,1fr);overflow:hidden}.projector-teaching:has(.projector-simple-canvas)>.classroom-lesson-heading{justify-content:flex-end;height:0;position:static;overflow:visible}.projector-simple-heading{padding-right:0}.projector-simple-heading h1{font-size:26px}.projector-simple-heading>p{font-size:15px}.projector-simple-canvas,.projector-simple-canvas[data-layout=vocabulary],.projector-simple-canvas[data-layout=timeline],.projector-simple-canvas[data-layout=overview],.projector-simple-canvas[data-layout=sentence],.projector-simple-canvas[data-layout=transformation],.projector-simple-canvas[data-layout=dialogue]{grid-template-rows:1fr;grid-template-columns:1fr;padding:6px}.projector-simple-visual{display:none}.projector-simple-content{gap:5px}.projector-simple-examples{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:4px}.projector-simple-examples article{padding:4px 5px}.projector-simple-examples .classroom-reading{font-size:22px}.projector-simple-examples article>p{font-size:12px}.projector-simple-explanation{grid-template-columns:1fr;padding:5px 7px;font-size:13px}.projector-simple-prompt{grid-column:1}}.classroom-status-title{white-space:nowrap;text-overflow:ellipsis;flex:0 230px;overflow:hidden}.classroom-chapter-progress{flex:1;justify-content:center;align-items:center;gap:14px;min-width:0;max-width:980px;display:flex}.classroom-chapter-progress>div{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.classroom-chapter-progress span{text-align:center;flex:1;grid-template-columns:1fr;gap:3px;min-width:0;display:grid}.classroom-chapter-progress i{background:#ffffff4d;border:1px solid #fff6;border-radius:20px;height:7px;display:block}.classroom-chapter-progress span[data-state=complete] i{background:#7ef0cc;border-color:#7ef0cc}.classroom-chapter-progress span[data-state=current] i{background:#ffd66b;border-color:#fff2bf;height:10px;box-shadow:0 0 0 2px #073d61,0 0 0 3px #fff}.classroom-chapter-progress small{color:#d7eff8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.1;overflow:hidden}.classroom-chapter-progress span[data-state=current]{flex:3}.classroom-chapter-progress span[data-state=current] small{color:#fff;white-space:normal;text-overflow:clip;font-weight:850;overflow:visible}.classroom-chapter-progress>b{white-space:nowrap;color:#fff;font-size:14px}.projector-stage-canvas{background:#fff;border:3px solid #c6e7f5;border-radius:24px;flex:1;width:100%;min-height:0;overflow:hidden}.projector-notice-stage{background:linear-gradient(135deg,#fff8eb 0 35%,#fff 35%);grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:14px;padding:14px;display:grid}.projector-notice-stage:has(.projector-vocab){background:#f7fcff;border:0;padding:0;display:flex}.projector-notice-stage .projector-scene{background:0 0;border:0}.projector-stage-model{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:0;padding:clamp(16px,2.5vw,38px);display:flex}.projector-stage-model>.classroom-reading{color:#073d61;font-size:clamp(44px,5.1vw,80px);font-weight:900;line-height:1.1}.projector-stage-model .classroom-reading-pinyin{color:#165f8f;font-size:.5em}.projector-stage-model>p{color:#355873;margin:0;font-size:clamp(20px,2.2vw,34px);font-weight:700;line-height:1.2}.projector-stage-model[data-compact]{gap:4px;padding:8px 10px}.projector-stage-model[data-compact]>.classroom-reading{font-size:clamp(28px,3vw,48px)}.projector-stage-model[data-compact]>p{font-size:clamp(15px,1.4vw,22px)}.projector-build-stage{background:#f7fcff;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;display:grid}.projector-build-stage[data-has-interaction]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);align-items:stretch}.projector-build-context{background:#fff;border:2px solid #c6e7f5;border-radius:18px;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.projector-build-context>.projector-scene{border:0;border-radius:0;min-height:0}.projector-build-context>.projector-vocab{padding:8px}.projector-build-context .projector-vocab article{border-width:2px;gap:4px;padding:5px}.projector-build-context .projector-vocab article>div{font-size:clamp(24px,2.4vw,38px)}.projector-build-context .projector-vocab article p{font-size:clamp(14px,1.2vw,19px)}.projector-build-context .projector-vocab img{max-height:145px}.projector-build-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.projector-build-steps article{text-align:center;background:#fff;border:3px solid #c6e7f5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:14px;display:flex}.projector-build-steps article:first-child{border-top-color:#2e78c7}.projector-build-steps article:nth-child(2){border-top-color:#d99b19}.projector-build-steps article:nth-child(3){border-top-color:#129b70}.projector-build-steps b{color:#08664e;font-size:clamp(16px,1.5vw,24px)}.projector-build-steps .classroom-reading{font-size:clamp(30px,3.2vw,52px);font-weight:900}.projector-build-steps .classroom-reading-pinyin{font-size:.5em}.projector-build-steps p{margin:0;font-size:clamp(16px,1.45vw,23px);line-height:1.25}.projector-build-stage .projector-interaction{background:#effaff;border:3px solid #85d6ec;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:12px;min-height:0;padding:16px;display:grid}.projector-build-stage .projector-interaction>strong{text-align:center;font-size:clamp(18px,1.7vw,27px)}.projector-build-stage .projector-interaction-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:10px;display:grid}.projector-build-stage .projector-interaction[data-kind=select] .projector-interaction-groups{grid-template-columns:1fr}.projector-build-stage .projector-interaction-groups>div>small{text-align:center;margin-bottom:6px;font-size:clamp(14px,1.2vw,19px)}.projector-build-stage .projector-interaction-groups>div>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.projector-build-stage .projector-interaction[data-kind=select] .projector-interaction-groups>div>div{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.projector-build-stage .projector-interaction button{border-width:3px;min-height:clamp(58px,9vh,92px);padding:8px}.projector-build-stage .projector-interaction .classroom-reading{font-size:clamp(24px,2.5vw,42px)}.projector-interaction-groups [data-role=subject] button{background:#edf5ff;border-color:#5d98da}.projector-interaction-groups [data-role=time] button{background:#fff7d8;border-color:#d9a32c}.projector-interaction-groups [data-role=frequency] button{background:#f7effc;border-color:#9b72b5}.projector-interaction-groups [data-role=action] button{background:#edfff5;border-color:#4fa77f}.projector-build-stage .projector-interaction-result{background:#e7fff3;border:3px solid #5ccca6;border-left-width:9px;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:9px 14px;display:grid}.projector-build-stage .projector-interaction-result[data-tone=avoid]{background:#fff0ee;border-color:#d96a61}.projector-build-stage .projector-interaction-result>.classroom-reading{font-size:clamp(30px,3.4vw,54px);font-weight:900}.projector-build-stage .projector-interaction-result>p{font-size:clamp(14px,1.3vw,21px)}.projector-think-stage{background:#f7fcff;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:12px;padding:14px;display:grid}.projector-think-stage:not(:has(.projector-dialogue)) .projector-contrast-grid{grid-column:1/-1}.projector-think-stage .projector-dialogue{align-content:center;min-height:0}.projector-think-stage .projector-contrast-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;min-height:0;display:grid}.projector-think-stage .projector-contrast-grid article{text-align:center;background:#fff;border:3px solid #c6e7f5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.projector-think-stage .projector-contrast-grid article[data-tone=good]{background:#e7fff3;border-color:#46bd92}.projector-think-stage .projector-contrast-grid article[data-tone=avoid]{background:#fff0ee;border-color:#d96a61;box-shadow:inset 7px 0 #c4483d}.projector-think-stage .projector-contrast-grid b{color:#08664e;font-size:clamp(15px,1.4vw,22px)}.projector-think-stage .projector-contrast-grid article[data-tone=avoid] b{color:#8f2821}.projector-think-stage .projector-contrast-grid .classroom-reading{font-size:clamp(28px,3vw,50px);font-weight:900}.projector-think-stage .projector-contrast-grid .classroom-reading-pinyin{font-size:.5em}.projector-think-stage .projector-contrast-grid p{margin:0;font-size:clamp(15px,1.4vw,22px);line-height:1.2}.projector-think-copy{text-align:left;grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.projector-think-copy>p{border-radius:14px;margin:0;padding:10px 14px;font-size:clamp(16px,1.5vw,24px);line-height:1.25}.projector-think-copy .projector-reason{background:#fff;border-left:7px solid #06d6a0}.projector-think-copy .projector-discuss{background:#fff5d6;border-left:7px solid #e2ae31}.classroom-checkpoint-heading{justify-content:center;align-items:center;gap:10px;min-height:32px;display:flex}.classroom-mode-badge{color:#fff;letter-spacing:.02em;background:#073d61;border-radius:999px;align-items:center;padding:6px 13px;font-size:clamp(14px,1.25vw,20px);font-weight:850;display:inline-flex}.classroom-checkpoint-heading small{color:#08664e;font-size:clamp(14px,1.1vw,18px);font-weight:800}.classroom-checkpoint-ready{background:radial-gradient(circle at 50% 45%,#fff 0 30%,#eaf8ff 72%);border:3px solid #85d6ec;border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:min(100%,1150px);min-height:0;padding:24px;display:flex}.classroom-ready-device{color:#06a77d;background:#fff;border:7px solid #073d61;border-radius:12px;place-items:center;width:110px;height:78px;font-size:50px;display:grid;box-shadow:0 12px 0 -5px #073d61}.classroom-checkpoint-ready h1{margin:4px 0 0;font-size:clamp(38px,5vw,76px)}.classroom-checkpoint-ready p{margin:0;font-size:clamp(22px,2.5vw,38px);font-weight:750}.classroom-checkpoint-ready>strong{color:#08664e;font-size:clamp(18px,1.7vw,26px)}.classroom-own-answer{grid-column:1/-1}.classroom-reveal-answer{background:#e2fff0;border:2px solid #8ad8bc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.classroom-reveal-answer>strong{color:#08664e;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(15px,1.3vw,20px)}.classroom-reveal-answer>div{font-size:clamp(27px,3.1vw,48px);font-weight:900}.classroom-feedback-copy{text-align:left;grid-template-columns:1fr;align-content:center;gap:8px;margin:0;display:grid}.classroom-feedback-copy>p,.classroom-feedback-avoid{border-radius:14px;padding:9px 12px;font-size:clamp(15px,1.35vw,21px);line-height:1.25}.classroom-feedback-copy>p{background:#eaf3ff;border-left:6px solid #2e78c7;flex-direction:column;gap:3px;display:flex}.classroom-feedback-copy>p>b{color:#174b91}.classroom-feedback-avoid{background:#fff0ee;border:2px solid #e1a19b;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:center;display:grid}.classroom-feedback-avoid>b{color:#8f2821;grid-column:1/-1}.classroom-distribution{text-align:left;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.classroom-distribution>div{gap:4px;font-size:clamp(13px,1.1vw,17px);font-weight:800;display:grid}.classroom-distribution i{background:#d7e5eb;border-radius:20px;height:9px;display:block;overflow:hidden}.classroom-distribution i>b{border-radius:inherit;background:#169d72;height:100%;display:block}.classroom-distribution [data-kind=incorrect] i>b{background:#d25d54}.classroom-distribution [data-kind=unanswered] i>b{background:#8293a0}.classroom-ranking-stage{background:linear-gradient(#f7fcff,#eaf8ff);border:3px solid #c6e7f5;border-radius:26px;justify-content:flex-start;padding:clamp(18px,3vh,34px)}.classroom-ranking-stage h1{max-width:none;margin:2px 0 4px;font-size:clamp(34px,4.2vw,68px)}.classroom-ranking-kicker{color:#08664e;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:clamp(16px,1.5vw,24px);font-weight:900}.classroom-ranking-copy{margin:0 0 8px;font-size:clamp(16px,1.4vw,22px)}.classroom-ranking-stage .classroom-board{flex:1;justify-content:center;min-height:0}.classroom-ranking-stage .classroom-board-entries{width:100%}.classroom-ranking-stage:not(.classroom-final-stage) .classroom-board-entries>div{background:#fff;border-color:#91c5df}@media (width<=700px){.classroom-status-title{display:none}.classroom-chapter-progress{order:-1;width:100%;max-width:none}.classroom-chapter-progress>div{gap:3px}.classroom-chapter-progress small{font-size:9px}.classroom-chapter-progress>b{font-size:11px}.projector-notice-stage{grid-template-rows:minmax(100px,.38fr) minmax(0,.62fr);grid-template-columns:1fr;gap:5px;padding:6px}.projector-stage-model{gap:5px;padding:6px}.projector-stage-model>.classroom-reading{font-size:32px}.projector-stage-model>p{font-size:15px}.projector-build-stage{gap:5px;padding:6px}.projector-build-stage[data-has-interaction]{grid-template-rows:minmax(70px,.28fr) minmax(0,.72fr);grid-template-columns:1fr}.projector-build-context{grid-template-rows:1fr;grid-template-columns:minmax(80px,.35fr) minmax(0,.65fr)}.projector-build-context>.projector-vocab{grid-column:1/-1}.projector-build-context .projector-vocab img{display:none}.projector-build-context .projector-vocab article>div{font-size:18px}.projector-build-context .projector-vocab article p{font-size:11px}.projector-build-steps{grid-template-columns:1fr;gap:4px}.projector-build-steps article{grid-template-columns:auto minmax(0,1fr);gap:3px 6px;padding:5px 7px;display:grid}.projector-build-steps article>b{font-size:12px}.projector-build-steps article>.classroom-reading{font-size:19px}.projector-build-steps article>p{grid-column:1/-1;font-size:11px}.projector-build-stage .projector-interaction{gap:5px;padding:6px}.projector-build-stage .projector-interaction>strong{font-size:13px}.projector-build-stage .projector-interaction-groups{gap:4px}.projector-build-stage .projector-interaction button{min-height:38px;padding:3px}.projector-build-stage .projector-interaction .classroom-reading{font-size:17px}.projector-build-stage .projector-interaction-result{padding:4px 7px}.projector-build-stage .projector-interaction-result>.classroom-reading{font-size:21px}.projector-build-stage .projector-interaction-result>p{font-size:11px}.projector-build-stage .projector-interaction-result .projector-clock{display:none}.projector-think-stage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:5px;padding:6px}.projector-think-stage .projector-dialogue{grid-template-columns:1fr 1fr;gap:4px;display:grid}.projector-think-stage .projector-dialogue article{padding:4px}.projector-think-stage .projector-dialogue .classroom-reading{font-size:18px}.projector-think-stage .projector-dialogue p,.projector-think-stage .projector-dialogue b{font-size:11px}.projector-think-stage .projector-contrast-grid{grid-column:1;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:4px}.projector-think-stage .projector-contrast-grid article{border-width:2px;gap:3px;padding:4px}.projector-think-stage .projector-contrast-grid b{font-size:11px}.projector-think-stage .projector-contrast-grid .classroom-reading{font-size:18px}.projector-think-stage .projector-contrast-grid p{font-size:10px}.projector-think-copy{grid-column:1;grid-template-columns:1fr;gap:4px}.projector-think-copy>p{border-left-width:4px;padding:4px 7px;font-size:11px}.classroom-checkpoint-ready{gap:8px;padding:12px}.classroom-ready-device{border-width:5px;width:72px;height:52px;font-size:30px}.classroom-checkpoint-ready h1{font-size:32px}.classroom-checkpoint-ready p{font-size:18px}.classroom-checkpoint-ready>strong{font-size:14px}.classroom-shell .classroom-new-question .classroom-reveal{grid-template-columns:1fr;gap:4px;padding:6px}.classroom-reveal-answer{padding:5px}.classroom-reveal-answer>div{font-size:22px}.classroom-feedback-copy{gap:4px}.classroom-feedback-copy>p,.classroom-feedback-avoid{padding:4px 6px;font-size:12px}.classroom-feedback-avoid .classroom-reading{font-size:17px}.classroom-distribution{grid-column:1;gap:4px}.classroom-distribution>div{font-size:10px}.classroom-distribution i{height:6px}.classroom-ranking-stage{padding:10px}.classroom-ranking-stage h1{font-size:30px}.classroom-ranking-copy{font-size:13px}}@media (width>=701px) and (height<=800px){.projector-stage-canvas{border-radius:18px}.projector-notice-stage,.projector-build-stage,.projector-think-stage{gap:7px;padding:8px}.projector-stage-model>.classroom-reading{font-size:46px}.projector-stage-model>p{font-size:18px}.projector-stage-model[data-compact]>.classroom-reading{font-size:30px}.projector-build-stage .projector-interaction{gap:6px;padding:8px}.projector-build-stage .projector-interaction button{min-height:52px}.projector-build-stage .projector-interaction .classroom-reading{font-size:25px}.projector-build-stage .projector-interaction-result>.classroom-reading{font-size:31px}.projector-think-stage .projector-contrast-grid article{gap:4px;padding:6px}.projector-think-stage .projector-contrast-grid .classroom-reading{font-size:29px}.projector-think-stage .projector-contrast-grid p{font-size:15px}.projector-think-copy>p{padding:6px 9px;font-size:16px}.classroom-shell[data-view=present] .projector-stage-model>.classroom-reading{font-size:34px}.classroom-shell[data-view=present] .projector-build-stage .projector-interaction button{min-height:42px}.classroom-shell[data-view=present] .projector-build-stage .projector-interaction .classroom-reading{font-size:21px}.classroom-shell[data-view=present] .projector-think-stage .projector-contrast-grid .classroom-reading{font-size:23px}.classroom-shell[data-view=present] .projector-think-copy>p{font-size:13px}}.classroom-demo-button{color:#073d61;background:#fff;border:2px solid #073d61;border-radius:12px;flex:none;align-self:flex-end;min-height:36px;padding:6px 12px;font-weight:750}.classroom-demo-dialog{color:#073d61;background:#eaf8ff;border:3px solid #073d61;border-radius:22px;width:min(100% - 24px,1100px);max-height:calc(100dvh - 24px);padding:18px}.classroom-demo-dialog::backdrop{background:#073d61aa}.classroom-demo-close{color:#fff;float:right;background:#073d61;border:0;border-radius:12px;padding:8px 14px}.classroom-demo-dialog .classroom-activity{clear:both;padding-top:12px}.classroom-demo-status{text-align:center;font-size:16px}.classroom-shell .classroom-new-question{justify-content:center;gap:5px}.classroom-activity{flex-direction:column;align-items:center;gap:8px;width:100%;min-height:0;display:flex}.classroom-shell .classroom-activity h1{max-width:100%;margin:0 0 6px;font-size:clamp(24px,2.6vw,46px);line-height:1.2}.classroom-reading{line-height:1.25;display:inline}.classroom-reading-unit{vertical-align:middle;white-space:nowrap;grid-template-rows:auto auto;place-items:end center;margin-inline:1px;line-height:1;display:inline-grid}.classroom-reading-pinyin{color:#165f8f;white-space:nowrap;grid-row:1;min-height:1.15em;font-size:max(.5em,10px);font-weight:750;line-height:1.15}.classroom-reading-hanzi{white-space:nowrap;grid-row:2;font-size:1em;line-height:1.08}.projector-interaction{background:#f4fbff;border:2px solid #85d6ec;border-radius:18px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr) minmax(220px,1fr);align-items:center;gap:8px;min-height:86px;padding:7px 10px;display:grid}.projector-interaction>strong{color:#073d61;font-size:clamp(15px,1.35vw,21px)}.projector-interaction-groups{gap:7px;min-width:0;display:flex}.projector-interaction-groups>div{flex:1;min-width:0}.projector-interaction-groups small{color:#0c607c;margin-bottom:3px;font-weight:800;display:block}.projector-interaction-groups>div>div{flex-wrap:wrap;gap:4px;display:flex}.projector-interaction button{color:#073d61;background:#fff;border:2px solid #8cc9dc;border-radius:12px;min-height:42px;padding:4px 7px}.projector-interaction button[aria-pressed=true]{background:#dffaf1;border-color:#00a77b;box-shadow:0 0 0 2px #fff,0 0 0 4px #00a77b}.projector-interaction button[data-tone=avoid][aria-pressed=true]{background:#fff0ee;border-color:#c4483d}.projector-interaction button:disabled{opacity:1;cursor:default}.projector-interaction .classroom-reading{font-size:clamp(18px,1.7vw,27px);font-weight:850}.projector-interaction-result{border-left:4px solid #00a77b;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-width:0;padding-left:10px;display:grid}.projector-interaction-result[data-tone=avoid]{border-left-color:#c4483d}.projector-interaction-result .projector-clock{grid-row:1/3}.projector-interaction-result>p{margin:0;font-size:clamp(12px,1vw,16px)}.projector-interaction-result>.classroom-reading{font-size:clamp(21px,2vw,31px)}.classroom-shell .classroom-choice>.classroom-reading{white-space:normal;flex:1 1 0;min-width:0;max-width:100%}.classroom-shell .classroom-choice .classroom-reading{font-size:inherit}.classroom-shell .classroom-choice .classroom-reading .classroom-reading-pinyin{font-size:max(.5em,10px)}.classroom-shell .classroom-choice{border:3px solid #073d6140;min-height:clamp(90px,15vh,180px);padding:12px;font-size:clamp(26px,3.5vw,58px);line-height:1.4;position:relative}.classroom-shell .classroom-choice .classroom-choice-symbol{font-size:.6em}.classroom-shell .classroom-choice[aria-pressed=true]{outline-offset:-6px;outline:5px solid #073d61}.classroom-shell .classroom-choice:disabled{opacity:1}.classroom-shell .classroom-choice-2{background:#965c00}.classroom-task-example{text-align:center;font-size:clamp(28px,3.4vw,58px)}.classroom-task-actions{flex:none;justify-content:center;gap:12px;display:flex}.classroom-task-actions>button{background:#fff;border:2px solid #073d61;border-radius:12px;min-height:44px;padding:8px 18px;font-weight:750}.classroom-activity .sentenceTileBoard{gap:12px;width:100%;min-height:0}.classroom-activity .sentenceAnswer,.classroom-activity .sentenceTileBank{background:#fff;border:3px solid #c6e7f5;border-radius:18px;justify-content:center;gap:10px;min-height:90px;padding:12px}.classroom-activity .sentenceTileBoard button{color:#073d61;background:#fff;border:3px solid #91c5df;border-radius:12px;min-height:60px;padding:10px 16px;font-size:clamp(26px,3.1vw,50px);line-height:1.5}.classroom-activity .sentenceTileBoard button rt{color:#21567c;font-size:.5em}.classroom-activity .sentencePlaceholder{font-size:clamp(18px,1.8vw,28px)}.classroom-activity .sentenceTileBoard button:disabled{opacity:1}.classroom-activity .sentenceTileBoard button.isUsed{opacity:.28}.classroom-match{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.classroom-match>div{grid-template-rows:repeat(2,1fr);gap:12px;display:grid}.classroom-match button{color:#073d61;background:#fff;border:3px solid #91c5df;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100px;padding:12px;font-size:clamp(22px,2.9vw,44px);font-weight:800;line-height:1.3;display:flex;position:relative}.classroom-match button:disabled{opacity:1}.classroom-match button[aria-pressed=true]{outline-offset:-7px;outline:4px solid #073d61}.classroom-match button[data-pair="0"]{background:#e5fff2;border-color:#07946f}.classroom-match button[data-pair="1"]{background:#fff2c7;border-color:#b87b11}.classroom-match small{font-size:14px}.classroom-shell .classroom-new-question .classroom-reveal{background:#e2fff0;border:2px solid #8ad8bc;width:100%;max-width:none;padding:10px 18px;font-size:clamp(17px,1.8vw,28px)}.classroom-new-question .classroom-reveal .classroom-reading{font-size:clamp(24px,2.8vw,42px)}.activity-matching .classroom-reveal .classroom-reading{font-size:clamp(18px,1.9vw,29px)}.activity-matching .classroom-reveal{line-height:1.1}.activity-matching .classroom-correct-pair{gap:6px}.activity-matching .classroom-feedback-copy{font-size:.75em}.activity-matching .classroom-feedback-avoid .classroom-reading{font-size:1.05em}.classroom-correct-pair{justify-content:center;align-items:center;gap:10px;display:flex}.classroom-feedback-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;margin-top:5px;display:grid}.classroom-own-answer{border-bottom:2px solid #8ad8bc;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:5px;padding-bottom:5px;font-size:.82em;display:flex}.classroom-own-answer>b{color:#08664e;font-size:.7em}.classroom-own-answer .classroom-reading{font-size:1em}.classroom-feedback-copy>p{margin:0}.classroom-feedback-avoid{background:#fff0ee;border:2px solid #e1a19b;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.classroom-feedback-avoid .classroom-reading{font-size:1.25em}.classroom-feedback-avoid span:last-child{font-size:.78em}.classroom-new-question:has(.classroom-reveal) .classroom-choice{min-height:70px;padding:8px;font-size:clamp(22px,2.6vw,40px)}.classroom-new-question:has(.classroom-reveal) .classroom-match button{min-height:70px;padding:6px;font-size:clamp(20px,2.1vw,34px)}.classroom-new-question:has(.classroom-reveal){gap:4px}.classroom-new-question:has(.classroom-reveal) h1{margin-bottom:2px;font-size:clamp(21px,2.2vw,34px)}.classroom-shell .classroom-board{gap:8px;width:min(100%,1200px)}.classroom-shell .classroom-board-entries>div{border:2px solid #c6e7f5;grid-template-columns:70px minmax(0,1fr) auto;padding:10px 18px;font-size:clamp(20px,2.5vw,40px)}.classroom-shell .classroom-board-pages{font-size:clamp(16px,1.6vw,24px)}.classroom-shell .classroom-status .classroom-name-label{font-size:20px}.projector-audio,.classroom-podium-toggle{color:#073d61;white-space:nowrap;background:#fff;border:2px solid #91c5df;border-radius:12px;padding:5px 10px;font-weight:750}.classroom-podium-toggle{align-self:center;font-size:16px}.classroom-podium{flex:1;justify-content:center;align-items:flex-end;gap:14px;min-height:0;display:flex}.classroom-podium>div{text-align:center;overflow-wrap:anywhere;background:#fff0b6;border:3px solid #c9a950;border-radius:22px 22px 10px 10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;min-width:0;padding:30px 12px;font-size:clamp(24px,3vw,48px);display:flex}.classroom-podium>div[data-rank="2"]{background:#e8f0f7;border-color:#abc5db;padding-top:20px;padding-bottom:20px}.classroom-podium>div[data-rank="3"]{background:#ffe2c9;border-color:#d4a57d;padding-top:15px;padding-bottom:15px}.classroom-podium .classroom-name-label{font-size:.8em}@media (width<=700px){.projector-audio{font-size:12px}.classroom-podium{gap:5px}.classroom-podium>div{gap:12px;padding:24px 5px;font-size:22px}.classroom-podium .classroom-name-label{font-size:18px}}@media (width>=701px) and (height<=800px){.classroom-shell[data-view=present] .projector-explanation{padding:7px 12px;font-size:18px}.classroom-shell[data-view=present] .projector-rule{font-size:18px}.classroom-shell[data-view=present] .projector-parts .classroom-reading{font-size:32px}.classroom-shell[data-view=present] .projector-dialogue .classroom-reading{font-size:25px}.classroom-shell[data-view=present] .projector-dialogue p{font-size:14px}.classroom-shell[data-view=present] .projector-dialogue article{gap:2px;padding:4px 8px}.classroom-shell[data-view=present] .projector-clock{width:90px}.classroom-shell[data-view=present] .projector-vocab article>div{font-size:32px}.classroom-shell[data-view=present] .classroom-choice{min-height:75px;font-size:30px}.classroom-shell[data-view=present] .classroom-activity h1{font-size:24px}.classroom-shell[data-view=present] .classroom-task-example{font-size:30px}.classroom-shell[data-view=present] .classroom-match button{min-height:65px;font-size:24px}.classroom-shell[data-view=present] .classroom-new-question .classroom-reveal{font-size:16px}.classroom-shell[data-view=present] .classroom-new-question .classroom-reveal .classroom-reading{font-size:24px}}@media (width>=701px) and (height<=680px){.classroom-shell[data-view=present] .projector-example{gap:6px;padding:8px}.classroom-shell[data-view=present] .projector-parts .classroom-part{gap:4px;padding:4px 6px}.classroom-shell[data-view=present] .projector-parts .classroom-reading{font-size:28px}.classroom-shell[data-view=present] .projector-parts small{font-size:14px}.classroom-shell[data-view=present] .projector-meaning{font-size:16px}.classroom-shell[data-view=present] .projector-dialogue{gap:6px}.classroom-shell[data-view=present] .projector-dialogue article{gap:2px;padding:4px 8px}.classroom-shell[data-view=present] .projector-dialogue .classroom-reading{font-size:22px}.classroom-shell[data-view=present] .projector-dialogue b,.classroom-shell[data-view=present] .projector-dialogue p{font-size:14px}.classroom-shell[data-view=present] .classroom-presenter-panel{gap:3px 10px;padding:5px 0;font-size:14px}}@media (width<=700px){.classroom-shell .classroom-status{flex-wrap:wrap;gap:6px;padding:6px 10px;font-size:12px}.classroom-shell .classroom-status .classroom-name-label{font-size:15px}.classroom-shell .classroom-room{gap:5px;padding:6px 10px}.classroom-shell .classroom-lesson-heading h1{font-size:23px}.classroom-shell .classroom-step-pill{padding:4px 7px;font-size:11px}.classroom-shell .projector-teaching{gap:7px}.projector-rule{font-size:17px}.projector-interaction{grid-template-columns:1fr;gap:4px;min-height:0;padding:5px 7px}.projector-interaction>strong{font-size:13px}.projector-interaction-groups{gap:4px}.projector-interaction button{min-height:34px;padding:2px 5px}.projector-interaction .classroom-reading{font-size:17px}.projector-interaction-result{grid-template-columns:1fr;padding:3px 0 0 7px}.projector-interaction-result .projector-clock{display:none}.projector-interaction-result>.classroom-reading{font-size:19px}.projector-interaction-result>p{font-size:11px}.projector-main{grid-template-rows:minmax(100px,.32fr) minmax(0,.68fr);grid-template-columns:1fr;gap:5px}.projector-example{border-radius:16px;gap:8px;padding:8px}.projector-clock{width:82px}.projector-parts{gap:4px}.classroom-shell .projector-parts .classroom-part{gap:2px;padding:3px 4px}.classroom-shell .projector-parts .classroom-reading{font-size:23px}.classroom-shell .projector-parts small{font-size:12px}.projector-meaning{font-size:16px}.projector-explanation{grid-template-columns:1fr;gap:4px 7px;padding:8px 10px;font-size:16px;line-height:1.2}.projector-discuss{grid-column:1}.projector-build-steps,.projector-contrast-grid{grid-template-columns:1fr;gap:3px}.projector-build-steps article,.projector-contrast-grid article{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 6px;padding:4px 7px;display:grid}.projector-build-steps article>b,.projector-contrast-grid article>b{grid-column:1}.projector-build-steps article>.classroom-reading,.projector-contrast-grid article>.classroom-reading{grid-column:2;min-width:0}.projector-build-steps article>p,.projector-contrast-grid article>p{grid-column:1/-1}.projector-build-steps p,.projector-contrast-grid p{font-size:11px}.projector-build-steps .classroom-reading,.projector-contrast-grid .classroom-reading{font-size:16px}.projector-contrast .projector-reason,.projector-contrast .projector-discuss{grid-column:1;font-size:12px}.projector-dialogue{gap:6px}.projector-dialogue article{gap:4px;padding:6px}.projector-dialogue .classroom-reading{font-size:23px}.projector-dialogue p,.projector-dialogue b{font-size:13px}.projector-vocab{gap:6px}.projector-vocab article{border-radius:14px;padding:5px}.projector-vocab article>div{font-size:30px}.projector-vocab article p{font-size:15px}.projector-vocab[data-count="3"]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr}.projector-vocab[data-count="3"] article{flex-direction:row;justify-content:center}.projector-vocab[data-count="3"] img{flex:0 45%;width:45%;height:100%}.projector-teaching[data-layout=words][data-stage="1"] .projector-vocab img,.projector-teaching[data-layout=words][data-stage="2"] .projector-vocab img{display:none}.projector-teaching[data-layout=words][data-stage="1"] .projector-vocab article,.projector-teaching[data-layout=words][data-stage="2"] .projector-vocab article{justify-content:center;align-items:center;min-height:40px;display:flex}.projector-teaching[data-layout=words][data-stage="1"] .projector-vocab article>div,.projector-teaching[data-layout=words][data-stage="2"] .projector-vocab article>div{align-items:center;gap:10px;font-size:22px;display:flex}.projector-teaching[data-layout=words][data-stage="1"] .projector-vocab article p,.projector-teaching[data-layout=words][data-stage="2"] .projector-vocab article p{margin:0}.projector-teaching[data-layout=words][data-stage="2"] .projector-explanation{padding:5px 8px;font-size:14px}.projector-teaching[data-layout=words][data-stage="2"] .projector-contrast-grid article{padding:2px 5px}.classroom-shell .classroom-activity h1{font-size:22px;line-height:1.2}.classroom-shell .classroom-choice{gap:6px;min-height:110px;padding:8px;font-size:26px}.classroom-task-example{font-size:26px}.classroom-match,.classroom-match>div{gap:8px}.classroom-match button{min-height:115px;padding:8px;font-size:22px}.classroom-match small{font-size:12px}.classroom-activity .sentenceTileBoard button{padding:8px;font-size:24px}.classroom-activity .sentenceAnswer,.classroom-activity .sentenceTileBank{gap:6px;min-height:85px;padding:8px}.classroom-shell .classroom-new-question .classroom-reveal{padding:8px;font-size:15px}.classroom-new-question .classroom-reveal .classroom-reading{font-size:23px}.classroom-correct-pair{flex-wrap:wrap;gap:4px}.classroom-feedback-copy{grid-template-columns:1fr;gap:4px}.classroom-feedback-avoid{gap:4px;padding:4px 6px}.classroom-feedback-avoid .classroom-reading{font-size:18px}.classroom-feedback-avoid span:last-child{font-size:11px}.activity-matching .classroom-reveal{padding:5px 7px;font-size:13px}.activity-matching .classroom-reveal .classroom-reading{font-size:15px}.activity-matching .classroom-correct-pair{gap:3px}.activity-matching .classroom-own-answer{gap:4px;margin-bottom:3px;padding-bottom:3px}.activity-matching .classroom-feedback-copy{gap:2px}.activity-matching .classroom-feedback-avoid{padding:2px 4px}.classroom-shell .classroom-board-entries>div{grid-template-columns:50px minmax(0,1fr) auto;padding:8px;font-size:20px}.classroom-demo-dialog{padding:10px}.classroom-demo-close{font-size:14px}.classroom-shell .classroom-wait{margin:4px;font-size:14px}.classroom-shell[data-view=present] .projector-main{grid-template-rows:minmax(0,.28fr) minmax(0,.72fr)}.classroom-shell[data-view=present] .projector-dialogue .classroom-reading{font-size:20px}.classroom-shell[data-view=present] .projector-explanation{font-size:14px}.classroom-shell[data-view=present] .projector-rule{font-size:15px}.classroom-shell[data-view=present] .projector-parts .classroom-reading{font-size:22px}.classroom-shell[data-view=present] .classroom-activity h1{font-size:19px}.classroom-shell[data-view=present] .classroom-choice{min-height:70px;font-size:22px}.classroom-shell[data-view=present] .classroom-match button{min-height:75px;font-size:20px}.classroom-shell[data-view=present] .classroom-new-question .classroom-reveal{font-size:13px}.classroom-shell[data-view=present] .classroom-new-question .classroom-reveal .classroom-reading{font-size:20px}}.classroom-shell .classroom-new-question .classroom-reveal{background:#f7fcff;border:3px solid #8ad8bc;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px 14px;padding:12px 16px;display:grid}@media (width<=700px){.classroom-shell .classroom-new-question .classroom-reveal{grid-template-columns:1fr;gap:4px;padding:6px}.projector-build-context>.projector-vocab[data-count="3"]{grid-template-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;display:grid}.projector-build-context>.projector-vocab[data-count="3"] article{flex-direction:column;justify-content:center;min-height:0;padding:2px;display:flex;overflow:hidden}.projector-build-context>.projector-vocab[data-count="3"] article>div{flex-direction:column;gap:1px;font-size:15px;line-height:1.1;display:flex}.projector-build-context>.projector-vocab[data-count="3"] article p{margin:0;font-size:9px;line-height:1.05}.projector-build-context>.projector-vocab[data-count="3"] .classroom-reading-pinyin{min-height:9px;font-size:8px}}.projector-think-stage .projector-contrast-grid article>img{object-fit:contain;border-radius:12px;flex:1;width:100%;height:0;min-height:80px}.projector-think-stage[data-dialogue=only] .projector-dialogue{grid-column:1/-1;grid-template-columns:1fr 1fr;align-content:stretch;gap:16px;display:grid}.projector-think-stage[data-dialogue=only] .projector-dialogue article{justify-content:center;padding:18px}.projector-think-stage[data-dialogue=only] .projector-dialogue .classroom-reading{font-size:clamp(34px,4vw,64px)}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid article{background:linear-gradient(#fff 0 18%,#f7fcff 18% 100%);justify-content:center}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid article[data-tone=good]{background:linear-gradient(#bff4dc 0 18%,#e7fff3 18% 100%)}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid .classroom-reading{font-size:clamp(42px,4.6vw,74px)}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid b,.projector-think-stage[data-vocabulary=true] .projector-contrast-grid p{font-size:clamp(18px,1.7vw,27px)}@media (width>=701px) and (height<=900px){.classroom-shell[data-view=present] .projector-teaching:has(.projector-simple-canvas){grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:8px;padding:8px}.classroom-shell[data-view=present] .projector-teaching:has(.projector-simple-canvas)>.classroom-lesson-heading{grid-area:3/1;position:static}.classroom-shell[data-view=present] .projector-simple-heading{grid-area:1/1;padding:0}.classroom-shell[data-view=present] .projector-simple-heading h1{font-size:clamp(24px,2.4vw,34px)}.classroom-shell[data-view=present] .projector-simple-heading>p{font-size:17px}.classroom-shell[data-view=present] .projector-simple-canvas{display:contents}.classroom-shell[data-view=present] .projector-simple-visual{grid-area:2/1;min-height:0}.classroom-shell[data-view=present] .projector-simple-content{background:#fff;border:1px solid #b8e0ee;border-radius:16px;grid-area:1/2/-1;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px}.classroom-shell[data-view=present] .projector-simple-examples{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.classroom-shell[data-view=present] .projector-simple-examples article{gap:4px;padding:8px}.classroom-shell[data-view=present] .projector-simple-examples .classroom-reading{font-size:clamp(24px,2.4vw,36px)}.classroom-shell[data-view=present] .projector-simple-examples article>b,.classroom-shell[data-view=present] .projector-simple-examples article>p{font-size:16px}.classroom-shell[data-view=present] .projector-simple-explanation{gap:4px 8px;padding:8px;font-size:17px}.classroom-shell[data-view=present] .projector-teaching:has(.projector-simple-canvas)>.classroom-demo-button{grid-area:4/1}}@media (width>=701px) and (height>=501px) and (height<=900px){.classroom-shell[data-view=present] .projector-simple-visual .projector-vocab[data-count="3"] article{flex-direction:row;gap:6px;padding:6px}.classroom-shell[data-view=present] .projector-simple-visual .projector-vocab[data-count="3"] img{flex:0 40%;width:40%;height:100%;max-height:none}.classroom-shell[data-view=present] .projector-simple-visual .projector-vocab[data-count="3"] article>div{font-size:24px;line-height:1.2}.classroom-shell[data-view=present] .projector-simple-visual .projector-vocab[data-count="3"] article p{margin:2px 0;font-size:14px}}@media (width>=701px) and (height<=740px){.classroom-shell .classroom-room{gap:6px;padding:6px 10px}.classroom-shell .classroom-status{gap:8px;min-height:44px;padding:4px 10px}.classroom-shell .classroom-status-title{white-space:normal;flex-basis:140px;font-size:13px}.classroom-shell[data-view=present] .classroom-room{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 190px;display:grid}.classroom-shell[data-view=present] .classroom-status{grid-column:1/-1}.classroom-shell[data-view=present] .classroom-stage{grid-area:2/1;height:100%}.classroom-shell[data-view=present] .classroom-presenter-panel{border-top:0;border-left:1px solid #bddded;grid-template:"status""notes""actions""extra""signout"/1fr;grid-area:2/2;align-content:start;gap:6px;height:100%;padding:4px;font-size:12px;overflow-y:auto}.classroom-shell[data-view=present] .classroom-actions{grid-template-columns:1fr 1fr;align-self:start;gap:4px;display:grid}.classroom-shell[data-view=present] .classroom-actions button{min-height:44px;padding:4px;font-size:12px}.classroom-shell[data-view=present] .classroom-actions .classroom-primary{grid-column:1/-1;min-height:48px}.classroom-shell[data-view=present] .classroom-note-tools{gap:4px;font-size:12px}.classroom-shell[data-view=present] .classroom-extra-controls{font-size:12px}.classroom-shell[data-view=present] :is(.classroom-note-body,.classroom-connections-body,.classroom-extra-controls[open] .classroom-handoff){width:min(540px,100vw - 236px);max-height:calc(100dvh - 88px);position:fixed;bottom:12px;left:auto;right:212px}}.classroom-shell .classroom-board-entries{overscroll-behavior:contain;overflow-y:auto}@media (width>=701px) and (height<=500px){.classroom-shell[data-view] .projector-teaching:has(.projector-simple-canvas){grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,.25fr) minmax(0,.75fr);gap:6px;padding:4px}.classroom-shell[data-view] .projector-teaching:has(.projector-simple-canvas)>.classroom-lesson-heading{grid-area:3/1;position:static}.classroom-shell[data-view] .projector-simple-heading{text-align:left;grid-area:1/1/auto/-1;grid-template-columns:minmax(0,.25fr) minmax(0,.75fr);gap:6px;padding:0;display:grid}.classroom-shell[data-view] .projector-simple-heading h1{margin:0;font-size:24px}.classroom-shell[data-view] .projector-simple-heading>p{margin:0;font-size:15px}.classroom-shell[data-view] .projector-simple-canvas{display:contents}.classroom-shell[data-view] .projector-simple-visual{grid-area:2/1;min-height:0}.classroom-shell[data-view] .projector-simple-content{background:#fff;border:1px solid #b8e0ee;border-radius:12px;grid-area:2/2/-1;grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:5px}.classroom-shell[data-view] .projector-teaching:has(.projector-simple-canvas)>.classroom-demo-button{grid-area:4/1}.classroom-shell[data-view] .projector-simple-examples{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-content:center;gap:4px}.classroom-shell[data-view] .projector-simple-examples article{border-width:1px;border-radius:10px;gap:2px;padding:4px}.classroom-shell[data-view] .projector-simple-examples .classroom-reading{font-size:22px}.classroom-shell[data-view] .projector-simple-examples article>b,.classroom-shell[data-view] .projector-simple-examples article>p{font-size:13px}.classroom-shell[data-view] .projector-simple-explanation{border-left-width:4px;border-radius:8px;gap:2px 6px;padding:4px 6px;font-size:13px}.classroom-shell .projector-simple-canvas .projector-vocab{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));align-content:stretch;gap:4px;height:100%}.classroom-shell .projector-simple-canvas .projector-vocab article{border-width:1px;border-radius:10px;gap:2px;padding:4px}.classroom-shell .projector-simple-canvas .projector-vocab img{flex:1 1 0;min-height:0;max-height:none}.classroom-shell .projector-simple-canvas .projector-vocab article>div{font-size:24px}.classroom-shell .projector-simple-canvas .projector-vocab article p{margin:2px 0;font-size:13px}.classroom-shell .projector-simple-canvas .projector-vocab[data-count="3"]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr}.classroom-shell .projector-simple-canvas .projector-vocab[data-count="3"] article{flex-direction:row}.classroom-shell .projector-simple-canvas .projector-vocab[data-count="3"] img{flex:0 40%;width:40%;height:100%}.classroom-shell .projector-simple-canvas .projector-vocab article>div{font-size:20px;line-height:1.1}.classroom-shell .projector-simple-canvas .projector-vocab article p{font-size:12px}.classroom-shell .classroom-new-question{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;height:100%;display:grid}.classroom-shell .classroom-section{margin:0;font-size:11px}.classroom-shell .classroom-wait{margin:0;font-size:12px}.classroom-shell .classroom-activity{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(150px,.32fr) minmax(0,.68fr);align-content:center;align-items:center;gap:4px 10px;height:100%;display:grid}.classroom-shell .classroom-checkpoint-heading{flex-wrap:wrap;grid-area:1/1;gap:4px}.classroom-shell .classroom-mode-badge{padding:4px 8px;font-size:12px}.classroom-shell .classroom-checkpoint-heading small{font-size:12px}.classroom-shell .classroom-activity h1{grid-area:2/1;margin:0;font-size:20px;line-height:1.2}.classroom-shell[data-view] .classroom-task-example{grid-area:3/1;font-size:24px}.classroom-shell .classroom-task-actions{flex-wrap:wrap;grid-area:4/1;gap:4px}.classroom-shell .classroom-task-actions button{min-height:44px;padding:4px 8px;font-size:12px}.classroom-shell .classroom-activity>:is(.classroom-choices,.classroom-match,.sentenceTileBoard,.classroom-reveal){grid-area:1/2/-1;align-self:center;width:100%;min-height:0;margin:0}.classroom-shell .classroom-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.classroom-shell[data-view] .classroom-choice{gap:4px;min-height:64px;padding:5px;font-size:24px;line-height:1.1}.classroom-shell .classroom-match{gap:8px}.classroom-shell .classroom-match>div{gap:6px}.classroom-shell .classroom-match button{gap:2px;min-height:64px;padding:4px;font-size:22px}.classroom-shell .classroom-match small{font-size:11px}.classroom-shell .classroom-activity .sentenceTileBoard{gap:6px}.classroom-shell .classroom-activity :is(.sentenceAnswer,.sentenceTileBank){border-width:1px;gap:5px;min-height:56px;padding:5px}.classroom-shell .classroom-activity .sentenceTileBoard button{border-width:1px;min-height:44px;padding:4px 6px;font-size:22px}.classroom-shell .classroom-new-question .classroom-reveal{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 6px;padding:5px;font-size:13px}.classroom-shell .classroom-activity:has(.classroom-reveal){grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-content:center}.classroom-shell .classroom-activity:has(.classroom-reveal) .classroom-checkpoint-heading{grid-area:1/1}.classroom-shell .classroom-activity:has(.classroom-reveal) h1{grid-area:1/2;font-size:18px}.classroom-shell .classroom-activity:has(.classroom-reveal) .classroom-task-example{grid-area:2/1/auto/-1;font-size:20px}.classroom-shell .classroom-activity>.classroom-reveal{grid-area:3/1/auto/-1;align-self:center}.classroom-shell .classroom-reveal-answer{gap:3px;padding:4px}.classroom-shell .classroom-reveal-answer>strong{font-size:12px}.classroom-shell[data-view] .classroom-new-question .classroom-reveal .classroom-reading{font-size:22px}.classroom-shell[data-view] .classroom-new-question .activity-matching .classroom-reveal .classroom-reading{font-size:18px}.classroom-shell .activity-matching .classroom-correct-pair{gap:4px}.classroom-shell .classroom-own-answer{gap:4px;margin:0;padding:0;font-size:12px}.classroom-shell .classroom-feedback-copy{grid-template-columns:1fr;gap:4px;margin:0;font-size:12px}.classroom-shell .classroom-feedback-copy>p,.classroom-shell .classroom-feedback-avoid{gap:2px;padding:4px;font-size:12px}.classroom-shell .classroom-feedback-avoid .classroom-reading{font-size:18px}.classroom-shell .classroom-distribution{gap:4px}.classroom-shell .classroom-distribution>div{font-size:11px}.classroom-shell .classroom-distribution i{height:5px}.classroom-shell .classroom-focus-screen{gap:4px;padding:8px}.classroom-shell .classroom-focus-icon{width:48px;height:48px;margin:0;font-size:28px}.classroom-shell .classroom-focus-name{margin:0;font-size:20px}.classroom-shell .classroom-focus-screen h1{margin:0;font-size:24px}.classroom-shell .classroom-focus-screen>p:last-child{margin:0;font-size:15px}.classroom-shell .classroom-ranking-stage{gap:4px;padding:8px}.classroom-shell .classroom-ranking-stage h1{margin:0;font-size:24px}.classroom-shell .classroom-ranking-copy{margin:0;font-size:14px}}@media (width<=700px){.projector-think-stage .projector-contrast-grid article>img{display:none}.projector-think-stage[data-dialogue=only] .projector-dialogue{grid-template-columns:1fr 1fr;gap:4px}.projector-think-stage[data-dialogue=only] .projector-dialogue article{padding:5px}.projector-think-stage[data-dialogue=only] .projector-dialogue .classroom-reading{font-size:18px}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid .classroom-reading{font-size:19px}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid b{font-size:11px}.projector-think-stage[data-vocabulary=true] .projector-contrast-grid p{font-size:10px}}