/*! tailwindcss v4.3.3 | 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)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-9{margin-block:calc(var(--spacing) * 9)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-14{height:calc(var(--spacing) * 14)}.w-full{width:100%}.max-w-\[37rem\]{max-width:37rem}.max-w-\[38rem\]{max-width:38rem}.min-w-0{min-width:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[22px\]{border-radius:22px}.rounded-\[28px\]{border-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media not all and (min-width:519px){.max-\[519px\]\:w-full{width:100%}.max-\[519px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:520px){.min-\[520px\]\:my-11{margin-block:calc(var(--spacing) * 11)}.min-\[520px\]\:p-7{padding:calc(var(--spacing) * 7)}.min-\[520px\]\:p-8{padding:calc(var(--spacing) * 8)}@media not all and (min-width:767px){.min-\[520px\]\:max-\[767px\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@media (min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(15rem\,0\.6fr\)\]{grid-template-columns:minmax(0,1fr) minmax(15rem,.6fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:p-9{padding:calc(var(--spacing) * 9)}.lg\:pt-0{padding-top:0}.lg\:pl-8{padding-left:calc(var(--spacing) * 8)}}}:root{--ink:#17211f;--muted:#687571;--paper:#fbfdf9;--line:#dfe8e1;--jade:#19735a;--jade-dark:#0e5844;--jade-soft:#e5f4ec;--amber:#e9a23b;--amber-soft:#fff1d7;--coral:#e76e50;--shadow:0 20px 60px #1c3e311a}.exam-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.exam-set-grid>button{color:#273432;cursor:pointer;text-align:left;background:#fbfdfc;border:1px solid #dbe6e0;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:13px;min-width:0;min-height:174px;padding:20px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s,box-shadow .18s;display:grid}.exam-set-grid>button:hover{border-color:#8dbfa9;transform:translateY(-2px);box-shadow:0 16px 32px #224e3c1a}.exam-set-grid>button.is-selected{border-color:var(--jade);background:#f1faf5;box-shadow:0 0 0 3px #19735a17}.exam-set-number{width:42px;height:42px;color:var(--jade-dark);background:var(--jade-soft);border-radius:13px;place-items:center;font-weight:850;display:grid}.exam-set-copy{gap:5px;min-width:0;display:grid}.exam-set-copy small{color:var(--jade);letter-spacing:.08em;font-size:10px;font-weight:850}.exam-set-copy strong{font-size:16px;line-height:1.35}.exam-set-copy em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.55}.exam-set-status{color:#6a7873;grid-column:1/-1;align-self:end;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.exam-set-grid>button.is-selected .exam-set-status{color:var(--jade-dark)}@media (max-width:900px){.exam-set-grid{grid-template-columns:1fr}.exam-set-grid>button{min-height:0}}@media (prefers-reduced-motion:reduce){.exam-set-grid>button{transition:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% -10%,#e5f4ece6,transparent 32rem),var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--amber)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--amber) 75%,white)}}:focus-visible{outline-offset:3px}::selection{color:var(--jade-dark);background:var(--amber-soft)}html[data-show-pinyin=false] .dialogue-pinyin,html[data-show-pinyin=false] .flashcard-details .pinyin,html[data-show-pinyin=false] .vocab-pinyin,html[data-show-pinyin=false] ruby rt,html[data-show-translation=false] .chinese-translation,html[data-show-translation=false] .dialogue-translation,html[data-show-translation=false] .flashcard-details .meaning{display:none}.container{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;position:sticky;top:0;box-shadow:0 2px 14px #20305014}.site-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#176f5d,#67af95 58%,#edbd58);height:2px;position:absolute;bottom:0;left:0;right:0}.site-header-top{background:#fcfdfce6;border-bottom:1px solid #e6ece9}.site-header-top-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1440px,100% - 36px);min-height:70px;margin-inline:auto;display:flex}.hanyuflow-logo{object-fit:contain;flex:0 0 48px;width:48px;height:48px;display:block}.hanyuflow-header-brand{color:#183f37;flex:none;align-items:center;gap:11px;display:inline-flex}.hanyuflow-header-mark{color:#fff;background:linear-gradient(145deg,#21836f,#0f6656);border-radius:14px 14px 14px 5px;place-items:center;width:42px;height:42px;font-family:Noto Serif SC,Songti SC,serif;font-size:22px;font-weight:850;display:grid;box-shadow:0 9px 23px #19735a33}.hanyuflow-header-wordmark{gap:1px;display:grid}.hanyuflow-header-wordmark strong{color:#176a59;letter-spacing:-.035em;font-size:22px;font-weight:880;line-height:1.05}.hanyuflow-header-wordmark small{color:#78847f;font-weight:650;line-height:1.25}.header-auth-actions,.header-login-link,.header-logout-button,.header-register-link,.header-utility-link,.site-header-tools{align-items:center;display:flex}.site-header-tools{justify-content:flex-end;gap:8px;min-width:0}.header-login-link,.header-logout-button,.header-register-link,.header-utility-link{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;gap:7px;min-height:40px;padding:0 13px;font-weight:760;transition:color .17s,border-color .17s,background-color .17s,box-shadow .17s,transform .17s cubic-bezier(.16,1,.3,1)}.header-utility-link:hover{color:#176a59;background:#eef7f3;border-color:#d2e4de}.header-utility-link--practice{color:#176f5d;background:#edf8f4;border-color:#cfe7df}.site-header-tool-divider{background:#dde5e1;width:1px;height:27px;margin-inline:4px}.header-auth-actions{gap:8px}.header-logout-form{margin:0}.header-logout-button{color:#68736f;cursor:pointer;background:#fff;border-color:#dfe7e3;font-family:inherit}.header-logout-button:hover{color:#aa3e3e;background:#fff7f6;border-color:#efc9c7;box-shadow:0 7px 17px #aa3e3e17}.header-logout-button:focus-visible{outline-offset:2px;outline:3px solid #20846d2e}.header-login-link{color:#176f5d;background:#fff;border-color:#93c8b9}.header-login-link:hover{background:#f2faf7;border-color:#4da78f;box-shadow:0 7px 17px #19735a1a}.header-register-link{background:linear-gradient(135deg,#268b74,#176957);border-color:#176f5d;box-shadow:0 9px 20px #19735a2e}.header-register-link:hover{background:linear-gradient(135deg,#1f806b,#105b4c);border-color:#0f5f4f;box-shadow:0 11px 24px #19735a3d}.header-register-link--premium{color:#7a4713;background:linear-gradient(135deg,#fff2bd,#ffdd72);border-color:#f0cf73;box-shadow:0 9px 20px #b276172e}.header-register-link--premium:hover{color:#663807;background:linear-gradient(135deg,#ffec9f,#ffd458);border-color:#e8bd4c;box-shadow:0 11px 24px #b276173b}.site-header-scroll{scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;min-height:62px;padding:7px clamp(12px,1.4vw,30px) 11px;overflow:auto hidden}.site-header-scroll::-webkit-scrollbar{display:none}.site-nav-track{background:#f5f8f7f0;border:1px solid #e1e9e6;border-radius:17px;justify-content:center;align-items:center;gap:2px;width:max-content;min-width:min(100%,1080px);min-height:44px;margin-inline:auto;padding:4px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 7px 20px #1f453a0e}.site-nav-entry{scroll-snap-align:center;align-items:center;gap:4px;display:inline-flex}.site-nav-divider{background:#d8e2de;flex:none;width:1px;height:23px;margin-inline:5px 3px}.site-nav-item{color:#4a5854;cursor:pointer;white-space:nowrap;letter-spacing:-.015em;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 clamp(9px,.7vw,14px);font-family:inherit;font-size:clamp(11px,.72vw,13px);font-weight:750;transition:color .18s,border-color .18s,background-color .18s,box-shadow .18s,transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.site-nav-item:hover{color:#176f5d;background:#fffffff0;border-color:#d8e6e1;transform:translateY(-1px);box-shadow:0 6px 14px #1b574514}.site-nav-item:focus-visible{outline-offset:1px;outline:3px solid #3783ec40}.site-nav-item.is-current:not(.site-nav-item--blue):not(.site-nav-item--coral):not(.site-nav-item--outline):not(.site-nav-item--upgrade){color:#126855;background:#fff;border-color:#cfe2db;box-shadow:0 6px 16px #1868541a}.site-nav-item--blue{color:#428fd5;background:#eaf5ff;box-shadow:0 5px 12px #428fd514}.site-nav-item--blue.is-current,.site-nav-item--blue:hover{color:#277bc5;background:#def0fd;border-color:#cfe8fb}.site-nav-item--coral{color:#b44b2b;background:#fff0e7;border-color:#0000}.site-nav-item--coral.is-current,.site-nav-item--coral:hover{color:#a93d20;background:#fff7f2;border-color:#f7c9b5;box-shadow:0 6px 15px #b74b2a1a}.site-nav-item--outline{background:#fbfdff;border-color:#d6e4f9}.site-nav-item--outline.is-current,.site-nav-item--outline:hover{color:#365f9c;background:#f2f7fe;border-color:#bcd4f4}.site-nav-item--upgrade{color:#8b5419;background:linear-gradient(135deg,#fff4c8,#ffe8a0);border-color:#f5d986;box-shadow:0 6px 14px #ae73181a}.site-nav-item--upgrade.is-current,.site-nav-item--upgrade:hover{color:#824710;background:linear-gradient(135deg,#ffedaf,#ffdc76);border-color:#ffd66c}.site-nav-chevron{opacity:.72;margin-left:-2px;transition:transform .17s cubic-bezier(.16,1,.3,1)}.site-nav-item:hover .site-nav-chevron{transform:translateY(1px)}.site-nav-practice-trigger.is-open .site-nav-chevron{transform:rotate(180deg)}.site-nav-vocabulary-trigger.is-current,.site-nav-vocabulary-trigger.is-open{color:#1978b9!important;background:linear-gradient(135deg,#eff8ff,#e2f2fb)!important;border-color:#c9e5f7!important;box-shadow:0 8px 20px #2a83be21!important}.practice-nav-popover{z-index:100;transform-origin:0 0;border:1px solid #dfe9e5;border-radius:20px;max-height:min(570px,100vh - 24px);padding:18px;animation:practice-popover-enter .18s cubic-bezier(.16,1,.3,1) both;position:fixed;overflow-y:auto;box-shadow:0 24px 60px #1a3a302b}.practice-nav-popover:before{content:"";background:linear-gradient(90deg,#288e77,#9acfbf 68%,#f2c461);border-radius:0 0 5px 5px;height:3px;position:absolute;top:0;left:22px;right:22px}.vocabulary-nav-popover{border-color:#d8e8ef;border-radius:24px;padding:12px;box-shadow:0 26px 70px #193e4e30,0 4px 16px #19688b12}.vocabulary-nav-popover:before{background:linear-gradient(90deg,#3098d1,#66c3ba 64%,#f0b84f);left:28px;right:28px}.vocabulary-nav-popover .practice-nav-popover-heading{margin:7px 10px 9px}.vocabulary-nav-popover .practice-nav-popover-heading>a{color:#1978b9}.vocabulary-nav-popover .practice-nav-popover-list{gap:2px}.vocabulary-nav-popover .practice-nav-popover-item{border:1px solid #0000;border-radius:18px;grid-template-columns:50px minmax(0,1fr);gap:13px;min-height:68px;padding:9px}.vocabulary-nav-popover .practice-nav-popover-item:hover{background:#f5fafb;border-color:#e0edf1}.vocabulary-nav-popover .practice-nav-popover-item.is-selected{background:linear-gradient(135deg,#eaf6ff,#eff9f8);border-color:#d4e9f6;transform:none}.vocabulary-nav-popover .practice-nav-popover-icon{border-radius:16px;width:50px;height:50px}@keyframes practice-popover-enter{0%{opacity:0;transform:translateY(-7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.practice-nav-popover-heading{justify-content:space-between;align-items:end;gap:16px;margin:2px 7px 10px;display:flex}.practice-nav-popover-heading>span{color:#8b9994;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:780}.practice-nav-popover-heading>a{color:#187461;letter-spacing:.035em;font-size:15px;font-weight:880}.practice-nav-popover-list{gap:3px;display:grid}.practice-nav-popover[data-menu=practice] .practice-nav-popover-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.practice-nav-popover-item{border-radius:17px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:8px;transition:color .16s,background-color .16s,transform .16s cubic-bezier(.16,1,.3,1);display:grid}.practice-nav-popover-item.is-selected,.practice-nav-popover-item:hover{background:#eff8f5;transform:translate(3px)}.practice-nav-popover-icon{border-radius:17px;place-items:center;width:48px;height:48px;display:grid}.practice-nav-popover-icon.is-amber{color:#da8b00;background:#fff2bf}.practice-nav-popover-icon.is-violet{color:#7655ed;background:#eee8ff}.practice-nav-popover-icon.is-coral{color:#e34949;background:#fff0ee}.practice-nav-popover-icon.is-mint{color:#149e56;background:#dff8e9}.practice-nav-popover-icon.is-aqua{color:#078c69;background:#e3f8f1}.practice-nav-popover-icon.is-sky{color:#247ccc;background:#e9f3ff}.practice-nav-popover-icon.is-indigo{color:#596ee8;background:#eef0ff}.practice-nav-popover-copy,.practice-nav-popover-copy small,.practice-nav-popover-copy strong{min-width:0;display:block}.practice-nav-popover-copy strong{color:#27352f;font-size:15px;font-weight:820;line-height:1.25}.practice-nav-popover-copy small{color:#98a29e;margin-top:3px;font-size:13px;font-weight:590;line-height:1.3}.practice-nav-popover-item.is-selected .practice-nav-popover-copy strong,.practice-nav-popover-item:hover .practice-nav-popover-copy strong{color:#176f5d}@media (prefers-reduced-motion:reduce){.practice-nav-popover,.site-nav-chevron,.site-nav-item{transition:none;animation:none}}.flashcard-workspace{color:#1e2e29;width:min(100%,940px);margin-inline:auto}.flashcard-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.flashcard-toolbar>div:first-child{gap:3px;display:grid}.flashcard-toolbar>div:first-child>strong{font-size:14px;font-weight:780}.flashcard-eyebrow{color:#218360;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.flashcard-review-filters{scrollbar-width:none;background:#f5f9f7;border:1px solid #dce8e2;border-radius:14px;gap:4px;width:fit-content;max-width:100%;margin:0 auto 18px;padding:4px;display:flex;overflow-x:auto}.flashcard-review-filters::-webkit-scrollbar{display:none}.flashcard-review-filters button{color:#60726b;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:760;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.flashcard-review-filters button span{text-align:center;background:#5772661a;border-radius:999px;min-width:22px;padding:2px 6px;font-size:10px}.flashcard-review-filters button[aria-pressed=true]{color:#176f50;background:#fff;box-shadow:0 5px 14px #284e3e1a}.flashcard{width:min(100%,820px);height:620px;min-height:0;box-shadow:none;perspective:1400px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:27px;outline:none;margin-inline:auto;padding:0;display:block;position:relative}.flashcard:focus-visible .flashcard-face{outline-offset:4px;outline:3px solid #21836047}.flashcard-face{backface-visibility:hidden;transform-style:preserve-3d;scrollbar-width:thin;scrollbar-color:#bed7cb transparent;background:#fff;border:1px solid #d9e5df;border-radius:27px;transition:transform .48s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;position:absolute;inset:0;overflow:auto;box-shadow:0 24px 60px #1c3d301c,0 3px 10px #1c3d300d}.flashcard-face.is-front{text-align:center;background:radial-gradient(circle at 18% 12%,#6fc69c21,#0000 31%),linear-gradient(#247e5b07 1px,#0000 0) 0 0/32px 32px,linear-gradient(90deg,#247e5b07 1px,#0000 0) 0 0/32px 32px,#fff;flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,6vw,62px);display:flex;transform:rotateY(0)}.flashcard-face.is-back{text-align:left;background:linear-gradient(145deg,#edf8f3b8,#0000 38%),#fff;padding:clamp(25px,4vw,42px);display:block;transform:rotateY(180deg)}.flashcard.is-flipped .flashcard-face.is-front{transform:rotateY(-180deg)}.flashcard.is-flipped .flashcard-face.is-back{transform:rotateY(0)}.flashcard.is-learned .flashcard-face{border-color:#8dd1ae;animation:flashcard-learned-pulse .42s cubic-bezier(.16,1,.3,1)}.flashcard.is-unlearned .flashcard-face{border-color:#eab4af;animation:flashcard-unlearned-shake .33s}@keyframes flashcard-learned-pulse{40%{box-shadow:0 26px 65px #1b8b5b33,0 0 0 5px #2ca96f14}}@keyframes flashcard-unlearned-shake{25%{translate:-3px}50%{translate:3px}75%{translate:-2px}}.flashcard-card-number{color:#27805f;letter-spacing:.08em;background:#ffffffe0;border:1px solid #dcebe4;border-radius:10px;min-width:38px;padding:7px 9px;font-size:11px;font-weight:850;position:absolute;top:23px;left:24px}.flashcard-face.is-front .vocab-illustration{border-radius:25px;flex:none;width:clamp(126px,18vw,168px);margin-bottom:26px;box-shadow:0 15px 30px #28503e1c,inset 0 0 0 1px #ffffff52}.flashcard-hanzi{color:#16231e;letter-spacing:-.04em;font-size:clamp(72px,12vw,116px);font-weight:760;line-height:1.03}.flashcard-front-pinyin{color:#27805f;margin-top:12px;font-size:clamp(19px,2.4vw,25px);font-weight:760}.flashcard-flip-hint{color:#82928b;margin-top:24px;font-size:11px;font-weight:680;display:block}.flashcard-back-heading{border-bottom:1px solid #e0eae5;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.flashcard-back-heading>div{min-width:0}.flashcard-back-heading small{color:#768981;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:840;display:block}.flashcard-back-heading .multilingual-meaning{color:#183e31;gap:3px;font-size:clamp(20px,3vw,29px);font-weight:790;line-height:1.3}.flashcard-inline-audio{flex:none;display:inline-flex}.flashcard-inline-audio .icon-button{background:#eef8f3;border-color:#cce1d7;border-radius:50%;width:42px;height:42px;transition:transform .17s,background .17s}.flashcard-inline-audio .icon-button:hover{background:#e1f2e9;transform:scale(1.05)}.flashcard-facts{background:#fbfdfc;border:1px solid #e0e9e5;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));margin:19px 0 22px;display:grid}.flashcard-facts>div{border-right:1px solid #e0e9e5;min-width:0;padding:13px 15px}.flashcard-facts>div:last-child{border-right:0}.flashcard-facts dt{color:#84928d;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:820}.flashcard-facts dd{color:#24463a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:740;overflow:hidden}.flashcard-example-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.flashcard-example-heading strong{font-size:14px;font-weight:820}.flashcard-example-heading span{color:#34745c;background:#eaf6f0;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:760}.flashcard-examples{gap:10px;display:grid}.flashcard-examples article{background:#fff;border:1px solid #e1eae6;border-radius:14px;grid-template-columns:26px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:13px 14px;display:grid}.flashcard-example-number{color:#247657;background:#e9f5ef;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:850;display:grid}.flashcard-examples article>div{min-width:0}.flashcard-example-pinyin{color:#39856a;font-size:11px;font-weight:710;line-height:1.35;display:block}.flashcard-examples article>div>strong{color:#1d2a25;margin:2px 0 4px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(17px,2.2vw,21px);line-height:1.4;display:block}.flashcard-examples .multilingual-meaning{color:#6f7e78;font-size:11px;line-height:1.45}.flashcard-no-example{color:#74847d;text-align:center;background:#fafcfb;border:1px dashed #cfddd7;border-radius:13px;margin:0;padding:18px;font-size:12px}.flashcard-face.is-back>.flashcard-flip-hint{text-align:center;margin-top:15px}.flashcard-mastery-controls{grid-template-columns:minmax(150px,1fr) 48px minmax(150px,1fr);align-items:center;gap:13px;width:min(100%,620px);margin:20px auto 0;display:grid}.flashcard-mastery-controls>button{min-height:54px;font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:820;transition:transform .17s,box-shadow .17s,background .17s;display:flex}.flashcard-mastery-controls>button:hover:not(:disabled){transform:translateY(-2px)}.flashcard-mastery-controls>button>span{text-align:left;gap:1px;display:grid}.flashcard-mastery-controls>button small{opacity:.64;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:730}.flashcard-mastery-controls>.is-unlearned{color:#a23f37;background:#fff4f2;border:1px solid #efc7c3}.flashcard-mastery-controls>.is-unlearned:hover{box-shadow:0 9px 22px #ae41361f}.flashcard-mastery-controls>.is-learned{color:#16764d;background:#ebf8f1;border:1px solid #9cd6b7}.flashcard-mastery-controls>.is-learned:hover{box-shadow:0 9px 22px #1e825424}.flashcard-mastery-controls>.flashcard-undo{color:#63756e;background:#fff;border:1px solid #d9e4df;border-radius:50%;width:48px;min-height:48px;padding:0}.flashcard-mastery-controls>.flashcard-undo:disabled{opacity:.38;cursor:default}.flashcard-navigation{grid-template-columns:36px minmax(0,1fr) auto 36px;align-items:center;gap:10px;width:min(100%,720px);min-height:38px;margin:12px auto 0;display:grid}.flashcard-navigation>button{color:#3c6757;cursor:pointer;background:#fff;border:1px solid #dce6e1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.flashcard-navigation>button:disabled{opacity:.35;cursor:default}.flashcard-progress-dots{justify-content:center;align-items:center;gap:6px;display:flex}.flashcard-progress-dots button{cursor:pointer;background:#d5dfda;border:0;border-radius:50%;flex:none;width:8px;height:8px;padding:0;transition:width .18s,background .18s,transform .18s}.flashcard-progress-dots button.is-learned{background:#43aa76}.flashcard-progress-dots button.is-unlearned{background:#e07469}.flashcard-progress-dots button[aria-current=step]{background:#247a5b;border-radius:999px;width:22px;transform:scaleY(1.1)}.flashcard-progress-bar{background:#e2ebe7;border-radius:999px;height:6px;overflow:hidden}.flashcard-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#26815f,#55b885);height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}.flashcard-position{color:#75837d;text-align:right;min-width:45px;font-size:10px;font-weight:760}.flashcard-footer-actions{border-top:1px solid #e1e9e5;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,760px);margin:24px auto 0;padding-top:18px;display:grid}.flashcard-footer-actions button{color:#576a62;min-height:64px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-size:10px;font-weight:730;transition:color .17s,background .17s,transform .17s;display:flex}.flashcard-footer-actions button:hover:not(:disabled){color:#1f7958;background:#eff7f3;transform:translateY(-1px)}.flashcard-footer-actions button:disabled{opacity:.38;cursor:default}.flashcard-summary{color:#74827c;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:14px;font-size:10px;display:flex}.flashcard-summary span{align-items:center;gap:5px;display:inline-flex}.flashcard-summary i{background:#cdd8d3;border-radius:50%;width:7px;height:7px}.flashcard-summary i.is-learned{background:#43aa76}.flashcard-summary i.is-unlearned{background:#e07469}.flashcard-summary strong{color:#314a40}.flashcard-live-message{color:#667871;text-align:center;min-height:18px;margin:8px 0 0;font-size:10px}.flashcard-empty-filter{color:#2a815f;text-align:center;background:#f8fcfa;border:1px dashed #cdded6;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:40px 24px;display:flex}.flashcard-empty-filter h3{color:#253a32;margin:14px 0 5px}.flashcard-empty-filter p{color:#75847e;margin:0 0 18px;font-size:13px}.flashcard-empty-filter button{color:#fff;font:inherit;cursor:pointer;background:#267f5d;border:0;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:760}.flashcard-note-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d20197a;place-items:center;padding:22px;animation:flashcard-backdrop-in .17s ease-out;display:grid;position:fixed;inset:0}.flashcard-note-dialog{background:#fff;border:1px solid #ffffffa6;border-radius:21px;width:min(100%,570px);padding:25px;animation:flashcard-dialog-in .23s cubic-bezier(.16,1,.3,1);box-shadow:0 28px 80px #102a1f47}@keyframes flashcard-backdrop-in{0%{opacity:0}}@keyframes flashcard-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.flashcard-note-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.flashcard-note-dialog header small{color:#2c8060;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:840}.flashcard-note-dialog h3{margin:5px 0 0;font-size:20px}.flashcard-note-dialog h3 span{font-family:Noto Serif SC,Songti SC,serif;font-size:27px}.flashcard-note-dialog header button{color:#53675e;cursor:pointer;background:#fff;border:1px solid #dce6e1;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.flashcard-note-dialog textarea{resize:vertical;width:100%;font:inherit;background:#fbfdfc;border:1px solid #d5e2dc;border-radius:13px;outline:none;margin-top:20px;padding:15px;font-size:13px;line-height:1.6}.flashcard-note-dialog textarea:focus{border-color:#72b497;box-shadow:0 0 0 3px #3a996f1a}.flashcard-note-dialog footer{justify-content:space-between;align-items:center;gap:15px;margin-top:14px;display:flex}.flashcard-note-dialog footer span{color:#7c8a84;font-size:10px}.flashcard-note-dialog footer button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#267f5d;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:780;display:inline-flex}@media (max-width:700px){.flashcard-toolbar{flex-direction:column;align-items:stretch;gap:12px}.flashcard-toolbar .meaning-language-control{align-self:flex-start}.flashcard-review-filters{justify-content:flex-start;width:100%}.flashcard{height:690px;min-height:0;padding:0}.flashcard,.flashcard-face{border-radius:22px}.flashcard-face.is-front{padding:34px 20px}.flashcard-face.is-back{padding:22px 17px}.flashcard-face.is-front .vocab-illustration{width:130px}.flashcard-back-heading{gap:12px}.flashcard-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-facts>div:nth-child(2){border-right:0}.flashcard-facts>div:nth-child(-n+2){border-bottom:1px solid #e0e9e5}.flashcard-examples article{grid-template-columns:23px minmax(0,1fr) 40px;gap:8px}.flashcard-mastery-controls{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:8px}.flashcard-mastery-controls>button{gap:6px;min-height:52px;font-size:11px}.flashcard-mastery-controls>.flashcard-undo{width:42px;min-height:42px}.flashcard-navigation{grid-template-columns:34px minmax(0,1fr) auto 34px;gap:7px}.flashcard-progress-dots{gap:4px;overflow:hidden}.flashcard-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-footer-actions button{flex-direction:row;min-height:55px}.flashcard-note-dialog footer{flex-direction:column;align-items:stretch}}@media (max-width:430px){.flashcard-review-filters button{padding-inline:10px}.flashcard{height:720px}.flashcard-card-number{top:16px;left:16px}.flashcard-back-heading .multilingual-meaning{font-size:18px}.flashcard-facts{margin-block:15px 18px}.flashcard-examples article,.flashcard-facts>div{padding:10px}.flashcard-examples article>div>strong{font-size:16px}.flashcard-mastery-controls>button>svg{display:none}.flashcard-mastery-controls>button>span{text-align:center}.flashcard-summary{gap:7px 12px}}@media (prefers-reduced-motion:reduce){.flashcard-face{transition-duration:.01ms}.flashcard-note-backdrop,.flashcard-note-dialog,.flashcard.is-learned .flashcard-face,.flashcard.is-unlearned .flashcard-face{animation:none}}.learning-layout:has(.reading-module-page){grid-template-columns:280px minmax(0,1fr);gap:28px;width:min(1680px,100% - 42px)}.reading-module-page{min-width:0}.reading-dialogue-article{gap:36px;display:grid}.reading-dialogue-hero{color:#fff;background:radial-gradient(circle at 91% 77%,#378e5d2e,#0000 24rem),#0b130f;border-radius:4px;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);align-items:stretch;gap:30px;min-height:470px;padding:34px;display:grid;overflow:hidden;box-shadow:0 20px 46px #05161029}.reading-dialogue-cover{background:radial-gradient(circle at 73% 22%,#fff3,#0000 22rem),linear-gradient(145deg,#2f855f,#173e30);border:5px solid #359130;align-items:flex-end;min-height:400px;display:flex;position:relative;overflow:hidden}.reading-dialogue-cover.has-meeting-photo{background-image:linear-gradient(#0819110d 35%,#04130dc2),url(/images/reading/meeting-business-card-v1.jpg);background-position:50%;background-size:cover}.reading-dialogue-ribbon{z-index:3;color:#fff;letter-spacing:.045em;text-align:center;text-transform:uppercase;text-shadow:0 2px 8px #0003;background:#3c982f;place-items:center;min-height:61px;padding:15px 18px;font-size:clamp(15px,1.75vw,25px);font-weight:900;display:grid;position:absolute;top:0;left:0;right:0}.reading-dialogue-cover-shade{z-index:1;background:linear-gradient(#0000,#04130dd1);position:absolute;inset:55% 0 0}.reading-dialogue-cover-title{z-index:2;text-align:center;width:100%;padding:36px 28px 30px;position:relative}.reading-dialogue-cover-title span,.reading-dialogue-cover-title strong{display:block}.reading-dialogue-cover-title span{text-shadow:0 5px 18px #0006;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(42px,5.2vw,74px);font-weight:800;line-height:1.15}.reading-dialogue-cover-title strong{letter-spacing:.055em;text-transform:uppercase;text-shadow:0 4px 16px #0006;margin-top:16px;font-size:clamp(22px,2.6vw,36px);font-weight:950}.reading-dialogue-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 6px 26px 0;display:flex}.reading-dialogue-hero-copy>p:first-child{color:#a5b3aa;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:850}.reading-dialogue-hero-copy h1{color:#fff;letter-spacing:-.04em;margin:0 0 19px;font-size:clamp(32px,4vw,55px);line-height:1.04}.reading-dialogue-description{color:#d7ded9;font-size:15px;line-height:1.62}.reading-dialogue-meta{border-top:1px solid #ffffff2b;flex-wrap:wrap;gap:8px;width:100%;margin-top:26px;padding-top:20px;display:flex}.reading-dialogue-meta span{color:#cdd8d1;border:1px solid #ffffff29;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:760}.reading-dialogue-intro{background:#fffaf0;border:1px solid #e6dfd0;border-radius:7px;padding:25px clamp(22px,4vw,52px)}.reading-dialogue-intro p{color:#46534d;margin:0;font-size:15px;line-height:1.78}.reading-dialogue-intro strong{color:#216a57}.reading-dialogue-sheet{background:#fffcf4;border:1px solid #ded6c6;border-radius:7px;overflow:hidden;box-shadow:0 13px 34px #4a3c230f}.reading-dialogue-sheet-row{border-bottom:1px solid #ded6c6;grid-template-columns:190px minmax(0,1fr);padding:0;display:grid}.reading-dialogue-sheet-row:last-child{border-bottom:0}.reading-dialogue-sheet-row.is-audio{grid-template-columns:190px minmax(0,1fr) auto;align-items:center}.reading-dialogue-sheet-label{color:#1f7358;background:#f2f8f3;border-right:1px solid #ded6c6;flex-direction:column;align-items:flex-start;gap:5px;min-height:100%;padding:24px 20px;display:flex}.reading-dialogue-sheet-label svg{margin-bottom:4px}.reading-dialogue-sheet-label strong{font-size:15px}.reading-dialogue-sheet-label small{color:#86928c;font-size:10px;font-weight:720}.reading-dialogue-player-copy{gap:3px;padding:22px 24px;display:grid}.reading-dialogue-player-copy span{color:#34463f;font-weight:760}.reading-dialogue-player-copy small{color:#89938f}.reading-dialogue-sheet-row.is-audio>.icon-button{margin-right:22px}.reading-dialogue-transcript{gap:4px;padding:19px 24px;display:grid}.reading-dialogue-transcript>div{border-bottom:1px dashed #e5dfd2;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 0;display:grid}.reading-dialogue-transcript>div:last-child{border-bottom:0}.reading-dialogue-transcript b{color:#238061;font-size:12px}.reading-dialogue-transcript p{margin:0}.reading-dialogue-transcript.is-hanzi p{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(21px,2.2vw,29px);font-weight:670}.reading-dialogue-transcript.is-pinyin p{color:#44665b;font-size:15px;font-weight:650}.reading-dialogue-transcript.is-meaning>div{grid-template-columns:38px minmax(0,1fr)}.reading-dialogue-transcript.is-meaning .multilingual-meaning{color:#4a5852;line-height:1.55}.reading-dialogue-section{scroll-margin-top:125px}.reading-dialogue-section-heading,.reading-dialogue-section-heading>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.reading-dialogue-section-heading>div{justify-content:flex-start}.reading-dialogue-section-heading>div>span{color:#fff;background:#22805e;border-radius:4px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid}.reading-dialogue-section-heading h2,.reading-dialogue-section-heading p{margin:0}.reading-dialogue-section-heading p{color:#208060;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:850}.reading-dialogue-section-heading h2{letter-spacing:-.035em;font-size:clamp(22px,2.5vw,32px)}.reading-dialogue-section-heading>small{color:#84908a;text-align:right;max-width:290px;font-size:11px}.reading-dialogue-grammar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.reading-dialogue-grammar-grid details{background:#fffdf8;border:1px solid #ded8ca;border-radius:7px;padding:19px}.reading-dialogue-grammar-grid details:first-child,.reading-dialogue-grammar-grid details:nth-child(2){border-top:4px solid #329263}.reading-dialogue-grammar-grid summary{cursor:pointer}.reading-dialogue-grammar-grid summary small,.reading-dialogue-grammar-grid summary span,.reading-dialogue-grammar-grid summary strong{display:block}.reading-dialogue-grammar-grid summary span{color:#2b8768;text-transform:uppercase;font-size:10px;font-weight:850}.reading-dialogue-grammar-grid summary strong{color:#162921;margin:7px 0 4px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(20px,2vw,27px)}.reading-dialogue-grammar-grid summary small{color:#7c8882}.reading-dialogue-grammar-grid details>.multilingual-meaning{color:#52615a;margin-top:15px;font-size:13px;line-height:1.62}.reading-dialogue-grammar-example{background:#eef7f2;border-left:3px solid #49a47b;gap:3px;margin-top:14px;padding:13px;display:grid}.reading-dialogue-grammar-example b{font-family:Noto Serif SC,Songti SC,serif;font-size:19px}.reading-dialogue-grammar-example .multilingual-meaning,.reading-dialogue-grammar-example>span{color:#65746d;font-size:11px}.reading-dialogue-fill{background:#f6faf8;border:1px solid #d9e5df;border-radius:9px;padding:clamp(20px,3vw,34px)}.reading-dialogue-fill-lines{gap:8px;margin-top:20px;display:grid}.reading-dialogue-fill-lines>div{background:#fff;border:1px solid #dfe7e3;border-radius:7px;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:13px 15px;display:grid}.reading-dialogue-fill-lines>div>span{color:#92a09a;font-size:11px;font-weight:850}.reading-dialogue-fill-lines p{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(20px,2.2vw,27px)}.reading-dialogue-fill-lines p button{color:#238061;min-width:62px;min-height:38px;font:inherit;cursor:pointer;background:#edf7f3;border:0;border-bottom:2px solid #288367;margin:0 5px;padding:3px 11px;font-weight:780}.reading-dialogue-fill-lines p button:disabled{cursor:default}.reading-dialogue-fill-lines p button.is-correct{color:#147244;background:#dff5e9;border-color:#2a9a60}.reading-dialogue-fill-lines p button.is-incorrect{color:#b0473a;background:#fff0ed;border-color:#ce6556}.reading-dialogue-fill-lines>div>small{color:#278165;font-size:11px;font-weight:720}.reading-dialogue-word-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px;display:flex}.reading-dialogue-word-bank button{color:#1e7157;cursor:pointer;background:#fff;border:1px solid #a9cfc1;border-radius:8px;place-content:center;gap:2px;min-width:93px;min-height:58px;padding:8px 13px;transition:border-color .16s,box-shadow .16s,transform .16s cubic-bezier(.16,1,.3,1);display:grid}.reading-dialogue-word-bank button:hover:not(:disabled){border-color:#378e6e;transform:translateY(-2px);box-shadow:0 8px 18px #237c5c1f}.reading-dialogue-word-bank button:disabled{opacity:.38;cursor:default}.reading-dialogue-word-bank small{color:#6c7b74;font-size:10px}.reading-dialogue-word-bank strong{font-family:Noto Serif SC,Songti SC,serif;font-size:20px}.reading-dialogue-fill-actions{color:#718079;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:12px;display:flex}.reading-dialogue-fill-actions .primary-button{align-items:center;gap:7px;display:inline-flex}.reading-dialogue-vocabulary-table{background:#fff;border:1px solid #dcd6c9;border-radius:7px;margin-top:17px;overflow:hidden}.reading-dialogue-vocabulary-head,.reading-dialogue-vocabulary-row{grid-template-columns:minmax(110px,.5fr) minmax(180px,.8fr) minmax(0,1fr);align-items:center;display:grid}.reading-dialogue-vocabulary-head{color:#fff;background:#277e5d}.reading-dialogue-vocabulary-head strong{border-right:1px solid #ffffff2e;padding:12px 16px;font-size:12px}.reading-dialogue-vocabulary-row{border-bottom:1px solid #e7e2d8;min-height:72px}.reading-dialogue-vocabulary-row:last-child{border-bottom:0}.reading-dialogue-vocabulary-row:nth-child(odd){background:#fbfaf6}.reading-dialogue-vocabulary-row>*{border-right:1px solid #e7e2d8;align-items:center;min-height:72px;padding:12px 16px;display:flex}.reading-dialogue-vocabulary-row>:last-child{border-right:0}.reading-dialogue-vocabulary-row>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:27px}.reading-dialogue-vocabulary-row>div{color:#257b5d;gap:10px;font-size:12px;font-weight:720}.reading-dialogue-vocabulary-row>.multilingual-meaning{color:#405048;font-size:13px}.reading-dialogue-flashcards{background:#f7f3e9;border-radius:9px;padding:clamp(22px,3.5vw,38px)}.reading-dialogue-flashcard{cursor:pointer;perspective:1100px;background:0 0;border:0;width:min(100%,630px);height:330px;margin:24px auto 0;display:block;position:relative}.reading-dialogue-flashcard-face{backface-visibility:hidden;transform-style:preserve-3d;background:#fff;border:1px solid #cfded7;border-radius:14px;place-content:center;gap:8px;padding:34px;transition:transform .44s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0;box-shadow:0 18px 38px #2d4b3e17}.reading-dialogue-flashcard-face.is-back{background:#eaf6f0;transform:rotateY(180deg)}.reading-dialogue-flashcard.is-flipped .is-front{transform:rotateY(-180deg)}.reading-dialogue-flashcard.is-flipped .is-back{transform:rotateY(0)}.reading-dialogue-flashcard-face small{color:#829089;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.reading-dialogue-flashcard-face>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(70px,10vw,120px);line-height:1}.reading-dialogue-flashcard-face em{color:#267d5f;font-size:18px;font-style:normal;font-weight:740}.reading-dialogue-flashcard-face.is-back .multilingual-meaning{color:#1c4f3f;font-size:clamp(24px,3vw,36px);font-weight:790}.reading-dialogue-flashcard-face.is-back .icon-button{margin:10px auto 0}.reading-dialogue-flashcard-actions{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(100%,720px);margin:14px auto 0;display:grid}.reading-dialogue-flashcard-actions button{color:#275c4b;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd9d3;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:780;display:inline-flex}.reading-dialogue-flashcard-actions button:disabled{opacity:.4;cursor:default}.reading-dialogue-flashcard-actions>span{color:#7b8882;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex}.reading-dialogue-finish{background:#edf8f3;border:1px solid #cfe3da;border-radius:9px;align-items:center;gap:16px;padding:24px;display:flex}.reading-dialogue-finish>span{color:#fff;background:#24815f;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-family:Noto Serif SC,Songti SC,serif;font-size:25px;display:grid}.reading-dialogue-finish strong{color:#164b3a}.reading-dialogue-finish p{color:#68766f;margin:4px 0 0;font-size:13px}@media (max-width:1180px){.reading-dialogue-hero{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);padding:24px}.reading-dialogue-sheet-row,.reading-dialogue-sheet-row.is-audio{grid-template-columns:160px minmax(0,1fr)}.reading-dialogue-sheet-row.is-audio>.icon-button{grid-column:2;justify-self:start;margin:0 22px 18px}}@media (max-width:920px){.learning-layout:has(.reading-module-page){flex-direction:column;display:flex}.learning-layout:has(.reading-module-page)>section{order:1;width:100%}.learning-layout:has(.reading-module-page)>.course-sidebar{order:2;width:100%}.reading-dialogue-hero{grid-template-columns:1fr}.reading-dialogue-hero-copy{padding:8px 8px 18px}}@media (max-width:700px){.reading-dialogue-article{gap:24px}.reading-dialogue-hero{border-radius:0;gap:20px;min-height:0;padding:12px}.reading-dialogue-cover{min-height:330px}.reading-dialogue-ribbon{min-height:51px;padding:12px}.reading-dialogue-cover-title{padding:27px 16px 24px}.reading-dialogue-sheet-row,.reading-dialogue-sheet-row.is-audio{grid-template-columns:1fr}.reading-dialogue-sheet-label{border-bottom:1px solid #ded6c6;border-right:0;flex-direction:row;align-items:center;min-height:auto;padding:13px 16px}.reading-dialogue-sheet-label svg{margin-bottom:0}.reading-dialogue-sheet-label small{margin-left:auto}.reading-dialogue-sheet-row.is-audio>.icon-button{grid-column:1;margin:0 16px 16px}.reading-dialogue-transcript{padding:12px 15px}.reading-dialogue-transcript>div{grid-template-columns:28px minmax(0,1fr) auto}.reading-dialogue-section-heading{flex-direction:column;align-items:flex-start}.reading-dialogue-section-heading>small{text-align:left;max-width:none;padding-left:60px}.reading-dialogue-grammar-grid{grid-template-columns:1fr}.reading-dialogue-fill-lines>div{grid-template-columns:25px minmax(0,1fr)}.reading-dialogue-fill-lines>div>small{grid-column:2}.reading-dialogue-vocabulary-head{display:none}.reading-dialogue-vocabulary-row{grid-template-columns:minmax(82px,.45fr) minmax(0,1fr)}.reading-dialogue-vocabulary-row>.multilingual-meaning{border-top:1px solid #e7e2d8;border-right:0;grid-column:1/-1;min-height:48px}.reading-dialogue-flashcard{height:285px}.reading-dialogue-flashcard-actions{grid-template-columns:1fr 1fr}.reading-dialogue-flashcard-actions>span{grid-area:1/1/auto/-1}}@media (max-width:440px){.reading-dialogue-cover{min-height:280px}.reading-dialogue-cover-title span{font-size:34px}.reading-dialogue-cover-title strong{font-size:19px}.reading-dialogue-transcript>div{grid-template-columns:25px minmax(0,1fr)}.reading-dialogue-transcript>div>.icon-button{grid-column:2;justify-self:start}.reading-dialogue-fill-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.reading-dialogue-flashcard-face,.reading-dialogue-word-bank button{transition:none}.reading-dialogue-word-bank button:hover:not(:disabled){transform:none}}.exam-page{background:radial-gradient(circle at 92% 2%,#e9a23b17,#0000 28rem),radial-gradient(circle at 5% 18%,#19735a17,#0000 32rem);padding-top:28px}.exam-page-container{width:min(1480px,100% - 40px)}.exam-simulator{--exam-blue:#356fe5;--exam-blue-soft:#edf3ff;--exam-ink:#1f2b2d;padding-bottom:46px}.exam-hero{background:radial-gradient(circle at 84% 30%,#ffffff59,#0000 14rem),linear-gradient(125deg,#f8fcf9,#e8f5ee 58%,#d9eee4);border:1px solid #cfe2da;border-radius:34px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:48px;min-height:315px;padding:52px 56px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 72px #274e3e1c}.exam-hero:before{content:"考";color:#19735a0b;pointer-events:none;font-family:Noto Serif SC,Songti SC,serif;font-size:290px;font-weight:800;line-height:1;position:absolute;top:-42px;right:250px}.exam-hero-copy{z-index:1;position:relative}.exam-hero-copy .eyebrow,.exam-result-heading .eyebrow{align-items:center;gap:7px;display:inline-flex}.exam-hero h1,.exam-result-heading h1{max-width:760px;color:var(--exam-ink);letter-spacing:-.055em;margin:0;font-size:clamp(41px,5vw,66px);font-weight:810;line-height:1.04}.exam-hero h1 span{color:var(--jade)}.exam-hero-copy>p:last-child,.exam-result-heading>div>p:last-child{color:#60706b;max-width:780px;margin:22px 0 0;font-size:17px;line-height:1.7}.exam-hero-score{z-index:1;aspect-ratio:1;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:50%;place-content:center;padding:26px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #19735a0e,0 18px 45px #19735a21}.exam-hero-score strong{color:var(--jade-dark);font-size:52px;font-weight:860;line-height:1}.exam-hero-score span{color:#476159;text-transform:uppercase;margin-top:7px;font-size:13px;font-weight:800}.exam-hero-score small{color:#74817d;margin-top:12px;font-size:12px}.exam-overview-grid{z-index:2;background:#ffffffeb;border:1px solid #dce7e1;border-radius:0 0 24px 24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:-1px 34px 0;display:grid;position:relative;box-shadow:0 18px 38px #2d4a3f12}.exam-overview-grid article{align-items:center;gap:16px;min-width:0;padding:23px 28px;display:flex}.exam-overview-grid article+article{border-left:1px solid #e4ebe7}.exam-overview-grid article>span{width:48px;height:48px;color:var(--jade-dark);background:var(--jade-soft);border-radius:15px;flex:none;place-items:center;display:grid}.exam-answer-heading small,.exam-overview-grid small{color:var(--jade);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.exam-overview-grid h2{margin:2px 0 3px;font-size:18px}.exam-overview-grid p{color:var(--muted);margin:0;font-size:13px}.exam-answer-key-panel,.exam-grading-panel,.exam-history-panel,.exam-setup-panel{background:#ffffffeb;border:1px solid #dce6e1;border-radius:28px;margin-top:30px;box-shadow:0 18px 48px #294c3e12}.exam-setup-panel{padding:32px}.exam-answer-key-panel>header,.exam-history-panel>header,.exam-panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.exam-answer-key-panel>header p,.exam-panel-heading>div>p{color:var(--jade);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:850}.exam-answer-key-panel h2,.exam-panel-heading h2{letter-spacing:-.025em;margin:0;font-size:24px}.exam-panel-heading>div>span{color:var(--muted);margin-top:7px;font-size:14px;display:block}.exam-panel-heading>svg{color:var(--jade)}.exam-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.exam-upload-card{cursor:pointer;background:#fafcfb;border:1px dashed #bed1c8;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-width:0;min-height:112px;padding:18px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s,box-shadow .18s;display:grid}.exam-upload-card:hover{border-color:var(--jade);background:#f7fbf8;transform:translateY(-2px);box-shadow:0 12px 25px #205b4414}.exam-upload-card.is-ready{background:#f2faf6;border-style:solid;border-color:#8dc5ad}.exam-upload-card>input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.exam-upload-icon{width:48px;height:48px;color:var(--jade-dark);background:var(--jade-soft);border-radius:15px;grid-row:1/span 2;place-items:center;display:grid}.exam-upload-copy{min-width:0}.exam-upload-copy>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.exam-upload-copy strong{color:#273432;font-size:15px}.exam-upload-copy em{color:#73817c;text-transform:uppercase;background:#eef3f0;border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800}.exam-upload-copy small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;display:block;overflow:hidden}.exam-upload-action{color:var(--jade);grid-column:2;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.exam-draft-note{color:#335991;background:#f3f7ff;border:1px solid #c8d9f6;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;font-size:13px;display:flex}.exam-setup-actions{border-top:1px solid #e6ece8;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:22px;display:flex}.exam-setup-actions p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.exam-start-button{min-width:214px}.exam-history-panel{padding:26px 30px}.exam-history-panel>header>div{align-items:center;gap:12px;display:flex}.exam-history-panel>header>div>svg{color:var(--jade)}.exam-history-panel>header span{gap:2px;display:grid}.exam-history-panel>header strong{font-size:17px}.exam-history-panel>header small{color:var(--muted);font-size:12px}.exam-answer-key-panel>header a,.exam-history-panel>header button{color:var(--jade-dark);cursor:pointer;background:#fff;border:1px solid #dce7e1;border-radius:11px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.exam-history-empty{color:var(--muted);text-align:center;background:#f7f9f8;border-radius:16px;margin:22px 0 4px;padding:22px;font-size:13px}.exam-history-list{gap:9px;margin-top:20px;display:grid}.exam-history-list article{border:1px solid #e4ebe7;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.exam-history-list article>span{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.exam-history-list article>span.is-pass{color:#0f7d56;background:#e9f8f0}.exam-history-list article>span.is-retry{color:#b16c12;background:#fff6e7}.exam-history-list article div{gap:2px;display:grid}.exam-history-list article p,.exam-history-list article small{color:var(--muted);font-size:12px}.exam-history-list article p{margin:0}.exam-source-note{color:#7b8783;text-align:center;margin:22px auto 0;font-size:11px}.exam-source-note a{color:var(--jade);text-underline-offset:2px;text-decoration:underline}.exam-workspace{padding-bottom:30px}.exam-command-bar{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dce6e1;border-radius:20px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:72px;padding:9px;display:grid;position:sticky;top:125px;box-shadow:0 14px 35px #2246381f}.exam-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.exam-section-tabs button{color:#64716d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px 12px;font-weight:750;transition:color .17s,background-color .17s,transform .17s cubic-bezier(.16,1,.3,1);display:grid}.exam-section-tabs button:hover{color:var(--jade-dark);background:#f1f7f4}.exam-section-tabs button.is-active{color:var(--jade-dark);background:var(--jade-soft);border-color:#cbe3d8}.exam-section-tabs button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exam-section-tabs button small{color:inherit;opacity:.7;font-size:10px}.exam-timer{min-height:52px;color:var(--jade-dark);background:#f3f8f5;border-radius:14px;grid-template-columns:auto auto;align-items:center;gap:1px 8px;padding:7px 13px;display:grid}.exam-timer span{font-variant-numeric:tabular-nums;font-size:17px;font-weight:850}.exam-timer small{color:#77847f;text-transform:uppercase;grid-column:2;font-size:9px;font-weight:750}.exam-timer.is-low{color:#a84735;background:#fff0ec}.exam-pause-button{color:#41504c;cursor:pointer;background:#fff;border:1px solid #d8e4de;border-radius:14px;align-items:center;gap:7px;min-height:52px;padding:0 15px;font-weight:750;display:inline-flex}.exam-total-progress{background:#e4ebe7;border-radius:99px;height:5px;margin:12px 4px 18px;overflow:hidden}.exam-total-progress span{border-radius:inherit;background:linear-gradient(90deg,#2c7d64,#5cae8d,#e6b352);height:100%;transition:width .43s cubic-bezier(.16,1,.3,1);display:block}.exam-workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:18px;min-height:720px;display:grid}.exam-answer-panel,.exam-document-panel{background:#fff;border:1px solid #dce6e1;border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 18px 45px #2b4c3f14}.exam-document-panel{grid-template-rows:auto auto minmax(620px,1fr);display:grid}.exam-document-panel>header{border-bottom:1px solid #e4ebe7;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:13px 18px;display:flex}.exam-document-panel>header>div{align-items:center;gap:10px;min-width:0;display:flex}.exam-document-panel>header>div>svg{color:var(--jade);flex:none}.exam-document-panel>header span{gap:2px;min-width:0;display:grid}.exam-document-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.exam-document-panel>header small{color:var(--muted);font-size:10px}.exam-document-panel>header a{color:var(--jade);flex:none;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.exam-answer-key-panel iframe,.exam-document-panel iframe{background:#f2f4f3;border:0;width:100%;height:100%;min-height:620px}.exam-audio-player{min-height:58px;color:var(--jade);background:#f8fbf9;border-bottom:1px solid #e4ebe7;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 16px;display:grid}.exam-audio-player audio{width:100%;height:38px}.exam-answer-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.exam-answer-heading{border-bottom:1px solid #e4ebe7;justify-content:space-between;align-items:center;min-height:91px;padding:17px 20px;display:flex}.exam-answer-heading h2{margin:2px 0 1px;font-size:21px}.exam-answer-heading p{color:var(--muted);margin:0;font-size:11px}.exam-answer-heading>span{width:54px;height:54px;color:var(--jade-dark);border:5px solid #dfeee7;border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.exam-answer-scroll{scrollbar-color:#bdd5ca transparent;scrollbar-width:thin;max-height:720px;padding:18px;overflow:auto}.exam-answer-group+.exam-answer-group{margin-top:20px}.exam-answer-group>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.exam-answer-group h3{margin:0;font-size:15px}.exam-answer-group p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.45}.exam-answer-group>header>span{color:var(--jade-dark);background:var(--jade-soft);border-radius:999px;flex:none;padding:4px 7px;font-size:10px;font-weight:800}.exam-question-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.exam-question-list.is-writing{grid-template-columns:1fr}.exam-question-row{background:#fcfdfc;border:1px solid #e1e9e5;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:50px;padding:7px 8px;transition:border-color .15s,box-shadow .15s;display:grid}.exam-question-row:focus-within{border-color:#8bc2ab;box-shadow:0 0 0 3px #19735a14}.exam-question-row>strong{color:#53625d;text-align:center;font-size:11px}.exam-choice-row{grid-auto-columns:minmax(28px,1fr);grid-auto-flow:column;gap:4px;min-width:0;display:grid}.exam-choice-row button{color:#64716d;cursor:pointer;background:#fff;border:1px solid #dce5e1;border-radius:9px;min-width:28px;height:32px;padding:0 5px;font-size:10px;font-weight:820;transition:color .15s,border-color .15s,background-color .15s,transform .15s}.exam-choice-row button:hover{border-color:#8ebead;transform:translateY(-1px)}.exam-choice-row button.is-selected{color:#fff;border-color:var(--jade);background:var(--jade);box-shadow:0 5px 12px #19735a33}.exam-question-row input,.exam-question-row textarea{color:#17211f;resize:vertical;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;font-size:13px}.exam-question-row textarea{min-height:52px;padding:6px}.exam-question-row input::placeholder,.exam-question-row textarea::placeholder{color:#a4aeaa}.exam-workspace-footer{background:#fff;border:1px solid #dce6e1;border-radius:19px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 20px;display:flex;box-shadow:0 12px 30px #2a473c12}.exam-workspace-footer>div:first-child{gap:2px;display:grid}.exam-workspace-footer>div:first-child span{color:var(--muted);font-size:11px}.exam-workspace-footer>div:last-child{gap:9px;display:flex}.exam-result-heading{background:linear-gradient(125deg,#f9fcfa,#eaf5ef);border:1px solid #d5e5dd;border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:44px 48px;display:grid}.exam-result-heading h1{font-size:clamp(37px,4.2vw,56px)}.exam-result-summary{text-align:center;background:#fff;border:9px solid #19735a1a;border-radius:50%;place-content:center;width:150px;height:150px;display:grid}.exam-result-summary span{color:var(--jade-dark);font-size:27px;font-weight:850}.exam-result-summary small{color:var(--muted);font-size:10px}.exam-score-banner{color:#86500d;background:#fff8e9;border:1px solid #ecd5af;border-radius:21px;align-items:center;gap:17px;margin-top:22px;padding:20px 24px;display:flex}.exam-score-banner.is-pass{color:var(--jade-dark);background:#eef9f3;border-color:#b9dacb}.exam-score-banner>span{background:#ffffffb8;border-radius:16px;flex:none;place-items:center;width:53px;height:53px;display:grid}.exam-score-banner div{display:grid}.exam-score-banner small{text-transform:uppercase;font-size:10px;font-weight:800}.exam-score-banner strong{margin-top:1px;font-size:27px}.exam-score-banner p{color:inherit;opacity:.8;margin:3px 0 0;font-size:12px}.exam-result-grid{grid-template-columns:minmax(420px,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.exam-answer-key-panel,.exam-grading-panel{min-width:0;padding:27px}.exam-score-inputs{gap:9px;margin-top:22px;display:grid}.exam-score-inputs label{background:#fbfdfc;border:1px solid #e0e8e4;border-radius:16px;grid-template-columns:auto minmax(0,1fr) 72px 60px;align-items:center;gap:10px;min-height:67px;padding:10px 12px;display:grid}.exam-score-inputs label>span:first-child{width:39px;height:39px;color:var(--jade-dark);background:var(--jade-soft);border-radius:12px;place-items:center;display:grid}.exam-score-inputs label>span:nth-child(2){gap:3px;display:grid}.exam-score-inputs label small{color:var(--muted);font-size:10px}.exam-score-inputs input{color:#20302c;text-align:center;background:#fff;border:1px solid #ccd9d3;border-radius:10px;width:72px;height:40px;font-weight:800}.exam-score-inputs b{color:var(--jade-dark);text-align:right;font-size:12px}.exam-save-result{width:100%;margin-top:18px}.exam-answer-key-panel{grid-template-rows:auto minmax(440px,1fr);display:grid}.exam-answer-key-panel>header{margin:-2px 0 18px}.exam-answer-key-panel h2{text-overflow:ellipsis;white-space:nowrap;max-width:460px;font-size:17px;overflow:hidden}.exam-answer-key-panel iframe{border:1px solid #e2e8e5;border-radius:16px;min-height:440px}.exam-no-key{color:#7b8984;text-align:center;background:#f8faf9;border:1px dashed #cddbd5;border-radius:16px;place-content:center;justify-items:center;gap:12px;min-height:440px;display:grid}.exam-no-key p{max-width:290px;margin:0;font-size:13px;line-height:1.5}.exam-result-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (max-width:1100px){.exam-page-container{width:min(100% - 28px,980px)}.exam-upload-grid{grid-template-columns:1fr}.exam-upload-card{min-height:96px}.exam-result-grid,.exam-workspace-grid{grid-template-columns:1fr}.exam-document-panel{min-height:650px}.exam-answer-scroll{max-height:none}}@media (max-width:760px){.exam-page{padding-top:18px}.exam-page-container{width:min(100% - 20px,680px)}.exam-hero{border-radius:25px;grid-template-columns:1fr;gap:24px;min-height:0;padding:30px 24px}.exam-hero h1{font-size:38px}.exam-hero-copy>p:last-child{font-size:15px}.exam-hero-score{justify-self:center;width:150px}.exam-hero-score strong{font-size:40px}.exam-overview-grid{grid-template-columns:1fr;margin-inline:12px}.exam-overview-grid article{padding:15px 18px}.exam-overview-grid article+article{border-top:1px solid #e4ebe7;border-left:0}.exam-answer-key-panel,.exam-grading-panel,.exam-history-panel,.exam-setup-panel{border-radius:22px;padding:22px 18px}.exam-result-actions,.exam-setup-actions,.exam-workspace-footer{flex-direction:column;align-items:stretch}.exam-start-button{width:100%}.exam-history-list article{grid-template-columns:auto minmax(0,1fr)}.exam-history-list article p{grid-column:2}.exam-command-bar{grid-template-columns:1fr auto;position:static}.exam-section-tabs{grid-column:1/-1}.exam-section-tabs button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px}.exam-section-tabs button small,.exam-section-tabs button svg{display:none}.exam-section-tabs button span{text-align:center}.exam-pause-button{min-height:52px}.exam-workspace-grid{min-height:0}.exam-document-panel{grid-template-rows:auto auto minmax(440px,1fr);min-height:520px}.exam-document-panel iframe{min-height:440px}.exam-question-list{grid-template-columns:1fr}.exam-workspace-footer>div:last-child{width:100%;display:grid}.exam-result-heading{border-radius:24px;grid-template-columns:1fr;padding:30px 24px}.exam-result-summary{justify-self:center;width:120px;height:120px}.exam-score-inputs label{grid-template-columns:auto minmax(0,1fr) 64px}.exam-score-inputs b{grid-column:2/-1}.exam-result-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.exam-choice-row button,.exam-section-tabs button,.exam-total-progress span,.exam-upload-card{transition:none}.exam-choice-row button:hover,.exam-upload-card:hover{transform:none}}.pronunciation-reference{text-align:left;background:radial-gradient(circle at 8% 5%,#7747a114,#0000 16rem),linear-gradient(135deg,#fff,#fbf9fd);grid-template-columns:minmax(210px,.55fr) minmax(360px,1.45fr);place-items:center stretch;gap:24px;padding:24px}.pronunciation-reference-main{text-align:center;align-content:center;justify-items:center;min-width:0;display:grid}.pronunciation-reference-kicker{color:#70409a;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;margin:0 0 8px;font-size:9px;font-weight:850;display:inline-flex}.pronunciation-reference-main>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(54px,8vw,82px);line-height:1.12}.pronunciation-reference-main>span{color:var(--jade);letter-spacing:.02em;margin-top:5px;font-size:21px;font-weight:820}.pronunciation-reference-main .pronunciation-meaning{color:#52625d;margin-top:9px;font-size:13px}.pronunciation-reference-main .button{margin-top:17px}.pronunciation-pinyin-analysis{background:#ffffffe0;border:1px solid #e1d9e8;border-radius:19px;min-width:0;padding:18px;box-shadow:0 12px 30px #4a2e5d0f}.pronunciation-pinyin-analysis>header{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:13px;display:flex}.pronunciation-pinyin-analysis>header>div{gap:3px;display:grid}.pronunciation-pinyin-analysis>header small{color:#70409a;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:850}.pronunciation-pinyin-analysis>header strong{color:#2b3432;font-size:14px}.pronunciation-pinyin-analysis>header>span{color:#684279;background:#f3ecf7;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.pronunciation-syllable-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;display:grid}.pronunciation-syllable-grid article{background:#fbfdfc;border:1px solid #e4e9e6;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;min-width:0;padding:12px;display:grid}.pronunciation-syllable-grid article.has-tone-change{background:#fcf8fe;border-color:#dfc3ef}.pronunciation-syllable-character{color:#25322f;background:#eef4f1;border-radius:11px;grid-row:1;place-items:center;width:39px;height:39px;font-family:Noto Serif SC,Songti SC,serif;font-size:24px;font-weight:720;display:grid}.has-tone-change .pronunciation-syllable-character{color:#70409a;background:#f0e3f7}.pronunciation-syllable-pinyin{gap:1px;min-width:0;display:grid}.pronunciation-syllable-pinyin strong{color:var(--jade-dark);font-size:17px}.pronunciation-syllable-pinyin small{color:#82908b;font-size:9px;font-weight:700}.pronunciation-syllable-grid dl{border-top:1px solid #e8eeeb;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding-top:8px;display:grid}.pronunciation-syllable-grid dl>div{min-width:0}.pronunciation-syllable-grid dt{color:#84908c;text-transform:uppercase;font-size:8px;font-weight:750}.pronunciation-syllable-grid dd{color:#3e4c48;margin:2px 0 0;font-size:11px;font-weight:820}.pronunciation-tone-path{color:#65736e;background:#f0f5f2;border-radius:9px;grid-column:1/-1;align-items:center;gap:5px;min-height:30px;padding:5px 7px;font-size:8px;font-weight:720;display:flex}.has-tone-change .pronunciation-tone-path{color:#654277;background:#f3eaf8}.pronunciation-tone-path b{color:var(--jade-dark);font-size:11px}.has-tone-change .pronunciation-tone-path b{color:#70409a}.pronunciation-tone-path em{color:#6e4a7e;background:#fff;border-radius:6px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal;font-weight:850}.pronunciation-sandhi-note{color:#684b74;background:#faf5fc;border:1px solid #e7d8ef;border-radius:11px;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;font-size:10px;line-height:1.45;display:flex}.pronunciation-sandhi-note svg{flex:none;margin-top:1px}.pronunciation-shell--inline{grid-template-columns:1fr}.pronunciation-shell--inline .pronunciation-actions,.pronunciation-shell--inline .pronunciation-quota-empty,.pronunciation-shell--inline .pronunciation-quota-line,.pronunciation-shell--inline .pronunciation-reference,.pronunciation-shell--inline .pronunciation-result,.pronunciation-shell--inline .recorder-panel,.pronunciation-shell--inline>.form-error{grid-column:1}.pronunciation-shell--inline .pronunciation-reference{min-height:0;padding:20px}.pronunciation-shell--inline .pronunciation-reference-main>strong{font-size:clamp(45px,6vw,68px)}.pronunciation-shell--inline .recorder-panel{min-height:210px}.tone-unit-list article{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;position:relative}.tone-unit-heading{align-items:center;gap:9px;min-width:0;display:flex}.tone-unit-heading strong{margin:0}.tone-unit-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tone-unit-list article>b{color:var(--jade-dark);align-self:center;font-size:11px}.tone-unit-list article>p{grid-column:1/-1}@media (max-width:860px){.pronunciation-reference{grid-template-columns:1fr}.pronunciation-reference-main{padding-block:6px}}@media (max-width:560px){.pronunciation-reference,.pronunciation-shell--inline .pronunciation-reference{gap:16px;padding:16px}.pronunciation-pinyin-analysis{padding:13px}.pronunciation-syllable-grid{grid-template-columns:1fr}.pronunciation-pinyin-analysis>header{align-items:flex-start}}.auth-footer,.header-actions,.header-nav,.hero-actions,.inline-actions,.lesson-meta,.module-meta,.stat-row{align-items:center;display:flex}.header-nav{color:#4b5b56;gap:28px;font-size:14px;font-weight:650}.header-nav a:hover{color:var(--jade-dark)}.review-nav{align-self:stretch;align-items:center;display:flex;position:relative}.review-nav-trigger{color:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px 0;display:inline-flex}.review-nav-trigger:hover,.review-nav.is-open .review-nav-trigger{color:var(--jade-dark)}.review-nav-trigger svg{transition:transform .18s cubic-bezier(.16,1,.3,1)}.review-nav.is-open .review-nav-trigger svg{transform:rotate(180deg)}.review-nav-panel{z-index:50;visibility:hidden;border:1px solid var(--line);width:min(470px,100vw - 32px);padding:25px 18px 27px;position:absolute;top:calc(100% - 2px);left:50%}@supports (color:color-mix(in lab,red,red)){.review-nav-panel{border:1px solid color-mix(in srgb,var(--line) 88%,white)}}.review-nav-panel{opacity:0;transform-origin:top;pointer-events:none;background:#fffffffa;border-radius:0 0 24px 24px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;transform:translate(-50%,-8px)scale(.985);box-shadow:0 28px 70px #1b362c29}.review-nav.is-open .review-nav-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.review-nav-heading{color:#2b68ef;letter-spacing:.05em;width:fit-content;margin:0 14px 10px;font-size:14px;font-weight:850;display:block}.review-nav-list{gap:3px;display:grid}.review-nav-item{border-radius:17px;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:10px 12px;transition:color .15s,background-color .15s,transform .15s;display:grid}.review-nav-item.is-selected,.review-nav-item:hover{color:#3289d5;background:#eaf4fc;transform:translate(2px)}.review-nav-icon{border-radius:17px;place-items:center;width:60px;height:60px;display:grid}.review-nav-icon.is-amber{color:#e59000;background:#fff1bb}.review-nav-icon.is-violet{color:#7657f4;background:#eee7ff}.review-nav-icon.is-coral{color:#ec4141;background:#fff0ee}.review-nav-icon.is-mint{color:#16a65b;background:#dff9e9}.review-nav-icon.is-aqua{color:#009b66;background:#e7fff6}.review-nav-copy,.review-nav-copy small,.review-nav-copy strong{min-width:0;display:block}.review-nav-copy strong{color:#273142;font-size:16px;font-weight:790;line-height:1.25}.review-nav-copy small{color:#9299a9;margin-top:3px;font-size:13px;font-weight:560;line-height:1.3}.review-nav-item.is-selected .review-nav-copy strong,.review-nav-item:hover .review-nav-copy strong{color:#3289d5}.header-actions,.hero-actions,.inline-actions{gap:12px}.button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button-primary:hover{background:var(--jade-dark)}.button-secondary{color:var(--ink);border-color:var(--line);background:var(--surface)}.button-ghost{min-height:40px;color:var(--jade-dark);background:0 0;padding-inline:12px}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.hero{padding:88px 0 76px;position:relative;overflow:hidden}.hero:after{content:"学";z-index:-1;color:#19735a0a;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(220px,31vw,470px);font-weight:900;line-height:.9;position:absolute;top:18px;right:max(4vw,50vw - 590px)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:72px;display:grid}.eyebrow{width:fit-content;letter-spacing:.04em;text-transform:uppercase;background:#ffffffb3;border:1px solid #cce4d7;border-radius:999px;margin:0 0 20px;padding:8px 12px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(45px,6.2vw,78px);line-height:1.03}.hero-copy{color:#596862;max-width:640px;margin:26px 0 32px;font-size:clamp(17px,2vw,20px);line-height:1.7}.hero-note{margin-top:18px}.lesson-preview{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #ceded3e6;border-radius:30px;padding:20px;transform:rotate(1.5deg)}.card-heading,.lesson-row,.module-heading,.page-heading,.preview-top,.progress-label,.vocab-actions,.vocab-main{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-top{color:var(--muted);padding:4px 4px 18px;font-size:13px;font-weight:700}.preview-chip,.status-chip,.tag{border-radius:999px;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.preview-chip{color:var(--jade-dark);background:var(--jade-soft);padding:6px 9px}.hanzi-card{text-align:center;background-color:#f9fcf8;background-image:linear-gradient(#19735a0b 1px,#0000 0),linear-gradient(90deg,#19735a0b 1px,#0000 0),none;background-size:28px 28px;border-radius:22px;padding:30px 24px 25px}.hanzi-card .pinyin{font-size:17px;font-weight:750}.hanzi-card .hanzi{margin:8px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:84px;line-height:1.15}.hanzi-card .meaning{color:#65736e;font-weight:650}.preview-progress{margin-top:18px}.progress-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700}.progress-track{background:#e7eee9;border-radius:99px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--jade),#36a67e);height:100%}.section-tint{background:#f3f8f3;border-block:1px solid #e0eae2}.auth-panel h1,.page-heading h1,.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,50px);line-height:1.1}.page-heading p,.section-heading p{margin:14px 0 0;font-size:17px;line-height:1.7}.course-grid,.dashboard-grid,.feature-grid,.module-grid,.pricing-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.auth-panel,.course-card,.feature-card,.module-card,.pricing-card,.surface-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;box-shadow:0 8px 30px #1d43350d}.feature-card{padding:26px}.feature-icon,.metric-icon,.module-icon{place-items:center;display:grid}.feature-card h3{letter-spacing:-.02em;margin:20px 0 8px;font-size:19px}.feature-card p,.module-card p,.surface-card p{color:var(--muted);margin:0;line-height:1.65}.placement-invite{padding:0 0 68px}.placement-invite-card{color:#fff;background:radial-gradient(circle at 88% 0,#63cda333,#0000 34%),linear-gradient(135deg,#102f27,#164d3d);border:1px solid #65b89738;border-radius:30px;padding:clamp(26px,4vw,42px);position:relative;overflow:hidden;box-shadow:0 24px 64px #0d43332e}.placement-invite-heading{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:20px;max-width:820px;display:grid}.placement-invite-icon{color:#8ee1bd;background:#02181266;border-radius:18px;place-items:center;width:60px;height:60px;display:grid}.placement-invite-heading .card-kicker{color:#92dabd;margin:1px 0 7px}.placement-invite-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3.5vw,38px)}.placement-invite-heading p:last-child{color:#ffffffab;margin:9px 0 0;line-height:1.6}.placement-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.placement-choice{background:#051a145c;border:1px solid #ffffff29;border-radius:20px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:132px;padding:23px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s,box-shadow .18s;display:grid}.placement-choice.is-primary{background:#22775b59;border-color:#8ee1bd73}.placement-choice-icon{color:#8ee1bd;background:#ffffff14;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.placement-choice small,.placement-choice strong{display:block}.placement-choice strong{margin-bottom:8px;font-size:19px}.placement-choice small{color:#ffffff9e;font-size:13px;line-height:1.55}.placement-choice>svg{color:#ffffff8a;transition:transform .18s cubic-bezier(.16,1,.3,1)}.placement-choice:hover>svg{transform:translate(3px)}.placement-page{background:radial-gradient(circle at 90% 0,#e5f4eccc,#0000 32rem),#f8fbf8}.placement-band-card,.placement-result-hero,.placement-review,.placement-start-card,.placement-test-shell{border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px #1c3e3114}.placement-start-card{border-radius:30px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center;gap:54px;min-height:570px;padding:clamp(32px,6vw,72px);display:grid}.placement-start-copy h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(40px,5vw,66px);line-height:1.04}.placement-start-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);margin:24px 0;font-size:17px;line-height:1.7}.placement-start-facts{flex-wrap:wrap;gap:9px;margin:0 0 30px;display:flex}.placement-start-facts span{color:var(--jade-dark);background:var(--jade-soft);border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:750;display:inline-flex}.placement-section-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:720px;margin:0 0 20px;display:grid}.placement-section-preview article{min-width:0;color:var(--jade-dark);background:#f7fbf8;border:1px solid #dcebe3;border-radius:15px;align-items:center;gap:10px;padding:13px;display:flex}.placement-section-preview article>span,.placement-section-preview small,.placement-section-preview strong{min-width:0;display:block}.placement-section-preview strong{font-size:14px}.placement-section-preview small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700}.placement-start-art{aspect-ratio:1;color:#fff;background:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px),linear-gradient(135deg,var(--jade-dark),#2f9873);background-size:34px 34px;border-radius:50% 44% 48% 42%;place-items:center;display:grid;transform:rotate(3deg);box-shadow:0 28px 60px #19735a40}.placement-start-art span{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(100px,16vw,180px);font-weight:800;transform:rotate(-3deg)}.placement-test-shell{border-radius:30px;overflow:hidden}.placement-section-nav{background:#fbfcfb;border-bottom:1px solid #e7ede9;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 20px;display:grid}.placement-section-nav button{color:#5c6c64;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe8e2;border-radius:15px;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px 12px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s,box-shadow .18s;display:flex}.placement-section-nav button:hover{border-color:#8fc1ae;transform:translateY(-1px);box-shadow:0 8px 18px #19735a12}.placement-section-nav button.is-active{color:var(--jade-dark);background:#eff9f4;border-color:#72b69b;box-shadow:0 0 0 3px #4aa88414}.placement-section-nav button>span:first-child{width:36px;height:36px;color:var(--jade);background:var(--jade-soft);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.placement-section-nav button>span:last-child,.placement-section-nav small,.placement-section-nav strong{min-width:0;display:block}.placement-section-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.placement-section-nav small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:700}.placement-test-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 30px 0;display:grid}.placement-test-header>div:first-child{flex-wrap:wrap;gap:8px;display:flex}.placement-question-count,.placement-skill-tag,.placement-timer{border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.placement-question-count{color:#2864c7;background:#edf4ff}.placement-skill-tag{color:var(--jade-dark);background:var(--jade-soft)}.placement-timer{color:#69502a;background:var(--amber-soft);font-variant-numeric:tabular-nums;justify-content:center;min-width:94px}.placement-timer.is-urgent{color:#a23c2a;background:#ffe9e3}.placement-progress{background:#edf1ee;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.placement-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--jade),#42b98d);height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}.placement-question-card{min-height:500px;padding:clamp(28px,5vw,58px)}.placement-question-copy{background:#f7f9fc;border:1px solid #dfe8f0;border-radius:22px;align-content:center;min-height:170px;padding:28px 30px;display:grid}.placement-question-copy p{color:#6d7f94;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:850}.placement-question-copy h1{letter-spacing:0;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(32px,5vw,54px);font-weight:650}.placement-audio-button{width:min(100%,360px);color:var(--jade-dark);cursor:pointer;text-align:left;background:#fff;border:1px solid #b8d9cb;border-radius:16px;align-items:center;gap:13px;margin-top:7px;padding:15px 17px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s;display:flex}.placement-audio-button:hover{border-color:var(--jade);transform:translateY(-1px);box-shadow:0 9px 24px #19735a1a}.placement-audio-button.is-playing{border-color:var(--jade);background:#eef9f4}.placement-audio-button>svg{flex:none}.placement-audio-button small,.placement-audio-button span,.placement-audio-button strong{display:block}.placement-audio-button strong{font-size:14px}.placement-audio-button small{color:var(--muted);margin-top:3px;font-size:11px}.placement-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.placement-options button{color:#233044;cursor:pointer;text-align:left;background:#fff;border:1px solid #d8e2ea;border-radius:18px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:14px;min-height:86px;padding:14px 18px;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,background .17s,box-shadow .17s;display:grid}.placement-options button:hover{border-color:#8cbfae;transform:translateY(-1px);box-shadow:0 8px 22px #19735a14}.placement-options button.is-selected{color:var(--jade-dark);background:#eff9f4;border-color:#64af92;box-shadow:0 0 0 3px #4aa8841a}.placement-options button>span{color:#65758a;background:#f1f5f8;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:850;display:grid}.placement-options button.is-selected>span{color:#fff;background:var(--jade)}.placement-options strong{font-size:17px;line-height:1.45}.placement-options button>svg{color:var(--jade)}.placement-speech-answer,.placement-writing-answer{background:#fbfdfb;border:1px solid #d8e5de;border-radius:20px;margin-top:24px}.placement-speech-answer{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:18px;min-height:132px;padding:22px;display:grid}.placement-mic-button{color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-dark));cursor:pointer;border:0;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:grid;box-shadow:0 12px 30px #19735a3d}.placement-mic-button:hover{transform:scale(1.035);box-shadow:0 15px 34px #19735a4d}.placement-mic-button.is-listening{animation:placement-mic-pulse 1.2s ease-in-out infinite}@keyframes placement-mic-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px #369b751f}}.placement-speech-answer strong{font-size:16px}.placement-speech-answer p{color:var(--muted);margin:7px 0 0;line-height:1.55}.placement-speech-answer input{border:1px solid #cfded6;border-radius:13px;outline:none;grid-column:1/-1;width:100%;min-height:52px;padding:0 15px;font-family:Noto Serif SC,Songti SC,serif;font-size:20px}.placement-speech-answer input:focus,.placement-writing-answer textarea:focus{border-color:var(--jade);box-shadow:0 0 0 3px #4aa8841c}.placement-writing-answer{gap:9px;padding:20px;display:grid}.placement-writing-answer>span{color:var(--jade-dark);font-size:13px;font-weight:800}.placement-writing-answer textarea{resize:vertical;border:1px solid #cfded6;border-radius:15px;outline:none;width:100%;min-height:128px;padding:17px;font-family:Noto Serif SC,Songti SC,serif;font-size:24px;line-height:1.55}.placement-writing-answer small{color:var(--muted);font-size:11px}.placement-test-footer{background:#fbfcfb;border-top:1px solid #e7ede9;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:20px 30px 26px;display:grid}.placement-test-footer>span{color:var(--muted);font-size:12px;font-weight:750}.placement-test-footer .button:last-child{justify-self:end}.placement-result{gap:20px;display:grid}.placement-result-hero{border-radius:30px;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:36px;padding:clamp(30px,5vw,54px);display:grid}.placement-score-ring{width:160px;height:160px;color:var(--jade-dark);text-align:center;background:#f4fbf7;border:13px solid #cfeadd;border-radius:50%;place-content:center;display:grid}.placement-score-ring strong{letter-spacing:-.06em;font-size:52px;line-height:.9}.placement-score-ring span{color:var(--muted);margin-top:7px;font-size:13px;font-weight:750}.placement-result-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,48px)}.placement-result-hero p:not(.card-kicker){max-width:720px;color:var(--muted);margin:13px 0 22px;line-height:1.65}.placement-result-actions{flex-wrap:wrap;gap:10px;display:flex}.placement-skill-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.placement-skill-results article{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:20px;display:grid;box-shadow:0 12px 30px #1c3e310f}.placement-skill-results article>span{width:44px;height:44px;color:var(--jade-dark);background:var(--jade-soft);border-radius:13px;place-items:center;display:grid}.placement-skill-results small,.placement-skill-results strong{display:block}.placement-skill-results small{color:var(--muted);font-size:11px;font-weight:800}.placement-skill-results strong{margin:2px 0 8px;font-size:21px}.placement-skill-results article div>div{background:#e1e9e4;border-radius:99px;height:6px;overflow:hidden}.placement-skill-results i{border-radius:inherit;background:var(--jade);height:100%;display:block}.placement-band-card{border-radius:24px;padding:28px}.placement-band-card h2{margin:0 0 22px}.placement-band-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;display:grid}.placement-band-grid article{background:#f4f8f5;border-radius:14px;padding:13px 11px}.placement-band-grid span,.placement-band-grid strong{display:block}.placement-band-grid span{color:var(--muted);font-size:10px;font-weight:800}.placement-band-grid strong{margin:4px 0 10px;font-size:18px}.placement-band-grid article>div{background:#dfe8e2;border-radius:99px;height:5px;overflow:hidden}.placement-band-grid i{border-radius:inherit;background:var(--jade);height:100%;display:block}.placement-review{border-radius:24px;overflow:hidden}.placement-review summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;font-weight:800;display:flex}.placement-review summary span{color:var(--muted);font-size:12px;font-weight:650}.placement-review-list{gap:10px;padding:0 24px 24px;display:grid}.placement-review-list article{background:#f6f9f7;border-radius:15px;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:17px;display:grid}.placement-review-list article>span{color:#91a19a;font-size:11px;font-weight:850}.placement-review-list small{color:var(--jade);font-weight:800}.placement-review-list h3{margin:5px 0 10px;font-family:Noto Serif SC,Songti SC,serif;font-size:21px}.placement-review-list p{color:var(--muted);margin:5px 0 0;line-height:1.55}.placement-review-list p:has(svg){color:var(--jade-dark);align-items:center;gap:6px;font-weight:750;display:flex}@media (max-width:820px){.placement-choice-grid,.placement-options,.placement-start-card{grid-template-columns:1fr}.placement-start-art{display:none}.placement-band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.placement-section-nav,.placement-section-preview,.placement-skill-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.placement-invite{padding-bottom:48px}.placement-invite-card{border-radius:24px;padding:24px 18px}.placement-invite-heading{grid-template-columns:1fr}.placement-invite-icon{width:50px;height:50px}.placement-choice{grid-template-columns:40px minmax(0,1fr);min-height:0;padding:18px 16px}.placement-choice-icon{width:40px;height:40px}.placement-choice>svg{display:none}.placement-start-card{border-radius:23px;min-height:0;padding:27px 20px}.placement-start-copy h1{font-size:39px}.placement-test-header{grid-template-columns:1fr;padding:18px 16px 0}.placement-section-nav{gap:7px;padding:13px}.placement-section-nav button{min-height:56px;padding:8px}.placement-section-nav button>span:first-child{flex-basis:32px;width:32px;height:32px}.placement-timer{width:fit-content}.placement-question-card{min-height:0;padding:20px 16px 26px}.placement-question-copy{min-height:145px;padding:22px 18px}.placement-options button{grid-template-columns:38px minmax(0,1fr) 20px;min-height:72px;padding:11px 13px}.placement-options button>span{width:38px;height:38px}.placement-section-preview{grid-template-columns:1fr 1fr}.placement-speech-answer{grid-template-columns:58px minmax(0,1fr);gap:13px;padding:18px}.placement-mic-button{width:58px;height:58px}.placement-writing-answer{padding:15px}.placement-skill-results{grid-template-columns:1fr 1fr;gap:8px}.placement-skill-results article{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.placement-skill-results article>span{width:38px;height:38px}.placement-test-footer{grid-template-columns:1fr 1fr;padding:16px}.placement-test-footer>span{text-align:center;grid-area:1/1/auto/-1}.placement-test-footer .button{min-width:0;padding-inline:12px}.placement-result-hero{text-align:center;grid-template-columns:1fr;padding:27px 20px}.placement-score-ring{width:132px;height:132px;margin-inline:auto}.placement-result-actions{justify-content:center}.placement-band-card{padding:22px 16px}.placement-review summary{flex-direction:column;align-items:flex-start}}.standalone-study-page{background:radial-gradient(circle at 88% 0,#ffce5624,#0000 28rem),linear-gradient(#f7faff,#f3f6fb)}.standalone-study-container{padding-block:1.5rem 4rem}.standalone-study-breadcrumb{color:#6c7f97;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:flex}.standalone-study-breadcrumb a{color:#2a67bd;align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.standalone-study-header{color:#fff;background:linear-gradient(135deg,#173a72,#2c6dcc);border-radius:1.7rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.35rem,3vw,2.4rem);display:flex;box-shadow:0 1rem 2.8rem #2550912e}.standalone-study-header>div:first-child>span{color:#ffdc7c;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.82rem;font-weight:850;display:inline-flex}.standalone-study-header h1{margin:.4rem 0 .35rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}.standalone-study-header p{color:#ffffffba;margin:0;font-size:.95rem}.standalone-study-progress{background:#ffffff17;border:1px solid #ffffff26;border-radius:1.1rem;grid-template-columns:repeat(3,minmax(5.5rem,1fr));min-width:min(100%,22rem);display:grid;overflow:hidden}.standalone-study-progress div{text-align:center;border-right:1px solid #ffffff21;padding:.85rem}.standalone-study-progress div:last-child{border-right:0}.standalone-study-progress strong{font-size:1.35rem;display:block}.standalone-study-progress span{color:#ffffffad;font-size:.75rem}.standalone-study-workspace{background:#fffffff5;border:1px solid #dbe4ef;border-radius:1.6rem;margin-top:1.25rem;padding:clamp(1rem,2.5vw,1.6rem);box-shadow:0 1rem 3rem #27436914}.standalone-study-toolbar{border-bottom:1px solid #e3eaf2;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.standalone-study-filters,.standalone-study-tools{gap:.5rem;display:flex;overflow-x:auto}.standalone-study-filters button,.standalone-study-tools button{color:#53667f;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e2ed;border-radius:.8rem;flex:none;align-items:center;gap:.4rem;padding:.58rem .78rem;font-size:.84rem;font-weight:760;display:inline-flex}.standalone-study-filters button span{background:#edf2f8;border-radius:999px;place-items:center;min-width:1.55rem;padding:.12rem .3rem;font-size:.7rem;display:grid}.standalone-study-filters button[aria-pressed=true]{color:#fff;background:#245fba;border-color:#245fba}.standalone-study-filters button[aria-pressed=true] span{background:#ffffff2e}.standalone-study-state{color:#60738b;text-align:center;align-content:center;place-items:center;gap:.75rem;min-height:29rem;display:grid}.standalone-study-state>button{color:#fff;font:inherit;cursor:pointer;background:#2868c3;border:0;border-radius:.7rem;padding:.65rem .9rem;font-weight:750}.standalone-study-stage{width:min(100%,48rem);margin:0 auto;padding-top:1.25rem}.standalone-study-position{color:#75859a;text-align:center;margin-bottom:.65rem;font-size:.84rem;font-weight:800}.standalone-study-card{color:#182b45;width:100%;min-height:31rem;font:inherit;text-align:center;background:radial-gradient(circle at 90% 10%,#ffd25b38,#0000 11rem),linear-gradient(150deg,#fff,#f4f8ff);border:1px solid #d5e0ed;border-radius:1.65rem;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 1.2rem 3.2rem #2a48701f}.standalone-study-card-flip{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.standalone-study-card-flip:focus-visible{outline-offset:-5px;outline:3px solid #2b70cf}.standalone-study-card>:not(.standalone-study-card-flip){z-index:2;pointer-events:none;position:relative}.standalone-study-card.is-revealed{background:radial-gradient(circle at 10% 90%,#2b70cf21,#0000 13rem),linear-gradient(150deg,#fff,#f7faff);border-color:#b8d0f0;justify-content:flex-start}.standalone-study-card-label{color:#386bad;letter-spacing:.05em;text-transform:uppercase;background:#e9f2ff;border-radius:999px;margin-bottom:1.25rem;padding:.38rem .7rem;font-size:.75rem;font-weight:850}.standalone-study-image{background:#fff;border:1px solid #d8e1ec;border-radius:1.1rem;width:min(100%,20rem);height:11.5rem;margin-bottom:1.15rem;padding:.35rem;display:block;overflow:hidden;box-shadow:0 .65rem 1.8rem #2a48701a}.standalone-study-image img{object-fit:contain;object-position:center;border-radius:.78rem;width:100%;height:100%}.standalone-study-card>strong{overflow-wrap:anywhere;letter-spacing:-.045em;font-size:clamp(2.7rem,8vw,5.7rem);line-height:1.02}.standalone-study-card>em{color:#4572aa;margin-top:.8rem;font-family:ui-serif,Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.55rem);font-style:normal}.standalone-study-card>small{color:#8693a5;margin-top:.45rem;font-size:.82rem;font-weight:750}.standalone-study-reveal-hint{color:#8795a7;margin-top:2rem;font-size:.85rem;font-weight:700}.standalone-study-answer{border-top:1px solid #dce5f0;flex-direction:column;align-items:center;width:min(100%,36rem);margin-top:1.6rem;padding-top:1.35rem;display:flex}.standalone-study-answer b{color:#172b46;font-size:clamp(1.15rem,3vw,1.65rem);line-height:1.45}.standalone-study-answer>i{color:#64758b;margin-top:.85rem;font-size:.95rem;line-height:1.6}.standalone-study-details{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.85rem;display:flex}.standalone-study-details>span{color:#62738a;background:#f6f9fd;border:1px solid #d9e4f1;border-radius:.65rem;padding:.38rem .58rem;font-size:.78rem}.standalone-study-details strong{color:#294f81;margin-left:.25rem}.standalone-study-example{color:#4e6078;background:#f6f9fd;border-radius:.85rem;flex-direction:column;gap:.35rem;width:min(100%,34rem);margin-top:.95rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.55;display:flex}.standalone-study-example-header{text-align:left;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.standalone-study-example-header q{flex:1}.standalone-study-example-audio{color:#087d62;cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #b9ddd3;border-radius:999px;flex:0 0 2.25rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-grid;box-shadow:0 .25rem .65rem #087d621f}.standalone-study-example-audio:hover{background:#e7f8f2}.standalone-study-example-audio:focus-visible{outline-offset:2px;outline:3px solid #087d6247}.standalone-study-example q{color:#244a7a;font-size:1.02rem;font-style:normal;font-weight:750}.standalone-study-example i{color:#6d7d90;font-style:normal}.standalone-study-guide{text-align:left;gap:.7rem;width:min(100%,40rem);margin-top:1rem;display:grid}.standalone-study-guide-section{background:#ffffffc7;border:1px solid #dbe5f1;border-radius:.85rem;flex-direction:column;gap:.48rem;padding:.82rem .9rem;display:flex}.standalone-study-guide-heading{color:#245f9e;letter-spacing:.055em;text-transform:uppercase;font-size:.76rem;font-weight:850}.standalone-study-structure{flex-wrap:wrap;gap:.45rem;display:flex}.standalone-study-structure-item{background:#f7faff;border:1px solid #d6e3f1;border-radius:.65rem;flex-direction:column;gap:.12rem;max-width:100%;padding:.5rem .62rem;display:flex}.standalone-study-structure-item small{color:#748399;font-size:.66rem;font-weight:720}.standalone-study-structure-item strong{color:#29445f;overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}.standalone-study-structure-item strong.is-focus{color:#0b7e65}.standalone-study-grammar-pattern{color:#183f65;font-size:.94rem;line-height:1.5}.standalone-study-guide-copy{color:#586a7f;font-size:.86rem;line-height:1.62}.standalone-study-answer-hint{color:#8b98a8;margin-top:1rem;font-size:.76rem;font-weight:700}.standalone-study-mastery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.standalone-study-mastery button{font:inherit;cursor:pointer;background:#fff;border:1px solid;border-radius:.9rem;justify-content:center;align-items:center;gap:.65rem;padding:.85rem;display:flex}.standalone-study-mastery button>span{text-align:left;font-weight:850}.standalone-study-mastery button small{opacity:.7;margin-top:.15rem;font-size:.72rem;font-weight:600;display:block}.standalone-study-mastery .is-review{color:#bd5060;background:#fff7f8;border-color:#efcbd1}.standalone-study-mastery .is-learned{color:#087d62;background:#f2fcf8;border-color:#bae4d9}.standalone-study-navigation{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1rem;display:grid}.standalone-study-navigation button{color:#53667e;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.55rem 0;font-size:.84rem;font-weight:760;display:inline-flex}.standalone-study-navigation button:disabled{opacity:.35;cursor:default}.standalone-study-navigation>div{background:#e6edf5;border-radius:999px;height:.45rem;overflow:hidden}.standalone-study-navigation>div i{border-radius:inherit;background:linear-gradient(90deg,#2869c6,#54a2ef);height:100%;transition:width .18s;display:block}.standalone-study-message{color:#718096;text-align:center;min-height:1.25rem;margin:.6rem 0 0;font-size:.8rem}.standalone-study-deck-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.standalone-study-deck-navigation a{color:#315f9c;background:#fff;border:1px solid #d7e2ef;border-radius:1rem;align-items:center;gap:.6rem;padding:.9rem 1rem;text-decoration:none;display:flex}.standalone-study-deck-navigation a:last-child{text-align:right;justify-content:flex-end}.standalone-study-deck-navigation a span{font-size:.78rem;font-weight:750}.standalone-study-deck-navigation a small{color:#1d3049;margin-top:.16rem;font-size:.9rem;display:block}@media (max-width:820px){.standalone-study-header,.standalone-study-toolbar{flex-direction:column;align-items:stretch}.standalone-study-card{min-height:22rem}}@media (max-width:600px){.standalone-study-container{padding-inline:.75rem}.standalone-study-header{border-radius:1.3rem}.standalone-study-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.standalone-study-progress div{padding:.7rem .4rem}.standalone-study-workspace{border-radius:1.25rem;padding:.85rem}.standalone-study-card{border-radius:1.2rem;min-height:21rem;padding:1.2rem}.standalone-study-mastery{grid-template-columns:1fr}.standalone-study-navigation{grid-template-columns:auto auto}.standalone-study-navigation>div{grid-area:2/1/auto/-1}.standalone-study-navigation button:last-child{justify-self:end}.standalone-study-deck-navigation{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.placement-audio-button,.placement-choice,.placement-choice>svg,.placement-mic-button,.placement-options button,.placement-progress span,.placement-section-nav button{transition:none}.placement-mic-button.is-listening{animation:none}}.site-footer{padding:40px 0}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.page-heading{align-items:flex-end;margin-bottom:32px}.page-heading>div:first-child{max-width:750px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:13px;font-weight:650;display:flex}.breadcrumbs a:after,.breadcrumbs span:after{content:"/";color:#aab5b0;margin-left:8px}.breadcrumbs span:last-child:after{display:none}.dashboard-grid{grid-template-columns:repeat(12,1fr)}.continue-card{color:#fff;background:linear-gradient(135deg,#12664f,#208767);border:0;grid-column:span 7}.continue-card .muted,.continue-card .progress-label,.continue-card p{color:#ffffffc2}.continue-card .progress-track{background:#ffffff2e}.continue-card .progress-fill{background:#fff}.goal-card{grid-column:span 5}.stats-card{grid-column:span 4}.activity-card{grid-column:span 8}.card-kicker{color:inherit;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:8px;font-size:12px;font-weight:850}.surface-card h2,.surface-card h3{letter-spacing:-.025em;margin:0}.surface-card h2{font-size:28px}.surface-card h3{font-size:19px}.card-heading{margin-bottom:22px}.metric-value{letter-spacing:-.04em;margin-top:18px;font-size:36px;font-weight:850;line-height:1;display:block}.metric-label{color:var(--muted);margin-top:8px;font-size:13px;display:block}.stat-row{justify-content:space-between;gap:15px}.stat-item{background:#f5f8f5;border-radius:16px;flex:1;min-width:0;padding:14px}.stat-item strong{letter-spacing:-.03em;font-size:24px;display:block}.stat-item span{color:var(--muted);font-size:12px}.course-grid{grid-template-columns:repeat(3,1fr)}.course-cover{color:#fff;background:radial-gradient(circle at 80% 10%,#ffffff38,#0000 35%),linear-gradient(135deg,#0f624a,#2d9270);justify-content:space-between;align-items:flex-end;min-height:170px;padding:24px;display:flex}.course-cover-character{opacity:.88;font-family:Noto Serif SC,Songti SC,serif;font-size:84px;line-height:.8}.course-card-body h2{margin:0 0 8px;font-size:23px}.course-card-body p{min-height:50px;color:var(--muted);margin:0 0 20px;line-height:1.55}.tag{color:#6e501b;background:var(--amber-soft);padding:6px 9px}.learning-layout{grid-template-columns:322px minmax(0,1fr);align-items:start;gap:36px;width:min(1540px,100% - 48px);display:grid}.course-sidebar{background:var(--surface);scrollbar-color:#cbdde9 transparent;scrollbar-width:thin;border:1px solid #d9e6ee;border-radius:24px;max-height:calc(100vh - 116px);position:sticky;top:96px;overflow:hidden auto;box-shadow:0 16px 38px #284e6814}.sidebar-course{color:#fff;background:linear-gradient(135deg,#3189ce,#4e9fe0);justify-content:space-between;align-items:center;gap:12px;min-height:92px;padding:20px 22px;display:flex}.sidebar-course strong,.sidebar-course>div>span{display:block}.sidebar-course>div>span{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800}.sidebar-course strong{letter-spacing:-.025em;font-size:19px}.sidebar-completion{color:#fff;white-space:nowrap;background:#fff3;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.lesson-list{display:block}.sidebar-active-lesson{border-bottom:1px solid #e9eff3}.sidebar-lesson-summary{color:#3d526a;background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;min-height:102px;padding:17px 20px 16px;transition:color .16s,background .16s;display:grid;position:relative}.sidebar-lesson-summary:before{content:"";background:0 0;border-radius:0 5px 5px 0;width:4px;position:absolute;inset:7px auto 7px 0}.sidebar-lesson-summary.is-active,.sidebar-lesson-summary:hover{color:#277cbd;background:#f7fbfe}.sidebar-lesson-summary.is-active:before{background:#459bdc}.sidebar-lesson-heading{min-width:0}.sidebar-lesson-heading strong,.sidebar-lesson-heading>span{display:block}.sidebar-lesson-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;overflow:hidden}.sidebar-lesson-heading>span{color:#91a0b4;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:650;overflow:hidden}.sidebar-progress-track{background:#eaf1f6;border-radius:99px;height:4px;overflow:hidden}.sidebar-progress-track>span{border-radius:inherit;background:#4ca6e7;height:100%;display:block}.sidebar-lesson-summary small{color:#78bce9;font-size:10px;font-weight:850}.sidebar-module-list{padding:3px 0 8px}.sidebar-module-link{color:#45566b;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:47px;padding:8px 20px 8px 25px;font-size:12px;font-weight:700;transition:color .16s,background .16s;display:grid;position:relative}.sidebar-module-link:before{content:"";background:0 0;border-radius:0 5px 5px 0;width:4px;position:absolute;inset:3px auto 3px 0}.sidebar-module-link.is-selected,.sidebar-module-link:hover{color:#079968;background:#f6fbf8}.sidebar-module-link.is-selected:before{background:#4aa4df}.sidebar-module-link>svg{color:#8ea0b4}.sidebar-module-icon{color:#80c4ee;place-items:center;width:29px;height:29px;display:grid}.sidebar-module-link.is-selected .sidebar-module-icon{color:#0ab778}.sidebar-all-lessons{color:#438fc8;border-bottom:1px solid #e9eff3;align-items:center;min-height:44px;padding:0 20px;font-size:11px;font-weight:800;display:flex}.sidebar-all-lessons:hover{background:#f7fbfe}.sidebar-tools{background:#fbfcfd;grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.sidebar-tools a{color:#617285;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:8px;font-size:10px;font-weight:750;display:flex}.sidebar-tools a:hover{color:#277cbd;background:#eef7fd}.lesson-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff21,#0000 29%),linear-gradient(135deg,#135f49,#277f63);border-radius:24px;padding:30px}.lesson-hero h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(32px,4.5vw,52px)}.lesson-hero p{color:#ffffffc7;max-width:690px;margin:0;line-height:1.6}.lesson-meta,.module-meta{flex-wrap:wrap;gap:12px}.lesson-meta{margin-top:24px}.lesson-meta span{background:#ffffff1f;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:750}.module-section{margin-top:42px}.module-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.module-section-heading .card-kicker{color:var(--jade);margin:0 0 7px}.module-section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3.3vw,42px)}.module-section-heading p:not(.card-kicker){max-width:610px;color:var(--muted);margin:9px 0 0;line-height:1.6}.module-section-heading>span{border:1px solid var(--line);color:var(--jade-dark);background:#fff;border-radius:10px;margin-bottom:4px;padding:8px 11px;font-size:12px;font-weight:800}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{border-radius:28px;grid-template-columns:64px minmax(0,1fr) 34px;align-items:start;gap:24px;min-height:220px;padding:34px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.module-card:hover{border-color:#afd2c0;transform:translateY(-4px);box-shadow:0 18px 40px #1d43351a}.module-icon{border-radius:20px;flex:none;width:64px;height:64px}.module-card h3{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:750}.module-card p{font-size:15px;line-height:1.6}.module-card-copy{min-width:0}.module-card-eyebrow{color:var(--jade);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:850;display:block}.module-card-heading{margin:0 0 10px}.module-card-arrow{width:34px;height:34px;color:var(--jade-dark);background:#fbfdfb;border:1px solid #d8e7de;border-radius:11px;place-items:center;transition:color .16s,background .16s,transform .16s;display:grid}.module-card:hover .module-card-arrow{color:#fff;background:var(--jade);transform:translate(2px,-2px)}.module-meta{color:var(--muted);margin-top:18px;font-size:12px;font-weight:700}.hsk-roadmap-page{background:#f3f6f8;padding-top:32px}.hsk-roadmap-breadcrumbs{margin-bottom:20px}.hsk-roadmap-hero{background:#fff;border:1px solid #dde5e3;border-radius:30px;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:50px;min-height:332px;padding:34px 38px;display:grid;overflow:hidden;box-shadow:0 18px 50px #21353012}.hsk-roadmap-hero-copy{max-width:690px}.hsk-roadmap-eyebrow{color:#176c56;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 16px;font-size:12px;font-weight:850;display:flex}.hsk-roadmap-eyebrow span{background:#e55148;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #fae8e6}.hsk-roadmap-hero h1{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(36px,4.2vw,54px);line-height:1.05}.hsk-roadmap-hero-copy>p:not(.hsk-roadmap-eyebrow){color:#63716f;max-width:650px;margin:18px 0 0;font-size:17px;line-height:1.7}.hsk-roadmap-stats{border-top:1px solid #e3e9e7;grid-template-columns:repeat(3,1fr);max-width:600px;margin-top:27px;padding-top:22px;display:grid}.hsk-roadmap-stats>div{border-right:1px solid #e3e9e7;min-width:0;padding-inline:20px}.hsk-roadmap-stats>div:first-child{padding-left:0}.hsk-roadmap-stats>div:last-child{border-right:0}.hsk-roadmap-stats span,.hsk-roadmap-stats strong{display:block}.hsk-roadmap-stats strong{color:#1b2926;letter-spacing:-.04em;font-size:25px;line-height:1}.hsk-roadmap-stats span{color:#7a8784;margin-top:7px;font-size:12px;font-weight:700}.hsk-roadmap-hero-art{color:#fff;background:#176b56;border-radius:26px;flex-direction:column;justify-content:space-between;width:310px;min-height:260px;padding:24px;display:flex;position:relative;overflow:hidden}.hsk-roadmap-hero-art:after,.hsk-roadmap-hero-art:before{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute}.hsk-roadmap-hero-art:before{width:190px;height:190px;top:-74px;right:-54px}.hsk-roadmap-hero-art:after{width:138px;height:138px;bottom:-60px;right:-38px}.hsk-roadmap-hero-character{color:#ffffff2e;font-family:Noto Serif SC,Songti SC,serif;font-size:176px;font-weight:800;line-height:1;position:absolute;top:4px;right:12px}.hsk-roadmap-hero-label{z-index:1;letter-spacing:.12em;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;font-weight:750;position:relative}.hsk-roadmap-language-note{z-index:1;background:#ffffff1f;border:1px solid #ffffff38;border-radius:13px;align-items:center;gap:8px;width:fit-content;min-height:42px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex;position:relative}.hsk-levels-section{margin-top:50px}.hsk-levels-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.hsk-levels-kicker{color:#176c56;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:850}.hsk-levels-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,36px)}.hsk-level-count{color:#c23e38;background:#fff8f7;border:1px solid #efbbb7;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.hsk-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.hsk-level-card{background:#fff;border:1px solid #dce4e7;border-radius:24px;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 28px #23333b0f}.hsk-level-card:hover{border-color:var(--level-color);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.hsk-level-card:hover{border-color:color-mix(in srgb,var(--level-color) 42%,#dce4e7)}}.hsk-level-card:hover{box-shadow:0 18px 38px #23333b1c}.hsk-level-card-link{border-radius:inherit;grid-template-rows:auto 1fr;height:100%;display:grid}.hsk-level-card-link:focus-visible{outline-color:var(--level-color);outline-offset:-4px}.hsk-level-card-banner{color:#fff;background:var(--level-color);align-items:center;gap:16px;min-height:132px;padding:24px;display:flex;position:relative;overflow:hidden}.hsk-level-card-banner:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:150px;height:150px;position:absolute;top:-84px;right:-40px}.hsk-level-card-icon{background:#ffffff1f;border:1px solid #ffffff6b;border-radius:17px;flex:none;place-items:center;width:58px;height:58px;display:grid}.hsk-level-card-title{z-index:1;position:relative}.hsk-level-card-title h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:29px;line-height:1}.hsk-level-card-title span{color:#fffffff0;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:850;display:block}.hsk-level-card-character{color:#ffffff29;font-family:Noto Serif SC,Songti SC,serif;font-size:122px;font-weight:800;line-height:1;position:absolute;bottom:-31px;right:12px}.hsk-level-card-body{flex-direction:column;min-height:250px;padding:22px;display:flex}.hsk-level-card-body>p{color:#657371;min-height:66px;margin:0;font-size:14px;line-height:1.6}.hsk-level-card-stats{color:#6c7977;flex-wrap:wrap;gap:15px;margin-top:17px;font-size:12px;display:flex}.hsk-level-card-stats span{align-items:center;gap:5px;display:inline-flex}.hsk-level-card-stats svg{color:var(--level-accent)}.hsk-level-card-stats strong{color:#2b3936;font-weight:800}.hsk-level-topics{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.hsk-level-topics span{color:#788684;background:#f8fafb;border:1px solid #dce4e7;border-radius:8px;padding:5px 8px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:12px}.hsk-level-card-action{color:var(--level-accent);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:13px;font-weight:800;display:flex}.hsk-level-card-arrow{border:1px solid var(--level-color);width:38px;height:38px}@supports (color:color-mix(in lab,red,red)){.hsk-level-card-arrow{border:1px solid color-mix(in srgb,var(--level-color) 28%,white)}}.hsk-level-card-arrow{background:var(--level-soft);border-radius:12px;place-items:center;transition:color .16s,background .16s,transform .16s;display:grid}.hsk-level-card:hover .hsk-level-card-arrow{color:#fff;background:var(--level-color);transform:translate(2px,-2px)}.hsk-level-card--coral{--level-color:#c83f43;--level-accent:#a82f33;--level-soft:#fff0ef}.hsk-level-card--orange{--level-color:#b9540d;--level-accent:#974108;--level-soft:#fff3e8}.hsk-level-card--red{--level-color:#bd2b35;--level-accent:#9e222b;--level-soft:#fff0f1}.hsk-level-card--crimson{--level-color:#ad272d;--level-accent:#8e1d23;--level-soft:#faeeee}.hsk-level-card--wine{--level-color:#8d292d;--level-accent:#761f23;--level-soft:#f8eded}.hsk-level-card--umber{--level-color:#744039;--level-accent:#60322c;--level-soft:#f6efed}.hsk-level-card--jade{--level-color:#18725e;--level-accent:#125e4d;--level-soft:#eaf5f1}.hsk-level-card--blue{--level-color:#3f5f9f;--level-accent:#314d84;--level-soft:#edf1fa}.hsk-level-card--plum{--level-color:#6d4387;--level-accent:#59366f;--level-soft:#f3edf7}.hsk-roadmap-source-note{margin-top:28px}.hsk-roadmap-source-note strong{color:#3d4c48}.hsk-unit-catalog-page{background:#f4f7fb;padding-top:30px}.hsk-unit-catalog{width:min(1560px,100% - 48px)}.level-catalog-breadcrumbs{margin-bottom:20px}.level-catalog-hero{background:radial-gradient(circle at 90% 12%,#418fda21,#0000 24rem),#fff;border:1px solid #d8e5ef;border-radius:30px;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:56px;min-height:300px;padding:42px 48px;display:grid;overflow:hidden;box-shadow:0 18px 48px #2a4d6f12}.level-catalog-copy{max-width:880px}.level-catalog-eyebrow{color:#337fbb;letter-spacing:.09em;text-transform:uppercase;background:#f7fbfe;border:1px solid #cfe0ec;border-radius:99px;width:fit-content;margin:0 0 16px;padding:8px 13px;font-size:11px;font-weight:850}.level-catalog-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,86px);font-weight:720;line-height:.95}.level-catalog-copy>p:not(.level-catalog-eyebrow){color:#667672;max-width:780px;margin:24px 0 0;font-size:clamp(16px,1.7vw,21px);line-height:1.6}.level-catalog-facts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.level-catalog-facts span{color:#687b82;background:#f8fbfc;border:1px solid #dce8ef;border-radius:12px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.level-catalog-facts svg{color:#3d8fc9}.level-catalog-facts strong{color:#263b43}.level-catalog-mark{aspect-ratio:1;color:#215f91;background:linear-gradient(145deg,#f7fbff,#e7f2fc);border:1px solid #cfe0ef;border-radius:30px;place-content:center;justify-items:center;width:220px;display:grid;box-shadow:inset 0 0 0 9px #ffffff8c}.level-catalog-mark span{letter-spacing:.17em;font-size:13px;font-weight:900}.level-catalog-mark strong{letter-spacing:-.08em;margin-top:-4px;font-size:96px;line-height:1}.level-catalog-mark small{color:#6f899b;text-transform:uppercase;margin-top:7px;font-size:10px;font-weight:800}.level-lesson-browser{margin-top:42px}.level-browser-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.level-browser-toolbar .card-kicker{color:#3b86bf;margin:0 0 5px}.level-browser-toolbar h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,38px)}.level-browser-actions{align-items:center;gap:12px;display:flex}.level-view-toggle{background:#edf2f8;border:1px solid #dae4ef;border-radius:13px;gap:3px;padding:4px;display:flex}.level-view-toggle button{color:#718399;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.level-view-toggle button[aria-pressed=true]{color:#fff;background:#3f83e9;box-shadow:0 6px 14px #3f83e93d}.level-unit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.level-unit-card{background:linear-gradient(145deg,#f7fbff,#e9f3ff);border:1px solid #8cb8f5;border-radius:22px;flex-direction:column;min-height:376px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 14px 32px #3267a812}.level-unit-card:hover{border-color:#5595ed;transform:translateY(-4px);box-shadow:0 20px 38px #3267a821}.level-unit-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.level-unit-number{color:#fff;background:linear-gradient(145deg,#f34d4d,#e5212a);border-radius:18px;place-items:center;min-width:58px;height:58px;padding:0 10px;font-size:20px;font-weight:900;display:inline-grid;box-shadow:0 10px 20px #e6272d2e}.level-unit-access{color:#3774bd;background:#ffffffa8;border:1px solid #bfdbf8;border-radius:99px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:10px;font-weight:850;display:inline-flex}.level-unit-card.is-premium .level-unit-access{color:#9b590d;background:#fff7dc;border-color:#efd18d}.level-unit-copy{min-height:124px;margin-top:18px}.level-unit-copy>p{color:#7190aa;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:850}.level-unit-copy h3{color:#1f2e43;letter-spacing:-.025em;margin:0;font-size:clamp(18px,1.45vw,22px);line-height:1.3}.level-unit-english,.level-unit-subtitle{color:#70839b;margin-top:6px;font-size:12px;line-height:1.45;display:block}.level-unit-subtitle{color:#55728e}.level-unit-meta{color:#60758e;border-top:1px solid #76a3d342;flex-wrap:wrap;gap:14px;padding:13px 0 17px;font-size:11px;font-weight:700;display:flex}.level-unit-meta span{align-items:center;gap:6px;display:inline-flex}.level-unit-status{color:#2466bc;background:#eaf4ffe0;border:1px solid #bad7f6;border-radius:15px;outline:none;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:11px;min-height:76px;margin-top:auto;padding:12px 13px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 18px #3774bd0f}.level-unit-status>span{background:#d9eaff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.level-unit-status small,.level-unit-status strong{display:block}.level-unit-status strong{font-size:14px;transition:color .18s}.level-unit-status small{color:#687e98;margin-top:3px;font-size:10px;line-height:1.35}.level-unit-status-arrow{justify-self:end;transition:transform .18s cubic-bezier(.16,1,.3,1)}.level-unit-status:hover{background:#e1efff;border-color:#75aaf0;transform:translateY(-2px);box-shadow:0 13px 25px #3774bd24}.level-unit-status:hover strong{color:#1557ad}.level-unit-status:hover .level-unit-status-arrow{transform:translate(4px)}.level-unit-status:active{transform:translateY(0)scale(.99)}.level-unit-status:focus-visible{border-color:#3f83e9;box-shadow:0 0 0 4px #3f83e929,0 13px 25px #3774bd1f}.level-unit-card.is-premium .level-unit-status{color:#914b0d;background:#fff6d8;border-color:#efd17c}.level-unit-card.is-premium .level-unit-status>span{background:#ffedb3}.level-unit-card.is-premium .level-unit-status:hover{background:#ffefbc;border-color:#dda93b;box-shadow:0 13px 25px #b46f0d24}.level-unit-grid--list{grid-template-columns:1fr}.level-unit-grid--list .level-unit-card{grid-template-columns:110px minmax(260px,1.5fr) auto minmax(250px,.9fr);align-items:center;gap:24px;min-height:0;display:grid}.level-unit-grid--list .level-unit-card-top{flex-wrap:wrap;justify-content:flex-start;align-items:center}.level-unit-grid--list .level-unit-copy{min-height:0;margin:0}.level-unit-grid--list .level-unit-meta{border:0;padding:0}.level-unit-grid--list .level-unit-status{min-height:72px}@media (max-width:1280px){.level-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.level-unit-grid--list{grid-template-columns:1fr}.level-unit-grid--list .level-unit-card{grid-template-columns:100px minmax(240px,1.3fr) auto minmax(230px,.9fr)}}@media (max-width:920px){.hsk-unit-catalog{width:min(100% - 40px,1180px)}.level-catalog-hero{grid-template-columns:minmax(0,1fr) 170px;gap:28px;padding:34px}.level-catalog-mark{border-radius:24px;width:160px}.level-catalog-mark strong{font-size:70px}.level-browser-toolbar{flex-direction:column;align-items:flex-start}.level-browser-actions{justify-content:space-between;width:100%}.level-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-unit-grid--list{grid-template-columns:1fr}.level-unit-grid--list .level-unit-card{grid-template-columns:90px minmax(220px,1fr) minmax(210px,.8fr)}.level-unit-grid--list .level-unit-meta{display:none}}@media (max-width:680px){.hsk-unit-catalog{width:min(100% - 28px,1180px)}.level-catalog-hero{grid-template-columns:1fr;min-height:0;padding:27px 22px}.level-catalog-copy h1{font-size:52px}.level-catalog-copy>p:not(.level-catalog-eyebrow){margin-top:17px}.level-catalog-mark{aspect-ratio:auto;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:12px;width:100%;min-height:108px}.level-catalog-mark strong{margin:0;font-size:56px}.level-catalog-mark small{margin:0}.level-browser-actions{flex-direction:column;align-items:stretch}.level-view-toggle{width:fit-content}.level-unit-grid,.level-unit-grid--list{grid-template-columns:1fr}.level-unit-card,.level-unit-grid--list .level-unit-card{gap:0;min-height:376px;padding:21px;display:flex}.level-unit-grid--list .level-unit-copy{min-height:124px;margin-top:18px}.level-unit-grid--list .level-unit-meta{border-top:1px solid #76a3d342;padding:13px 0 17px;display:flex}}.module-heading{align-items:flex-start;margin-bottom:24px}.module-heading-copy{flex:1;min-width:0}.language-heading-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.language-heading-row .card-kicker,.language-heading-row .eyebrow{margin:0}.lesson-subtitle{margin-bottom:10px;font-size:23px;font-weight:750}.module-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(30px,4vw,44px)}.module-heading p{color:var(--muted);margin:0}.vocab-list{gap:12px;display:grid}.vocab-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.vocab-toolbar-side{justify-content:flex-end;align-items:center;gap:12px;display:flex}.meaning-language-control{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex}.meaning-language-control>span{text-transform:uppercase;padding:0 6px;font-size:10px;font-weight:800}.meaning-language-control button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:10px;font-weight:850}.meaning-language-control button[aria-pressed=true]{color:var(--jade-dark);background:var(--jade-soft)}.vocab-filter{border:1px solid var(--line);min-width:min(100%,460px);min-height:46px;color:var(--jade-dark);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:0 14px;display:flex}.vocab-filter input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.vocab-row{border:1px solid var(--line);border-radius:17px;grid-template-columns:minmax(240px,1fr) minmax(180px,.8fr) auto;align-items:center;gap:22px;padding:17px 20px;display:grid}.vocab-main{justify-content:flex-start}.vocab-hanzi{min-width:70px;font-family:Noto Serif SC,Songti SC,serif;font-size:34px;font-weight:700}.vocab-pinyin{color:var(--jade);font-size:14px;font-weight:750}.vocab-pos{color:var(--muted);margin-top:3px;font-size:11px}.vocab-meaning{font-weight:700}.multilingual-meaning,.multilingual-meaning>span{gap:5px;display:grid}.multilingual-meaning small{color:var(--jade);letter-spacing:.05em;margin-right:3px;font-size:9px;font-weight:900}.multilingual-meaning.compact{justify-items:center}.multilingual-heading{gap:7px}.multilingual-heading>span{line-height:1.18}.multilingual-description{color:var(--muted);line-height:1.65}.module-description{color:var(--muted);font-size:13px;line-height:1.5}.sidebar-lesson-title{min-width:0;line-height:1.3;justify-items:start!important}.vocab-reference-label{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45;display:block}.vocab-facts{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.course-card-stats span,.page-heading-facts span,.vocab-facts span{color:#4f675e;background:#f2f7f4;border-radius:8px;padding:4px 7px;font-size:10px;font-weight:750}.vocab-row-link{transition:border-color .16s,transform .16s}.vocab-row-link:hover{border-color:#b9d6c5;transform:translateY(-1px)}.search-summary{color:var(--muted);margin:0 0 2px;font-size:13px}.vocab-actions{justify-content:flex-end}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--jade-dark);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid}.flashcard-stage{max-width:680px;margin-inline:auto}.flashcard-stage>.meaning-language-control{margin:0 auto 14px}.flashcard{border:1px solid var(--line);text-align:center;min-height:380px;box-shadow:var(--shadow);cursor:pointer;background-color:#fff;background-image:linear-gradient(#19735a09 1px,#0000 0),linear-gradient(90deg,#19735a09 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px;place-items:center;padding:46px;display:grid}.flashcard-hanzi{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(74px,12vw,118px);line-height:1.1}.flashcard-details{margin-top:18px}.flashcard-details .pinyin{color:var(--jade);font-size:24px;font-weight:800}.flashcard-details .meaning{color:var(--muted);margin-top:8px;font-size:18px}.flashcard-controls{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.source-notice{color:#6b5527;background:#fff9e9;border:1px solid #ead9ad;border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.55}.dictionary-card{text-align:center}.dictionary-facts{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 0;display:grid}.dictionary-primary-meanings{gap:7px;display:grid}.dictionary-primary-meanings small,.multilingual-search-meaning small{color:var(--jade);letter-spacing:.06em;font-size:9px;font-weight:900}.dictionary-senses{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.dictionary-senses>div{border:1px solid var(--line);border-radius:16px;padding:18px}.dictionary-senses h2{margin:0 0 12px;font-size:16px}.dictionary-senses ol{color:var(--muted);margin:0;padding-left:20px;font-size:13px;line-height:1.55}.multilingual-search-meaning{gap:5px;display:grid}.dictionary-facts div{background:#f5f8f6;border-radius:14px;padding:14px}.dictionary-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.dictionary-facts dd{margin:6px 0 0;font-weight:750}.dictionary-transcriptions{border-top:1px solid var(--line);text-align:left;margin-top:24px;padding-top:22px}.dictionary-transcriptions h2{font-size:18px}.dictionary-transcriptions p{color:var(--muted);margin:6px 0}.dictionary-source{color:var(--muted);margin-top:24px;font-size:11px}.course-card-stats,.page-heading-facts{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.course-card-stats{margin:-8px 0 18px}.sidebar-all-lessons{color:var(--jade-dark);border:1px dashed #c5d9cd;justify-content:center}.catalog-stats{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.catalog-stats article{border-right:1px solid #ffffff21;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px 24px;display:grid}.catalog-stats article:last-child{border-right:0}.catalog-stats svg{color:#7dd9b7;grid-row:1/3}.catalog-stats strong{font-size:22px}.auth-shell{place-items:center;min-height:calc(100vh - 73px);padding:58px 20px;display:grid}.auth-panel{width:min(100%,470px);padding:34px}.auth-panel h1{font-size:34px}.auth-panel>p{color:var(--muted);margin:10px 0 26px;line-height:1.6}.auth-status-icon{width:52px;height:52px;color:var(--jade-dark);border:1px solid #c8e2d9;border-radius:16px;place-items:center;margin-bottom:22px;display:grid}.auth-status-icon--success{color:#176a59;background:#e7f6ef}.auth-actions-stack .button,.auth-provider-button{justify-content:center;width:100%}.auth-actions-stack{gap:11px;display:grid}.auth-actions-stack form{margin:0}.auth-privacy-note{text-align:center;font-size:12px;margin:14px 0 0!important}.form-stack{gap:17px;display:grid}.form-field{gap:7px;display:grid}.form-field label{font-size:13px;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d5e0d8;border-radius:13px;padding:0 14px}.form-field textarea{resize:vertical;min-height:110px;padding-block:12px}.form-field input::placeholder{color:#a1aba7}.form-error,.form-success{border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.45}.form-error{color:#852f25;background:#fceae6}.form-success{color:var(--jade-dark);background:var(--jade-soft)}.auth-footer{color:var(--muted);justify-content:center;gap:5px;margin-top:24px;font-size:13px}.auth-footer a{color:var(--jade-dark);font-weight:800}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto}.pricing-card{padding:30px}.pricing-card.featured{color:#fff;background:var(--jade-dark);border-color:#0000;transform:translateY(-8px)}.pricing-card h2{margin:0;font-size:23px}.price{letter-spacing:-.05em;margin:20px 0;font-size:42px;font-weight:850}.price span{letter-spacing:0;opacity:.7;font-size:14px;font-weight:600}.check-list{gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.check-list li{color:inherit;opacity:.82;align-items:center;gap:9px;display:flex}.billing-actions{gap:10px;display:grid}.billing-actions .button{width:100%}.billing-actions p{color:inherit;margin:0;font-size:13px;line-height:1.5}.empty-state{text-align:center;background:#ffffffa6;border:1px dashed #c8d8ce;border-radius:22px;padding:50px 26px}.empty-state h2{margin:12px 0 8px}.empty-state p{max-width:520px;color:var(--muted);margin:0 auto 20px;line-height:1.6}.chinese-translation{color:var(--muted);margin-top:5px;font-size:.78em;display:block}.content-stack,.dialogue-list,.example-list,.reading-lines{gap:14px;display:grid}.dialogue-line{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.speaker-badge{width:42px;height:42px;color:var(--jade-dark);background:var(--jade-soft);border-radius:14px 14px 14px 5px;place-items:center;font-family:Noto Serif SC,Songti SC,serif;font-size:19px;font-weight:800;display:grid}.dialogue-copy{min-width:0}.dialogue-pinyin{color:var(--jade);font-size:13px;font-weight:750;display:block}.dialogue-hanzi{margin-top:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:22px;font-weight:750;line-height:1.5;display:block}.dialogue-translation{color:var(--muted);margin-top:2px;font-size:13px;display:block}.reading-card{border:1px solid var(--line);max-width:790px;box-shadow:var(--shadow);background:#fff;border-radius:26px;margin-inline:auto;padding:clamp(25px,5vw,54px)}.reading-card h2{letter-spacing:-.035em;margin:0;font-size:30px}.reading-description{color:var(--muted);margin:8px 0 28px}.reading-line{border-top:1px solid var(--line);padding:18px 0}.reading-line .dialogue-hanzi{font-size:26px}.reading-line-audio{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.reading-library-page{background:radial-gradient(circle at 92% 5%,#edba4c1c,transparent 26rem),radial-gradient(circle at 8% 18%,#278e771c,transparent 28rem),var(--paper)}.reading-library-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);align-items:end;gap:clamp(28px,5vw,78px);padding:clamp(28px,5vw,62px) 0 34px;display:grid}.reading-library-hero h1{letter-spacing:-.055em;max-width:900px;margin:10px 0 18px;font-size:clamp(42px,5.1vw,76px);line-height:.99}.reading-library-hero>div:first-child>p:last-child{max-width:780px;color:var(--muted);margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.reading-method-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #257b662b;border-radius:24px;padding:22px;box-shadow:0 18px 46px #1f483a14}.reading-method-card>span{color:var(--jade-dark);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:850}.reading-method-card ol{gap:11px;margin:17px 0 0;padding:0;list-style:none;display:grid}.reading-method-card li{color:#34483f;align-items:center;gap:10px;font-weight:720;display:flex}.reading-method-card li svg{color:var(--jade)}.reading-library-shell{padding-bottom:clamp(54px,8vw,100px)}.reading-level-picker{border:1px solid var(--line);background:#ffffffc7;border-radius:20px;grid-template-columns:repeat(5,minmax(100px,1fr));gap:6px;padding:7px;display:grid;overflow-x:auto;box-shadow:0 14px 34px #2644390f}.reading-level-picker button{color:#65746e;min-width:68px;min-height:56px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:8px 10px;font-size:20px;font-weight:850;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s cubic-bezier(.16,1,.3,1)}.reading-level-picker button span{letter-spacing:.07em;margin-right:4px;font-size:10px}.reading-level-picker button:hover{color:var(--jade-dark);background:#f1f8f5;transform:translateY(-1px)}.reading-level-picker button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#1c806a,#2b9c83);box-shadow:0 9px 22px #1b796438}.reading-library-level{background:linear-gradient(115deg,#e2f6eff2,#fffdf5f2),#fff;border:1px solid #237c672b;border-radius:28px;margin-top:18px;padding:clamp(24px,4vw,42px);overflow:hidden;box-shadow:0 18px 50px #204c3c12}.reading-library-level-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;display:grid}.reading-library-level-kicker,.reading-topic-list{flex-wrap:wrap;gap:8px;display:flex}.reading-library-level-kicker span,.reading-topic-list span{color:#276f5d;background:#ffffffa8;border:1px solid #1f7f6929;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.reading-library-level h2{letter-spacing:-.045em;margin:13px 0 8px;font-size:clamp(30px,4vw,48px)}.reading-library-level-header p{max-width:760px;color:var(--muted);margin:0;line-height:1.58}.reading-library-level-stats{background:#ffffffad;border:1px solid #1e76621f;border-radius:18px;grid-template-columns:auto 1fr;align-items:baseline;gap:5px 10px;min-width:210px;padding:17px 20px;display:grid}.reading-library-level-stats strong{color:var(--jade-dark);font-size:22px}.reading-library-level-stats span{color:var(--muted);font-size:12px;font-weight:720}.reading-topic-list{margin-top:24px}.reading-topic-list span{color:#5f6e68;border-color:#4f6b611f}.reading-library-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:30px 0 16px;display:flex}.reading-library-toolbar p{color:var(--jade);letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:850}.reading-library-toolbar strong{font-size:21px}.reading-library-toolbar label{border:1px solid var(--line);color:#7e8b86;background:#fff;border-radius:15px;align-items:center;gap:10px;width:min(100%,360px);height:46px;padding:0 15px;transition:border-color .17s,box-shadow .17s;display:flex}.reading-library-toolbar label:focus-within{border-color:#76b8a7;box-shadow:0 0 0 4px #2b91791a}.reading-library-toolbar input{width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.reading-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.reading-library-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;min-height:360px;padding:22px;transition:border-color .19s,box-shadow .19s,transform .19s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 32px #27463b0d}.reading-library-card:hover{border-color:#a8d2c5;transform:translateY(-3px);box-shadow:0 19px 44px #1e5b471a}.reading-library-card-meta,.reading-library-card-topline,.reading-library-card>a{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-library-card-topline>span:first-child{color:#7b8984;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850}.reading-library-lock,.reading-library-ready{color:#1b806a;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.reading-library-lock{color:#9a681e}.reading-library-card-icon{width:48px;height:48px;color:var(--jade-dark);background:var(--jade-soft);border-radius:16px;place-items:center;margin:23px 0 16px;display:grid}.reading-library-card-icon span{font-family:Noto Serif SC,Songti SC,serif;font-size:27px;font-weight:850}.reading-library-card.is-ocean .reading-library-card-icon{color:#257a93;background:#e4f5f8}.reading-library-card.is-amber .reading-library-card-icon{color:#b66e0e;background:#fff2d3}.reading-library-card.is-coral .reading-library-card-icon{color:#c45e50;background:#fff0ec}.reading-library-card.is-violet .reading-library-card-icon{color:#6f58c7;background:#f0ecff}.reading-library-card h3{letter-spacing:-.025em;margin:0;font-size:20px;line-height:1.25}.reading-library-card>p{color:var(--muted);margin:8px 0 18px;font-size:13px;line-height:1.5}.reading-library-card-topics{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.reading-library-card-topics span{color:#61716a;background:#f8fbf9;border:1px solid #e4ece8;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:720}.reading-library-card-meta{color:#7d8985;margin-top:auto;font-size:11px;font-weight:680}.reading-library-card-meta span:first-child{align-items:center;gap:5px;display:inline-flex}.reading-library-card>a{color:var(--jade-dark);border-top:1px solid #edf1ef;margin-top:16px;padding-top:15px;font-size:13px;font-weight:820}.reading-library-card>a:hover{color:#0f6d58}.reading-library-empty{text-align:center;color:var(--muted);background:#ffffffa6;border:1px dashed #bfd3cb;border-radius:22px;padding:56px 24px}.reading-library-empty h3{color:var(--ink);margin:10px 0 5px}.reading-library-empty p{margin:0}.reading-source-page-shell{background:radial-gradient(circle at 95% 2%,#edba4c1a,#0000 26rem),#f4f7f5}.reading-lesson-catalog{padding:clamp(22px,4vw,48px) 0 clamp(58px,8vw,96px)}.reading-lesson-hero{background:radial-gradient(circle at 90% 0,#edba4c2e,#0000 19rem),linear-gradient(125deg,#e6f7f1,#fbfdf9 58%,#fffaf0);border:1px solid #247e682e;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(240px,.36fr);align-items:end;gap:clamp(28px,5vw,72px);padding:clamp(24px,4vw,42px);display:grid;overflow:hidden;box-shadow:0 20px 56px #1f4c3c14}.reading-lesson-hero>div>a{width:fit-content;color:var(--jade-dark);align-items:center;gap:7px;font-size:14px;font-weight:780;display:inline-flex}.reading-lesson-hero>div>p{color:var(--jade);letter-spacing:.11em;text-transform:uppercase;margin:28px 0 8px;font-size:12px;font-weight:850}.reading-lesson-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4.5vw,58px);line-height:1.04}.reading-lesson-hero>div>span{color:#5c6e66;max-width:800px;margin-top:14px;font-size:16px;line-height:1.62;display:block}.reading-lesson-levels{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.reading-lesson-levels b{color:#276f5d;background:#ffffffb8;border:1px solid #1f7f692e;border-radius:999px;padding:7px 11px;font-size:13px}.reading-lesson-hero>aside{background:#ffffffc2;border:1px solid #23746124;border-radius:20px;padding:22px;display:grid;box-shadow:0 14px 36px #22504012}.reading-lesson-hero>aside>strong{color:var(--jade-dark);font-size:32px;line-height:1}.reading-lesson-hero>aside>span{color:#66776f;margin-top:6px;font-size:14px;font-weight:720}.reading-lesson-hero>aside>div,.reading-lesson-progress>div{background:#e3ebe7;border-radius:999px;height:7px;overflow:hidden}.reading-lesson-hero>aside>div{margin-top:18px}.reading-lesson-hero>aside>div>i,.reading-lesson-progress>div>span{border-radius:inherit;background:linear-gradient(90deg,#1db985,#2a987d);height:100%;display:block}.reading-lesson-hero>aside>small{color:#7b8983;margin-top:10px;font-size:12px;line-height:1.45}.reading-lesson-toolbar{justify-content:space-between;align-items:end;gap:24px;margin:clamp(28px,5vw,48px) 0 18px;scroll-margin-top:112px;display:flex}.reading-lesson-toolbar p{color:var(--jade);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:850}.reading-lesson-toolbar h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,38px)}.reading-lesson-toolbar>div:last-child{background:#eaf0ed;border-radius:14px;gap:4px;padding:5px;display:flex}.reading-lesson-toolbar button{color:#66756f;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:780;display:inline-flex}.reading-lesson-toolbar button[aria-pressed=true]{color:#1d342b;background:#fff;box-shadow:0 3px 10px #1b392e1a}.reading-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.reading-lesson-card{background:#fff;border:1px solid #dce5e1;border-radius:22px;flex-direction:column;min-height:485px;padding:22px;transition:border-color .19s,box-shadow .19s,transform .19s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #26463a0f}.reading-lesson-card:before{content:"";background:#249878;height:4px;position:absolute;top:0;left:0;right:0}.reading-lesson-card.is-ocean:before{background:#3e97dc}.reading-lesson-card.is-amber:before{background:#eda014}.reading-lesson-card.is-coral:before{background:#ea6657}.reading-lesson-card.is-violet:before{background:#8068db}.reading-lesson-card:hover{border-color:#a8d1c5;transform:translateY(-3px);box-shadow:0 20px 48px #1e58451c}.reading-lesson-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-lesson-card>header>span{color:#6c7c75;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:850}.reading-lesson-card>header>b{color:#11815e;align-items:center;gap:5px;font-size:12px;display:inline-flex}.reading-lesson-card>header>b.is-progress{color:#a8680a}.reading-lesson-card>header>b.is-new{color:#84908b}.reading-lesson-card h3{letter-spacing:-.028em;margin:22px 0 6px;font-size:23px;line-height:1.22}.reading-lesson-card>p{color:var(--jade);margin:0;font-size:14px;font-weight:720}.reading-lesson-card blockquote{color:#50615a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:54px;margin:14px 0 16px;font-family:Noto Serif SC,Songti SC,serif;font-size:16px;line-height:1.7;display:-webkit-box;overflow:hidden}.reading-lesson-modules{gap:6px;display:grid}.reading-lesson-modules>span{color:#52635b;background:#f6f8f7;border-radius:10px;align-items:center;gap:9px;min-height:37px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.reading-lesson-modules svg{color:var(--jade)}.reading-lesson-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:auto;padding-top:17px;display:grid}.reading-lesson-progress strong{color:#14966d;font-size:13px}.reading-lesson-card>a{color:#fff;background:linear-gradient(135deg,#177b63,#249b7c);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;place-items:center;gap:8px;min-height:48px;margin-top:14px;padding:10px 14px;font-size:15px;font-weight:820;display:grid;box-shadow:0 9px 20px #197e632e}.reading-lesson-card>a:hover{background:linear-gradient(135deg,#116b56,#1b8a6e)}.reading-lesson-card>small{color:#7c8984;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:12px;display:flex}.reading-lesson-empty{color:#77867f;text-align:center;background:#ffffffb8;border:1px dashed #b9cec6;border-radius:22px;place-content:center;justify-items:center;min-height:300px;display:grid}.reading-lesson-empty h3{color:#31443b;margin:12px 0 14px}.reading-lesson-empty button{color:var(--jade-dark);font:inherit;cursor:pointer;background:#edf8f4;border:1px solid #9ccbbb;border-radius:10px;padding:9px 13px;font-size:14px;font-weight:760}.reading-practice-shell{gap:14px;display:grid}.reading-practice-footer,.reading-practice-topbar{background:#fffffff0;border:1px solid #dce8e3;border-radius:17px;grid-template-columns:minmax(170px,1fr) minmax(180px,360px) minmax(110px,1fr);align-items:center;gap:16px;min-height:58px;padding:10px 14px;display:grid;box-shadow:0 10px 30px #234a3c12}.reading-practice-ai-preview,.reading-practice-feedback,.reading-practice-footer button,.reading-practice-section-heading,.reading-practice-section-heading>span,.reading-practice-topbar a{align-items:center;display:flex}.reading-practice-topbar a{color:var(--jade-dark);gap:7px;font-size:12px;font-weight:800}.reading-practice-topbar>strong{color:#5f6f68;justify-self:end;font-size:12px}.reading-practice-progress{background:#e7efeb;border-radius:999px;height:8px;overflow:hidden}.reading-practice-progress span{border-radius:inherit;background:linear-gradient(90deg,#159472,#4bc199);height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}.reading-practice-main{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;min-height:660px;display:grid}.reading-practice-passage,.reading-practice-questions{background:#fff;border:1px solid #dce6e2;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 16px 38px #2244380f}.reading-practice-section-heading{color:#63736c;background:#fbfcfc;border-bottom:1px solid #e8eeeb;justify-content:space-between;gap:12px;min-height:54px;padding:12px 18px;font-size:12px;font-weight:800}.reading-practice-section-heading>span{gap:8px}.reading-practice-section-heading>span svg{color:var(--jade)}.reading-practice-section-heading small{color:#89958f}.reading-practice-title-row{justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 19px;display:flex}.reading-practice-title-row span{color:var(--jade);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850}.reading-practice-title-row h1{letter-spacing:-.035em;margin:7px 0 5px;font-size:clamp(26px,3vw,39px)}.reading-practice-title-row p{color:#7b8983;margin:0;font-size:13px}.reading-practice-title-row>svg{box-sizing:content-box;color:var(--jade-dark);background:#eaf7f1;border-radius:14px;padding:11px}.reading-practice-copy{color:#1d2d26;font-family:var(--font-chinese,inherit);letter-spacing:.025em;background-color:#fffefb;background-image:linear-gradient(#177d5b09 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 2.2em;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #e3e9e6;border-radius:18px;margin:0 28px;padding:clamp(24px,3vw,36px);font-size:clamp(21px,2vw,28px);line-height:2.2}.reading-practice-support{background:#f8fbf9;border:1px solid #e1e9e5;border-radius:14px;margin:18px 28px 28px}.reading-practice-support summary{color:var(--jade-dark);cursor:pointer;padding:13px 15px;font-size:12px;font-weight:820}.reading-practice-support p{color:#65746e;margin:0;padding:0 15px 15px;font-size:13px;line-height:1.75}.reading-practice-support .reading-practice-pinyin{color:#315f52;font-weight:650}.reading-practice-question-card{padding:clamp(24px,3vw,34px)}.reading-practice-question-number{color:var(--jade);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:880}.reading-practice-question-card h2{margin:8px 0 22px;font-size:clamp(18px,2vw,24px);line-height:1.35}.reading-practice-options{gap:10px;display:grid}.reading-practice-options>button{color:#405049;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7e3;border-radius:13px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;padding:10px 13px;font-size:13px;font-weight:680;transition:border-color .17s,background-color .17s,transform .17s cubic-bezier(.16,1,.3,1);display:grid}.reading-practice-options>button:hover,.reading-practice-options>button[aria-pressed=true]{background:#eff9f5;border-color:#77bca8;transform:translateY(-1px)}.reading-practice-options>button>span{color:#60716a;background:#edf3f0;border-radius:9px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:850;display:grid}.reading-practice-options>button.is-correct{background:#eaf9f2;border-color:#4cb58f}.reading-practice-options>button.is-wrong{background:#fff0f0;border-color:#e58b8b}.reading-practice-check{color:#fff;background:var(--jade-dark);width:100%;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:13px;margin-top:18px;font-size:13px;font-weight:850}.reading-practice-check:disabled{opacity:.45;cursor:not-allowed}.reading-practice-feedback{color:#246b56;background:#edf9f4;border-radius:12px;align-items:flex-start;gap:9px;margin-top:15px;padding:13px}.reading-practice-feedback.is-wrong{color:#9b4444;background:#fff1f1}.reading-practice-feedback p{gap:3px;margin:0;font-size:12px;line-height:1.55;display:grid}.reading-practice-ai-preview{color:#615390;background:#f7f4ff;border:1px solid #ddd5fa;border-radius:14px;align-items:flex-start;gap:10px;margin:0 clamp(24px,3vw,34px) 30px;padding:15px}.reading-practice-ai-preview p{gap:3px;margin:0;font-size:12px;line-height:1.55;display:grid}.reading-practice-footer button{color:#52635c;width:max-content;min-height:38px;font:inherit;cursor:pointer;background:#f9fbfa;border:1px solid #dce6e2;border-radius:11px;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:780}.reading-practice-footer button:last-child{justify-self:end}.reading-practice-footer button:disabled{opacity:.4;cursor:not-allowed}.reading-practice-footer>span{color:#73817b;text-align:center;font-size:11px;font-weight:750}.reading-source-container{max-width:1480px;padding-top:clamp(22px,3vw,38px);padding-bottom:clamp(68px,9vw,120px)}.reading-source-reader{gap:16px;display:grid}.reading-source-header{background:radial-gradient(circle at 92% 16%,#efc15026,#0000 18rem),linear-gradient(145deg,#fff,#f5fbf8);border:1px solid #dce8e3;border-radius:26px;padding:clamp(22px,3.5vw,40px);box-shadow:0 16px 42px #234a3c12}.reading-source-breadcrumbs,.reading-source-breadcrumbs a,.reading-source-completion button,.reading-source-completion>div,.reading-source-levels,.reading-source-meta,.reading-source-original,.reading-source-page-controls,.reading-source-zoom-controls{align-items:center;display:flex}.reading-source-breadcrumbs{color:#7a8983;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:720}.reading-source-breadcrumbs a{color:var(--jade-dark);gap:6px}.reading-source-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;margin-top:26px;display:grid}.reading-source-title-row h1{letter-spacing:-.05em;margin:6px 0 12px;font-size:clamp(32px,4.5vw,58px);line-height:1.04}.reading-source-title-row>div:first-child>p:last-child{color:#64736d;max-width:840px;margin:0;font-size:clamp(14px,1.35vw,17px);line-height:1.65}.reading-source-levels{flex-wrap:wrap;justify-content:flex-end;gap:8px}.reading-source-levels span{color:#176f5b;background:#e5f7f0e0;border:1px solid #1e7d672e;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850}.reading-source-meta{border-top:1px solid #e3ece8;flex-wrap:wrap;gap:9px;margin-top:25px;padding-top:18px}.reading-source-meta span{color:#687770;background:#ffffffbd;border:1px solid #e1e9e5;border-radius:10px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.reading-source-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,560px);overflow:hidden}.reading-source-toolbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #cddcd6eb;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:62px;padding:9px 12px;display:grid;position:sticky;top:76px;box-shadow:0 12px 34px #1d413417}.reading-source-page-controls,.reading-source-zoom-controls{gap:7px}.reading-source-zoom-controls{justify-content:center}.reading-source-page-controls button,.reading-source-zoom-controls button{color:#465851;cursor:pointer;background:#f9fbfa;border:1px solid #dce6e2;border-radius:11px;place-items:center;width:38px;height:38px;transition:color .17s,border-color .17s,background-color .17s,transform .17s cubic-bezier(.16,1,.3,1);display:grid}.reading-source-page-controls button:hover:not(:disabled),.reading-source-zoom-controls button:hover:not(:disabled){color:var(--jade-dark);background:#eef8f4;border-color:#94c7b8;transform:translateY(-1px)}.reading-source-page-controls button:disabled,.reading-source-zoom-controls button:disabled{opacity:.42;cursor:not-allowed}.reading-source-page-controls strong,.reading-source-zoom-controls span{color:#4e5e58;text-align:center;min-width:98px;font-size:12px}.reading-source-zoom-controls span{min-width:48px;font-weight:820}.reading-source-original{color:#fff;background:var(--jade-dark);border-radius:11px;justify-self:end;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;transition:background-color .17s,transform .17s cubic-bezier(.16,1,.3,1)}.reading-source-original:hover{background:#0d6955;transform:translateY(-1px)}.reading-source-layout{grid-template-columns:minmax(210px,.23fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.reading-source-page-list{background:#fff;border:1px solid #dce6e2;border-radius:20px;max-height:calc(100vh - 176px);position:sticky;top:154px;overflow:auto;box-shadow:0 12px 30px #2244380f}.reading-source-page-list>div{border-bottom:1px solid #e8eeeb;gap:3px;padding:18px 18px 14px;display:grid}.reading-source-page-list>div strong{font-size:14px}.reading-source-page-list>div span{color:#87928e;font-size:11px}.reading-source-page-list ol{gap:3px;margin:0;padding:8px;list-style:none;display:grid}.reading-source-page-list button{color:#61716b;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;font-size:11px;font-weight:720;display:grid}.reading-source-page-list button>span:first-child{color:#61736b;background:#eef4f1;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:grid}.reading-source-page-list button:hover,.reading-source-page-list button[aria-current=page]{color:var(--jade-dark);background:#edf8f3}.reading-source-page-list button[aria-current=page]>span:first-child{color:#fff;background:var(--jade)}.reading-source-pages{background-color:#edf1ef;background-image:linear-gradient(45deg,#596f6609 25%,#0000 0),linear-gradient(-45deg,#596f6609 25%,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dbe5e1;border-radius:22px;justify-items:center;gap:24px;min-width:0;padding:clamp(14px,2vw,24px);display:grid;overflow:auto;box-shadow:inset 0 1px #fffc}.reading-source-page{width:min(var(--reader-zoom),1240px);background:#fff;border:1px solid #d8dfdc;border-radius:12px;max-width:none;margin:0;scroll-margin-top:154px;transition:width .24s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 18px 46px #1d2f2824}.reading-source-page figcaption{color:#7d8984;background:#fbfcfc;border-bottom:1px solid #e6ebe9;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 13px;font-size:10px;font-weight:750;display:flex}.reading-source-page figcaption span:first-child{color:var(--jade-dark);font-weight:850}.reading-source-page img{width:100%;height:auto;display:block}.reading-source-completion{background:#fff;border:1px solid #d7e5df;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:0 12px 32px #2244380f}.reading-source-completion>div{color:var(--jade);gap:11px}.reading-source-completion>div>span{gap:2px;display:grid}.reading-source-completion strong{color:#26362f;font-size:14px}.reading-source-completion small{color:#7b8983;font-size:11px}.reading-source-completion button{min-height:42px;color:var(--jade-dark);font:inherit;cursor:pointer;background:#ecf8f3;border:1px solid #86bfae;border-radius:12px;justify-content:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:820}.reading-source-completion button.is-complete{color:#fff;border-color:var(--jade);background:var(--jade)}.reading-workspace{gap:18px;display:grid}.reading-analysis,.reading-passage,.reading-self-check,.reading-study-card,.reading-workspace-header{border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 12px 32px #2343370d}.reading-workspace-header{background:radial-gradient(circle at 94% 12%,#f2c35b24,#0000 17rem),#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:clamp(24px,4vw,38px);display:grid}.reading-workspace-header h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(26px,3.5vw,40px)}.reading-workspace-header .reading-description{margin-bottom:0}.reading-summary{gap:7px;min-width:178px;display:grid}.reading-summary span{color:#53655e;text-align:center;background:#f2f9f6c7;border:1px solid #deebe6;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:780}.reading-analysis,.reading-passage,.reading-study-card{padding:clamp(22px,3.5vw,34px)}.reading-passage{background:linear-gradient(145deg,#fbfdfc,#f5fbf8)}.reading-section-heading,.reading-section-heading>div,.reading-self-check>div:first-child{justify-content:space-between;align-items:center;gap:13px;display:flex}.reading-section-heading>div,.reading-self-check>div:first-child{justify-content:flex-start}.reading-section-icon{color:#126e5b;background:#def3eb;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.reading-section-icon.is-mint{color:#167b61;background:#e2f5ee}.reading-section-icon.is-amber{color:#bb780c;background:#fff1c9}.reading-section-icon.is-violet{color:#7654d8;background:#eee8ff}.reading-section-icon.is-coral{color:#d24e3e;background:#fff0ec}.reading-section-heading p,.reading-self-check p{color:var(--jade);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:850}.reading-section-heading h3,.reading-self-check h3{letter-spacing:-.02em;margin:0;font-size:17px}.reading-section-heading.is-compact{margin-bottom:17px}.reading-passage-hanzi{color:#17221e;letter-spacing:.025em;margin:28px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(24px,3.2vw,34px);font-weight:650;line-height:1.85}.reading-display-controls{flex-wrap:wrap;gap:8px;display:flex}.reading-display-controls button{color:#62726c;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e6e1;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:760;display:inline-flex}.reading-display-controls button[aria-pressed=true]{color:var(--jade-dark);background:#eaf7f2;border-color:#98c9ba}.reading-workspace .reading-lines{gap:9px}.reading-workspace .reading-line{background:#fcfdfd;border:1px solid #e4ece8;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;min-height:105px;padding:17px}.reading-workspace .reading-line:first-child{border-top:1px solid #e4ece8}.reading-line-number{color:#6f8179;background:#eef4f1;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:850;display:grid}.reading-line-copy{min-width:0}.reading-workspace .reading-line .dialogue-hanzi{font-size:clamp(20px,2.4vw,27px)}.reading-study-grid{gap:18px}.reading-study-grid,.reading-vocabulary-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reading-vocabulary-list{gap:8px}.reading-vocabulary-item{background:#fcfdfd;border:1px solid #edf1ef;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:3px 9px;min-width:0;padding:12px;display:grid}.reading-vocabulary-item strong{color:var(--ink);grid-row:span 2;font-family:Noto Serif SC,Songti SC,serif;font-size:22px}.reading-vocabulary-item>span{color:var(--jade);font-size:11px;font-weight:750}.reading-vocabulary-item .multilingual-meaning{color:var(--muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.reading-grammar-list{gap:8px;display:grid}.reading-grammar-list details{background:#fcfbff;border:1px solid #ebe7f7;border-radius:13px;padding:13px 14px}.reading-grammar-list summary{cursor:pointer;font-weight:760}.reading-grammar-list summary small,.reading-grammar-list summary span{display:block}.reading-grammar-list summary span{color:#5d45a9;font-size:14px}.reading-grammar-list summary small{color:var(--muted);margin-top:3px;font-size:11px}.reading-grammar-list details>.multilingual-meaning{color:#5f6d68;margin-top:11px;font-size:12px;line-height:1.55}.reading-self-check{background:linear-gradient(140deg,snow,#fffdf8);grid-template-columns:minmax(210px,.65fr) minmax(0,1fr);align-items:center;gap:28px;padding:clamp(22px,3vw,30px);display:grid}.reading-self-check ol{color:#596861;margin:0;padding-left:22px;font-size:13px;line-height:1.8}@media (max-width:980px){.reading-library-hero,.reading-library-level-header,.reading-self-check,.reading-workspace-header{grid-template-columns:1fr}.reading-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-lesson-hero{grid-template-columns:1fr}.reading-lesson-hero>aside{width:min(100%,360px)}.reading-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-library-level-stats{width:min(100%,320px)}.reading-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-source-layout,.reading-source-title-row{grid-template-columns:1fr}.reading-source-levels{justify-content:flex-start}.reading-source-page-list{max-height:none;position:static}.reading-source-page-list ol{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-source-page-list button{grid-template-columns:28px minmax(0,1fr)}.reading-source-page-list button svg{display:none}.reading-practice-main{grid-template-columns:1fr}}@media (max-width:720px){.reading-library-hero{padding-top:22px}.reading-library-hero h1{font-size:40px}.reading-level-picker{grid-template-columns:repeat(5,78px)}.reading-library-toolbar{flex-direction:column;align-items:stretch}.reading-lesson-catalog{padding-top:12px}.reading-lesson-hero{border-radius:22px;padding:22px 18px}.reading-lesson-hero h1{font-size:34px}.reading-lesson-toolbar{flex-direction:column;align-items:stretch}.reading-lesson-toolbar>div:last-child{width:100%;overflow-x:auto}.reading-lesson-toolbar button{flex:1 0 auto;justify-content:center}.reading-lesson-grid{grid-template-columns:1fr}.reading-lesson-card{min-height:470px}.reading-library-grid,.reading-library-toolbar label{width:100%}.reading-library-grid,.reading-study-grid,.reading-vocabulary-list{grid-template-columns:1fr}.reading-workspace .reading-line{grid-template-columns:32px minmax(0,1fr)}.reading-workspace .reading-line>.icon-button{grid-column:2;justify-self:start}.reading-summary{grid-template-columns:1fr}.reading-source-toolbar{grid-template-columns:1fr auto;position:static}.reading-source-zoom-controls{justify-content:flex-end}.reading-source-original{grid-column:1/-1;justify-content:center;justify-self:stretch}.reading-source-page-list ol{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-source-page{width:100%;scroll-margin-top:18px}.reading-source-completion{flex-direction:column;align-items:stretch}.reading-practice-footer,.reading-practice-topbar{grid-template-columns:1fr auto}.reading-practice-footer>span,.reading-practice-progress{grid-area:2/1/auto/-1}.reading-practice-topbar>strong{grid-area:1/2}.reading-practice-copy,.reading-practice-support{margin-left:16px;margin-right:16px}.reading-practice-copy{padding:20px;font-size:20px}.reading-practice-title-row{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){.reading-level-picker button,.reading-library-card,.reading-practice-options>button,.reading-practice-progress span,.reading-source-original,.reading-source-page,.reading-source-page-controls button,.reading-source-zoom-controls button{transition:none}}.reading-index-page{background:#f8faf8}.reading-index-container{max-width:1440px;padding-bottom:clamp(64px,9vw,120px)}.reading-index-intro{max-width:1080px;padding:clamp(34px,5vw,66px) 0 30px}.reading-index-intro h1{letter-spacing:-.05em;margin:8px 0 19px;font-size:clamp(37px,4.8vw,64px);line-height:1.04}.reading-index-intro>p:not(.eyebrow){color:#65736d;max-width:980px;margin:8px 0;font-size:clamp(15px,1.35vw,18px);line-height:1.68}.reading-index-intro>p strong{color:#236b59}.reading-index-library{gap:34px;display:grid}.reading-index-toolbar{background:#fff;border:1px solid #dce7e2;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 18px;display:flex;box-shadow:0 12px 34px #2345390d}.reading-index-toolbar>div{gap:3px;display:grid}.reading-index-toolbar strong{color:#1b2a24;font-size:17px}.reading-index-toolbar span{color:#85918c;font-size:12px}.reading-index-toolbar label{color:#76847e;background:#f9fbfa;border:1px solid #d9e3df;border-radius:12px;align-items:center;gap:9px;width:min(100%,390px);min-height:46px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.reading-index-toolbar label:focus-within{border-color:#2f9278;box-shadow:0 0 0 4px #2b91791a}.reading-index-toolbar input{width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.reading-index-section{scroll-margin-top:120px}.reading-index-band{color:#fff;background:linear-gradient(110deg,#19875d,#249b67);border-radius:12px 12px 0 0;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr) auto;align-items:center;gap:22px;min-height:78px;padding:14px 20px;display:grid;box-shadow:0 10px 26px #16785229}.reading-index-band span{color:#ffffffbd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:850;display:block}.reading-index-band h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(20px,2.2vw,29px)}.reading-index-band p{color:#ffffffd6;margin:0;font-size:13px;line-height:1.45}.reading-index-band>div:last-child{white-space:nowrap;font-size:12px}.reading-index-grid{background:#fff;border:1px solid #dfe8e4;border-top:0 solid #dfe8e4;border-radius:0 0 16px 16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px;padding:20px;display:grid}.reading-index-card{content-visibility:auto;contain-intrinsic-size:280px;background:#fff;border:1px solid #dfe7e3;border-radius:8px;min-width:0;transition:border-color .19s,box-shadow .19s,transform .19s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 7px 18px #1a43340f}.reading-index-card:hover{border-color:#8fc8b6;transform:translateY(-3px);box-shadow:0 14px 27px #165d4321}.reading-index-cover{aspect-ratio:16/10;color:#fff;background:radial-gradient(circle at 75% 20%,#ffffff40,#0000 32%),linear-gradient(145deg,#17674d,#2d9a72);align-items:flex-end;padding:13px;display:flex;position:relative;overflow:hidden}.reading-index-cover:after,.reading-index-cover:before{content:"";pointer-events:none;position:absolute}.reading-index-cover:before{background:#ffffff1a;border-radius:50% 50% 8% 8%;width:72%;height:72%;bottom:-28%;right:-12%;transform:rotate(-9deg)}.reading-index-cover:after{background:linear-gradient(#0000 30%,#062018bf);inset:0}.reading-index-cover.is-ocean{background:linear-gradient(145deg,#286684,#45a9aa)}.reading-index-cover.is-amber{background:linear-gradient(145deg,#a46220,#e7a53f)}.reading-index-cover.is-coral{background:linear-gradient(145deg,#9a5147,#df7b68)}.reading-index-cover.is-violet{background:linear-gradient(145deg,#65528d,#9a82c7)}.reading-index-cover.is-forest{background:linear-gradient(145deg,#2f5a42,#638f5c)}.reading-index-cover-copy,.reading-index-cover-label,.reading-index-premium{z-index:2;position:absolute}.reading-index-cover-label{color:#176f53;letter-spacing:.06em;text-transform:uppercase;background:#e9fff5;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:900;top:10px;left:10px}.reading-index-cover-character{z-index:1;color:#ffffff38;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(64px,6vw,105px);font-weight:800;line-height:1;position:absolute;top:4%;right:5%}.reading-index-cover-copy{bottom:13px;left:13px;right:13px}.reading-index-cover-copy small,.reading-index-cover-copy strong{display:block}.reading-index-cover-copy small{color:#ffffffc7;margin-bottom:4px;font-size:10px}.reading-index-cover-copy strong{text-shadow:0 2px 8px #00000040;font-size:clamp(15px,1.25vw,19px);line-height:1.2}.reading-index-premium{color:#71490a;background:#ffedaa;border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:8px;font-weight:900;display:inline-flex;top:9px;right:9px}.reading-index-card-body{padding:12px 12px 11px}.reading-index-card-body>p{color:#87938e;margin:0 0 3px;font-size:10px}.reading-index-card-body h3{min-height:40px;margin:0;font-size:14px;line-height:1.4}.reading-index-card-body h3 a:hover{color:var(--jade)}.reading-index-card-body>div{color:#77847f;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-size:10px;font-weight:700;display:flex}.reading-index-card-body>div a,.reading-index-card-body>div span{align-items:center;gap:4px;display:inline-flex}.reading-index-card-body>div a{color:var(--jade-dark);font-weight:850}.source-reading-article{background:#fffdf8;border:1px solid #e6dfd2;border-radius:20px;gap:30px;padding:clamp(24px,4vw,54px);display:grid;box-shadow:0 18px 44px #43351c12}.source-reading-header{max-width:980px}.source-reading-header h2{color:#173b31;letter-spacing:-.045em;margin:7px 0 10px;font-size:clamp(30px,4.2vw,52px);line-height:1.1}.source-reading-description{color:#68756f;font-size:16px;line-height:1.65}.source-reading-meta{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.source-reading-meta span{color:#52665e;background:#f4f9f6;border:1px solid #d9e5df;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:780}.source-reading-banner{color:#fff;background:radial-gradient(circle at 80% 23%,#ffebac4d,#0000 28%),linear-gradient(125deg,#174d3d,#2e8469 60%,#deb45d);border-radius:12px;align-items:flex-end;min-height:260px;padding:clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.source-reading-banner:after{content:"";background:linear-gradient(90deg,#031a1380,#0000 62%),linear-gradient(#0000 38%,#06231947);position:absolute;inset:0}.source-reading-banner>span{z-index:1;color:#fff3;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(180px,24vw,390px);font-weight:900;line-height:1;position:absolute;top:-7%;right:5%}.source-reading-banner>div{z-index:2;position:relative}.source-reading-banner p,.source-reading-banner small,.source-reading-banner strong{display:block}.source-reading-banner small{color:#d6f5e8;letter-spacing:.14em;font-size:11px;font-weight:900}.source-reading-banner strong{letter-spacing:-.045em;max-width:780px;margin-top:10px;font-size:clamp(30px,5.5vw,72px);line-height:1.02}.source-reading-banner p{color:#fffc;margin:13px 0 0;font-size:13px}.source-reading-audio{background:#f3f8f5;border:1px solid #d9e5df;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.source-reading-audio>div,.source-reading-audio>div span{align-items:center;gap:12px;display:flex}.source-reading-audio>div span{flex-direction:column;align-items:flex-start;gap:2px}.source-reading-audio svg{color:var(--jade)}.source-reading-audio small{color:#7d8984}.source-reading-section{scroll-margin-top:130px}.source-reading-section-title h3,.source-reading-section>h3{color:#167a59;letter-spacing:-.025em;margin:0 0 13px;font-size:clamp(21px,2.4vw,29px)}.source-reading-plain{color:#17231f;background:#f6f3e9;border-left:5px solid #23936b;padding:clamp(22px,3.4vw,38px);font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(22px,2.7vw,31px);font-weight:630;line-height:1.95}.source-reading-lines{background:#fff;border:1px solid #e2ddd2;border-radius:8px}.source-reading-lines>div{border-bottom:1px solid #ece7dd;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:14px 16px;display:grid}.source-reading-lines>div:last-child{border-bottom:0}.source-reading-lines>div>span{color:#93a09a;font-size:11px;font-weight:850}.source-reading-lines p,.source-reading-lines small,.source-reading-lines strong{display:block}.source-reading-lines p{margin:0}.source-reading-lines small{color:#24785f;margin-bottom:3px;font-size:13px}.source-reading-lines strong{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(20px,2vw,27px)}.source-reading-meaning{background:#eef7f2;border-radius:8px;padding:20px clamp(18px,3vw,30px)}.source-reading-meaning p{color:#3f5049;margin:8px 0;line-height:1.65}.source-reading-section-title,.source-reading-section-title>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.source-reading-section-title>div{color:#167a59;justify-content:flex-start}.source-reading-section-title h3{margin-bottom:0}.source-reading-section-title>span{color:#22755d;background:#e6f5ee;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.source-reading-question-list{gap:12px;margin-top:14px;display:grid}.source-reading-question-list fieldset{background:#fff;border:1px solid #e3ded3;border-radius:9px;padding:18px}.source-reading-question-list legend{color:#293b34;padding:0 7px;font-size:15px;font-weight:760}.source-reading-question-list legend span{font-family:Noto Serif SC,Songti SC,serif;font-size:20px}.source-reading-question-list fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.source-reading-question-list label{color:#52605b;cursor:pointer;border:1px solid #dfe6e2;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:9px 11px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.source-reading-question-list label:hover{background:#f3faf7;border-color:#78baa6;transform:translate(2px)}.source-reading-question-list label.is-selected{background:#eaf7f1;border-color:#278d6d}.source-reading-question-list label.is-correct{color:#126346;background:#e5f7ed;border-color:#55ab82}.source-reading-question-list label.is-incorrect{color:#9e3f34;background:#fff0ed;border-color:#dc8175}.source-reading-question-list label svg{color:#1c8c62;margin-left:auto}.source-reading-answer-note{color:#61706a;margin:11px 0 0;font-size:12px}.source-reading-quiz-actions{color:#68756f;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:13px;display:flex}.source-reading-vocabulary{background:#fff;border:0 solid #ddd7cb;border-width:1px 0 0 1px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.source-reading-vocabulary>div{border:1px solid #ddd7cb;border-width:0 1px 1px 0;grid-template-columns:50px 34px minmax(0,1fr);align-items:center;gap:8px;min-height:82px;padding:12px;display:grid}.source-reading-vocabulary>div>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:29px}.source-reading-vocabulary p,.source-reading-vocabulary p small,.source-reading-vocabulary p span{display:block}.source-reading-vocabulary p{min-width:0;margin:0}.source-reading-vocabulary p span{color:#177658;font-size:12px;font-weight:760}.source-reading-vocabulary p small{color:#8a958f;text-transform:uppercase;margin:2px 0;font-size:9px}.source-reading-vocabulary .multilingual-meaning{color:#3d4b45;font-size:12px}.source-reading-grammar{gap:8px;margin-top:14px;display:grid}.source-reading-grammar details{background:#fff;border:1px solid #e2ddd2;border-radius:8px;padding:14px 16px}.source-reading-grammar summary{cursor:pointer;font-weight:780}.source-reading-grammar summary small,.source-reading-grammar summary span{display:block}.source-reading-grammar summary span{color:#176f55}.source-reading-grammar summary small{color:#7b8782;margin-top:3px}.source-reading-grammar details>.multilingual-meaning{color:#57665f;margin-top:11px;line-height:1.6}@media (max-width:1180px){.reading-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.reading-index-band{grid-template-columns:1fr auto}.reading-index-band>p{grid-area:2/1/auto/-1}.reading-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.reading-index-intro{padding-top:26px}.reading-index-toolbar{flex-direction:column;align-items:stretch}.reading-index-toolbar label{width:100%}.reading-index-band{padding:14px}.reading-index-grid{gap:12px;padding:12px}.source-reading-article{border-radius:14px;padding:18px}.source-reading-banner{min-height:210px}.source-reading-question-list fieldset>div,.source-reading-vocabulary{grid-template-columns:1fr}}@media (max-width:480px){.reading-index-band,.reading-index-grid{grid-template-columns:1fr}.reading-index-band>div:last-child{grid-row:3}.source-reading-lines>div{grid-template-columns:27px minmax(0,1fr)}.source-reading-lines>div>.icon-button{grid-column:2;justify-self:start}.source-reading-quiz-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.reading-index-card,.source-reading-question-list label{transition:none}.reading-index-card:hover,.source-reading-question-list label:hover{transform:none}}.grammar-card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:50px minmax(0,1fr);gap:18px;padding:26px;display:grid}.grammar-index{color:#a0ada7;letter-spacing:.08em;font-size:13px;font-weight:850}.grammar-card h2{margin:0 0 12px;font-size:23px}.grammar-card p{color:var(--muted);line-height:1.65}.grammar-pattern{width:fit-content;color:var(--jade-dark);background:var(--jade-soft);border-radius:12px;padding:10px 13px;font-size:17px;font-weight:800}.grammar-note{border-left:3px solid var(--amber);padding-left:14px}.example-list{margin-top:22px}.example-row{color:var(--muted);background:#f6f9f6;border-radius:14px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:14px 16px;font-size:13px;display:grid}.example-row .dialogue-hanzi{font-size:18px}@media (max-width:920px){.header-nav{display:none}.site-header-top-inner{gap:16px;width:min(100% - 28px,1440px)}.hanyuflow-header-wordmark small,.header-utility-link--support{display:none}.site-header-tools{gap:6px}.header-login-link,.header-logout-button,.header-register-link,.header-utility-link{padding-inline:11px}.hero-grid,.learning-layout{grid-template-columns:1fr}.hero{padding-top:60px}.lesson-preview{max-width:560px;margin-inline:auto}.course-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.course-sidebar{max-height:none;position:static;overflow:visible}.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card,.continue-card,.goal-card,.stats-card{grid-column:span 12}}@media (max-width:520px){.hanyuflow-header-wordmark,.header-utility-link,.site-header-tool-divider{display:none}.site-header-tools{gap:0}.header-login-link,.header-logout-button,.header-register-link{padding-inline:9px}.header-logout-button span{display:none}}@media (max-width:640px){.container,.learning-layout{width:min(100% - 28px,1180px)}.site-header-top-inner{gap:10px;width:min(100% - 20px,1440px);min-height:62px}.hanyuflow-header-mark{border-radius:12px 12px 12px 4px;width:38px;height:38px;font-size:20px}.hanyuflow-header-wordmark strong{font-size:18px}.header-utility-link--practice,.site-header-tool-divider{display:none}.header-auth-actions{gap:6px}.header-login-link,.header-logout-button,.header-register-link,.header-utility-link{min-height:38px;padding-inline:10px;font-size:12px}.site-header-scroll{min-height:56px;padding-block:6px}.site-nav-track{justify-content:flex-start;min-height:40px}.site-nav-item{min-height:38px;padding-inline:10px;font-size:12px}.practice-nav-popover{border-radius:8px 8px 20px 20px;padding:17px 12px 19px 17px}.practice-nav-popover[data-menu=practice] .practice-nav-popover-list{grid-template-columns:1fr}.vocabulary-nav-popover{padding:10px 8px 14px 10px}.practice-nav-popover-heading{margin-inline:8px}.practice-nav-popover-heading>span{display:none}.practice-nav-popover-item{grid-template-columns:50px minmax(0,1fr);gap:11px;padding:8px}.practice-nav-popover-icon{border-radius:15px;width:50px;height:50px}.practice-nav-popover-copy strong{font-size:14px}.practice-nav-popover-copy small{font-size:11px}.vocabulary-nav-popover .practice-nav-popover-item{grid-template-columns:46px minmax(0,1fr);gap:10px;min-height:64px}.vocabulary-nav-popover .practice-nav-popover-icon{width:46px;height:46px}.hero{padding:45px 0 58px}.hero-grid{gap:40px}.hero h1{font-size:44px}.hero-actions{flex-direction:column;align-items:stretch}.course-grid,.feature-grid,.module-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.section{padding:56px 0}.page-shell{padding-top:32px}.footer-inner,.module-heading,.page-heading{flex-direction:column;align-items:flex-start}.lesson-list{grid-template-columns:1fr}.sidebar-course{min-height:82px;padding:17px}.sidebar-completion{font-size:9px}.lesson-hero{padding:24px}.module-section{margin-top:32px}.module-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.module-section-heading>span{margin:0}.module-card{border-radius:22px;grid-template-columns:52px minmax(0,1fr) 30px;gap:15px;min-height:0;padding:24px 20px}.module-icon{border-radius:16px;width:52px;height:52px}.module-card-arrow{width:30px;height:30px}.vocab-row{grid-template-columns:1fr auto;gap:12px}.vocab-definition{grid-area:2/1/auto/-1}.vocab-actions{grid-area:3/1/auto/-1;justify-content:flex-start}.flashcard{min-height:330px;padding:30px 20px}.auth-panel{padding:26px 22px}.dialogue-line{grid-template-columns:38px minmax(0,1fr);padding:15px}.dialogue-line .icon-button{grid-column:2}.grammar-card{grid-template-columns:1fr;padding:21px}.example-row{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.vocab-toolbar-side{flex-wrap:wrap}.vocab-pronunciation-quota{min-height:36px;color:var(--jade-dark);background:#f6faf8;border:1px solid #d9e5df;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:inline-flex}.vocab-pronunciation-quota strong{white-space:nowrap}.button-ai-tutor{color:#5a3874;background:#f7f1fa;border-color:#ddcfea;min-height:38px;padding-inline:13px}.button-ai-tutor:hover{color:#fff;background:#684182}.vocab-inline-message{border-left:3px solid var(--jade);color:#315b4e;background:#edf7f1;margin:0 0 14px;padding:10px 13px;font-size:12px}.vocab-row{transition:border-color .16s,box-shadow .16s}.vocab-row--expanded{border-color:#b9d4c7;box-shadow:0 12px 30px #203e3212}.vocab-actions{flex-wrap:wrap;gap:7px}.vocab-actions .icon-button[aria-expanded=true]{color:#fff;border-color:var(--jade);background:var(--jade)}.vocab-pronunciation-button{color:#7b3fc2;background:#faf7fd;border-color:#e1d2f2}.vocab-row-detail{background:#f8faf9;border-top:1px solid #dfe8e3;grid-column:1/-1;margin:4px -20px -17px;padding:24px}.vocab-row-detail>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.vocab-note-panel>div>span,.vocab-row-detail>header span{color:var(--jade);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.vocab-row-detail h3{letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.vocab-row-detail h3 b{color:var(--jade-dark);font-family:Noto Serif SC,Songti SC,serif;font-size:24px}.vocab-example-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vocab-example-list article{background:#fff;border:1px solid #dbe5e0;border-radius:16px;min-width:0;padding:18px;position:relative}.vocab-example-audio{width:34px;height:34px;color:var(--jade-dark);cursor:pointer;background:#fff;border:1px solid #dbe5e0;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.vocab-example-pinyin{color:#6d7875;margin:0 42px 7px 0;font-size:13px}.vocab-example-chinese{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:25px;line-height:1.5}.vocab-example-chinese mark{color:#c03232;background:#fff0e7;padding:0 2px}.vocab-example-translation{color:#53615e;border-top:1px solid #e6ece9;margin-top:14px;padding-top:13px;font-size:13px;line-height:1.5}.vocab-note-panel{grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr) auto;align-items:end;gap:22px;display:grid}.vocab-note-panel p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.ai-tutor-composer,.vocab-note-panel label{gap:7px;display:grid}.ai-tutor-composer>label,.vocab-note-panel label>span{color:#4f5e5a;font-size:11px;font-weight:800}.ai-tutor-composer textarea,.vocab-note-panel textarea{resize:vertical;width:100%;color:var(--ink);background:#fff;border:1px solid #d5e0da;border-radius:13px;outline:0;padding:12px 13px;line-height:1.5}.ai-tutor-composer textarea:focus,.vocab-note-panel textarea:focus{border-color:#87b9a4;box-shadow:0 0 0 3px #19735a1a}.vocab-practice-panel{background:#f8f6fb}.vocab-practice-panel>header span{color:#70409a}.pronunciation-shell--inline{grid-template-columns:minmax(230px,.7fr) minmax(300px,1.3fr);align-items:stretch;gap:14px}.pronunciation-shell--inline .pronunciation-actions,.pronunciation-shell--inline .pronunciation-quota-empty,.pronunciation-shell--inline .pronunciation-quota-line,.pronunciation-shell--inline .pronunciation-result,.pronunciation-shell--inline>.form-error{grid-column:1/-1}.pronunciation-quota-line{color:#5f4770;background:#fbf8fd;border:1px solid #dfd4e8;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.pronunciation-quota-line a{color:#6c2fa0;text-underline-offset:3px;text-decoration:underline}.pronunciation-shell--inline .pronunciation-reference{background:#fff;min-height:250px;padding:22px 18px}.pronunciation-shell--inline .pronunciation-reference>strong{font-size:clamp(44px,7vw,66px)}.pronunciation-shell--inline .pronunciation-reference>span{font-size:18px}.pronunciation-shell--inline .recorder-panel{background:#fff;min-height:250px}.pronunciation-shell--inline .pronunciation-result{box-shadow:none}.pronunciation-quota-empty{background:#fff9ed;border:1px solid #ead4b1;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.pronunciation-quota-empty>span{color:#8d5a19;background:#f8e8c9;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.pronunciation-quota-empty h3,.pronunciation-quota-empty p{margin:0}.pronunciation-quota-empty h3{font-size:16px}.pronunciation-quota-empty p{color:#74664c;margin-top:5px;font-size:12px;line-height:1.5}.conversation-hub-page{background:radial-gradient(circle at 92% 4%,#f1be4d1f,#0000 26rem),radial-gradient(circle at 6% 24%,#2a90771a,#0000 28rem),#f7f9f8}.conversation-hub-container{max-width:1420px}.conversation-hub-intro{background:#ffffffe0;border:1px solid #dce8e3;border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;margin-bottom:24px;padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 16px 42px #234a3c0f}.conversation-hub-intro .eyebrow{align-items:center;gap:7px;display:flex}.conversation-hub-intro h1{letter-spacing:-.05em;margin:8px 0 12px;font-size:clamp(34px,4.5vw,58px);line-height:1.04}.conversation-hub-intro>div>p:last-child{color:#66746e;max-width:900px;margin:0;font-size:clamp(14px,1.3vw,17px);line-height:1.65}.conversation-hub-independent{color:#176e59;white-space:nowrap;background:#eaf7f2;border:1px solid #b7d9ce;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:820;display:inline-flex}.conversation-hub-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:20px;display:grid}.conversation-hub-main .ai-tutor-panel{border-radius:24px;margin:0;box-shadow:0 18px 48px #3f2b4f1a}.conversation-hub-main .ai-tutor-messages{min-height:390px;max-height:56vh}.conversation-hub-guide{background:#fff;border:1px solid #dce7e2;border-radius:24px;padding:clamp(22px,3vw,30px);position:sticky;top:100px;box-shadow:0 15px 38px #2345390f}.conversation-hub-guide>span{color:var(--jade);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.conversation-hub-guide>h2{letter-spacing:-.035em;margin:9px 0 10px;font-size:clamp(22px,2.4vw,31px);line-height:1.15}.conversation-hub-guide>p{color:#74817c;margin:0;font-size:12px;line-height:1.6}.conversation-hub-guide>div{gap:10px;margin-top:22px;display:grid}.conversation-hub-guide article{background:#fafcfb;border:1px solid #e4ebe8;border-radius:15px;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;display:grid}.conversation-hub-guide article>span{color:#69467c;background:#f0e8f5;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.conversation-hub-guide article p,.conversation-hub-guide h3{margin:0}.conversation-hub-guide h3{font-size:13px}.conversation-hub-guide article p{color:#7a8681;margin-top:4px;font-size:11px;line-height:1.5}@media (max-width:1040px){.conversation-hub-layout{grid-template-columns:1fr}.conversation-hub-guide{position:static}.conversation-hub-guide>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.conversation-hub-intro{grid-template-columns:1fr}.conversation-hub-independent{justify-self:start}.conversation-hub-guide>div{grid-template-columns:1fr}}.dialogue-catalog-page,.dialogue-library-page,.standalone-dialogue-page{background:radial-gradient(circle at 92% 2%,#ffbf491c,#0000 27rem),radial-gradient(circle at 4% 16%,#2494741a,#0000 30rem),#f6f8f9;min-height:calc(100vh - 80px)}.dialogue-catalog-container,.dialogue-library-container,.standalone-dialogue-container{max-width:1500px}.dialogue-breadcrumb{color:#8593a5;align-items:center;gap:9px;min-height:34px;margin-bottom:18px;font-size:12px;font-weight:720;display:flex}.dialogue-breadcrumb a{color:inherit;align-items:center;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.dialogue-breadcrumb a:hover{color:var(--jade);transform:translateY(-1px)}.dialogue-breadcrumb strong{color:#7241d8}.dialogue-library-hero{background:#fffffff0;border:1px solid #dfe6ed;border-radius:26px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:clamp(25px,3.6vw,42px);display:grid;box-shadow:0 18px 48px #23324812}.dialogue-library-hero-icon{color:#7342d6;background:linear-gradient(145deg,#f0e9ff,#e8e2fa);border-radius:23px;place-items:center;width:82px;height:82px;display:grid}.dialogue-catalog-heading span,.dialogue-library-heading span,.dialogue-library-hero-copy>span{color:var(--jade);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:850}.dialogue-library-hero-copy h1{color:#1e293b;letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(30px,4.2vw,48px);line-height:1.06}.dialogue-library-hero-copy p{color:#718096;max-width:920px;margin:0;font-size:clamp(13px,1.25vw,16px);line-height:1.65}.dialogue-library-stats{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.dialogue-library-stats>span{color:#59677a;background:#f4f7fa;border:1px solid #e5eaf0;border-radius:11px;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.dialogue-library-stats strong{color:#273449;font-size:14px}.dialogue-catalog-heading,.dialogue-library-heading{justify-content:space-between;align-items:end;gap:24px;margin:34px 2px 18px;display:flex}.dialogue-catalog-heading h2,.dialogue-library-heading h2{color:#1f2d3d;letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(23px,2.7vw,34px)}.dialogue-catalog-heading p,.dialogue-library-heading p{color:#7a8798;text-align:right;max-width:520px;margin:0;font-size:12px;line-height:1.55}.dialogue-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.dialogue-catalog-hero,.dialogue-level-card,.standalone-dialogue-hero{--dialogue-accent:#20bf6b;--dialogue-soft:#e3f9ec;--dialogue-deep:#157a48}[data-tone=blue]{--dialogue-accent:#3f7ff0;--dialogue-soft:#e7f0ff;--dialogue-deep:#2859ac}[data-tone=amber]{--dialogue-accent:#f2a10b;--dialogue-soft:#fff3ce;--dialogue-deep:#9b6100}[data-tone=orange]{--dialogue-accent:#ff7417;--dialogue-soft:#ffecdc;--dialogue-deep:#a34108}[data-tone=red]{--dialogue-accent:#ef4646;--dialogue-soft:#ffe5e7;--dialogue-deep:#a52b2b}[data-tone=violet]{--dialogue-accent:#7b3ff1;--dialogue-soft:#eee6ff;--dialogue-deep:#5324b0}.dialogue-level-card{background:#fff;border:1px solid #dfe5eb;border-radius:22px;flex-direction:column;min-height:370px;padding:28px 28px 24px;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #22344c0b}.dialogue-level-card:before{content:"";background:var(--dialogue-accent);height:6px;position:absolute;inset:0 0 auto}.dialogue-level-card:hover{border-color:var(--dialogue-accent);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.dialogue-level-card:hover{border-color:color-mix(in srgb,var(--dialogue-accent) 35%,#dfe5eb)}}.dialogue-level-card:hover{box-shadow:0 20px 44px #263a5217}.dialogue-level-card-top{align-items:center;gap:9px;display:flex}.dialogue-level-badge,.dialogue-level-difficulty{border-radius:9px;align-items:center;min-height:31px;padding:6px 11px;font-size:11px;font-weight:850;display:inline-flex}.dialogue-level-badge{color:var(--dialogue-deep);background:var(--dialogue-soft)}.dialogue-level-difficulty{color:#95a1b3;background:0 0;padding-inline:2px}.dialogue-level-card h3{color:#1e293b;letter-spacing:-.03em;margin:18px 0 8px;font-size:23px;line-height:1.15}.dialogue-level-card>p{color:#748195;min-height:48px;margin:0;font-size:13px;line-height:1.55}.dialogue-level-meta{gap:9px;margin:20px 0 14px;display:flex}.dialogue-level-meta span{color:#687486;background:#f3f5f7;border-radius:9px;min-height:34px;padding:7px 11px;font-size:11px;font-weight:760}.dialogue-catalog-topics,.dialogue-level-topics{flex-wrap:wrap;gap:6px;display:flex}.dialogue-catalog-topics span,.dialogue-level-topics span{color:#627086;background:#f6f8fa;border:1px solid #e3e9ef;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:730}.dialogue-level-cta{color:#fff;background:var(--dialogue-accent);border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:50px;margin-top:auto;padding:10px 18px;font-size:13px;font-weight:820;text-decoration:none;transition:filter .18s,transform .18s cubic-bezier(.16,1,.3,1);display:flex}.dialogue-level-cta:hover{filter:brightness(.96)saturate(1.06);transform:translateY(-2px)}.dialogue-level-cta svg{transition:transform .18s}.dialogue-level-cta:hover svg{transform:translate(3px)}.dialogue-catalog-hero{border:1px solid var(--dialogue-accent);padding:clamp(28px,4.5vw,52px);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.dialogue-catalog-hero{border:1px solid color-mix(in srgb,var(--dialogue-accent) 25%,#dfe6ed)}}.dialogue-catalog-hero{background:radial-gradient(circle at 92% 20%,var(--dialogue-soft),transparent 23rem),white;border-radius:26px}@supports (color:color-mix(in lab,red,red)){.dialogue-catalog-hero{background:radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--dialogue-soft) 82%,transparent),transparent 23rem),white}}.dialogue-catalog-hero{box-shadow:0 16px 45px #23344c0f}.dialogue-back-link{color:#69778a;align-items:center;gap:7px;margin-bottom:28px;font-size:11px;font-weight:760;text-decoration:none;display:inline-flex}.dialogue-back-link:hover{color:var(--dialogue-deep)}.dialogue-catalog-hero>div{align-items:center;gap:8px;display:flex}.dialogue-catalog-hero h1{color:#1d2a3d;letter-spacing:-.055em;margin:17px 0 9px;font-size:clamp(34px,5vw,58px);line-height:1.03}.dialogue-catalog-hero>p{color:#738094;max-width:760px;margin:0;font-size:15px;line-height:1.65}.dialogue-catalog-topics{margin-top:22px}.dialogue-catalog-topics span{color:var(--dialogue-deep);background:var(--dialogue-soft);border-color:#0000}.dialogue-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dialogue-lesson-card{background:#fff;border:1px solid #dfe6ec;border-radius:20px;flex-direction:column;min-height:320px;padding:23px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;box-shadow:0 9px 28px #26364c0b}.dialogue-lesson-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #26364c14}.dialogue-lesson-number{color:#276c5a;background:#e6f5f0;border-radius:12px;place-items:center;width:41px;height:41px;margin-bottom:18px;font-size:11px;font-weight:860;display:grid}.dialogue-lesson-card>div:first-of-type>span{color:#8b54d6;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:820}.dialogue-lesson-card h3{color:#202d40;letter-spacing:-.025em;margin:5px 0 3px;font-size:20px}.dialogue-lesson-card>div:first-of-type p{color:#64748b;margin:0;font-size:14px}.dialogue-lesson-card>p{color:#7b8797;margin:14px 0;font-size:12px;line-height:1.55}.dialogue-lesson-card-meta{gap:12px;margin-top:auto;display:flex}.dialogue-lesson-card-meta span{color:#7a8696;align-items:center;gap:5px;font-size:10px;font-weight:720;display:inline-flex}.dialogue-lesson-card>a{color:#176b57;background:#f4faf7;border:1px solid #dce5e2;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;margin-top:16px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.dialogue-lesson-card>a:hover{background:#eaf7f2;border-color:#a8d2c6}.standalone-dialogue-container{max-width:1120px}.standalone-dialogue-hero{border:1px solid var(--dialogue-accent);padding:clamp(24px,4vw,40px)}@supports (color:color-mix(in lab,red,red)){.standalone-dialogue-hero{border:1px solid color-mix(in srgb,var(--dialogue-accent) 22%,#dfe6ed)}}.standalone-dialogue-hero{background:radial-gradient(circle at 91% 12%,var(--dialogue-soft),transparent 21rem),white;border-radius:25px}@supports (color:color-mix(in lab,red,red)){.standalone-dialogue-hero{background:radial-gradient(circle at 91% 12%,color-mix(in srgb,var(--dialogue-soft) 90%,transparent),transparent 21rem),white}}.standalone-dialogue-hero{box-shadow:0 15px 42px #23344c0f}.standalone-dialogue-hero-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.standalone-dialogue-hero-top .dialogue-back-link{margin:0}.standalone-dialogue-title-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:17px;margin-top:26px;display:grid}.standalone-dialogue-icon{width:65px;height:65px;color:var(--dialogue-deep);background:var(--dialogue-soft);border-radius:18px;place-items:center;display:grid}.standalone-dialogue-title-row>div>span{color:var(--dialogue-deep);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:830}.standalone-dialogue-title-row h1{color:#1e2b3d;letter-spacing:-.045em;margin:4px 0 1px;font-size:clamp(30px,4vw,44px);line-height:1.08}.standalone-dialogue-title-row p{color:#6f7d90;margin:0;font-size:16px}.standalone-dialogue-summary{color:#7a8798;max-width:760px;margin:18px 0 0;font-size:13px;line-height:1.6}.standalone-dialogue-play-all{color:#fff;background:var(--dialogue-accent);min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:20px;padding:9px 15px;font-size:11px;font-weight:820;transition:transform .18s,box-shadow .18s;display:inline-flex}.standalone-dialogue-play-all:hover{box-shadow:0 10px 22px var(--dialogue-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.standalone-dialogue-play-all:hover{box-shadow:0 10px 22px color-mix(in srgb,var(--dialogue-accent) 28%,transparent)}}.standalone-dialogue-lines{background:#fffffff0;border:1px solid #e0e7ed;border-radius:25px;gap:18px;margin-top:20px;padding:clamp(18px,3vw,30px);display:grid;box-shadow:0 15px 42px #23344c0d}.standalone-dialogue-line{grid-template-columns:45px minmax(0,1fr) 38px;align-items:end;gap:10px;width:min(84%,820px);display:grid}.standalone-dialogue-line[data-side=right]{grid-template-columns:38px minmax(0,1fr) 45px;margin-left:auto}.standalone-dialogue-line[data-side=right] .standalone-dialogue-speaker{grid-column:3}.standalone-dialogue-line[data-side=right] .standalone-dialogue-bubble{border-radius:19px 19px 6px;grid-area:1/2}.standalone-dialogue-line[data-side=right] .icon-button{grid-area:1/1}.standalone-dialogue-speaker{color:#176c58;background:#e4f5ef;border-radius:14px;place-items:center;width:45px;height:45px;font-size:17px;font-weight:840;display:grid}.standalone-dialogue-line[data-side=right] .standalone-dialogue-speaker{color:#7145ae;background:#f0e8fa}.standalone-dialogue-bubble{background:#f7fbf9;border:1px solid #dfe7e4;border-radius:19px 19px 19px 6px;padding:16px 18px;transition:border-color .18s,box-shadow .18s,transform .18s}.standalone-dialogue-line[data-side=right] .standalone-dialogue-bubble{background:#fbf9fd;border-color:#e5ddef}.standalone-dialogue-line[data-playing=true] .standalone-dialogue-bubble{border-color:#8fc8b9;transform:translateY(-2px);box-shadow:0 10px 25px #26816a1c}.standalone-dialogue-line-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.standalone-dialogue-line-heading strong{color:#526174;font-size:11px}.standalone-dialogue-line-heading span{color:var(--jade);align-items:center;gap:5px;font-size:9px;font-weight:780;display:inline-flex}.standalone-dialogue-pinyin{color:#477a6d;margin:9px 0 2px;font-size:13px;line-height:1.5}.standalone-dialogue-hanzi{color:#172638;margin:0;font-size:clamp(19px,2.2vw,25px);font-weight:760;line-height:1.45}.standalone-dialogue-translation{margin-top:9px}.standalone-dialogue-translation>span{color:#7d8897;font-size:11px;line-height:1.5}.standalone-dialogue-line .icon-button{color:#1f765f;background:#fff;border-color:#dce6e2;width:38px;height:38px}.standalone-dialogue-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.standalone-dialogue-pagination>a{color:#263549;background:#fff;border:1px solid #dfe6ec;border-radius:16px;align-items:center;gap:12px;min-height:70px;padding:14px 18px;font-size:12px;font-weight:780;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.standalone-dialogue-pagination>a:last-child{text-align:right;justify-content:flex-end}.standalone-dialogue-pagination>a:hover{border-color:#b6d5cc;transform:translateY(-2px)}.standalone-dialogue-pagination span{gap:3px;display:grid}.standalone-dialogue-pagination small{color:#909cad;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:720}@media (max-width:1080px){.dialogue-lesson-grid,.dialogue-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.dialogue-library-hero{grid-template-columns:1fr}.dialogue-library-hero-icon{border-radius:18px;width:62px;height:62px}.dialogue-library-stats{grid-column:1}.dialogue-catalog-heading,.dialogue-library-heading{flex-direction:column;align-items:start;gap:8px}.dialogue-catalog-heading p,.dialogue-library-heading p{text-align:left}.dialogue-lesson-grid,.dialogue-level-grid{grid-template-columns:1fr}.dialogue-level-card{min-height:345px}.standalone-dialogue-hero-top{flex-direction:column;align-items:flex-start}.standalone-dialogue-title-row{align-items:start}.standalone-dialogue-line{grid-template-columns:38px minmax(0,1fr);align-items:start;width:100%}.standalone-dialogue-line .icon-button{grid-column:2;justify-self:end;margin-top:-48px}.standalone-dialogue-line[data-side=right]{grid-template-columns:minmax(0,1fr) 38px}.standalone-dialogue-line[data-side=right] .standalone-dialogue-speaker{grid-column:2}.standalone-dialogue-line[data-side=right] .standalone-dialogue-bubble{grid-column:1}.standalone-dialogue-line[data-side=right] .icon-button{grid-column:1;justify-self:start}.standalone-dialogue-speaker{border-radius:12px;width:38px;height:38px;font-size:14px}.standalone-dialogue-pagination{grid-template-columns:1fr}.standalone-dialogue-pagination>span{display:none}}@media (prefers-reduced-motion:reduce){.dialogue-lesson-card,.dialogue-level-card,.dialogue-level-cta,.standalone-dialogue-bubble,.standalone-dialogue-pagination>a,.standalone-dialogue-play-all{transition:none}}.ai-tutor-panel{background:#fff;border:1px solid #d9cce5;border-radius:20px;margin:0 0 18px;overflow:hidden;box-shadow:0 14px 34px #482f5b14}.ai-tutor-header{color:#fdfbff;background:#633e7c;border-bottom:1px solid #e7dfed;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.ai-tutor-header-actions,.ai-tutor-identity{align-items:center;gap:12px;display:flex}.ai-tutor-icon{background:#ffffff1a;border:1px solid #ffffff52;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.ai-tutor-identity span:not(.ai-tutor-icon){color:#ffffffbf;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.ai-tutor-identity h2{margin:2px 0 0;font-size:19px}.ai-tutor-status{color:#ffffffe6;border:1px solid #ffffff40;border-radius:9px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.ai-tutor-header .icon-button{color:#fff;background:0 0;border-color:#ffffff40}.ai-tutor-mode-tabs{background:#f7f3f9;border-bottom:1px solid #ece6f0;gap:8px;padding:12px 20px;display:flex}.ai-tutor-mode-tabs button{color:#735783;cursor:pointer;background:#fff;border:1px solid #ddd2e5;border-radius:11px;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:12px;font-weight:800;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.ai-tutor-mode-tabs button:hover{border-color:#a884bd;transform:translateY(-1px)}.ai-tutor-mode-tabs button.is-active{color:#fff;background:#633e7c;border-color:#633e7c;box-shadow:0 8px 20px #633e7c2e}.ai-tutor-messages{scroll-behavior:smooth;background:#fdfcfd;gap:12px;min-height:260px;max-height:480px;padding:20px;display:grid;overflow-y:auto}.ai-tutor-message{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;max-width:min(82%,680px);display:grid}.ai-tutor-message>span{color:#5d3c72;background:#eee5f4;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:850;display:grid}.ai-tutor-message p{white-space:pre-wrap;color:#3e3941;background:#fff;border:1px solid #e2dbe6;border-radius:4px 14px 14px;margin:0;padding:12px 14px;font-size:14px;line-height:1.65}.ai-tutor-message-body{min-width:0}.ai-tutor-message-body>button{color:#68467b;cursor:pointer;background:#fff;border:1px solid #ddd3e4;border-radius:9px;align-items:center;gap:5px;min-height:30px;margin-top:6px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.ai-tutor-message--user{grid-template-columns:minmax(0,1fr) 34px;margin-left:auto}.ai-tutor-message--user>span{color:#fff;background:var(--jade);grid-column:2}.ai-tutor-message--user .ai-tutor-message-body{grid-area:1/1}.ai-tutor-message--user p{color:#fff;border-color:var(--jade);background:var(--jade);border-radius:14px 4px 14px 14px;grid-area:1/1}.ai-tutor-thinking{color:#756a79;align-items:center;gap:8px;font-size:11px;display:flex}.ai-tutor-panel>.form-error{margin:0 20px 12px}.ai-tutor-suggestions{flex-wrap:wrap;gap:8px;padding:0 20px 12px;display:flex}.ai-tutor-suggestions button{color:#654678;cursor:pointer;background:#fff;border:1px solid #ddd3e4;border-radius:10px;min-height:34px;padding:0 10px;font-size:12px;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,background .17s}.ai-tutor-suggestions button:hover{background:#f4eef7;border-color:#b69ac5;transform:translateY(-1px)}.ai-tutor-composer{padding:0 20px 20px}.ai-tutor-composer>div{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.ai-tutor-composer textarea{min-height:62px}.ai-voice-practice{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:12px;padding:0 20px 20px;display:grid}.ai-voice-stage,.ai-voice-topics{background:#faf7fc;border:1px solid #e1d6e7;border-radius:17px}.ai-voice-stage{text-align:center;align-content:center;place-items:center;min-height:280px;padding:24px;display:grid;position:relative}.ai-voice-headphones{color:#745386;background:#eee5f4;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.ai-voice-mic{color:#fff;cursor:pointer;background:linear-gradient(145deg,#744b8d,#4f2e65);border:0;border-radius:50%;place-items:center;width:78px;height:78px;margin-bottom:13px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:grid;box-shadow:0 15px 34px #633e7c40}.ai-voice-mic:hover:not(:disabled){transform:scale(1.04);box-shadow:0 18px 40px #633e7c52}.ai-voice-mic:disabled{cursor:wait;opacity:.72}.ai-voice-mic.is-listening{animation:ai-voice-pulse 1.25s ease-in-out infinite}@keyframes ai-voice-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 13px #744b8d21}}.ai-voice-stage>strong{color:#4e3959;font-size:15px}.ai-voice-engine{color:#68467b;background:#ffffffd1;border:1px solid #ddcfe5;border-radius:999px;align-items:center;gap:6px;min-height:27px;margin-top:8px;padding:5px 9px;font-size:10px;font-weight:820;line-height:1;display:inline-flex}.ai-voice-stage>p{color:#7c6f82;max-width:460px;margin:8px 0 0;font-size:12px;line-height:1.6}.ai-voice-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.ai-voice-controls button{color:#68467b;cursor:pointer;background:#fff;border:1px solid #d9cce2;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:11px;font-weight:800;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,background .17s,box-shadow .17s;display:inline-flex}.ai-voice-controls button:hover{border-color:#9d75b2;transform:translateY(-1px)}.ai-voice-controls button.is-active{color:#fff;background:#633e7c;border-color:#633e7c;box-shadow:0 8px 20px #633e7c33}.ai-voice-topics{padding:20px}.ai-voice-topics>span{color:#6a4d7a;align-items:center;gap:6px;font-size:11px;font-weight:850;display:flex}.ai-voice-topics>div{gap:8px;margin-top:12px;display:grid}.ai-voice-topics button{color:#5f426f;cursor:pointer;text-align:left;background:#fff;border:1px solid #ddd2e4;border-radius:11px;min-height:44px;padding:9px 12px;font-size:11px;font-weight:750;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,background .17s}.ai-voice-topics button:hover:not(:disabled){background:#f6f0f8;border-color:#aa88bc;transform:translate(2px)}@media (max-width:1080px){.vocab-row{grid-template-columns:minmax(210px,.9fr) minmax(180px,1fr)}.vocab-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:700px){.pronunciation-shell--inline,.vocab-note-panel{grid-template-columns:1fr}.pronunciation-shell--inline .pronunciation-actions,.pronunciation-shell--inline .pronunciation-quota-empty,.pronunciation-shell--inline .pronunciation-quota-line,.pronunciation-shell--inline .pronunciation-result,.pronunciation-shell--inline>.form-error{grid-column:1}.vocab-example-list{grid-template-columns:1fr}.vocab-row-detail{margin-inline:-20px;padding:20px}.pronunciation-quota-empty{grid-template-columns:auto 1fr}.pronunciation-quota-empty .button{grid-column:1/-1}.ai-tutor-header{flex-direction:column;align-items:flex-start}.ai-tutor-header-actions{justify-content:space-between;width:100%}.ai-tutor-message{max-width:95%}.ai-tutor-composer>div,.ai-voice-practice{grid-template-columns:1fr}}.exercise-shell{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #1d433512}.exercise-topbar{justify-content:space-between;align-items:center;gap:18px;padding:18px 22px 14px;display:flex}.exercise-topbar div{gap:3px;display:grid}.exercise-topbar span{color:var(--muted);font-size:12px;font-weight:750}.exercise-topbar>span{color:var(--jade-dark);background:var(--jade-soft);border-radius:999px;padding:7px 10px}.exercise-progress{background:#e7eee9;height:7px}.exercise-progress span{background:linear-gradient(90deg,var(--jade),#40a87f);will-change:width,transform,filter;border-radius:0 99px 99px 0;height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}.exercise-progress.is-complete span{animation:progress-complete-glow .52s cubic-bezier(.16,1,.3,1) both}@keyframes progress-complete-glow{0%{filter:brightness();transform:scaleY(1);box-shadow:0 0 #289d7000}55%{filter:brightness(1.06);transform:scaleY(1.16);box-shadow:0 0 14px #289d7052}to{filter:brightness();transform:scaleY(1.04);box-shadow:0 0 8px #289d7033}}.question-card{min-height:390px;padding:40px clamp(22px,5vw,58px) 34px}.question-card-ai{justify-content:flex-end;min-height:38px;margin:-17px 0 12px;display:flex}.question-label{color:var(--jade);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850}.question-card h2{letter-spacing:-.03em;max-width:980px;margin:0 0 30px;font-size:clamp(25px,2.7vw,38px);line-height:1.3}.question-card h2 .multilingual-heading{justify-items:start;gap:10px;width:100%}.question-card h2 .multilingual-heading>span{overflow-wrap:anywhere;width:100%;font-family:Inter,Noto Sans SC,PingFang SC,ui-sans-serif,system-ui,sans-serif;font-weight:650;line-height:1.28}.question-card h2 .multilingual-heading small{margin:0 0 7px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;line-height:1;display:block}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.option-button{min-width:0;min-height:72px;color:var(--ink);cursor:pointer;text-align:left;background:#fbfdfb;border:1px solid #d8e3db;border-radius:15px;align-items:center;gap:12px;padding:15px 18px;font-size:16px;font-weight:700;line-height:1.4;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s,color .16s,background-color .16s,box-shadow .16s;display:flex;transform:translateY(0);box-shadow:0 3px 10px #1d433506}.option-button>.option-letter{width:31px;height:31px;color:var(--muted);background:#fff;border:1px solid #d8e3db;border-radius:9px;flex:none;place-items:center;font-size:12px;display:grid}.option-button>.multilingual-meaning{flex:1;justify-items:stretch;gap:5px;min-width:0;font-family:Inter,Noto Sans SC,PingFang SC,ui-sans-serif,system-ui,sans-serif}.option-button>.multilingual-meaning>span{width:auto;min-width:0;height:auto;color:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;font-size:15px;line-height:1.4;display:flex}.option-button>.multilingual-meaning small{min-width:25px;color:var(--jade-dark);background:var(--jade-soft);text-align:center;border-radius:6px;flex:none;margin:0;padding:3px 5px;font-size:8px;line-height:1}.option-button.selected,.option-button:hover:not(:disabled){border-color:var(--jade);color:var(--jade-dark);background:var(--jade-soft)}.option-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 22px #19735a17}.option-button:focus-visible{outline-offset:2px;outline:3px solid #19735a29}.option-button.selected>.option-letter{border-color:var(--jade);color:#fff;background:var(--jade)}.option-button.selected.correct{color:#0b6d4c;background:#e9f8f1;border-color:#31a877}.option-button.selected.correct>.option-letter{background:#15895e;border-color:#15895e}.option-button.selected.incorrect{color:#913d32;background:#fff0ed;border-color:#df806f}.option-button.selected.incorrect>.option-letter{background:#d65c49;border-color:#d65c49}.option-button:disabled{cursor:default}.true-false-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:560px;display:grid}.true-false-grid .option-button{justify-content:center;font-size:18px}.fill-blank-sentence,.radical-character{color:var(--ink);text-align:center;margin:4px 0 26px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(34px,6vw,52px);font-weight:700}.blank-marker{border-bottom:3px solid var(--jade);min-width:88px;color:var(--jade);margin-inline:8px;padding:0 24px 5px;display:inline-block}.exercise-shell--fill-blank{background:#fff;border-color:#d9e3f0;border-radius:28px;box-shadow:0 18px 46px #2e4a6f17}.exercise-shell--fill-blank .exercise-topbar{align-items:center;padding:26px 34px 18px}.exercise-shell--fill-blank .exercise-topbar>div{align-items:center;gap:10px;display:flex}.exercise-shell--fill-blank .exercise-topbar strong,.exercise-shell--fill-blank .exercise-topbar>div>span,.exercise-shell--fill-blank .exercise-topbar>span{border-radius:99px;align-items:center;min-height:38px;padding:0 13px;display:inline-flex}.exercise-shell--fill-blank .exercise-topbar>div>span{color:#2465ce;background:#edf4ff}.exercise-shell--fill-blank .exercise-topbar strong{color:#08765a;background:#e8faf3;font-size:12px}.exercise-shell--fill-blank .exercise-topbar>span{color:#63758d;background:#f3f6fa}.exercise-shell--fill-blank .exercise-progress{background:#edf2f8;border-radius:99px;height:5px;margin-inline:34px;overflow:hidden}.exercise-shell--fill-blank .exercise-progress span{background:linear-gradient(90deg,#3e83eb,#73a8f4);border-radius:99px}.exercise-shell--fill-blank .question-card{min-height:455px;padding:28px 34px 30px}.fill-blank-workspace{gap:28px;display:grid}.fill-blank-prompt{background:#f8fafd;border:1px solid #dce4ef;border-radius:20px;min-height:154px;padding:25px 28px}.fill-blank-prompt>p{color:#8a9ab1;letter-spacing:.065em;text-transform:uppercase;margin:0;font-size:11px;font-weight:850}.exercise-shell--fill-blank .fill-blank-sentence{text-align:left;margin:21px 0 0;font-size:clamp(30px,4.2vw,43px)}.exercise-shell--fill-blank .blank-marker{color:#2465ce;text-align:center;border-bottom:3px solid #3e83eb;min-width:104px;margin-inline:9px;padding:0 14px 6px}.exercise-shell--fill-blank .option-grid{gap:14px}.exercise-shell--fill-blank .option-button{color:#1f2d42;background:#fff;border:2px solid #dce4ef;border-radius:18px;min-height:84px;padding:15px 20px;font-family:Noto Serif SC,Songti SC,serif;font-size:25px;transition:border-color .15s,color .15s,background .15s,transform .15s;box-shadow:0 5px 14px #3a527008}.exercise-shell--fill-blank .option-button>.option-letter{color:#465970;background:#f0f4f9;border:0;border-radius:12px;width:40px;height:40px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:850}.exercise-shell--fill-blank .option-button:hover:not(:disabled){color:#245fae;background:#f8fbff;border-color:#80acf0;transform:translateY(-2px)}.exercise-shell--fill-blank .option-button.selected{color:#1e60bb;background:#edf4ff;border-color:#3e83eb}.exercise-shell--fill-blank .option-button.selected>.option-letter{color:#fff;background:#3e83eb}.exercise-shell--fill-blank .option-button.selected.correct{color:#0b6d4c;background:#e9f8f1;border-color:#31a877}.exercise-shell--fill-blank .option-button.selected.correct>.option-letter{background:#15895e}.exercise-shell--fill-blank .option-button.correct-answer{color:#0b6d4c;background:#e9f8f1;border-color:#31a877}.exercise-shell--fill-blank .option-button.correct-answer>.option-letter{color:#fff;background:#15895e}.exercise-shell--fill-blank .option-button.selected.incorrect{color:#913d32;background:#fff0ed;border-color:#df806f}.exercise-shell--fill-blank .option-button.selected.incorrect>.option-letter{background:#d65c49}.exercise-shell--fill-blank .feedback-panel{margin-inline:34px}.exercise-shell--fill-blank .exercise-footer{padding:22px 34px 30px}.exercise-shell--fill-blank .exercise-footer .button{min-width:150px;min-height:50px}.exercise-shell--fill-blank .exercise-footer .button-primary{background:#3e83eb}.exercise-shell--fill-blank .exercise-footer .button-primary:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background:#a8c1f2}.radical-character{background-color:#f9fcf8;background-image:linear-gradient(#19735a0f 1px,#0000 0),linear-gradient(90deg,#19735a0f 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d7e4dc;border-radius:22px;place-items:center;width:120px;height:120px;margin-inline:auto;font-size:68px;display:grid}.exercise-shell--radical{border-color:#e1e5f4;border-radius:30px;box-shadow:0 20px 54px #3140701a}.radical-topbar{border-bottom:1px solid #e5e8f2;justify-content:space-between;align-items:center;gap:24px;padding:24px 38px 22px;display:flex}.radical-topbar>div{gap:4px;display:grid}.radical-topbar strong{color:#18243a;letter-spacing:-.03em;font-size:clamp(20px,2.2vw,28px)}.radical-topbar div span{color:#61718b;font-size:14px}.radical-topbar>span{color:#5b62e9;background:#eef0ff;border-radius:999px;flex:none;padding:9px 14px;font-size:15px;font-weight:850}.exercise-shell--radical>.exercise-progress{background:#e7ebf3;border-radius:99px;height:8px;margin:28px 38px 0;overflow:hidden}.exercise-shell--radical>.exercise-progress span{background:linear-gradient(90deg,#6670f2,#8890ff);border-radius:99px}.radical-statusbar{justify-content:space-between;align-items:center;gap:18px;padding:24px 38px 22px;display:flex}.radical-statusbar>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.radical-statusbar span{color:#68778e;background:#f0f3f8;border-radius:999px;align-items:center;gap:4px;min-height:30px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-flex}.radical-statusbar span.correct{color:#079854;background:#ecfbf2}.radical-statusbar span.incorrect{color:#db333e;background:#fff0f1}.radical-statusbar>button{color:#64738b;cursor:pointer;background:#f0f3f8;border:0;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.radical-statusbar>button:hover{color:#4e56d8;background:#e9ebff}.exercise-shell--radical .question-card{background:#f7f8ff;border:1px solid #dde2f1;border-radius:28px;min-height:0;margin:0 38px 34px;padding:34px 38px 42px;overflow:hidden}.radical-question-index{color:#7d86ee;margin:0 0 26px;font-size:13px;font-weight:850}.radical-puzzle{gap:34px;display:grid}.radical-target{background:#ffffffd6;border:1px solid #e0e5f2;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:22px 26px;display:flex;box-shadow:0 12px 30px #3e4a7e0f}.radical-target>div{gap:8px;min-width:0;display:grid}.radical-target>div>span{color:#758198;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.radical-equation{background:linear-gradient(135deg,#f0f2ff,#f9faff);border:1px solid #dfe4f2;border-radius:22px;justify-content:center;align-items:center;gap:clamp(14px,2.4vw,30px);min-width:0;min-height:108px;padding:18px 24px;display:flex}.radical-pinyin{color:#5c66eb;overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,2.2vw,24px);font-style:normal;font-weight:700}.radical-missing{color:#d92d3a;background:#fff4f5;border-bottom:3px dashed #e04b54;border-radius:18px 18px 0 0;place-items:center;width:74px;height:70px;padding-bottom:8px;font-size:40px;display:grid}.radical-focus-character,.radical-missing{font-family:Noto Serif SC,Songti SC,serif;font-weight:700}.radical-focus-character{color:#343ec9;background:#fff;border:1px solid #cdd3fb;border-radius:20px;flex:none;place-items:center;width:76px;height:76px;font-size:46px;display:grid;box-shadow:0 10px 24px #4c54c91c}.radical-plus{color:#9ca7ba;font-size:24px;font-weight:700}.radical-equation>small{color:#6f7c92;font-size:13px;font-weight:800}.radical-word{color:#172238;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:3px;min-width:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(38px,5vw,58px);font-weight:650;line-height:1.35;display:flex}.radical-word b{min-width:1.08em;font:inherit;border-radius:12px;place-items:center;padding:0 .08em;transition:color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-grid}.radical-word b.is-focus{color:#3e47cf;background:#e9ebff;box-shadow:inset 0 -3px #6c74eb}.option-grid--radical{gap:14px}.option-button--radical{background:#fff;border:2px solid #dfe4ef;border-radius:20px;min-width:0;min-height:88px;padding:14px 20px}.option-button--radical>.option-letter{color:#526079;background:#f0f3f8;border:0;border-radius:12px;width:42px;height:42px;font-size:14px;font-weight:900}.radical-option-copy{align-items:center;gap:15px;min-width:0;display:flex}.radical-option-copy strong{color:#172238;font-family:Noto Serif SC,Songti SC,serif;font-size:34px;line-height:1}.radical-option-copy small{color:#68758a;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:750}.option-button--radical.selected,.option-button--radical:hover:not(:disabled){color:#4e56d8;background:#f0f1ff;border-color:#6b73ec;transform:translateY(-1px)}.option-button--radical.selected>.option-letter{background:#5d65e5;border-color:#5d65e5}.radical-analysis{background:linear-gradient(145deg,#f5fbf7,#fbfdfc);border:1px solid #d8e7df;border-radius:24px;gap:18px;padding:22px;animation:radical-analysis-enter .26s cubic-bezier(.16,1,.3,1) both;display:grid}.radical-analysis>header{align-items:center;gap:12px;display:flex}.radical-analysis-icon{color:#147359;background:#dff4e9;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.radical-analysis>header>div{gap:3px;min-width:0;display:grid}.radical-analysis>header strong{color:#18382f;font-size:16px}.radical-analysis>header span{color:#637a71;font-size:13px;line-height:1.45}.radical-analysis-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.radical-analysis-grid article{background:#fff;border:1px solid #dce8e1;border-radius:18px;align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.radical-analysis-grid article.is-focus{border-color:#8991ef;box-shadow:0 10px 24px #5058c61a}.radical-analysis-pair{align-items:center;gap:10px;display:flex}.radical-analysis-pair b,.radical-analysis-pair strong{font-family:Noto Serif SC,Songti SC,serif;font-size:34px;line-height:1}.radical-analysis-pair strong{color:#1b2a3d}.radical-analysis-pair b{color:#4f58d9}.radical-analysis-pair span{color:#9aa5b5;font-weight:800}.radical-analysis-grid article>p,.radical-analysis-grid article>small{color:#5f706a;margin:0;font-size:13px;line-height:1.45}.radical-analysis-grid dl{gap:7px;margin:0;display:grid}.radical-analysis-grid dl>div{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.radical-analysis-grid dt{color:#7a8984;text-transform:uppercase;font-size:11px;font-weight:800}.radical-analysis-grid dd{color:#233d35;overflow-wrap:anywhere;text-align:right;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:16px;font-weight:750}@keyframes radical-analysis-enter{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.radical-analysis{animation:none}.radical-word b{transition:none}}.exercise-shell--radical .feedback-panel{margin-inline:38px}.exercise-shell--radical .exercise-footer{padding:4px 38px 34px}.answer-field{gap:8px;max-width:720px;display:grid}.answer-field span{color:var(--muted);font-size:12px;font-weight:750}.answer-field textarea{resize:vertical;width:100%;min-height:105px;color:var(--ink);background:#fbfdfb;border:1px solid #d5e0d8;border-radius:15px;padding:15px 16px;font-size:18px;line-height:1.6}.source-sentence{border:0;border-left:4px solid var(--jade);background:#f3f8f3;border-radius:0 15px 15px 0;max-width:720px;margin:0 0 24px;padding:20px 22px;font-size:clamp(21px,3vw,28px);font-weight:700;line-height:1.5}.error-sentence{border-left-color:var(--coral);-webkit-text-decoration:underline wavy #e76e5099;text-decoration:underline wavy #e76e5099;text-decoration-thickness:1px}.audio-prompt{background:#f7faf7;border:1px solid #d7e4dc;border-radius:16px;grid-template-columns:46px minmax(150px,1fr) minmax(240px,.8fr);align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:grid}.audio-prompt-icon{color:#fff;background:var(--jade);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.audio-prompt span,.audio-prompt strong{display:block}.audio-prompt span{color:var(--muted);margin-top:3px;font-size:12px}.audio-prompt audio{width:100%;height:40px}.audio-prompt .audio-tts-button{justify-self:end;min-width:128px}.word-order-workspace{gap:18px;display:grid}.answer-zone{background:#f8fbf8;border:2px dashed #cbdcd0;border-radius:17px;flex-wrap:wrap;align-items:center;gap:10px;min-height:92px;padding:18px;display:flex}.answer-zone>span{color:#93a19b;font-size:14px}.answer-zone button,.token-bank button{min-height:45px;color:var(--jade-dark);cursor:pointer;background:#fff;border:1px solid #cadbd0;border-radius:12px;padding:8px 15px;font-size:20px;font-weight:750}.answer-zone button{color:#fff;border-color:var(--jade);background:var(--jade)}.token-bank{flex-wrap:wrap;gap:10px;min-height:58px;display:flex}.token-bank .token-reset{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.matching-list{gap:11px;display:grid}.exercise-shell--matching{overflow:visible}.matching-row{border:1px solid var(--line);background:#fbfdfb;border-radius:14px;grid-template-columns:minmax(90px,.5fr) auto minmax(180px,1fr);align-items:center;gap:15px;padding:12px 14px;display:grid;position:relative}.matching-row>strong{font-size:23px}.matching-dropdown{min-width:0;position:relative}.matching-dropdown.is-open{z-index:20}.matching-dropdown-trigger{color:#849189;cursor:pointer;width:100%;min-height:44px;font:inherit;text-align:left;background:#fff;border:1px solid #d5e0d8;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 11px 9px 13px;font-size:14px;font-weight:700;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s,background-color .16s,box-shadow .16s;display:grid;transform:translateY(0);box-shadow:0 1px 2px #1d433508}.matching-dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.matching-dropdown-trigger>span.has-value{color:var(--ink)}.matching-dropdown-trigger:hover:not(:disabled),.matching-dropdown.is-open .matching-dropdown-trigger{border-color:var(--jade);transform:translateY(-1px);box-shadow:0 8px 18px #19735a1c}.matching-dropdown-trigger:focus-visible{outline-offset:2px;outline:3px solid #19735a2e}.matching-dropdown-trigger:disabled{cursor:default}.matching-chevron{transition:transform .18s cubic-bezier(.16,1,.3,1)}.matching-dropdown.is-open .matching-chevron{transform:rotate(180deg)}.matching-feedback-icon{color:currentColor}.matching-dropdown-menu{z-index:30;transform-origin:top;background:#fffffffa;border:1px solid #d7e3db;border-radius:13px;max-height:248px;padding:6px;animation:matching-dropdown-open .18s cubic-bezier(.16,1,.3,1) both;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #1f413429}@keyframes matching-dropdown-open{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.matching-dropdown-menu button{color:#344a41;cursor:pointer;width:100%;min-height:39px;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:700;transition:transform .14s cubic-bezier(.16,1,.3,1),color .14s,background-color .14s;display:flex;transform:translate(0)}.matching-dropdown-menu button:focus-visible,.matching-dropdown-menu button:hover{color:var(--jade-dark);background:#19735a12;outline:none;transform:translate(2px)}.matching-dropdown-menu button.is-selected{color:var(--jade-dark);background:#19735a1a}.matching-dropdown.is-correct .matching-dropdown-trigger{color:#0b7551;background:#eefaf4;border-color:#48ae84;animation:matching-confirm .36s cubic-bezier(.16,1,.3,1) both}@keyframes matching-confirm{0%{transform:scale(1);box-shadow:0 0 #2a9a6c00}55%{transform:scale(1.012);box-shadow:0 0 16px #2a9a6c33}to{transform:scale(1);box-shadow:0 0 9px #2a9a6c1f}}.matching-dropdown.is-incorrect .matching-dropdown-trigger{color:#9a4438;background:#fff1ee;border-color:#df7c6d;animation:matching-shake .28s ease-out both}@keyframes matching-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.feedback-panel{border-radius:15px;align-items:flex-start;gap:13px;margin:0 24px;padding:17px 19px;display:flex}.feedback-panel.correct{color:var(--jade-dark);background:var(--jade-soft)}.feedback-panel.incorrect{color:#843b2b;background:#fceae6}.feedback-panel p,.feedback-panel strong{margin:0;display:block}.feedback-panel p{margin-top:4px;font-size:13px;line-height:1.5}.feedback-copy{flex:1;min-width:0}.feedback-panel.has-details{color:#22312c;background:#fbfdfc;border:1px solid #dce6e0;padding:20px}.feedback-panel.has-details.correct>svg{color:#15895e}.feedback-panel.has-details.incorrect>svg{color:#c4503f}.fill-feedback-details{color:#24332d;gap:16px;margin-top:18px;display:grid}.fill-feedback-answer{background:#eef9f4;border:1px solid #bfe2d2;border-radius:16px;grid-template-columns:135px minmax(130px,.35fr) minmax(260px,1fr);align-items:center;gap:16px;padding:18px;display:grid}.fill-feedback-answer>span,.fill-feedback-learning-grid section>span{color:#137653;letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:850}.fill-feedback-answer>div>strong{color:#0c6849;font-family:Noto Serif SC,Songti SC,serif;font-size:32px}.fill-feedback-answer>div>p{color:#5f756c;font-size:12px}.fill-feedback-details .multilingual-meaning{gap:6px}.fill-feedback-details .multilingual-meaning>span{line-height:1.55}.fill-feedback-learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fill-feedback-learning-grid section{background:#fff;border:1px solid #e0e8e3;border-radius:14px;padding:16px}.fill-feedback-learning-grid .multilingual-meaning{margin-top:9px}.fill-feedback-section{padding-top:2px}.fill-feedback-section h3{color:#1f342c;margin:0 0 10px;font-size:14px}.sentence-part-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;display:grid}.sentence-part-grid article{background:#fff;border:1px solid #e0e8e3;border-radius:13px;padding:12px}.sentence-part-grid article>strong{color:#173d30;font-family:Noto Serif SC,Songti SC,serif;font-size:23px}.sentence-part-grid article>span{color:#608074;margin:2px 0 7px;font-size:12px;display:block}.choice-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-analysis-grid article{background:#fff;border:1px solid #e0e8e3;border-radius:14px;padding:15px}.choice-analysis-grid article.correct{background:#f1faf6;border-color:#a9d9c3}.choice-analysis-grid article.selected-wrong{background:#fff5f3;border-color:#e5afa6}.choice-analysis-heading{grid-template-columns:30px auto 1fr auto;align-items:center;gap:8px;margin-bottom:9px;display:grid}.choice-analysis-heading>span{color:#50675e;background:#edf2ef;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:850;display:grid}.choice-analysis-heading>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:23px}.choice-analysis-heading>small{color:#6a7d75}.choice-analysis-heading>em{color:#667b72;background:#eef3f0;border-radius:99px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.choice-analysis-grid article.correct .choice-analysis-heading>em{color:#0d714f;background:#dff3e9}.choice-analysis-grid article.selected-wrong .choice-analysis-heading>em{color:#a44134;background:#f9ded9}.exercise-shell>.form-error{margin:14px 24px 0}.exercise-footer{justify-content:space-between;gap:12px;padding:20px 24px 24px;display:flex}.exercise-state{border:1px solid var(--line);min-height:280px;color:var(--muted);text-align:center;background:#fff;border-radius:22px;align-content:center;place-items:center;gap:12px;padding:40px;display:grid}.exercise-state h2,.exercise-state p{margin:0}.exercise-state.error-state>svg{color:var(--coral)}.exercise-result{border:1px solid var(--line);min-height:340px;box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:42px;padding:clamp(28px,6vw,58px);display:grid}.exercise-result>div:last-child>svg{color:var(--jade)}.exercise-result.retry>div:last-child>svg{color:var(--amber)}.exercise-result h2{letter-spacing:-.035em;margin:9px 0 7px;font-size:30px}.exercise-result p{color:var(--muted);margin:0 0 22px;line-height:1.6}.result-ring{text-align:center;background:radial-gradient(circle,white 61%,transparent 63%),conic-gradient(var(--jade) var(--score),#e4ece6 0);border-radius:50%;place-content:center;width:170px;height:170px;display:grid}.result-ring span,.result-ring strong{display:block}.result-ring strong{letter-spacing:-.04em;font-size:36px}.result-ring span{color:var(--muted);font-size:12px;font-weight:700}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:700px){.option-grid,.true-false-grid{grid-template-columns:1fr}.question-card{min-height:330px}.question-card-ai{margin-top:-15px}.radical-topbar{align-items:flex-start;padding:20px 18px}.radical-topbar div span{max-width:240px;line-height:1.45}.exercise-shell--radical>.exercise-progress{margin:20px 18px 0}.radical-statusbar{padding:18px}.exercise-shell--radical .question-card{margin:0 18px 24px;padding:24px 20px 28px}.radical-question-index{margin-bottom:18px}.radical-puzzle{gap:25px}.radical-target{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.radical-equation{flex-wrap:wrap;gap:12px;min-height:0;padding:16px}.radical-pinyin{font-size:20px}.radical-missing{width:62px;height:60px;font-size:34px}.radical-word{font-size:38px}.radical-focus-character{width:62px;height:62px;font-size:38px}.radical-equation>small{text-align:center;width:100%}.option-button--radical{min-height:76px}.radical-option-copy strong{font-size:30px}.radical-analysis{padding:18px}.radical-analysis-grid{grid-template-columns:1fr}.exercise-shell--radical .feedback-panel{margin-inline:18px}.exercise-shell--radical .exercise-footer{padding:0 18px 24px}.exercise-shell--fill-blank .exercise-topbar{align-items:flex-start;padding:20px 18px 15px}.exercise-shell--fill-blank .exercise-topbar>div{flex-direction:column;align-items:flex-start}.exercise-shell--fill-blank .exercise-topbar>span{min-height:34px;padding-inline:10px}.exercise-shell--fill-blank .exercise-progress{margin-inline:18px}.exercise-shell--fill-blank .question-card{min-height:0;padding:22px 18px}.fill-blank-prompt{min-height:138px;padding:21px 18px}.exercise-shell--fill-blank .fill-blank-sentence{font-size:30px}.exercise-shell--fill-blank .blank-marker{min-width:76px;margin-inline:5px}.exercise-shell--fill-blank .option-button{min-height:70px}.exercise-shell--fill-blank .feedback-panel{margin-inline:18px}.feedback-panel.has-details{padding:15px}.choice-analysis-grid,.fill-feedback-answer,.fill-feedback-learning-grid{grid-template-columns:1fr}.fill-feedback-answer{gap:10px}.choice-analysis-heading{grid-template-columns:30px auto 1fr}.choice-analysis-heading>em{grid-column:2/-1;justify-self:start}.exercise-shell--fill-blank .exercise-footer{padding:18px}.exercise-shell--fill-blank .exercise-footer .button{min-width:0}.audio-prompt{grid-template-columns:46px 1fr}.audio-prompt .audio-tts-button,.audio-prompt audio{grid-column:1/-1}.audio-prompt .audio-tts-button{justify-self:stretch}.exercise-result{text-align:center;grid-template-columns:1fr;gap:25px}.result-ring{margin-inline:auto}.matching-row{grid-template-columns:1fr auto}.matching-dropdown{grid-column:1/-1}}.admin-shell{background:#f5f8f5;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 73px);display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#fff;padding:24px 15px}.admin-sidebar-title{color:var(--jade-dark);align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.admin-sidebar-title small,.admin-sidebar-title strong{display:block}.admin-sidebar-title small{color:var(--muted);margin-top:2px;font-size:10px}.admin-sidebar nav{gap:3px;display:grid}.admin-sidebar nav a{color:#56635f;border-radius:11px;align-items:center;gap:10px;min-height:42px;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:var(--jade-dark);background:var(--jade-soft)}.admin-main{min-width:0;padding:38px clamp(20px,4vw,52px) 70px}.admin-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-overview-grid>a{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.admin-overview-grid h2{margin:16px 0 7px;font-size:17px}.admin-overview-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.admin-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.admin-page-heading h1{letter-spacing:-.04em;margin:0;font-size:34px}.admin-page-heading p:not(.card-kicker){color:var(--muted);margin:6px 0 0}.admin-editor{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:22px;padding:22px}.admin-editor>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.admin-editor h2{margin:0;font-size:20px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.admin-form-grid .form-field:has(textarea){grid-column:1/-1}.admin-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.admin-table-wrap{border:1px solid var(--line);background:#fff;border-radius:17px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table td,.admin-table th{text-align:left;vertical-align:middle;border-bottom:1px solid #e8eee9;min-width:110px;padding:13px 14px}.admin-table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f7faf7;font-size:10px}.admin-table td code{color:var(--jade-dark);font-size:11px}.admin-row-actions{gap:7px;display:flex}.icon-button.danger{color:#a14431;background:#fff8f6;border-color:#efd1ca}@media (max-width:950px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);min-width:0;overflow:hidden}.admin-sidebar nav{display:flex;overflow-x:auto}.admin-sidebar nav a{white-space:nowrap}.admin-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.admin-main{padding-inline:14px}.admin-form-actions,.admin-page-heading{flex-direction:column;align-items:stretch}.admin-form-grid,.admin-overview-grid{grid-template-columns:1fr}.admin-form-grid .form-field:has(textarea){grid-column:auto}}.settings-container{max-width:880px}.global-state-page{min-height:calc(100vh - 73px);color:var(--jade-dark);text-align:center;place-content:center;justify-items:center;gap:14px;padding:80px 20px;display:grid}.global-state-page h1,.global-state-page p{margin:0}.global-state-page p{max-width:480px;color:var(--muted);line-height:1.6}.lesson-content-skeleton{min-height:620px;overflow:hidden}.lesson-skeleton-heading,.lesson-skeleton-panel{background:#fff;border:1px solid #e0e9e4;border-radius:24px;position:relative;overflow:hidden}.lesson-skeleton-heading{min-height:190px;margin-top:22px;padding:30px}.lesson-skeleton-panel{min-height:330px;margin-top:24px;padding:32px}.lesson-skeleton-line{background:#edf3f0;border-radius:999px;height:14px;margin-bottom:18px;display:block;position:relative;overflow:hidden}.lesson-skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd1,#0000);animation:lesson-skeleton-shimmer 1.15s ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}.lesson-skeleton-line--crumb{width:min(38%,330px);height:11px}.lesson-skeleton-line--eyebrow{width:92px;height:10px}.lesson-skeleton-line--title{width:min(55%,520px);height:38px}.lesson-skeleton-line--copy{width:min(72%,680px)}.lesson-skeleton-line--wide{width:88%;height:52px;margin-bottom:24px}.lesson-skeleton-line--medium{width:68%;height:52px;margin-bottom:24px}.lesson-skeleton-line--short{width:42%;height:52px}@keyframes lesson-skeleton-shimmer{to{transform:translate(100%)}}@supports (content-visibility:auto){.dialogue-line,.grammar-card,.level-unit-card,.reading-library-card,.reading-line,.vocab-row{content-visibility:auto}.level-unit-card{contain-intrinsic-size:auto 376px}.reading-library-card{contain-intrinsic-size:auto 300px}.dialogue-line,.reading-line,.vocab-row{contain-intrinsic-size:auto 150px}.grammar-card{contain-intrinsic-size:auto 320px}}@media (prefers-reduced-motion:reduce){.lesson-skeleton-line:after{animation:none}.level-unit-status,.level-unit-status-arrow{transition:none}}.settings-stack{gap:16px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.settings-card>header{align-items:flex-start;gap:13px;margin-bottom:18px;display:flex}.settings-card>header>svg{color:var(--jade)}.settings-card h2,.settings-card p{margin:0}.settings-card h2{font-size:19px}.settings-card p{color:var(--muted);margin-top:4px;font-size:12px}.setting-row{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:14px 0;display:flex}.setting-row span,.setting-row strong{display:block}.setting-row span{color:var(--muted);margin-top:4px;font-size:12px}.toggle{cursor:pointer;background:#cbd4cf;border:0;border-radius:99px;flex:none;width:48px;height:28px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:22px;height:22px;margin:0;transition:transform .16s;display:block;box-shadow:0 2px 6px #00000026}.toggle.on{background:var(--jade)}.toggle.on span{transform:translate(20px)}.setting-range{gap:14px;display:grid}.setting-range>span{justify-content:space-between;gap:14px;display:flex}.setting-range b{color:var(--jade)}.setting-range input{accent-color:var(--jade)}.settings-number-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.settings-save{justify-self:end;min-width:220px}@media (max-width:650px){.settings-number-grid{grid-template-columns:1fr}.settings-save{width:100%}}.activity-list{gap:9px;display:grid}.activity-item{background:#f5f8f5;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.activity-item>svg{color:var(--jade)}.activity-item small,.activity-item strong{display:block}.activity-item small,.activity-item time{color:var(--muted);font-size:11px}.progress-overview{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.progress-hero-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:170px 1fr;align-items:center;gap:30px;padding:30px;display:grid}.progress-hero-card h2{margin:0 0 8px;font-size:28px}.progress-hero-card p:not(.card-kicker){color:var(--muted);margin:0 0 20px}.progress-metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.progress-metrics article{border:1px solid var(--line);background:#fff;border-radius:18px;align-content:center;padding:20px;display:grid}.progress-metrics svg{color:var(--jade);margin-bottom:14px}.progress-metrics strong{font-size:25px}.progress-metrics span{color:var(--muted);font-size:12px}.lesson-progress-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;display:grid}.lesson-progress-number{color:#fff;background:var(--jade);border-radius:15px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:850;display:grid}.lesson-progress-card h2{margin:4px 0 12px;font-size:21px}.lesson-progress-card small,.lesson-progress-card span{color:var(--muted);font-size:12px}.lesson-progress-card small{margin-top:8px;display:block}@media (max-width:760px){.catalog-stats{grid-template-columns:1fr 1fr}.catalog-stats article:nth-child(2){border-right:0}.catalog-stats article:nth-child(-n+2){border-bottom:1px solid #ffffff21}.dictionary-facts{grid-template-columns:1fr 1fr}.dictionary-senses{grid-template-columns:1fr}.vocab-toolbar{flex-direction:column;align-items:stretch}.vocab-toolbar-side{flex-direction:column;align-items:flex-start}.progress-hero-card,.progress-overview{grid-template-columns:1fr}.progress-hero-card{text-align:center}.progress-hero-card .result-ring{margin-inline:auto}.progress-metrics{grid-template-columns:1fr 1fr}}.pronunciation-shell{gap:18px;display:grid}.vocab-list{gap:22px}.vocab-row{background:#fff;border:1px solid #dce6e1;border-left:6px solid #ef5a5a;border-radius:23px;padding:0;display:block;overflow:hidden;box-shadow:0 9px 28px #2843390f}.vocab-row:nth-child(4n+2){border-left-color:#ec9f45}.vocab-row:nth-child(4n+3){border-left-color:#4f95df}.vocab-row:nth-child(4n+4){border-left-color:#7b68cf}.vocab-card-top{grid-template-columns:54px 124px minmax(190px,1fr) auto;align-items:center;gap:20px;min-width:0;padding:22px 24px;display:grid}.vocab-card-number{color:#fff;background:#ea5252;border-radius:14px;place-items:center;width:50px;height:50px;font-size:16px;font-weight:900;display:grid;box-shadow:0 7px 15px #de484833}.vocab-row:nth-child(4n+2) .vocab-card-number{background:#df8d34}.vocab-row:nth-child(4n+3) .vocab-card-number{background:#3988d7}.vocab-row:nth-child(4n+4) .vocab-card-number{background:#6d5bc3}.vocab-illustration{aspect-ratio:1;isolation:isolate;border:1px solid var(--illustration-accent);place-items:center;width:124px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.vocab-illustration{border:1px solid color-mix(in srgb,var(--illustration-accent) 25%,white)}}.vocab-illustration{background:radial-gradient(circle at 18% 16%,#ffffffe0 0 8%,transparent 9%),linear-gradient(145deg,var(--illustration-start),var(--illustration-end));box-shadow:inset 0 0 0 1px #ffffff6b,0 7px 18px var(--illustration-accent);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.vocab-illustration{box-shadow:inset 0 0 0 1px #ffffff6b,0 7px 18px color-mix(in srgb,var(--illustration-accent) 10%,transparent)}}.vocab-illustration{transition:border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.16,1,.3,1)}.vocab-illustration-halo{aspect-ratio:1;z-index:-1;width:78%;rotate:var(--illustration-tilt);background:#ffffff7a;border-radius:42% 58% 61% 39%/55% 38% 62% 45%;position:absolute;box-shadow:0 8px 22px #3e4c4614}.vocab-illustration-symbol{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 5px #25332f21);place-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1;display:grid;position:absolute}.vocab-illustration-symbol--primary{transform:rotate(var(--illustration-tilt));font-size:clamp(36px,4.1vw,51px);top:20%;left:23%}.vocab-illustration-symbol--secondary{aspect-ratio:1;width:35%;transform:rotate(calc(var(--illustration-tilt) * -.6));background:#ffffffb3;border:1px solid #ffffffb8;border-radius:50%;font-size:clamp(18px,2vw,25px);top:13%;right:12%;box-shadow:0 4px 12px #26363017}.vocab-illustration-word{max-width:calc(100% - 19px);color:var(--illustration-accent);border:1px solid #ffffffb8;border-radius:7px;padding:3px 7px 4px;position:absolute;bottom:8px;right:9px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.vocab-illustration-word{color:color-mix(in srgb,var(--illustration-accent) 84%,#16231e)}}.vocab-illustration-word{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;background:#ffffffc7;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(11px,1.35vw,15px);font-weight:850;line-height:1.05;box-shadow:0 3px 8px #24332d14}.vocab-illustration-fingerprint{align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:13px;left:9px}.vocab-illustration-fingerprint>span{background:var(--illustration-accent);opacity:.4;border-radius:999px;width:2px;max-height:14px}.vocab-illustration--layout-1 .vocab-illustration-symbol--primary,.vocab-illustration--layout-4 .vocab-illustration-symbol--primary{left:34%}.vocab-illustration--layout-2 .vocab-illustration-symbol--primary,.vocab-illustration--layout-5 .vocab-illustration-symbol--primary{top:16%;left:16%}.vocab-card-top .vocab-main{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.vocab-card-top .vocab-hanzi{color:#151d2f;letter-spacing:-.04em;min-width:0;font-size:clamp(38px,4vw,52px);line-height:1.08}.vocab-card-top .vocab-pinyin{color:#647188;font-size:20px;font-style:italic;font-weight:650}.vocab-card-top .vocab-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:300px;display:flex}.vocab-card-top .icon-button{color:#405370;background:#fbfcfd;border-color:#dfe7ef;border-radius:13px;width:36px;height:36px;transition:transform .17s cubic-bezier(.16,1,.3,1),color .17s,border-color .17s,background .17s,box-shadow .17s}.vocab-card-top .icon-button:hover:not(:disabled){color:var(--jade-dark);background:#f2faf6;border-color:#9fc9b7;transform:translateY(-1px);box-shadow:0 7px 16px #1a624b17}.vocab-card-top .vocab-pronunciation-button{color:#6f3db2;background:#faf7fd;border-color:#dbcaf0}.vocab-definition{border-top:1px solid #e5ece8;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:18px 24px;display:flex}.vocab-definition>.vocab-pos{color:#d84d4d;letter-spacing:.04em;text-transform:uppercase;background:#fff0ee;border-radius:8px;margin:0;padding:5px 10px;font-size:10px;font-weight:900;line-height:1.2}.vocab-definition .vocab-meaning{color:#222d41;font-size:16px;line-height:1.5}.vocab-definition .vocab-facts{width:100%;margin-top:2px}.vocab-definition .vocab-reference-label{width:100%}.vocab-card-example{background:#fff;border:1px solid #dce5ef;border-radius:18px;min-width:0;margin:0 24px 24px;padding:20px 22px 20px 72px;display:block;position:relative}.vocab-card-example:after,.vocab-card-example:before{content:"";border-radius:50%;width:30px;height:30px;position:absolute;left:20px}.vocab-card-example:before{background:#edf5ff;top:18px}.vocab-card-example:after{background:#edf7f1;top:54px}.vocab-card-example .vocab-example-audio{color:#8e46d2;z-index:1;background:#f8efff;border-color:#eadbf7;border-radius:50%;top:91px;left:18px;right:auto}.vocab-card-example .vocab-example-pinyin{color:#66716e;word-spacing:8px;margin:0 0 4px;font-size:14px}.vocab-card-example .vocab-example-chinese{font-size:clamp(24px,3vw,31px)}.vocab-card-example .vocab-example-translation{color:#3f4946;margin-top:16px;padding-top:16px;font-size:16px}.vocab-row>.vocab-row-detail{border-top:1px solid #dfe8e3;margin:0;padding:24px}@supports (content-visibility:auto){.vocab-row{contain-intrinsic-size:auto 430px}}@media (max-width:1100px){.vocab-card-top{grid-template-columns:50px 104px minmax(170px,1fr)}.vocab-card-top .vocab-actions{grid-column:2/-1;justify-content:flex-start;max-width:none}.vocab-illustration{width:104px}}@media (max-width:700px){.vocab-list{gap:16px}.vocab-card-top{grid-template-columns:42px 82px minmax(0,1fr);gap:12px;padding:17px}.vocab-card-number{border-radius:12px;width:40px;height:44px;font-size:14px}.vocab-illustration{border-radius:14px;width:82px}.vocab-card-top .vocab-hanzi{font-size:clamp(30px,10vw,40px)}.vocab-card-top .vocab-pinyin{font-size:16px}.vocab-card-top .vocab-actions{grid-column:1/-1;padding-top:3px}.vocab-card-top .icon-button{width:34px;height:34px}.vocab-definition{padding:15px 17px}.vocab-card-example{margin:0 14px 16px;padding:18px 15px 18px 54px}.vocab-card-example:after,.vocab-card-example:before{width:24px;height:24px;left:14px}.vocab-card-example:before{top:17px}.vocab-card-example:after{top:47px}.vocab-card-example .vocab-example-audio{width:30px;height:30px;top:78px;left:11px}.vocab-row>.vocab-row-detail{margin:0;padding:19px 16px}}@media (prefers-reduced-motion:reduce){.vocab-card-top .icon-button{transition:none}}.topic-lesson-page,.topic-vocabulary-page{background:radial-gradient(circle at 100% 0,#4e95df1a,#0000 32rem),#f4f7fa;padding:34px 0 76px}.topic-lesson-container,.topic-vocabulary-container{width:min(1320px,100% - 40px)}.topic-vocabulary-hero{color:#fff;background:radial-gradient(circle at 94% 12%,#69cce733,#0000 25rem),linear-gradient(125deg,#16243c,#1b3348 54%,#0c5360);border-radius:34px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:clamp(32px,6vw,78px);min-height:470px;padding:clamp(34px,5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #122a3f33}.topic-vocabulary-hero:after{content:"词";color:#ffffff09;pointer-events:none;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(260px,31vw,470px);font-weight:900;line-height:1;position:absolute;bottom:-21%;right:3%}.topic-vocabulary-hero-copy,.topic-vocabulary-hero-stats{z-index:1;position:relative}.topic-vocabulary-kicker{color:#d9f5f0;letter-spacing:.05em;text-transform:uppercase;background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:22px;padding:9px 13px;font-size:12px;font-weight:850;display:inline-flex}.topic-vocabulary-hero h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(48px,6.4vw,84px);line-height:.98}.topic-vocabulary-hero h1 span{color:#76d6ef}.topic-vocabulary-hero-copy>p{color:#d1dce7;max-width:720px;margin:24px 0 28px;font-size:clamp(16px,1.6vw,19px);line-height:1.7}.topic-vocabulary-search{color:#78d8ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:17px;align-items:center;gap:12px;width:min(100%,650px);min-height:58px;padding:0 18px;display:flex}.topic-vocabulary-search:focus-within{border-color:#7bdcf1;box-shadow:0 0 0 4px #7bdcf11f}.topic-vocabulary-search input{color:#111827;background:0 0;border:0;outline:0;width:100%}.topic-vocabulary-search input::placeholder{color:#aabac8}.topic-vocabulary-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.topic-vocabulary-hero-stats article,.topic-vocabulary-hero-stats>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff26}.topic-vocabulary-hero-stats article{border-radius:24px;align-content:center;justify-items:start;min-height:154px;padding:22px;display:grid}.topic-vocabulary-hero-stats article svg{color:#79dcee}.topic-vocabulary-hero-stats article strong{margin-top:12px;font-size:clamp(34px,4vw,52px);line-height:1}.topic-vocabulary-hero-stats article span{color:#bdcbd5;margin-top:6px;font-size:13px;font-weight:750}.topic-vocabulary-hero-stats>div{color:#e2ebf1;border-radius:18px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-height:74px;padding:16px 18px;font-size:13px;font-weight:700;line-height:1.45;display:grid}.topic-vocabulary-hero-stats>div svg{color:#7cd8c0}.topic-vocabulary-catalog{padding-top:48px}.topic-vocabulary-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.topic-vocabulary-heading span{color:#2b7ab2;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.topic-vocabulary-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(30px,3.4vw,44px)}.topic-vocabulary-heading p{color:#6d7b89;text-align:right;max-width:450px;margin:0;line-height:1.6}.topic-vocabulary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.topic-vocabulary-card{--topic-accent:#ed8a20;--topic-soft:#fff3e3;border:1px solid var(--topic-accent);flex-direction:column;min-height:260px;padding:24px;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.topic-vocabulary-card{border:1px solid color-mix(in srgb,var(--topic-accent) 22%,white)}}.topic-vocabulary-card{background:radial-gradient(circle at 100% 0,var(--topic-soft),transparent 45%),white;border-radius:26px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;box-shadow:0 14px 35px #223d5212}.topic-vocabulary-card[data-tone="1"]{--topic-accent:#3f79e8;--topic-soft:#eaf1ff}.topic-vocabulary-card[data-tone="2"]{--topic-accent:#8a54e9;--topic-soft:#f1eaff}.topic-vocabulary-card[data-tone="3"]{--topic-accent:#15966f;--topic-soft:#e4f8f0}.topic-vocabulary-card[data-tone="4"]{--topic-accent:#dc5c66;--topic-soft:#fff0f1}.topic-vocabulary-card[data-tone="5"]{--topic-accent:#168ca4;--topic-soft:#e5f7fa}.topic-vocabulary-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px #223d521f}.topic-vocabulary-card-top{color:var(--topic-accent);justify-content:space-between;align-items:center;display:flex}.topic-vocabulary-card-top>span{background:var(--topic-soft);letter-spacing:.05em;border-radius:12px;place-items:center;width:48px;height:38px;font-size:12px;font-weight:900;display:grid}.topic-vocabulary-card h3{color:#243244;letter-spacing:-.025em;margin:23px 0 10px;font-size:23px;line-height:1.25}.topic-vocabulary-card>p{color:#6c7987;margin:0 0 22px;font-family:Noto Serif SC,Songti SC,serif;font-size:16px;line-height:1.6}.topic-vocabulary-card-footer{border-top:1px solid #e7edf1;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.topic-vocabulary-card-footer>span{color:#6b7884;font-size:12px;font-weight:800}.topic-vocabulary-card-footer a{color:var(--topic-accent);align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.topic-vocabulary-more{color:#226c9c;cursor:pointer;background:#fff;border:1px solid #bfd7e5;border-radius:14px;min-height:48px;margin:28px auto 0;padding:0 24px;font-weight:850;display:block}.topic-vocabulary-more:hover{background:#f4faff;border-color:#65a9d1}.topic-lesson-state,.topic-vocabulary-empty{color:#657683;text-align:center;background:#ffffffb3;border:1px dashed #c9d8e1;border-radius:24px;place-content:center;justify-items:center;gap:9px;min-height:250px;padding:38px;display:grid}.topic-vocabulary-empty h3,.topic-vocabulary-empty p{margin:0}.topic-vocabulary-empty h3{color:#283847}.topic-vocabulary-empty p{font-size:13px}.topic-lesson-breadcrumb{color:#77858f;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.topic-lesson-breadcrumb a{color:#2179ad;align-items:center;gap:7px;font-weight:800;display:inline-flex}.topic-lesson-breadcrumb strong{color:#354651}.topic-lesson-hero{color:#fff;background:radial-gradient(circle at 90% 0,#7bd8ee3b,#0000 21rem),linear-gradient(125deg,#19273f,#17475a);border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:center;gap:46px;min-height:275px;padding:clamp(30px,4vw,50px);display:grid;box-shadow:0 24px 60px #1c334629}.topic-lesson-hero>div:first-child>span{color:#79d9ec;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:900}.topic-lesson-hero h1{letter-spacing:-.045em;margin:9px 0 13px;font-size:clamp(38px,5vw,62px)}.topic-lesson-hero p{color:#cedbe3;max-width:740px;margin:0;line-height:1.7}.topic-lesson-progress{background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;padding:25px}.topic-lesson-progress strong{font-size:45px;line-height:1;display:block}.topic-lesson-progress>span{color:#c8d6df;margin-top:8px;font-size:12px;font-weight:750;display:block}.topic-lesson-progress>div{background:#ffffff24;border-radius:999px;height:8px;margin-top:20px;overflow:hidden}.topic-lesson-progress i{border-radius:inherit;background:linear-gradient(90deg,#57cba8,#7adeef);height:100%;transition:width .22s;display:block}.topic-lesson-workspace{background:#fff;border:1px solid #dce5ea;border-radius:28px;margin-top:24px;padding:24px;box-shadow:0 16px 45px #253f5114}.topic-lesson-toolbar{grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:16px;margin-bottom:24px;display:grid}.topic-lesson-modes{background:#f4f7f9;border:1px solid #dce5ea;border-radius:14px;gap:4px;padding:4px;display:flex}.topic-flashcard-controls button,.topic-lesson-modes button{color:#61717d;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:12px;font-weight:850;display:inline-flex}.topic-lesson-modes button[aria-pressed=true]{color:#176f89;background:#fff;box-shadow:0 4px 11px #274a5b1a}.topic-lesson-search{color:#3382ad;background:#fff;border:1px solid #dce5ea;border-radius:14px;align-items:center;gap:9px;min-height:48px;padding:0 14px;display:flex}.topic-lesson-search:focus-within{border-color:#63acd0;box-shadow:0 0 0 4px #469cc61a}.topic-lesson-search input{color:#26353e;background:0 0;border:0;outline:0;width:100%}.topic-lesson-result-count{color:#73818a;white-space:nowrap;font-size:12px;font-weight:850}.topic-lesson-state.is-error{color:#ad493e}.topic-lesson-state button{color:#fff;cursor:pointer;background:#ad493e;border:0;border-radius:10px;min-height:38px;padding:0 15px;font-weight:800}.topic-word-list{gap:13px;display:grid}.topic-word-card{background:#fff;border:1px solid #e0e8ec;border-radius:18px;grid-template-columns:48px minmax(150px,.52fr) minmax(220px,1fr) auto;align-items:center;gap:17px;padding:17px 18px;transition:border-color .16s,box-shadow .16s;display:grid}.topic-word-card:hover{border-color:#acd1df;box-shadow:0 9px 22px #2b526612}.topic-word-number{color:#267d9f;background:#e9f6fa;border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.topic-word-chinese,.topic-word-meaning{gap:4px;min-width:0;display:grid}.topic-word-chinese strong{color:#17283a;font-family:Noto Serif SC,Songti SC,serif;font-size:32px;line-height:1.12}.topic-word-chinese span{color:#2d8aaa;font-size:13px;font-weight:750}.topic-word-meaning small{color:#8a5b0a;text-transform:uppercase;background:#fff2d6;border-radius:7px;width:fit-content;padding:4px 7px;font-size:9px;font-weight:900}.topic-word-meaning p{color:#33424b;margin:0;font-size:15px;font-weight:700;line-height:1.5}.topic-word-actions{gap:8px;display:flex}.topic-word-actions button{color:#347f9c;cursor:pointer;background:#f9fbfc;border:1px solid #dbe5e9;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.topic-word-actions button.is-learned,.topic-word-actions button:hover{color:#0f7658;background:#e8f8f1;border-color:#9ed1bd}.topic-word-details{background:#f5fafc;border-left:3px solid #6db5cf;border-radius:0 12px 12px 0;grid-column:2/-1;padding:14px 16px}.topic-word-details>summary{color:#267998;cursor:pointer;font-size:13px;font-weight:900}.topic-word-sections{grid-template-columns:minmax(180px,.9fr) minmax(150px,.7fr) minmax(280px,1.4fr);gap:12px;margin-top:14px;display:grid}.topic-word-sections>section{background:#fff;border:1px solid #dce9ee;border-radius:13px;min-width:0;padding:14px}.topic-word-sections h3{color:#1f657f;align-items:center;gap:7px;margin:0 0 12px;font-size:14px;font-weight:900;display:flex}.topic-word-sections dl{gap:9px;margin:0;display:grid}.topic-word-sections dl>div{gap:2px;display:grid}.topic-word-sections dt{color:#7a8992;text-transform:uppercase;font-size:12px;font-weight:850}.topic-word-sections dd{color:#354852;margin:0;font-size:14px;font-weight:700;line-height:1.45}.topic-word-hanzi-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topic-word-hanzi-grid span{color:#223847;background-color:#fbfdfe;background-image:linear-gradient(#267d9f14 1px,#0000 0),linear-gradient(90deg,#267d9f14 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50% 50%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #cfe0e7;border-radius:11px;place-items:center;width:46px;height:46px;font-family:Noto Serif SC,Songti SC,serif;font-size:25px;font-weight:700;display:grid}.topic-word-hanzi-note{color:#72828b;margin:9px 0 0;font-size:12px}.topic-word-hanzi-empty{color:#617580;margin:0;font-size:12px;line-height:1.55}.topic-word-example h3 button{color:#267998;cursor:pointer;background:#f4fafc;border:1px solid #cce0e7;border-radius:9px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.topic-word-example h3 button:hover{color:#0f7658;background:#e8f8f1;border-color:#9ed1bd}.topic-word-example>p{color:#263b4b;margin:0 0 4px;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;line-height:1.45}.topic-word-example em,.topic-word-example span{color:#657783;font-size:14px;line-height:1.55;display:block}.topic-flashcard-example{gap:6px;display:grid}.topic-flashcard-example em,.topic-flashcard-example span{color:#657985;font-size:13px;font-style:normal;line-height:1.55}.topic-flashcard-example em{color:#405660}.topic-word-example em{color:#485b64;margin-top:5px;font-style:normal}.topic-flashcard-workspace{width:min(100%,780px);margin:8px auto 16px}.topic-flashcard-position{color:#778790;text-align:center;margin-bottom:12px;font-size:12px;font-weight:850}.topic-flashcard{text-align:center;background:linear-gradient(#388bae0b 1px,#0000 0) 0 0/34px 34px,linear-gradient(90deg,#388bae0b 1px,#0000 0) 0 0/34px 34px,radial-gradient(circle at 50% 20%,#f4fbff,#fff 62%);border:1px solid #bfd8e3;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:50px;display:flex;box-shadow:0 20px 50px #2a53691a}.topic-flashcard>span{color:#94620a;text-transform:uppercase;background:#fff0cb;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900}.topic-flashcard>strong{color:#14253a;margin-top:30px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(64px,10vw,112px);line-height:1}.topic-flashcard>p{color:#3185a5;margin:18px 0 0;font-size:22px;font-style:italic;font-weight:750}.topic-flashcard>button{color:#fff;cursor:pointer;background:#247f9f;border:0;border-radius:12px;min-height:44px;margin-top:35px;padding:0 18px;font-weight:850}.topic-flashcard-answer{border-top:1px solid #cfdee5;gap:12px;width:min(100%,570px);margin-top:28px;padding-top:24px;display:grid}.topic-flashcard-answer b{color:#283945;font-size:22px}.topic-flashcard-answer small{color:#657985;font-size:16px;line-height:1.6}.topic-flashcard-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:18px;display:flex}.ai-context-trigger{color:#68408a;min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#fbf7ff,#f4ecfb);border:1px solid #dcc8ef;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:5px 11px 5px 6px;font-size:12px;font-weight:850;line-height:1;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,box-shadow .17s,background-color .17s;display:inline-flex;box-shadow:0 5px 14px #67408a14}.ai-context-trigger:hover{background:linear-gradient(135deg,#fff,#efe2f9);border-color:#b88ed8;transform:translateY(-1px);box-shadow:0 8px 20px #67408a26}.ai-context-trigger:focus-visible{outline-offset:2px;outline:3px solid #79489e40}.ai-context-trigger__avatar{color:#fff;background:linear-gradient(145deg,#7d4ba3,#563270);border-radius:9px 9px 11px 11px;flex:none;place-items:center;width:25px;height:25px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff3d}.ai-context-trigger__avatar svg:last-child{color:#e69b17;fill:#fff1b9;position:absolute;top:-3px;right:-4px}.ai-context-trigger--toolbar{min-height:42px;padding:7px 15px 7px 8px;font-size:14px}.ai-context-trigger--toolbar .ai-context-trigger__avatar{width:29px;height:29px}.vocab-card-top .vocab-actions{max-width:390px}.flashcard-ai-trigger{z-index:8;position:absolute;top:18px;right:20px}.flashcard-face.is-back{padding-top:70px}.standalone-study-card>.standalone-study-ai-trigger{z-index:4;pointer-events:auto;position:absolute;top:18px;right:18px}.topic-word-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.topic-word-actions .ai-context-trigger{color:#68408a;background:linear-gradient(135deg,#fbf7ff,#f4ecfb);border-color:#dcc8ef;border-radius:999px;width:auto;min-width:78px;height:40px;padding:5px 10px 5px 6px;display:inline-flex}.topic-word-actions .ai-context-trigger:hover{color:#563270;background:linear-gradient(135deg,#fff,#efe2f9);border-color:#b88ed8}.topic-flashcard{position:relative}.topic-flashcard>.topic-flashcard-ai-trigger{color:#68408a;background:linear-gradient(135deg,#fbf7ff,#f4ecfb);border:1px solid #dcc8ef;border-radius:999px;min-height:36px;margin:0;padding:5px 11px 5px 6px;display:inline-flex;position:absolute;top:18px;right:18px}@media (max-width:620px){.ai-context-trigger{min-height:34px;padding-right:9px;font-size:11px}.ai-context-trigger--toolbar{min-height:40px;padding-right:12px;font-size:13px}.flashcard-ai-trigger,.standalone-study-card>.standalone-study-ai-trigger,.topic-flashcard>.topic-flashcard-ai-trigger{top:13px;right:13px}.flashcard-face.is-back{padding-top:62px}}.topic-flashcard-controls button{color:#49616f;background:#fff;border:1px solid #d9e3e7;min-height:44px}.topic-flashcard-controls button.is-learned,.topic-flashcard-controls button:hover{color:#0e7658;background:#ebf9f3;border-color:#9bd0bb}.topic-lesson-pagination{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.topic-lesson-pagination>a{color:#337b9c;background:#fff;border:1px solid #dce5ea;border-radius:16px;align-items:center;gap:12px;min-height:76px;padding:15px 18px;font-size:11px;font-weight:850;display:flex}.topic-lesson-pagination>a:last-child{text-align:right;justify-content:flex-end}.topic-lesson-pagination small,.topic-lesson-pagination span{display:block}.topic-lesson-pagination small{color:#2f3f48;margin-top:4px;font-size:13px}@media (max-width:980px){.topic-vocabulary-hero{grid-template-columns:1fr}.topic-vocabulary-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-vocabulary-hero-stats article{min-height:125px}.topic-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-lesson-hero{grid-template-columns:1fr}.topic-lesson-progress{max-width:420px}.topic-lesson-toolbar{grid-template-columns:auto minmax(240px,1fr)}.topic-lesson-result-count{grid-column:1/-1}.topic-word-card{grid-template-columns:48px minmax(140px,.55fr) minmax(200px,1fr)}.topic-word-actions{grid-column:2/-1}.topic-word-sections{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)}.topic-word-example{grid-column:1/-1}}@media (max-width:680px){.topic-lesson-page,.topic-vocabulary-page{padding-top:20px}.topic-lesson-container,.topic-vocabulary-container{width:min(100% - 24px,1320px)}.topic-lesson-hero,.topic-vocabulary-hero{border-radius:24px;padding:27px 22px}.topic-vocabulary-hero h1{font-size:48px}.topic-vocabulary-hero-stats{grid-template-columns:1fr 1fr}.topic-vocabulary-hero-stats article{min-height:112px;padding:17px}.topic-vocabulary-hero-stats>div{min-height:0}.topic-vocabulary-heading{flex-direction:column;align-items:flex-start;gap:12px}.topic-vocabulary-heading p{text-align:left}.topic-vocabulary-grid{grid-template-columns:1fr}.topic-vocabulary-card{min-height:235px}.topic-lesson-hero{gap:30px}.topic-lesson-progress{max-width:none}.topic-lesson-workspace{border-radius:21px;padding:15px}.topic-lesson-toolbar{grid-template-columns:1fr}.topic-lesson-modes{width:fit-content}.topic-word-card{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:15px}.topic-word-number{width:38px;height:38px}.topic-word-actions,.topic-word-details,.topic-word-meaning{grid-column:2}.topic-word-sections{grid-template-columns:1fr}.topic-word-example{grid-column:auto}.topic-word-chinese strong{font-size:29px}.topic-flashcard{min-height:385px;padding:38px 20px}.topic-flashcard-controls button{flex:calc(50% - 9px)}.topic-lesson-pagination{grid-template-columns:1fr}.topic-lesson-pagination>span{display:none}}@media (prefers-reduced-motion:reduce){.topic-lesson-progress i,.topic-vocabulary-card{transition:none}}.pronunciation-target-nav{color:var(--muted);justify-content:center;align-items:center;gap:16px;font-size:13px;font-weight:750;display:flex}.pronunciation-reference{border:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 10%,#19735a14,#0000 15rem),#fff;border-radius:22px;place-items:center;padding:32px 24px;display:grid}.pronunciation-reference>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(54px,9vw,86px);line-height:1.2}.pronunciation-reference>span{color:var(--jade);margin-top:5px;font-size:22px;font-weight:800}.pronunciation-reference>small{color:var(--muted);margin:10px 0 20px}.recorder-panel{border:1px solid var(--line);background:#f7faf7;border-radius:22px;align-content:center;place-items:center;gap:12px;min-height:225px;padding:24px;display:grid}.recorder-panel>span{color:var(--muted);font-size:13px}.recorder-panel audio{width:min(100%,420px);height:40px}.record-button{color:#fff;background:var(--jade);cursor:pointer;border:8px solid #d9ede3;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 10px 24px #19735a3d}.record-button.stop{background:var(--coral);border-color:#f5d8d1}.waveform{align-items:center;gap:4px;height:34px;display:flex}.waveform span{background:#a6c9b7;border-radius:99px;width:3px;height:8px}.recorder-panel.is-recording .waveform span{animation:waveform .7s ease-in-out infinite alternate}.recorder-panel.is-recording .waveform span:nth-child(3n){height:24px}.recorder-panel.is-recording .waveform span:nth-child(2n){height:15px}@keyframes waveform{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.recording-time{color:var(--coral);font-variant-numeric:tabular-nums}.pronunciation-actions{justify-content:flex-end;gap:12px;display:flex}.pronunciation-result{border:1px solid var(--line);background:#fff;border-radius:22px;gap:26px;padding:26px;display:grid}.pronunciation-overall{grid-template-columns:170px 1fr;align-items:center;gap:28px;display:grid}.pronunciation-overall h2{margin:0 0 7px;font-size:27px}.pronunciation-overall p:not(.card-kicker){color:var(--muted);margin:0}.score-breakdown{grid-template-columns:1fr 1fr;gap:16px 22px;display:grid}.score-breakdown>div>span{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.score-breakdown b{color:var(--jade)}.tone-unit-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tone-unit-list article{background:#f4f8f4;border-radius:14px;padding:15px}.tone-unit-list strong{margin-right:9px;font-size:25px}.tone-unit-list span{color:var(--jade);font-size:12px;font-weight:800}.tone-unit-list p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}@media (max-width:650px){.pronunciation-overall,.score-breakdown{grid-template-columns:1fr}.pronunciation-overall{text-align:center}.pronunciation-overall .result-ring{margin-inline:auto}.pronunciation-actions{flex-direction:column-reverse;align-items:stretch}}.writer-shell{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin-top:22px;padding:24px}.writer-shell>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.writer-shell h2{margin:0;font-size:24px}.writer-character-tabs{gap:8px;margin:18px 0 0;display:flex}.writer-character-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:46px;height:46px;font-size:23px}.writer-character-tabs button.active{color:#fff;border-color:var(--jade);background:var(--jade)}.writer-grid{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:28px;margin-top:18px;display:grid}.writer-canvas{background-color:#fbfdfb;background-image:linear-gradient(#19735a0f 1px,#0000 0),linear-gradient(90deg,#19735a0f 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d9e4dc;border-radius:18px;place-items:center;width:260px;height:260px;display:grid}.writer-guide>strong{font-size:20px}.writer-guide>p{max-width:520px;color:var(--muted);margin:8px 0 20px;line-height:1.55}.writer-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:700px){.writer-grid{grid-template-columns:1fr}.writer-canvas{margin-inline:auto}.writer-actions{flex-direction:column;align-items:stretch}}.notebook-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.notebook-card,.review-area-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 28px #1d43350d}.notebook-word{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notebook-word span,.notebook-word strong{display:block}.notebook-word strong{font-family:Noto Serif SC,Songti SC,serif;font-size:38px}.notebook-word span{color:var(--jade);margin-top:3px;font-size:14px;font-weight:750}.notebook-card>p{color:var(--muted);margin:12px 0 18px;font-weight:700}.notebook-actions{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.review-area-card{align-items:flex-start;gap:18px;min-height:180px;transition:transform .16s,border-color .16s;display:flex}.review-area-card:hover{border-color:#bcd8c7;transform:translateY(-2px)}.review-area-card span{color:var(--jade);font-size:12px;font-weight:800}.review-area-card h2{margin:7px 0 8px;font-size:21px}.review-area-card p{color:var(--muted);margin:0;line-height:1.55}.review-hub-page{background:radial-gradient(circle at 72% -10%,#e0f3eab8,#0000 34rem),linear-gradient(#fbfefb,#f9fcf9)}.review-hub-container{width:min(1480px,100% - 80px)}.review-hub-heading{align-items:flex-start;margin:10px 0 54px}.review-hub-heading>div:first-child{max-width:1120px}.review-hub-heading .eyebrow{color:#64716d;background:#ffffffb8;align-items:center;gap:7px;margin-bottom:18px;padding:10px 14px;font-size:15px;display:inline-flex}.review-hub-heading h1{letter-spacing:-.06em;font-size:clamp(52px,5.2vw,78px);font-weight:500}.review-hub-heading p:not(.eyebrow){color:#697672;margin-top:22px;font-size:clamp(17px,1.5vw,22px)}.review-hub-page .review-grid{gap:26px}.review-hub-page .review-area-card{border-color:#d9e5dd;border-radius:30px;gap:26px;min-height:238px;padding:clamp(30px,3vw,42px);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;box-shadow:0 18px 48px #1d43350b}.review-hub-page .review-area-card:hover{border-color:#aacebb;transform:translateY(-4px);box-shadow:0 24px 56px #1d43351a}.review-hub-page .feature-icon{border-radius:20px;flex:none;width:74px;height:74px}.review-hub-page .feature-icon svg{width:30px;height:30px}.review-hub-page .review-area-card span{letter-spacing:.01em;font-size:14px}.review-hub-page .review-area-card h2{letter-spacing:-.035em;margin:21px 0 14px;font-size:clamp(24px,2vw,31px);font-weight:560}.review-hub-page .review-area-card p{max-width:560px;font-size:clamp(16px,1.35vw,20px);line-height:1.55}@media (max-width:760px){.review-hub-container{width:min(100% - 32px,1480px)}.review-hub-heading{margin-bottom:32px}.review-hub-heading h1{font-size:clamp(42px,13vw,58px)}.review-hub-page .review-area-card{border-radius:22px;gap:18px;min-height:0;padding:24px}.review-hub-page .feature-icon{border-radius:17px;width:58px;height:58px}.review-hub-page .feature-icon svg{width:24px;height:24px}.review-hub-page .review-area-card h2{margin-top:10px}}.srs-shell{max-width:720px;margin-inline:auto}.srs-topbar{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px;font-size:12px;font-weight:750;display:grid}.srs-topbar .exercise-progress{border-radius:99px;overflow:hidden}.srs-card{border:1px solid var(--line);text-align:center;width:100%;min-height:410px;box-shadow:var(--shadow);cursor:pointer;background-color:#fff;background-image:linear-gradient(#19735a09 1px,#0000 0),linear-gradient(90deg,#19735a09 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px;place-content:center;padding:48px 24px;display:grid}.srs-hint{color:var(--muted);margin-top:26px;font-size:14px;display:block}.srs-audio-row{justify-content:center;margin-top:10px;display:flex}.srs-reveal{width:100%;margin-top:12px}.rating-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.rating-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;place-content:center;gap:5px;min-height:70px;padding:9px;display:grid}.rating-button span{color:var(--muted);font-size:11px}.rating-button strong{font-size:15px}.rating-button.again{color:#973c2a;background:#fff5f2;border-color:#efc5bb}.rating-button.hard{color:#8b5a13;background:#fff9ed;border-color:#f0d4a8}.rating-button.easy,.rating-button.good{color:var(--jade-dark);background:#f1f9f4;border-color:#bfddca}@media (max-width:700px){.notebook-grid,.review-grid{grid-template-columns:1fr}.notebook-actions{flex-direction:column-reverse;align-items:stretch}.rating-grid{grid-template-columns:repeat(2,1fr)}.srs-card{min-height:340px}}@media (max-width:1080px){.hsk-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.hsk-roadmap-hero{grid-template-columns:1fr;gap:28px}.hsk-roadmap-hero-art{width:100%;min-height:180px}.hsk-roadmap-hero-character{font-size:164px;top:-15px}}@media (max-width:640px){.hsk-roadmap-page{padding-top:22px}.hsk-roadmap-hero{border-radius:24px;padding:26px 22px 22px}.hsk-roadmap-hero h1{font-size:38px}.hsk-roadmap-hero-copy>p:not(.hsk-roadmap-eyebrow){font-size:15px}.hsk-roadmap-stats>div{padding-inline:12px}.hsk-roadmap-stats strong{font-size:21px}.hsk-roadmap-hero-art{border-radius:20px;min-height:160px;padding:20px}.hsk-roadmap-hero-character{font-size:145px}.hsk-levels-section{margin-top:38px}.hsk-levels-heading{align-items:flex-start}.hsk-levels-heading h2{font-size:29px}.hsk-level-grid{grid-template-columns:1fr;gap:18px}.hsk-level-card-banner{min-height:120px;padding:21px}.hsk-level-card-body{min-height:230px;padding:20px}.hsk-level-card-body>p{min-height:auto}}@media (prefers-reduced-motion:reduce){.exercise-progress span,.hsk-level-card,.hsk-level-card-arrow,.matching-chevron,.matching-dropdown-menu button,.matching-dropdown-trigger{transition:none}.exercise-progress.is-complete span,.matching-dropdown-menu,.matching-dropdown.is-correct .matching-dropdown-trigger,.matching-dropdown.is-incorrect .matching-dropdown-trigger{animation:none}.hsk-level-card:hover,.hsk-level-card:hover .hsk-level-card-arrow{transform:none}}.flashcard-workspace .flashcard{place-items:initial;min-height:0;text-align:initial;box-shadow:none;background:0 0;border:0;border-radius:27px;padding:0;animation:flashcard-card-enter .27s cubic-bezier(.16,1,.3,1);display:block}.flashcard-workspace [role=button]:focus-visible,.flashcard-workspace button:focus-visible{outline-offset:3px;outline:3px solid #2183604d}.flashcard-example-pinyin mark,.flashcard-examples article>div>strong mark{color:#c64f49;font:inherit;background:0 0;padding:0}.flashcard-examples article>div{overflow-wrap:anywhere}@keyframes flashcard-card-enter{0%{opacity:0;transform:translateY(8px)scale(.992)}}@media (max-width:700px){.flashcard-workspace .flashcard{border-radius:22px;min-height:0;padding:0}}@media (prefers-reduced-motion:reduce){.flashcard-workspace .flashcard{animation:none}}.exam-resume-banner{background:linear-gradient(120deg,#f1faf5,#fbfdfc);border:1px solid #badbcb;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:28px;padding:18px 20px;display:grid;box-shadow:0 14px 34px #205b4414}.exam-resume-banner>span{width:46px;height:46px;color:var(--jade-dark);background:#fff;border-radius:14px;place-items:center;display:grid}.exam-resume-banner div{gap:3px;display:grid}.exam-resume-banner p{color:var(--muted);margin:0;font-size:13px}.exam-live-workspace{--exam-panel-border:#dce6e1;padding-bottom:40px}.exam-live-command{z-index:15;border:1px solid var(--exam-panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:72px;padding:9px;display:grid;position:sticky;top:116px;box-shadow:0 14px 38px #2246381f}.exam-exit-button{color:#4a5954;cursor:pointer;background:#fff;border:1px solid #dbe5e0;border-radius:14px;align-items:center;gap:7px;min-height:52px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.exam-live-title{gap:2px;min-width:0;padding-inline:8px;display:grid}.exam-live-title small{color:var(--jade);letter-spacing:.09em;font-size:9px;font-weight:850}.exam-live-title strong{color:#26332f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.exam-live-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;min-height:720px;display:grid}.exam-live-navigator,.exam-live-question-card,.exam-review-panel{border:1px solid var(--exam-panel-border,#dce6e1);background:#fff;border-radius:26px;box-shadow:0 18px 48px #274b3d14}.exam-live-question-card{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:690px;display:grid;overflow:hidden}.exam-live-question-card>header{background:#fbfdfc;border-bottom:1px solid #e5ece8;justify-content:space-between;align-items:center;gap:14px;min-height:75px;padding:14px 20px;display:flex}.exam-live-question-card>header>div{gap:3px;display:grid}.exam-live-question-card>header>div span{color:var(--jade);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:850}.exam-live-question-card>header>div strong{color:#283632;font-size:17px}.exam-live-question-card>header>button{color:#6c7874;cursor:pointer;background:#fff;border:1px solid #dce6e1;border-radius:11px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.exam-live-question-card>header>button.is-active{color:#a66b11;background:#fff8e8;border-color:#ead19f}.exam-live-question-body{justify-self:center;width:min(100%,900px);padding:clamp(30px,5vw,64px)}.exam-live-instruction{color:#6f7c77;margin:0 0 22px;font-size:13px;font-weight:650}.exam-listen-button{width:100%;color:var(--jade-dark);cursor:pointer;text-align:left;background:linear-gradient(120deg,#f1faf5,#fbfdfc);border:1px solid #c7ded3;border-radius:18px;align-items:center;gap:14px;margin-bottom:26px;padding:16px 18px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s;display:flex}.exam-listen-button:hover{border-color:var(--jade);transform:translateY(-1px);box-shadow:0 12px 28px #1e654b1a}.exam-listen-button>span{color:#fff;background:var(--jade);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 8px 20px #19735a3d}.exam-listen-button.is-playing>span{animation:exam-audio-pulse 1.1s ease-in-out infinite}.exam-listen-button div{gap:4px;display:grid}.exam-listen-button small{color:#72817b;font-size:11px}@keyframes exam-audio-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 10px #19735a1a}}.exam-live-question-body h1{color:#1e2b27;letter-spacing:-.02em;white-space:pre-line;margin:0;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;font-size:clamp(22px,3vw,31px);font-weight:720;line-height:1.65}.exam-live-options{gap:11px;margin-top:30px;display:grid}.exam-live-options>button{color:#35433f;cursor:pointer;text-align:left;background:#fcfdfc;border:1px solid #dfe7e3;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:62px;padding:12px 15px;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s,background-color .17s,box-shadow .17s;display:grid}.exam-live-options>button:hover{background:#f8fcfa;border-color:#9bc6b3;transform:translate(2px)}.exam-live-options>button.is-selected{border-color:var(--jade);color:var(--jade-dark);background:#eff9f4;box-shadow:0 0 0 3px #19735a14}.exam-live-options>button>span{color:#66736e;background:#fff;border:1px solid #d7e2dd;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:850;display:grid}.exam-live-options>button.is-selected>span{color:#fff;border-color:var(--jade);background:var(--jade)}.exam-live-options>button strong{overflow-wrap:anywhere;font-size:15px;font-weight:680;line-height:1.45}.exam-writing-answer{gap:9px;margin-top:30px;display:grid}.exam-writing-answer>span{color:#52615c;font-size:12px;font-weight:800}.exam-writing-answer textarea{color:#1f2c28;resize:vertical;background:#fbfdfc;border:1px solid #cfdcd6;border-radius:17px;outline:0;width:100%;min-height:140px;padding:17px;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;font-size:18px;line-height:1.6;transition:border-color .17s,box-shadow .17s}.exam-writing-answer textarea:focus{border-color:var(--jade);box-shadow:0 0 0 4px #19735a17}.exam-live-question-card>footer{background:#fbfdfc;border-top:1px solid #e5ece8;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:12px;min-height:76px;padding:13px 18px;display:grid}.exam-live-question-card>footer>button:last-child{justify-self:end}.exam-live-question-card>footer>span{color:#78847f;align-items:center;gap:5px;font-size:11px;font-weight:750;display:inline-flex}.exam-live-question-card>footer>span svg{color:var(--jade)}.exam-live-navigator{padding:18px;position:sticky;top:207px}.exam-live-navigator>header{justify-content:space-between;align-items:center;display:flex}.exam-live-navigator>header div{gap:3px;display:grid}.exam-live-navigator>header small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.exam-live-navigator>header>span{width:48px;height:48px;color:var(--jade-dark);border:5px solid #dfeee7;border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.exam-live-navigator .exam-section-tabs{margin-top:18px}.exam-live-navigator .exam-section-tabs button{grid-template-columns:1fr;justify-items:center;gap:2px;padding-inline:7px;font-size:10px}.exam-live-navigator .exam-section-tabs button small{font-size:8px}.exam-question-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:18px;display:grid}.exam-question-palette button{aspect-ratio:1;color:#6a7772;cursor:pointer;background:#fafcfb;border:1px solid #dde6e2;border-radius:10px;min-width:0;font-size:10px;font-weight:800;transition:transform .15s,border-color .15s,background-color .15s}.exam-question-palette button:hover{border-color:#8dbda9;transform:translateY(-1px)}.exam-question-palette button.is-answered{color:var(--jade-dark);background:#eaf7f0;border-color:#b7d9ca}.exam-question-palette button.is-flagged{box-shadow:inset 0 -3px #e3ac4b}.exam-question-palette button.is-current{color:#fff;border-color:var(--jade);background:var(--jade);box-shadow:0 6px 14px #19735a38}.exam-palette-legend{border-top:1px solid #e8eeeb;flex-wrap:wrap;gap:9px 12px;margin-top:16px;padding-top:13px;display:flex}.exam-palette-legend span{color:#77837f;align-items:center;gap:5px;font-size:9px;display:inline-flex}.exam-palette-legend i{background:#fafcfb;border:1px solid #d4dfda;border-radius:3px;width:10px;height:10px;display:block}.exam-palette-legend i.is-current{border-color:var(--jade);background:var(--jade)}.exam-palette-legend i.is-answered{background:#eaf7f0;border-color:#b7d9ca}.exam-palette-legend i.is-flagged{background:#fff6e5;border-color:#e3ac4b}.exam-submit-side{width:100%;margin-top:18px}.exam-submit-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#141f1b85;place-items:center;padding:20px;animation:exam-fade-in .17s both;display:grid;position:fixed;inset:0}.exam-submit-dialog{text-align:center;background:#fff;border-radius:25px;justify-items:center;width:min(100%,470px);padding:34px;animation:exam-dialog-in .2s cubic-bezier(.16,1,.3,1) both;display:grid;position:relative;box-shadow:0 30px 90px #122b2147}.exam-submit-dialog>button:first-child{color:#65726e;cursor:pointer;background:#f2f5f3;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.exam-submit-dialog>span{width:58px;height:58px;color:var(--jade-dark);background:var(--jade-soft);border-radius:18px;place-items:center;display:grid}.exam-submit-dialog h2{margin:18px 0 8px;font-size:25px}.exam-submit-dialog p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.exam-submit-dialog>div{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:24px;display:grid}@keyframes exam-fade-in{0%{opacity:0}}@keyframes exam-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.exam-auto-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.exam-auto-score-grid article{background:#fff;border:1px solid #dfe8e4;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid}.exam-auto-score-grid article>span{width:43px;height:43px;color:var(--jade-dark);background:var(--jade-soft);border-radius:13px;place-items:center;display:grid}.exam-auto-score-grid article div{gap:2px;display:grid}.exam-auto-score-grid article small{color:var(--jade);font-size:9px;font-weight:850}.exam-auto-score-grid article p{color:var(--muted);margin:0;font-size:11px}.exam-auto-score-grid article b{color:var(--jade-dark);font-size:25px}.exam-review-panel{margin-top:22px;padding:26px}.exam-review-panel>header{justify-content:space-between;align-items:center;display:flex}.exam-review-panel>header small{color:var(--jade);text-transform:uppercase;font-size:10px;font-weight:850}.exam-review-panel>header h2{margin:4px 0 0;font-size:24px}.exam-review-panel>header>span{color:var(--jade-dark);background:var(--jade-soft);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.exam-review-toolbar{background:#f8faf9;border:1px solid #e2e9e6;border-radius:15px;justify-content:space-between;gap:12px;margin-top:20px;padding:8px;display:flex}.exam-review-toolbar>div{flex-wrap:wrap;gap:5px;display:flex}.exam-review-toolbar button{color:#6b7873;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:34px;padding:0 10px;font-size:10px;font-weight:800}.exam-review-toolbar button.is-active{color:var(--jade-dark);background:#fff;box-shadow:0 4px 12px #25483a17}.exam-review-list{gap:12px;margin-top:18px;display:grid}.exam-review-list>article{background:#fcfdfc;border:1px solid #e1e8e5;border-left-width:4px;border-radius:16px;padding:19px}.exam-review-list>article.is-correct{border-left-color:#35a374}.exam-review-list>article.is-incorrect{border-left-color:#d56858}.exam-review-list article>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.exam-review-list article>header span{align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.exam-review-list article.is-correct>header span{color:#17734f}.exam-review-list article.is-incorrect>header span{color:#a74739}.exam-review-list article>header small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.exam-review-prompt{color:#26342f;white-space:pre-line;margin:14px 0;font-size:15px;line-height:1.65}.exam-review-transcript{color:var(--jade-dark);background:#eff8f3;border-radius:10px;align-items:center;gap:7px;margin:-4px 0 14px;padding:9px 11px;font-size:12px;display:flex}.exam-review-answer{border-top:1px solid #e9eeec;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 0;font-size:12px;display:grid}.exam-review-answer span{color:var(--muted)}.exam-review-answer.is-key strong{color:var(--jade-dark)}.exam-review-explanation{color:#53615d;background:#f3f6f4;border-radius:11px;margin:10px 0 0;padding:12px 13px;font-size:12px;line-height:1.6}.exam-review-empty{min-height:160px;color:var(--jade-dark);place-content:center;justify-items:center;display:grid}.exam-review-empty p{color:var(--muted);margin:9px 0 0}@media (max-width:1050px){.exam-live-layout{grid-template-columns:1fr}.exam-live-navigator{order:-1;position:static}.exam-question-palette{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (max-width:760px){.exam-resume-banner{grid-template-columns:auto minmax(0,1fr)}.exam-resume-banner>button{grid-column:1/-1}.exam-live-command{grid-template-columns:1fr auto;position:static}.exam-live-title{grid-area:1/1/auto/-1}.exam-exit-button{grid-area:2/1}.exam-live-command .exam-timer{grid-area:2/2}.exam-live-command .exam-pause-button{grid-column:1/-1}.exam-live-question-card{border-radius:21px;min-height:620px}.exam-live-question-body{padding:28px 20px}.exam-live-question-body h1{font-size:20px}.exam-live-question-card>footer{grid-template-columns:1fr 1fr}.exam-live-question-card>footer>span{display:none}.exam-question-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.exam-auto-score-grid{grid-template-columns:1fr}.exam-review-toolbar{flex-direction:column}.exam-review-answer{grid-template-columns:72px minmax(0,1fr)}.exam-submit-dialog{padding:30px 20px 22px}.exam-submit-dialog>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.exam-listen-button,.exam-live-options>button,.exam-question-palette button,.exam-submit-backdrop,.exam-submit-dialog{transition:none;animation:none}}.reading-practice-topbar{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(180px,.7fr) minmax(240px,1fr) minmax(190px,.7fr);position:sticky;top:140px}.reading-practice-progress-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.reading-practice-progress-wrap small{color:#7a8983;white-space:nowrap;font-size:10px;font-weight:760}.reading-practice-session-meta{color:#687871;justify-content:flex-end;align-items:center;gap:13px;font-size:11px;font-weight:760;display:flex}.reading-practice-session-meta span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.reading-practice-main{grid-template-columns:66px minmax(0,1.08fr) minmax(380px,.82fr);align-items:start}.reading-practice-toolrail{background:#fffffff5;border:1px solid #dce8e3;border-radius:18px;gap:5px;padding:7px;display:grid;position:sticky;top:212px;box-shadow:0 12px 32px #234a3c14}.reading-practice-toolrail button{color:#6d7b75;min-height:55px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:4px;padding:7px 3px;transition:color .17s,border-color .17s,background-color .17s,transform .17s cubic-bezier(.16,1,.3,1);display:grid}.reading-practice-toolrail button span{font-size:8px;font-weight:780}.reading-practice-toolrail button:hover,.reading-practice-toolrail button[aria-pressed=true]{color:var(--jade-dark);background:#edf8f3;border-color:#c7e2d8;transform:translateY(-1px)}.reading-practice-questions{max-height:calc(100vh - 232px);position:sticky;top:212px;overflow:auto}.reading-practice-section-heading>div{align-items:center;gap:6px;display:flex}.reading-practice-section-heading>div>button{color:#63736c;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe8e4;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:780;display:inline-flex}.reading-practice-section-heading>div>button[aria-pressed=true]{color:var(--jade-dark);background:#edf8f3;border-color:#8dc5b4}.reading-practice-section-heading>div>.icon-button{width:33px;padding:0}.reading-practice-highlight-bar{color:#687871;background:#fffdf3;border-bottom:1px solid #e8eeeb;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;font-size:10px;font-weight:700;display:flex}.reading-practice-highlight-bar>div{align-items:center;gap:6px;display:flex}.reading-practice-highlight-bar>div>button:not(.reading-practice-clear-highlights){cursor:pointer;border:2px solid #fff;border-radius:8px;width:23px;height:23px;box-shadow:0 0 0 1px #dce4e0}.reading-practice-highlight-bar>div>button[aria-pressed=true]{transform:scale(1.06);box-shadow:0 0 0 2px #325f53}.reading-practice-highlight-bar .is-yellow{background:#ffdd70}.reading-practice-highlight-bar .is-mint{background:#8fe0bf}.reading-practice-highlight-bar .is-rose{background:#ffb7c5}.reading-practice-clear-highlights{color:#6d7a75;min-height:27px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8e5;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:760;display:inline-flex}.reading-practice-clear-highlights:disabled{opacity:.45}.reading-practice-copy{cursor:text;-webkit-user-select:text;user-select:text;min-height:280px}.reading-practice-copy mark{color:inherit;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding:.04em .08em}.reading-practice-copy mark.is-yellow{background:#ffd74dad}.reading-practice-copy mark.is-mint{background:#52d29f75}.reading-practice-copy mark.is-rose{background:#ff859e6b}.reading-practice-selection-actions{background:#f8fbf9;border:1px solid #dce7e2;border-radius:11px;align-items:center;gap:7px;margin:10px 28px 0;padding:9px 10px;display:flex}.reading-practice-selection-actions>span{color:#40534b;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-size:12px;font-weight:700;overflow:hidden}.reading-practice-selection-actions button{min-height:28px;color:var(--jade-dark);font:inherit;cursor:pointer;background:#fff;border:1px solid #cfe0d9;border-radius:8px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:780;display:inline-flex}.reading-practice-support{gap:0;padding:0;display:grid}.reading-practice-support>div{padding:14px 16px}.reading-practice-support>div+div{border-top:1px solid #e2ebe7}.reading-practice-support strong{color:var(--jade-dark);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:10px;display:block}.reading-practice-support .reading-practice-pinyin,.reading-practice-support p{padding:0}.reading-practice-vocabulary{border-top:1px solid #e8eeeb;margin:18px 28px 28px;padding-top:18px}.reading-practice-vocabulary>header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.reading-practice-vocabulary>header>div{gap:3px;display:grid}.reading-practice-vocabulary>header small,.reading-practice-vocabulary>header span{color:#87938e;font-size:9px;font-weight:730}.reading-practice-vocabulary>header strong{font-size:13px}.reading-practice-vocabulary>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.reading-practice-vocabulary>div>button{color:#293c34;min-width:0;font:inherit;text-align:left;cursor:pointer;background:#fbfcfc;border:1px solid #e1e9e5;border-radius:10px;gap:2px;padding:9px 7px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.reading-practice-vocabulary>div>button:hover{background:#eef8f4;border-color:#9bcab9;transform:translateY(-1px)}.reading-practice-vocabulary>div>button span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:780;overflow:hidden}.reading-practice-vocabulary>div>button small{color:#819089;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reading-practice-question-nav{align-items:center;gap:7px;padding:13px 24px 0;display:flex}.reading-practice-question-nav button{color:#697871;width:31px;height:31px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dde6e2;border-radius:9px;place-items:center;font-size:10px;font-weight:820;display:grid}.reading-practice-question-nav button[aria-current=step]{border-color:var(--jade);color:#fff;background:var(--jade)}.reading-practice-question-nav button.is-correct:not([aria-current=step]){color:#177755;background:#e9f8f1}.reading-practice-question-nav button.is-wrong:not([aria-current=step]){color:#a24c4c;background:#fff0f0}.reading-practice-question-kicker{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-practice-question-kicker span{color:var(--jade);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:880}.reading-practice-question-kicker small{color:#8b9792;font-size:9px}.reading-practice-options>button.is-correct,.reading-practice-options>button.is-wrong,.reading-practice-options>button:disabled{cursor:default}.reading-practice-question-actions{grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:9px;margin-top:18px;display:grid}.reading-practice-question-actions>button{color:#64736d;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce6e2;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:9px 12px;font-size:10px;font-weight:790;display:inline-flex}.reading-practice-question-actions>.reading-practice-check{color:#fff;background:var(--jade-dark);border:0;width:auto;margin:0;font-size:12px}.reading-practice-question-actions>button:disabled{opacity:.42;cursor:not-allowed}.reading-practice-ai-preview{grid-template-columns:auto minmax(0,1fr);display:grid}.reading-practice-ai-preview>button{color:#6958a4;width:max-content;font:inherit;cursor:pointer;background:0 0;border:0;grid-column:2;padding:0;font-size:10px;font-weight:820}.reading-practice-footer{grid-template-columns:auto minmax(280px,1fr) auto}.reading-practice-footer>nav{justify-content:center;align-items:center;gap:6px;display:flex}.reading-practice-footer>nav button{color:#718079;width:30px;min-height:30px;font:inherit;cursor:pointer;background:#f8faf9;border:1px solid #dce5e1;border-radius:9px;place-items:center;padding:0;font-size:10px;font-weight:820;display:grid}.reading-practice-footer>nav button[aria-current=page]{color:#fff;border-color:var(--jade);background:var(--jade)}.reading-practice-footer>nav button.is-complete:not([aria-current=page]){color:#177755;background:#eaf8f2;border-color:#a8d8c6}.reading-practice-footer>div{justify-content:flex-end;align-items:center;gap:7px;display:flex}.reading-practice-footer>div button:last-child{color:#fff;border-color:var(--jade-dark);background:var(--jade-dark)}.reading-practice-drawer{z-index:80;background:#fff;border:1px solid #d8e4df;border-radius:21px;width:min(420px,100vw - 36px);max-height:calc(100vh - 106px);animation:reading-drawer-in .22s cubic-bezier(.16,1,.3,1);position:fixed;top:86px;right:18px;overflow:auto;box-shadow:0 28px 80px #18342a38}@keyframes reading-drawer-in{0%{opacity:0;transform:translate(18px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.reading-practice-drawer>header{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e5ebe8;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px 12px 18px;display:flex;position:sticky;top:0}.reading-practice-drawer>header>div{color:var(--jade-dark);align-items:center;gap:8px;font-size:13px;display:flex}.reading-practice-drawer>header>button{color:#6b7973;cursor:pointer;background:#f9fbfa;border:1px solid #e1e8e5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.reading-practice-analysis-panel,.reading-practice-lookup-panel,.reading-practice-note-panel{padding:20px}.reading-practice-note-panel>p{color:#65746d;margin:0 0 12px;font-size:11px;line-height:1.5}.reading-practice-note-panel>button{color:var(--jade-dark);font:inherit;cursor:pointer;background:#eff8f4;border:1px solid #cfe2db;border-radius:9px;margin-bottom:9px;padding:7px 9px;font-size:9px;font-weight:780}.reading-practice-note-panel textarea{resize:vertical;color:#34463e;width:100%;min-height:330px;font:inherit;background-color:#fffefb;background-image:linear-gradient(#eef3f0 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #dce5e1;border-radius:13px;outline:none;padding:14px;font-size:12px;line-height:28px}.reading-practice-note-panel textarea:focus{border-color:#8ec3b3;box-shadow:0 0 0 3px #1f8f6d17}.reading-practice-note-status{color:#678078;align-items:center;gap:5px;margin-top:9px;font-size:9px;font-weight:720;display:flex}.reading-practice-note-status>button{color:#9b5555;cursor:pointer;background:#fff0f0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.reading-practice-note-status>button:disabled{opacity:.4}.reading-practice-lookup-searchbar{z-index:3;background:#fff;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:9px;display:grid;position:sticky;top:58px}.reading-practice-lookup-searchbar>label{color:#819089;background:#fbfcfc;border:1px solid #dbe5e1;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.reading-practice-lookup-searchbar>button{color:#4f625a;cursor:pointer;background:#f7faf9;border:1px solid #d7e2de;border-radius:12px;place-items:center;width:44px;height:44px;transition:border-color .16s,color .16s,background-color .16s,transform .16s cubic-bezier(.16,1,.3,1);display:grid}.reading-practice-lookup-searchbar>button:focus-visible,.reading-practice-lookup-searchbar>button:hover{color:var(--jade-dark);background:#edf8f4;border-color:#9ccbbb;outline:none;transform:translateY(-1px)}.reading-practice-lookup-panel input{color:#304139;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.reading-practice-lookup-result{margin-top:18px}.reading-practice-lookup-result>span{color:#1c3128;font-size:32px;font-weight:760;display:block}.reading-practice-lookup-result>p{color:var(--jade-dark);margin:3px 0 14px;font-size:12px;line-height:1.55}.reading-practice-lookup-result article{background:#f9fbfa;border:1px solid #e0e8e4;border-radius:12px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:9px;margin-top:8px;padding:12px;display:grid}.reading-practice-lookup-result article>div{align-items:baseline;gap:7px;display:flex}.reading-practice-lookup-result article>div strong{font-size:17px}.reading-practice-lookup-result article>div span{color:#6e7f77;font-size:10px}.reading-practice-lookup-result article>p{color:#51635b;grid-column:1;margin:3px 0 0;font-size:11px}.reading-practice-lookup-result article>.icon-button{grid-area:1/2/span 2}.reading-practice-copy.is-lookup-ready{cursor:default}.reading-practice-copy.is-lookup-ready>button{color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;border-radius:.23em;margin:0;padding:.03em .06em;transition:color .16s,background-color .16s,box-shadow .16s,transform .16s cubic-bezier(.16,1,.3,1);display:inline;position:relative}.reading-practice-copy.is-lookup-ready>button:focus-visible,.reading-practice-copy.is-lookup-ready>button:hover{color:#086e50;background:#dff5eb;outline:none;transform:translateY(-1px);box-shadow:0 0 0 1px #1f8f6d38}.reading-practice-copy.is-lookup-ready>button.is-active{color:#075b43;background:#ccefe1;box-shadow:0 0 0 2px #1f8f6d33}.reading-practice-copy.is-lookup-ready>button.is-highlighted:not(.is-active){background:#ffd74d94}.reading-practice-word-hint{color:#587269;background:#f0f8f5;border-radius:10px;align-items:center;gap:6px;margin:-2px 28px 16px;padding:9px 11px;font-size:9px;font-weight:720;line-height:1.45;display:flex}.reading-practice-drawer.is-lookup{width:min(500px,100vw - 36px);max-height:min(720px,100vh - 124px)}.reading-practice-lookup-result>.reading-lookup-card{background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.reading-lookup-card>header{align-items:center;gap:12px;display:flex}.reading-lookup-card>header>.icon-button{width:42px;height:42px;color:var(--jade-dark);background:#eef8f4;border-color:#cfe1da;flex:none}.reading-lookup-card>header>div{flex-wrap:wrap;align-items:baseline;gap:5px 8px;min-width:0;display:flex}.reading-lookup-card>header strong{color:#1f3029;font-size:25px;line-height:1.1}.reading-lookup-card>header span{color:#44584f;font-size:12px}.reading-lookup-card>header em{color:#65776f;background:#eef2f0;border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:730}.reading-lookup-card>.reading-lookup-meaning{color:#0d9a46;margin:14px 0 0;font-size:17px;font-weight:780;line-height:1.45}.reading-lookup-actions{border-bottom:1px solid #dce5e1;justify-content:flex-end;gap:8px;margin:16px 0 18px;padding-bottom:18px;display:flex}.reading-lookup-actions button{color:#3e4e47;min-height:39px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4e1;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:10px;font-weight:800;transition:border-color .16s,color .16s,background-color .16s,transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.reading-lookup-actions button:first-child,.reading-lookup-actions button[aria-pressed=true]{color:#087e38;background:#effbf2;border-color:#50bd76}.reading-lookup-actions button:hover{transform:translateY(-1px)}.reading-lookup-alternatives,.reading-lookup-card>section{border-bottom:1px solid #e2e8e5;padding:14px 0}.reading-lookup-alternatives>span,.reading-lookup-card>section h3{color:#172820;margin:0 0 7px;font-size:11px;font-weight:850;display:block}.reading-lookup-card>section>p{color:#485b52;margin:0;font-size:11px;line-height:1.65}.reading-lookup-alternatives>div,.reading-lookup-related{flex-wrap:wrap;gap:6px;display:flex}.reading-lookup-alternatives button,.reading-lookup-related button{min-height:29px;color:var(--jade-dark);font:inherit;cursor:pointer;background:#f1f9f6;border:1px solid #cfe2da;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:760}.reading-lookup-card>.reading-lookup-example{padding-right:46px;position:relative}.reading-lookup-example>p{font-weight:650;color:#263b32!important;font-size:15px!important;line-height:1.7!important}.reading-lookup-example>small,.reading-lookup-sentence>small{color:#65786f;margin-top:4px;font-size:10px;line-height:1.55;display:block}.reading-lookup-example>strong{color:#176f59;margin-top:7px;font-size:11px;line-height:1.55;display:block}.reading-lookup-example>.icon-button{position:absolute;top:40px;right:0}.reading-lookup-card>.reading-lookup-sentence{background:#f7f8f7;border-bottom:0;margin:10px -20px 0;padding:16px 20px 18px}.reading-lookup-sentence>strong{color:#0878ee;font-size:12px;line-height:1.6;display:block}.reading-lookup-sentence>p[lang=zh-CN]{color:#33463e;margin-top:9px;font-size:12px;font-style:italic}.reading-lookup-sentence h4{color:#203229;margin:14px 0 4px;font-size:11px}.reading-lookup-sentence h4~p{margin-top:4px}.reading-lookup-card>footer{color:#7e8b85;background:#fcfdfc;justify-content:flex-end;align-items:center;gap:5px;margin:0 -20px -20px;padding:10px 20px;font-size:9px;display:flex}.reading-practice-lookup-empty{color:#8b9892;text-align:center;place-content:center;justify-items:center;min-height:280px;display:grid}.reading-practice-lookup-empty strong{color:#405149;margin-top:10px;font-size:13px}.reading-practice-lookup-empty p{max-width:260px;margin:5px 0 0;font-size:10px;line-height:1.55}.reading-practice-analysis-panel{gap:13px;display:grid}.reading-practice-analysis-panel>section,.reading-practice-analysis-summary{background:#fbfcfc;border:1px solid #e1e7e4;border-radius:14px;padding:15px}.reading-practice-analysis-summary{background:#f8f5ff;border-color:#dcd4f6}.reading-practice-analysis-summary>span{color:#765fc3;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:850}.reading-practice-analysis-summary h2{margin:5px 0 7px;font-size:19px}.reading-practice-analysis-panel>section li,.reading-practice-analysis-panel>section p,.reading-practice-analysis-summary p{color:#5b6a64;font-size:11px;line-height:1.65}.reading-practice-analysis-panel>section p,.reading-practice-analysis-summary p{margin:0}.reading-practice-analysis-panel>section h3{color:#30443b;align-items:center;gap:7px;margin:0 0 7px;font-size:12px;display:flex}.reading-practice-analysis-panel>section h3 svg{color:var(--jade)}.reading-practice-analysis-panel>section ol{margin:0;padding-left:20px}@media (max-width:1220px){.reading-practice-main{grid-template-columns:62px minmax(0,1fr)}.reading-practice-questions{grid-column:2;max-height:none;position:static}.reading-practice-vocabulary>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.reading-source-container{padding-left:10px;padding-right:10px}.reading-practice-topbar{grid-template-columns:1fr auto;position:static}.reading-practice-progress-wrap{grid-area:2/1/auto/-1}.reading-practice-session-meta span{display:none}.reading-practice-main{grid-template-columns:1fr}.reading-practice-toolrail{grid-template-columns:repeat(4,1fr);position:static}.reading-practice-toolrail button{min-height:49px}.reading-practice-passage,.reading-practice-questions,.reading-practice-toolrail{grid-column:1}.reading-practice-section-heading{flex-direction:column;align-items:flex-start}.reading-practice-section-heading>div{width:100%}.reading-practice-section-heading>div>button{flex:1}.reading-practice-highlight-bar{flex-direction:column;align-items:flex-start}.reading-practice-title-row>svg{display:none}.reading-practice-copy{min-height:220px;line-height:2}.reading-practice-selection-actions{flex-wrap:wrap;margin-left:16px;margin-right:16px}.reading-practice-word-hint{margin-left:16px;margin-right:16px}.reading-practice-selection-actions>span{width:100%}.reading-practice-vocabulary{margin-left:16px;margin-right:16px}.reading-practice-vocabulary>header small{display:none}.reading-practice-vocabulary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-practice-question-card{padding:22px 17px}.reading-practice-footer,.reading-practice-question-actions{grid-template-columns:1fr}.reading-practice-footer>nav{order:-1;grid-area:1/1}.reading-practice-footer>button,.reading-practice-footer>div{width:100%}.reading-practice-footer>button{display:none}.reading-practice-footer>div button{flex:1}.reading-practice-drawer{border-radius:20px;width:calc(100vw - 16px);max-height:min(76vh,690px);top:auto;bottom:8px;right:8px}.reading-practice-drawer.is-lookup{width:calc(100vw - 16px);max-height:min(72vh,640px)}.reading-practice-lookup-searchbar{top:58px}}@media (prefers-reduced-motion:reduce){.reading-lookup-actions button,.reading-practice-copy.is-lookup-ready>button,.reading-practice-drawer,.reading-practice-lookup-searchbar>button,.reading-practice-toolrail button,.reading-practice-vocabulary>div>button{transition:none;animation:none}}.pronunciation-modal-backdrop{z-index:180;-webkit-backdrop-filter:blur(9px)saturate(.85);backdrop-filter:blur(9px)saturate(.85);background:#32374ea8;place-items:center;padding:24px;animation:pronunciation-backdrop-in .18s ease-out both;display:grid;position:fixed;inset:0;overflow:hidden}.pronunciation-modal{background:#fff;border:1px solid #ffffffad;border-radius:28px;flex-direction:column;width:min(720px,100%);max-height:min(860px,100dvh - 48px);animation:pronunciation-modal-in .26s cubic-bezier(.16,1,.3,1) both;display:flex;overflow:hidden;box-shadow:0 36px 90px #16193052,0 8px 26px #2a245b2e}@keyframes pronunciation-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pronunciation-modal-in{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.pronunciation-modal-header{color:#fff;background:radial-gradient(circle at 85% -40%,#ffffff3d,#0000 48%),linear-gradient(118deg,#5966f3,#7a5cf4 52%,#9257e8);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:98px;padding:20px 28px;display:grid}.pronunciation-modal-header>svg{filter:drop-shadow(0 4px 10px #271b7547)}.pronunciation-modal-header h2,.pronunciation-modal-header p{margin:0}.pronunciation-modal-header h2{letter-spacing:-.025em;font-size:21px;line-height:1.2}.pronunciation-modal-header p{color:#ffffffdb;margin-top:3px;font-size:12px;font-weight:650}.pronunciation-modal-header>button{color:#fff;cursor:pointer;background:#ffffff2b;border:0;border-radius:50%;outline:none;place-items:center;width:44px;height:44px;transition:background-color .16s,transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:grid}.pronunciation-modal-header>button:focus-visible,.pronunciation-modal-header>button:hover{background:#ffffff4a;transform:rotate(4deg)scale(1.04);box-shadow:0 0 0 3px #ffffff29}.pronunciation-modal-body{overscroll-behavior:contain;background:radial-gradient(circle at 50% 0,#6f63f50e,#0000 19rem),#fff;min-height:0;padding:22px 26px 18px;overflow:auto}.pronunciation-shell--popup{gap:15px}.pronunciation-shell--popup .pronunciation-quota-line{color:#5f4f79;background:#faf8ff;border-color:#e2dcf3;min-height:34px;padding:7px 11px;font-size:10px}.pronunciation-shell--popup .pronunciation-reference{background:#fff;border-color:#e5e7f0;border-radius:18px;min-height:0;padding:21px;display:block;box-shadow:0 8px 22px #2f31500b}.pronunciation-shell--popup .pronunciation-reference-main{text-align:left;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"listen word""listen pinyin""listen meaning";align-content:center;place-items:center start;column-gap:18px;min-height:118px;display:grid}.pronunciation-shell--popup .pronunciation-reference-kicker{display:none}.pronunciation-shell--popup .pronunciation-reference-main>strong{grid-area:word;font-size:clamp(41px,8vw,56px);line-height:1.02}.pronunciation-shell--popup .pronunciation-reference-main>span{color:#645ee8;grid-area:pinyin;margin:3px 0 0;font-size:18px}.pronunciation-shell--popup .pronunciation-reference-main .pronunciation-meaning{color:#637086;grid-area:meaning;margin:2px 0 0;font-size:13px}.pronunciation-shell--popup .pronunciation-reference-main>.button{color:#5c64ef;width:60px;height:60px;box-shadow:none;background:#f4f5ff;border:2px solid #ced5ff;border-radius:50%;grid-area:listen;place-self:center;margin:0;padding:0;font-size:0}.pronunciation-shell--popup .pronunciation-reference-main>.button svg{width:22px;height:22px}.pronunciation-shell--popup .pronunciation-reference-main>.button:hover{color:#fff;background:#6764ef;border-color:#6764ef;transform:scale(1.04)}.pronunciation-analysis-toggle{color:#67507a;width:100%;min-height:39px;font:inherit;cursor:pointer;background:#fbf8fd;border:1px solid #e2dcf1;border-radius:11px;align-items:center;gap:7px;margin-top:13px;padding:8px 11px;font-size:10px;font-weight:790;display:flex}.pronunciation-analysis-toggle svg:last-child{margin-left:auto;transition:transform .18s cubic-bezier(.16,1,.3,1)}.pronunciation-analysis-toggle[aria-expanded=true] svg:last-child{transform:rotate(90deg)}.pronunciation-shell--popup .pronunciation-pinyin-analysis{box-shadow:none;border-radius:15px;margin-top:12px;padding:15px;animation:pronunciation-analysis-in .19s cubic-bezier(.16,1,.3,1) both}@keyframes pronunciation-analysis-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pronunciation-shell--popup .recorder-panel{background:radial-gradient(circle at 50% 42%,#6866f214,#0000 8.5rem),#fff;border-color:#eaebf3;border-radius:18px;gap:13px;min-height:230px;padding:24px}.pronunciation-shell--popup .record-button{color:#5d63ef;background:#f0f2ff;border-color:#e8eaff;width:78px;height:78px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,background-color .18s;box-shadow:0 13px 28px #5b5cdb21}.pronunciation-shell--popup .record-button:hover:not(:disabled){background:#e8eaff;transform:translateY(-2px)scale(1.025);box-shadow:0 16px 34px #5b5cdb33}.pronunciation-shell--popup .record-button.stop{color:#fff;background:#e85e67;border-color:#f7d6d6}.pronunciation-shell--popup .recorder-panel>span{color:#647189;font-size:12px;font-weight:720}.pronunciation-shell--popup .waveform span{background:#a8addf}.pronunciation-shell--popup .pronunciation-actions .button-primary{background:linear-gradient(115deg,#5966f3,#875cf0)}.pronunciation-shell--popup .pronunciation-result{box-shadow:none;border-radius:18px;padding:20px}.pronunciation-shell--popup .pronunciation-quota-empty{border-radius:16px}.pronunciation-modal-footer{background:#fffffff7;border-top:1px solid #e9eaf1;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:13px 26px;display:flex}.pronunciation-modal-footer>span{color:#7b8395;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:10px;font-weight:700;display:flex;overflow:hidden}.pronunciation-modal-footer>button{color:#fff;min-height:45px;font:inherit;cursor:pointer;background:linear-gradient(115deg,#5966f3,#775ff2);border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:12px;font-weight:830;transition:transform .17s cubic-bezier(.16,1,.3,1),box-shadow .17s;display:inline-flex;box-shadow:0 9px 19px #5251d133}.pronunciation-modal-footer>button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #5251d147}@media (max-width:700px){.pronunciation-modal-backdrop{place-items:end center;padding:10px}.pronunciation-modal{border-radius:24px;width:100%;max-height:calc(100dvh - 20px)}.pronunciation-modal-header{gap:11px;min-height:84px;padding:16px 18px}.pronunciation-modal-header h2{font-size:18px}.pronunciation-modal-header p{font-size:10px}.pronunciation-modal-header>button{width:40px;height:40px}.pronunciation-modal-body{padding:15px}.pronunciation-shell--popup .pronunciation-reference{padding:16px}.pronunciation-shell--popup .pronunciation-reference-main{grid-template-columns:59px minmax(0,1fr);column-gap:13px;min-height:104px}.pronunciation-shell--popup .pronunciation-reference-main>.button{width:52px;height:52px}.pronunciation-shell--popup .pronunciation-reference-main>strong{font-size:39px}.pronunciation-shell--popup .recorder-panel{min-height:210px}.pronunciation-modal-footer{min-height:68px;padding:11px 16px}}@media (max-width:430px){.pronunciation-modal-footer>span,.pronunciation-modal-header>svg{display:none}.pronunciation-modal-header{grid-template-columns:minmax(0,1fr) auto}.pronunciation-modal-footer{justify-content:stretch}.pronunciation-modal-footer>button{width:100%}}@media (prefers-reduced-motion:reduce){.pronunciation-modal,.pronunciation-modal-backdrop,.pronunciation-shell--popup .pronunciation-pinyin-analysis{animation:none}.pronunciation-analysis-toggle svg:last-child,.pronunciation-modal-footer>button,.pronunciation-modal-header>button,.pronunciation-shell--popup .record-button{transition:none}}.standalone-flashcard-page{background:radial-gradient(circle at 12% 0,#4587ff1f,#0000 30rem),linear-gradient(#f7faff,#f4f7fb)}.standalone-flashcard-container{padding-block:clamp(1.5rem,4vw,3.75rem) 5rem}.standalone-flashcard-hero{color:#fff;background:radial-gradient(circle at 92% 15%,#ffd65b54,#0000 18rem),linear-gradient(135deg,#173a72,#245bb7 55%,#357dda);border-radius:2rem;grid-template-columns:minmax(0,1.3fr) minmax(19rem,.7fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);margin-bottom:2rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid;overflow:hidden;box-shadow:0 1.6rem 4rem #1f498833}.standalone-flashcard-kicker{letter-spacing:.04em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.45rem .75rem;font-size:.86rem;font-weight:800;display:inline-flex}.standalone-flashcard-hero h1{letter-spacing:-.055em;max-width:48rem;margin:0;font-size:clamp(2.25rem,5vw,4.6rem);line-height:.98}.standalone-flashcard-hero h1 span{color:#ffd977}.standalone-flashcard-hero>div:first-child>p{color:#ffffffd1;max-width:45rem;margin:1.25rem 0 0;font-size:1.05rem;line-height:1.75}.standalone-flashcard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.standalone-flashcard-stats article,.standalone-flashcard-stats p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:1.15rem;margin:0;padding:1rem}.standalone-flashcard-stats article{grid-template-columns:auto 1fr;align-items:center;gap:.2rem .6rem;display:grid}.standalone-flashcard-stats article strong{font-size:1.85rem;line-height:1}.standalone-flashcard-stats article span{color:#ffffffad;grid-column:1/-1;font-size:.85rem;font-weight:700}.standalone-flashcard-stats p{color:#ffffffd1;grid-column:1/-1;align-items:center;gap:.65rem;font-size:.9rem;font-weight:650;line-height:1.45;display:flex}.standalone-flashcard-library{background:#fffffff0;border:1px solid #dce5f0;border-radius:1.75rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1rem 3rem #28406114}.standalone-flashcard-library-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.standalone-flashcard-library-heading span,.standalone-flashcard-results{color:#6f7f93;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}.standalone-flashcard-library-heading h2{color:#17283f;margin:.2rem 0 0;font-size:clamp(1.65rem,3vw,2.25rem)}.standalone-flashcard-library-heading label{color:#60738c;background:#f8faff;border:1px solid #d3deeb;border-radius:.95rem;align-items:center;gap:.6rem;width:min(100%,25rem);padding:.75rem .9rem;display:flex}.standalone-flashcard-library-heading input{color:#17283f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.standalone-flashcard-groups{gap:.55rem;margin-top:1.35rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.standalone-flashcard-groups button{color:#4b5d75;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.62rem .85rem;font-size:.9rem;font-weight:750;display:inline-flex}.standalone-flashcard-groups button span{min-width:1.65rem;min-height:1.65rem;color:inherit;background:#eef3f9;border-radius:999px;place-items:center;padding-inline:.35rem;font-size:.75rem;display:grid}.standalone-flashcard-groups button[aria-pressed=true]{background:#245bb7;border-color:#245bb7}.standalone-flashcard-groups button[aria-pressed=true] span{background:#ffffff2e}.standalone-flashcard-results{margin:.85rem 0 1rem}.standalone-flashcard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.standalone-flashcard-deck-card{--deck-accent:#2870cf;border:1px solid #dde6f1;border-top:.3rem solid var(--deck-accent);background:#fff;border-radius:1.2rem;flex-direction:column;min-height:15rem;padding:1.15rem;display:flex;box-shadow:0 .65rem 1.8rem #27436912}.standalone-flashcard-deck-card[data-tone="1"]{--deck-accent:#7a5ee8}.standalone-flashcard-deck-card[data-tone="2"]{--deck-accent:#08a37a}.standalone-flashcard-deck-card[data-tone="3"]{--deck-accent:#e49a13}.standalone-flashcard-deck-card[data-tone="4"]{--deck-accent:#d65f6f}.standalone-flashcard-deck-top{color:#708198;justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;font-weight:800;display:flex}.standalone-flashcard-deck-top>span{color:var(--deck-accent)}.standalone-flashcard-deck-card h3{color:#182a42;margin:1.15rem 0 .7rem;font-size:1.2rem;line-height:1.3}.standalone-flashcard-deck-card>p{color:#718095;margin:0;font-size:.9rem;line-height:1.6;overflow:hidden}.standalone-flashcard-deck-card>a{color:var(--deck-accent);align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;font-size:.92rem;font-weight:850;text-decoration:none;display:inline-flex}.standalone-flashcard-empty{text-align:center;color:#718095;padding:3rem 1rem}.standalone-flashcard-empty h3{color:#253a56;margin:.7rem 0 .35rem}.standalone-flashcard-empty p{margin:0}@media (max-width:980px){.standalone-flashcard-hero{grid-template-columns:1fr}.standalone-flashcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.standalone-flashcard-container{padding-inline:.75rem}.standalone-flashcard-hero{border-radius:1.4rem;padding:1.4rem}.standalone-flashcard-library{border-radius:1.3rem;padding:1rem}.standalone-flashcard-library-heading{flex-direction:column;align-items:stretch}.standalone-flashcard-library-heading label{width:100%}.standalone-flashcard-grid{grid-template-columns:1fr}.standalone-flashcard-deck-card{min-height:13.5rem}}:root{--ink:#102e29;--ink-soft:#24463f;--muted:#536a64;--paper:#f5f8f4;--paper-warm:#fbf8f0;--surface:#fff;--surface-soft:#edf5f1;--line:#d9e5df;--line-strong:#bdd3c9;--jade:#087a65;--jade-dark:#055848;--jade-deep:#0c3f35;--jade-soft:#e1f3ec;--amber:#c87912;--amber-soft:#fff0d2;--coral:#c85e46;--danger:#b43b35;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--shadow-xs:0 1px 2px #102e290a;--shadow-sm:0 8px 24px #102e290f;--shadow-md:0 18px 48px #102e2917;--shadow-lg:0 30px 80px #102e2921;--shadow:var(--shadow-md);--ease-out:cubic-bezier(.16,1,.3,1);--motion-fast:.16s;--motion-base:.22s}html{color-scheme:light;scroll-padding-top:132px}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 0 0,#a4d7c23d,transparent 31rem),radial-gradient(circle at 100% 24rem,#edc57b1f,transparent 28rem),var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans SC,PingFang SC,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}[role=button],a,button,summary{touch-action:manipulation}[role=button],button,summary{cursor:pointer}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--jade)}@supports (color:color-mix(in lab,red,red)){:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--jade) 48%,white)}}:where(a,button,input,textarea,select,summary):focus-visible{outline-offset:3px}.skip-link{z-index:1000;color:#fff;background:var(--jade-dark);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out);border-radius:10px;padding:10px 14px;position:fixed;top:10px;left:14px;transform:translateY(-150%)}.skip-link:focus{opacity:1;transform:translateY(0)}.container{width:min(1200px,100% - clamp(32px,6vw,80px))}.site-header{z-index:300;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#fafcf9e0;border-bottom:1px solid #bdd3c9cc;box-shadow:0 10px 40px #102e290e}.site-header:after{background:linear-gradient(90deg,#0000,#087a658c,#c8791259,#0000);height:1px}.site-header-top{background:0 0;border-bottom-color:#d9e5dfd9}.site-header-top-inner{width:min(1400px,100% - clamp(28px,4vw,64px));min-height:68px}.hanyuflow-header-brand{gap:12px;min-height:48px}.brand-mark,.hanyuflow-header-mark,.mobile-nav-sheet-mark{color:#fffaf0;background:linear-gradient(145deg,#ffffff1f,transparent),var(--jade-dark);font-family:Noto Serif SC,Songti SC,serif;box-shadow:0 8px 24px #05584833}.hanyuflow-header-mark{border:1px solid #ffffff38;border-radius:15px 15px 15px 6px;width:43px;height:43px}.hanyuflow-header-wordmark strong{color:var(--jade-dark);letter-spacing:-.04em;font-size:23px;font-weight:800}.hanyuflow-header-wordmark small{color:var(--muted);letter-spacing:.01em;font-size:11px}.header-login-link,.header-logout-button,.header-register-link,.header-utility-link{min-height:42px;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;border-radius:13px;font-size:13px;font-weight:720}.header-login-link:hover,.header-logout-button:hover,.header-register-link:hover,.header-utility-link:hover{transform:none}.header-utility-link{color:var(--ink-soft);background:#edf5f1bf}.header-utility-link--practice,.header-utility-link:hover{color:var(--jade-dark);border-color:var(--line);background:#fff}.header-login-link{color:var(--jade-dark);border-color:var(--line-strong);background:#fffc}.header-register-link{color:#fff;border-color:var(--jade-dark);background:var(--jade-dark);box-shadow:0 7px 18px #05584829}.header-register-link:hover{border-color:var(--jade-deep);background:var(--jade-deep);box-shadow:0 9px 22px #05584838}.site-header-scroll{min-height:58px;padding:7px clamp(14px,2vw,30px) 9px}.site-nav-track{background:#eff5f2b8;border-color:#d9e5dfe6;border-radius:15px;gap:3px;min-height:41px;padding:3px;box-shadow:inset 0 1px #ffffffd9}.site-nav-item{color:#3d554f;min-height:39px;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;border-radius:12px;font-weight:700}.site-nav-item:hover{color:var(--jade-dark);border-color:var(--line);box-shadow:var(--shadow-xs);background:#ffffffe6;transform:none}.site-nav-item--coral.is-current,.site-nav-item.is-current:not(.site-nav-item--blue):not(.site-nav-item--coral):not(.site-nav-item--outline):not(.site-nav-item--upgrade),.site-nav-vocabulary-trigger.is-current,.site-nav-vocabulary-trigger.is-open{color:var(--jade-dark)!important;border-color:var(--line-strong)!important;background:#fff!important;box-shadow:0 4px 14px #102e2912!important}.site-nav-item--coral{color:#9b4c37;background:#fff1ea}.site-nav-item--upgrade{color:#76500f;background:var(--amber-soft);box-shadow:none;border-color:#eed39c}.practice-nav-popover{border-color:var(--line);box-shadow:var(--shadow-lg);background:#fffffffb;border-radius:22px}.practice-nav-popover:before,.vocabulary-nav-popover:before{background:linear-gradient(90deg,var(--jade),#72bca1,#d8a04c)}.practice-nav-popover-item.is-selected,.practice-nav-popover-item:hover,.vocabulary-nav-popover .practice-nav-popover-item.is-selected{color:var(--jade-dark);border-color:var(--line);background:var(--surface-soft);transform:none}.practice-nav-popover-copy strong,.practice-nav-popover-item.is-selected .practice-nav-popover-copy strong,.practice-nav-popover-item:hover .practice-nav-popover-copy strong{color:var(--ink)}.practice-nav-popover-copy small{color:var(--muted)}.mobile-nav-layer,.mobile-site-nav{display:none}.page-shell{min-height:calc(100dvh - 126px);padding:clamp(38px,5vw,66px) 0 clamp(70px,8vw,108px)}.page-heading{margin-bottom:clamp(28px,4vw,44px)}.auth-panel h1,.page-heading h1,.section-heading h2{color:var(--ink);letter-spacing:-.052em;text-wrap:balance;font-size:clamp(34px,4.5vw,56px);font-weight:780;line-height:1.06}.page-heading p,.section-heading p{max-width:68ch;color:var(--muted);font-size:clamp(16px,1.55vw,18px);line-height:1.72}.card-kicker,.eyebrow,.standalone-flashcard-kicker,.topic-vocabulary-kicker{letter-spacing:.075em;text-transform:uppercase}.eyebrow{min-height:34px;color:var(--jade-dark);border-color:var(--line-strong);box-shadow:var(--shadow-xs);background:#ffffffb8;gap:7px;padding:7px 11px;font-size:11px}.button{min-height:46px;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease;border-radius:13px;padding-inline:19px;font-weight:740}.button:hover{transform:none}.button-primary{color:#fff;background:var(--jade-dark);box-shadow:0 9px 22px #0558482b}.button-primary:hover{background:var(--jade-deep);box-shadow:0 12px 26px #05584838}.button-secondary{color:var(--jade-dark);border-color:var(--line-strong);box-shadow:var(--shadow-xs);background:#ffffffd6}.button-ghost:hover,.button-secondary:hover{color:var(--jade-dark);background:#f7fbf9;border-color:#8fb9a7}.hero{align-items:center;min-height:min(760px,100dvh - 126px);padding:clamp(64px,8vw,112px) 0 clamp(72px,9vw,120px);display:grid}.hero:before{content:"";pointer-events:none;border:1px solid #087a651a;border-radius:50%;width:16rem;height:16rem;position:absolute;inset:6% 51% auto auto;box-shadow:0 0 0 52px #087a6506,0 0 0 104px #087a6505}.hero:after{color:#05584809;font-size:clamp(250px,32vw,500px);top:3%;right:max(2vw,50vw - 620px)}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(52px,7vw,94px)}.hero-content{z-index:1;position:relative}.hero h1{max-width:780px;color:var(--ink);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(52px,6.5vw,86px);font-weight:790;line-height:.99}.hero h1 span{color:var(--jade);position:relative}.hero-copy{max-width:62ch;color:var(--muted);margin:28px 0 31px;font-size:clamp(17px,1.65vw,20px);line-height:1.72}.hero-actions{flex-wrap:wrap}.hero-note{color:var(--muted);margin:16px 0 0;font-size:13px}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin-top:28px;font-size:12px;display:flex}.hero-proof span{align-items:baseline;gap:5px;display:inline-flex;position:relative}.hero-proof span+span:before{content:"";background:#89a49a;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-12px}.hero-proof strong{color:var(--ink-soft);font-weight:800}.hero-preview-wrap{padding:28px 14px;position:relative}.lesson-preview{z-index:1;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-color:#bdd3c9e0;padding:clamp(18px,2vw,23px);position:relative;transform:none}.lesson-preview:before{content:"";z-index:-1;border-radius:inherit;background:#e1f3ecb3;border:1px solid #087a651a;position:absolute;inset:18px -18px -18px 18px}.hanzi-card{background-color:#f9fcfa;background-image:linear-gradient(#087a650d 1px,#0000 0),linear-gradient(90deg,#087a650d 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #087a6514;border-radius:24px;padding:clamp(34px,5vw,54px) 24px}.hanzi-card .hanzi{color:var(--ink);font-size:clamp(78px,9vw,108px);font-weight:600}.hanzi-card .pinyin{color:var(--jade)}.hero-preview-note{z-index:2;min-height:42px;color:var(--ink-soft);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:hanyuflow-float 5s var(--ease-out) infinite alternate;background:#fffffff0;border:1px solid #bdd3c9e6;border-radius:13px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex;position:absolute}.hero-preview-note--top{top:1px;right:-8px}.hero-preview-note--bottom{animation-delay:-2s;bottom:-2px;right:42px}@keyframes hanyuflow-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.placement-invite{padding-bottom:clamp(68px,8vw,108px)}.placement-invite-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 92% 8%,#d8a04c2b,#0000 28rem),radial-gradient(circle at 6% 100%,#62b5962b,#0000 24rem),linear-gradient(138deg,#0c352d,#0a4a3d);border-color:#a8d5c338;padding:clamp(28px,5vw,52px);box-shadow:0 28px 72px #0c3f352e}.placement-invite-icon{color:#a7e1c8;background:#00141042;border:1px solid #a7e1c82e}.placement-choice{min-height:126px;transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;background:#01181340;border-radius:19px}.placement-choice:hover{background:#0118136b;border-color:#a7e1c87a;transform:none;box-shadow:0 12px 30px #0000001c}.catalog-strip{color:var(--ink);background:0 0;padding:0 0 clamp(72px,8vw,110px)}.catalog-stats{gap:12px}.catalog-stats article{border:1px solid var(--line);border-radius:var(--radius-md);min-height:94px;box-shadow:var(--shadow-xs);background:#ffffffc2;padding:18px 20px}.catalog-stats svg{color:var(--jade)}.catalog-stats strong{color:var(--ink);font-size:23px}.catalog-stats span{color:var(--muted);font-size:12px}.section{padding:clamp(72px,9vw,116px) 0}.section-tint{border-block-color:var(--line);background:linear-gradient(#edf5f1c7,#f6f9f6eb)}.section-heading{max-width:760px;margin-bottom:clamp(32px,5vw,52px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.auth-panel,.course-card,.dialogue-lesson-card,.dialogue-level-card,.dictionary-card,.feature-card,.grammar-card,.module-card,.notebook-card,.pricing-card,.question-card,.reading-card,.review-area-card,.settings-card,.standalone-flashcard-deck-card,.surface-card,.topic-vocabulary-card,.topic-word-card{border-color:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,background-color var(--motion-base) ease;background:#ffffffeb}.course-card:hover,.dialogue-lesson-card:hover,.dialogue-level-card:hover,.feature-card:hover,.module-card:hover,.reading-card:hover,.review-area-card:hover,.standalone-flashcard-deck-card:hover,.topic-vocabulary-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#fff;transform:none}.feature-card{min-height:230px;padding:28px}.feature-icon,.metric-icon,.module-icon{color:var(--jade-dark);background:var(--jade-soft)}.feature-icon{border-radius:14px;width:48px;height:48px}.feature-card h3{color:var(--ink);margin-top:28px;font-size:20px}.course-card p,.feature-card p,.module-card p,.surface-card p{color:var(--muted)}.surface-card{padding:clamp(22px,3vw,30px)}.continue-card{background:radial-gradient(circle at 88% 10%,#ddad5d2b,transparent 15rem),linear-gradient(135deg,var(--jade-deep),#0b6b58);box-shadow:var(--shadow-md);border:1px solid #ffffff1a}.stat-item{background:var(--paper);border:1px solid #d9e5dfcc}.course-grid,.dashboard-grid,.module-grid,.pricing-grid{gap:18px}.course-card{overflow:clip}.course-cover{background:radial-gradient(circle at 82% 8%,#ffe2ad38,transparent 14rem),linear-gradient(138deg,var(--jade-deep),#11705c);min-height:184px}.course-card-body{padding:26px}.course-card-stats span,.preview-chip,.status-chip,.tag{border:1px solid #c8791229}.progress-track{background:#dfe9e4}.progress-fill{background:linear-gradient(90deg,var(--jade-dark),#18a17f)}.auth-shell{background:radial-gradient(circle at 50% 0,#9ed3be47,#0000 28rem);min-height:calc(100dvh - 126px);padding:clamp(40px,8vw,86px) 20px}.auth-panel{border-radius:var(--radius-lg);width:min(100%,500px);box-shadow:var(--shadow-md);padding:clamp(28px,5vw,42px)}.auth-status-icon{border-color:var(--line-strong);background:var(--jade-soft)}.answer-field input,.answer-field textarea,.form-field input,.form-field select,.form-field textarea,.standalone-flashcard-library-heading label,.topic-lesson-search,.topic-vocabulary-search{min-height:48px;color:var(--ink);border-color:var(--line);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;background:#ffffffeb;border-radius:13px}.answer-field input:focus,.answer-field textarea:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.standalone-flashcard-library-heading label:focus-within,.topic-lesson-search:focus-within,.topic-vocabulary-search:focus-within{border-color:var(--jade);outline:0;box-shadow:0 0 0 4px #087a651a}.dialogue-catalog-hero,.dialogue-library-hero,.exam-hero,.hsk-roadmap-hero,.level-catalog-hero,.progress-hero-card,.reading-dialogue-hero,.reading-library-hero,.standalone-dialogue-hero,.standalone-flashcard-hero,.standalone-study-header,.topic-lesson-hero,.topic-vocabulary-hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.standalone-flashcard-hero,.topic-vocabulary-hero{background:radial-gradient(circle at 91% 10%,#d8a04c3d,#0000 22rem),radial-gradient(circle at 4% 100%,#5db29138,#0000 20rem),linear-gradient(138deg,#0b342c,#0a5b4b);border:1px solid #a7e1c829;box-shadow:0 28px 70px #0c3f352e}.standalone-flashcard-hero h1 span,.topic-vocabulary-hero h1 span{color:#f1ca80}.topic-vocabulary-search{color:var(--ink-soft)}.standalone-flashcard-deck-card,.topic-vocabulary-card{border-top-width:1px;border-top-color:var(--line);min-height:0}.standalone-flashcard-deck-card:before,.topic-vocabulary-card:before{content:"";background:var(--deck-accent,var(--topic-accent,var(--jade)));border-radius:999px;width:38px;height:3px;display:block}.reading-library-shell,.reading-practice-shell,.srs-shell,.standalone-flashcard-library,.standalone-study-workspace,.topic-lesson-workspace,.writer-shell{border-color:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-chip,.level-filter,.reading-library-toolbar button,.standalone-flashcard-groups button,.topic-lesson-modes button{border-color:var(--line);min-height:44px;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.standalone-flashcard-groups button[aria-pressed=true]{color:#fff;border-color:var(--jade-dark);background:var(--jade-dark)}.site-footer{color:var(--muted);border-top:1px solid var(--line);background:radial-gradient(circle at 12% 0,#3f886e1a,#0000 26rem),#eef4f0;padding:clamp(52px,7vw,82px) 0 24px}.footer-inner{align-items:start;gap:clamp(42px,8vw,100px)}.footer-brand-block{max-width:330px}.footer-brand-block .brand{width:fit-content;color:var(--jade-dark);letter-spacing:-.035em;align-items:center;gap:11px;font-size:22px;font-weight:800;display:inline-flex}.footer-brand-block .brand-mark{border-radius:14px 14px 14px 5px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.footer-brand-block p{color:var(--ink-soft);margin:20px 0 5px;line-height:1.65}.footer-brand-block>span{color:#71867f;font-family:Noto Serif SC,Songti SC,serif;font-size:14px}.footer-links{grid-template-columns:repeat(3,minmax(130px,1fr));gap:clamp(28px,5vw,68px);display:grid}.footer-links>div{align-content:start;gap:9px;display:grid}.footer-links strong{color:var(--ink);letter-spacing:.035em;text-transform:uppercase;margin-bottom:5px;font-size:13px}.footer-links a{width:fit-content;min-height:28px;color:var(--muted);transition:color var(--motion-fast) ease}.footer-links a:hover{color:var(--jade-dark)}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:clamp(42px,6vw,70px);padding-top:20px;font-size:12px;display:flex}.footer-bottom p{margin:0}@media (max-width:1024px){.site-header-tool-divider,.site-header-tools .header-utility-link{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:42px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}.footer-links{width:100%}}@media (max-width:820px){html{scroll-padding-top:124px}.container{width:min(100% - 28px,720px)}.site-header-top-inner{gap:12px;width:calc(100% - 24px);min-height:62px}.hanyuflow-header-wordmark small{display:none}.site-header-scroll{min-height:57px;padding:6px 12px 8px;overflow:visible}.site-nav-track--desktop{display:none}.mobile-site-nav{background:#eff5f2c7;border:1px solid #d9e5dfe6;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:min(100%,560px);min-height:43px;margin-inline:auto;padding:3px;display:grid}.mobile-site-nav a,.mobile-site-nav button{color:#405850;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:40px;padding:4px 7px;font-size:11px;font-weight:720;display:flex}.mobile-site-nav a.is-current{color:var(--jade-dark);box-shadow:var(--shadow-xs);background:#fff}.mobile-nav-layer{z-index:500;display:block;position:fixed;inset:0}.mobile-nav-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071b1685;border:0;width:100%;height:100%;animation:hanyuflow-fade-in .18s both;position:absolute;inset:0}.mobile-nav-sheet{max-height:min(88dvh,760px);padding:14px 14px max(20px,env(safe-area-inset-bottom));color:var(--ink);animation:hanyuflow-sheet-in .24s var(--ease-out) both;background:#f8faf8;border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 70px #071b1638}.mobile-nav-sheet-header{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faf8f5;justify-content:space-between;align-items:center;gap:16px;margin:-14px -2px 10px;padding:16px 2px 13px;display:flex;position:sticky;top:-14px}.mobile-nav-sheet-header>div{align-items:center;gap:11px;min-width:0;display:flex}.mobile-nav-sheet-header>div>span:last-child{min-width:0;display:grid}.mobile-nav-sheet-header strong{font-size:15px}.mobile-nav-sheet-header small{color:var(--muted);font-size:11px}.mobile-nav-sheet-mark{border-radius:13px 13px 13px 5px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mobile-nav-sheet-header>button{width:44px;height:44px;color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:13px;flex:none;place-items:center;display:grid}.mobile-nav-direct-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0 14px;display:grid}.mobile-nav-direct-links a{min-height:72px;color:var(--ink-soft);border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:12px;font-weight:730;display:flex}.mobile-nav-direct-links a.is-current{color:var(--jade-dark);border-color:var(--line-strong);background:var(--jade-soft)}.mobile-nav-group{border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:8px;overflow:clip}.mobile-nav-group summary{min-height:50px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:0 15px;font-size:14px;font-weight:780;list-style:none;display:flex}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary svg{transition:transform var(--motion-fast) var(--ease-out)}.mobile-nav-group[open] summary svg{transform:rotate(180deg)}.mobile-nav-group>div{gap:3px;padding:0 8px 8px;display:grid}.mobile-nav-group>div>a{border-radius:13px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-height:62px;padding:7px;display:grid}.mobile-nav-group>div>a.is-current{background:var(--surface-soft)}.mobile-nav-group .practice-nav-popover-icon{border-radius:13px;width:44px;height:44px}.mobile-nav-group>div>a>span:last-child{min-width:0;display:grid}.mobile-nav-group strong{color:var(--ink);font-size:13px;line-height:1.35}.mobile-nav-group small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4}@keyframes hanyuflow-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hanyuflow-sheet-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:0;padding:58px 0 82px}.hero-grid{grid-template-columns:1fr;gap:54px}.hero-copy{max-width:58ch}.hero-preview-wrap{width:min(100%,540px);margin-inline:auto}.catalog-stats,.placement-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-stats article,.catalog-stats article:last-child{border:1px solid var(--line)}.page-heading{align-items:flex-start}}@media (max-width:600px){.site-header-top-inner{min-height:58px}.hanyuflow-header-mark{border-radius:13px 13px 13px 5px;width:39px;height:39px;font-size:20px}.hanyuflow-header-wordmark strong{font-size:20px}.header-auth-actions{gap:6px}.header-login-link,.header-logout-button,.header-register-link{min-height:39px;padding-inline:10px;font-size:11px}.header-login-link svg,.header-logout-button svg,.header-register-link svg{width:15px;height:15px}.mobile-site-nav a,.mobile-site-nav button{flex-direction:column;gap:1px;font-size:9px;line-height:1.2}.page-shell{padding:34px 0 72px}.auth-panel h1,.page-heading h1,.section-heading h2{font-size:clamp(31px,10vw,42px)}.hero{padding-top:42px}.hero:before{display:none}.hero h1{font-size:clamp(43px,13vw,62px)}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-proof{gap:6px;display:grid}.hero-proof span+span:before{display:none}.hero-preview-wrap{padding-inline:0}.lesson-preview:before{inset:12px -8px -12px 8px}.hero-preview-note--top{right:3px}.hero-preview-note--bottom{right:18px}.placement-invite-heading{grid-template-columns:1fr}.placement-invite-icon{width:50px;height:50px}.catalog-stats,.feature-grid,.placement-choice-grid{grid-template-columns:1fr}.feature-card{min-height:0}.catalog-stats article{min-height:82px}.footer-links{grid-template-columns:1fr 1fr;row-gap:34px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-preview-note,.mobile-nav-scrim,.mobile-nav-sheet{animation:none}}.site-nav-track--full{display:flex}.practice-nav-popover[data-menu]{z-index:400}@media (max-width:1100px){.site-header--full .site-header-top-inner{flex-wrap:wrap;gap:12px;padding-block:12px}.site-header--full .hanyuflow-header-wordmark{display:grid}.site-header--full .hanyuflow-header-wordmark small{font-size:12px;display:block}.site-header--full .site-header-tools{flex-wrap:wrap;flex:620px;justify-content:flex-start;gap:8px}.site-header--full .header-auth-actions{display:contents}.site-header--full .header-login-link,.site-header--full .header-logout-button,.site-header--full .header-register-link,.site-header--full .site-header-tools .header-utility-link{min-height:44px;padding-inline:12px;font-size:.875rem;display:inline-flex}.site-header--full .header-logout-button span{display:inline}.site-header--full .site-header-tool-divider{display:none}.site-header--full .site-header-scroll{overflow:visible}.site-header--full .site-nav-track--full{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;min-width:0}.site-header--full .site-nav-item{min-height:44px;padding-inline:10px;font-size:.875rem}}@media (max-width:820px){.site-header.site-header--full{position:relative}.site-header--full .site-nav-track--full{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-header--full .site-nav-entry{min-width:0}.site-header--full .site-nav-item{gap:5px;width:100%;padding-inline:6px}.site-header--full .site-nav-item svg{flex-shrink:0}.site-header--full .site-nav-divider{display:none}}@media (max-width:540px){.site-header--full .site-nav-track--full{grid-template-columns:repeat(2,minmax(0,1fr))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}