/*! 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-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 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-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}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.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}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.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}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}: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}*{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;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}.legalTopBar nav{grid-column:1/-1;justify-content:center}.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);transform:translateY(-5px)}.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)}.hanziHero{font-family:STKaiti,KaiTi,serif;font-size:clamp(55px,8vw,86px)!important;line-height:.95!important}.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}.heardText{color:#577486;margin-top:11px;font-size:13px;font-weight:800}.privacyHint{color:#8095a3;margin-top:10px;font-size:10px}@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(3,1fr);gap:clamp(9px,1.5vw,15px);width:min(680px,100%);margin-top:10px;display:grid}.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}.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}.notesScreen.notesOverview{grid-template-rows:auto minmax(0,1fr) auto}.notesScreen.notesDetail{grid-template-rows:auto 7px minmax(0,1fr) auto}.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 .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 .writingCanvasWrap{border-radius:20px;width:min(clamp(220px,34vh,300px),68vw)}.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!important}.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}.appViewport{padding:clamp(18px,2.8vh,32px) clamp(22px,4vw,64px)}.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{transform:translateY(-4px)scale(1.012)}.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 small{font-size:11px}.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)!important}.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{transform:translateY(3px)!important;box-shadow:0 1px #28506826!important}@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:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.singleSlide>*,.slideContents>*{flex-shrink:1}.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(3,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 .panda{width:110px;height:110px}.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 strong{font-size:16px}.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}.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{background:#fff}.memoryModeBadge{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 .writingCanvasWrap{width:min(clamp(185px,30vh,255px),62vw)}.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}.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){.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 p{font-size:clamp(13px,1.3vw,16px)}.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;transform:translateY(-3px)}.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}.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)}.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:.16;box-shadow:none}.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}.testUnjumbleActivity{width:min(900px,100%)}@media (height<=720px){.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)}@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:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)){justify-content:center;gap:clamp(9px,1.9vh,19px);padding-block:clamp(20px,3.2vh,34px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideTag{margin:0;padding:9px 15px;font-size:clamp(13px,1.25vw,16px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .audioButton{min-width:clamp(220px,22vw,280px);height:clamp(58px,8vh,70px);margin:0}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt))>h1{max-width:980px;margin:0;font-size:clamp(36px,4.15vw,54px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices{gap:clamp(12px,1.5vw,20px);width:min(930px,94%);margin:0}.singleSlide .slideChoices.twoChoices{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,100%)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices.twoChoices{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,100%)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices button{border-radius:22px;min-height:clamp(88px,13vh,120px);padding:13px 16px;font-size:clamp(31px,3.65vw,45px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideFeedbackSlot{min-height:clamp(46px,7vh,62px)}.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:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)){gap:7px;padding-block:12px}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .audioButton{height:52px}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt))>h1{font-size:clamp(30px,3.6vw,42px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices button{min-height:clamp(66px,11vh,84px)}.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:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)){gap:8px;padding:12px}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt))>h1{font-size:clamp(28px,8vw,38px)}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices{grid-template-columns:1fr;gap:7px;width:100%}.testSlide:is(.test-listen,.test-pick,.test-match,.test-true,.test-fill):not(:has(.testPicturePrompt)) .slideChoices button{min-height:clamp(58px,9vh,72px);font-size:clamp(26px,8vw,34px)}.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}.notesScreen{width:min(1120px,100%)}.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>span:first-child{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}.note-grammar>.grammarContrast>button{min-height:36px}@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}}@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-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}