/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:lab(55.4814% 75.0732 48.8528);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-white:#fff;--spacing:.25rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.right-1{right:calc(var(--spacing) * 1)}.bottom-1{bottom:calc(var(--spacing) * 1)}.isolate{isolation:isolate}.order-46{order:46}.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}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-red-500{background-color:var(--color-red-500)}.p-3{padding:calc(var(--spacing) * 3)}.text-green-700{color:var(--color-green-700)}.text-red-500{color:var(--color-red-500)}.lowercase{text-transform:lowercase}.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,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.exercise-feedback-layer{z-index:2147482000;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.exercise-feedback-animation{width:min(85vmin,760px);height:auto;position:absolute;top:50%;transform:translate(-50%,-50%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-body);font-family:var(--kc-ui-font);margin:0}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.topbar{z-index:40;background:var(--brand-green);border-bottom:1px solid var(--border-default);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;height:64px;padding:0 max(18px,50vw - 700px);display:grid;position:sticky;top:0}.brand{font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);color:var(--accent-brown);white-space:nowrap;font-weight:800}nav{height:100%;font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);letter-spacing:.045em;align-items:center;gap:38px;display:flex}nav a{border-bottom:2px solid #0000;align-items:center;height:100%;display:flex}.account-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.text-button{font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action)}.primary-button{min-height:46px;font-family:var(--kc-ui-font);font-size:var(--kc-ui-body);font-weight:var(--kc-ui-weight-action);letter-spacing:.03em;justify-content:center;align-items:center;padding:0 24px;transition:all .2s;display:inline-flex}.outline-button{min-height:46px;font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:.03em;justify-content:center;align-items:center;padding:0 24px;transition:all .2s;display:inline-flex}.primary-button.small{min-height:42px;padding-inline:20px}.outline-button{--button-color:var(--button-secondary)}main{max-width:1400px;margin:0 auto;padding:0 18px 72px}.hero{grid-template-columns:1.35fr .75fr;align-items:center;gap:70px;min-height:338px;padding:54px 0 34px;display:grid}.eyebrow{color:var(--text-secondary);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);letter-spacing:.09em;margin-bottom:10px;font-weight:700;display:block}.hero h1{max-width:850px;color:var(--accent-brown);font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);letter-spacing:-.035em;margin:0}.hero-copy>p{max-width:690px;font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:22px 0 28px}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-visual{border:1px solid var(--line);background:var(--surface-secondary);border-radius:16px;height:230px;position:relative;overflow:hidden}.tablet{border:7px solid var(--text-primary);background:var(--surface-card);width:56%;height:168px;box-shadow:var(--kc-shadow-soft);border-radius:12px;padding:10px;position:absolute;top:27px;left:24%;transform:rotate(-1deg)}.tablet-nav{height:18px;color:var(--color-text-primary);border-bottom:1px solid var(--border-default);font-family:Georgia,serif;font-size:8px;font-weight:800}.tablet-card{border:1px solid var(--border-default);background:var(--surface-card);border-radius:5px;margin-top:10px;padding:8px}.tablet-card small{letter-spacing:.1em;font-size:5px;display:block}.tablet-card strong{margin:5px 0;font-family:Georgia,serif;font-size:17px;display:block}.tablet-lines{gap:4px;display:grid}.tablet-lines i{background:var(--surface-secondary);border-radius:4px;width:88%;height:3px;display:block}.tablet-lines i:nth-child(2){width:72%}.tablet-lines i:nth-child(3){width:82%}.book-stack{gap:4px;display:grid;position:absolute;top:20px;right:-7px;transform:rotate(5deg)}.book-stack span{border:1px solid var(--border-default);background:var(--surface-secondary);width:65px;height:20px}.book-stack span:nth-child(2){background:var(--text-primary)}.tea{background:var(--surface-secondary);width:56px;height:56px;color:var(--accent-brown);border:7px solid var(--surface-secondary);border-radius:50%;place-items:center;font-family:Georgia,serif;display:grid;position:absolute;bottom:19px;left:22px}.continue-card{--kc-card-fill:var(--card);grid-template-columns:1.1fr 1.3fr auto;align-items:center;gap:42px;min-height:100px;padding:20px;display:grid}.continue-card strong{font-size:var(--kc-ui-body);display:block}.progress-block>div:first-child{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);justify-content:space-between;margin-bottom:9px;display:flex}.progress{background:var(--color-progress-track);border-radius:99px;height:9px;overflow:hidden}.progress span{background:var(--color-progress-active);width:42%;height:100%;display:block}.section{padding-top:56px;scroll-margin-top:72px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);margin:0}.section-heading>a{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);color:var(--color-text-primary)}.hsk-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hsk-card{--kc-card-fill:var(--card);min-height:154px;padding:20px;transition:all .2s}.hsk-card:hover,.skill-card:hover{transform:translateY(-2px)}.hsk-card>div{justify-content:space-between;align-items:start;display:flex}.hsk-card strong{color:var(--tone);font-family:var(--kc-ui-font);font-size:2.125rem}.hsk-card span{border:1px solid var(--tone);color:var(--tone);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);border-radius:5px;padding:4px 8px}.hsk-card p{color:var(--text-primary);margin:17px 0 9px}.hsk-card i,.skill-card i{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);color:var(--color-text-primary);font-style:normal}.skill-grid{grid-template-rows:repeat(2,190px);grid-template-columns:1.5fr 1fr 1fr;gap:22px;display:grid}.skill-card{--kc-card-fill:var(--card);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex}.skill-card.featured{grid-row:span 2}.hanzi-icon{border:1px solid var(--border-default);background:var(--surface-secondary);width:48px;height:48px;color:var(--accent-brown);font-family:var(--kc-font-hanzi);border-radius:12px;place-items:center;font-size:22px;display:grid}.skill-card h3{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-card);margin:0 0 7px}.skill-card p{color:var(--muted);margin:0}:where(.site-footer){border-top:1px solid var(--border-default);background:var(--surface-secondary);min-height:74px;color:var(--accent-brown);font-size:var(--kc-ui-label);justify-content:space-between;align-items:center;gap:28px;padding:0 max(18px,50vw - 700px);display:flex}:where(.site-footer) div{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);gap:24px;display:flex}@media (max-width:1040px){.topbar{grid-template-columns:1fr auto}.topbar nav,.account-actions .text-button{display:none}.hero{grid-template-columns:1fr;gap:28px}.hero-visual{order:-1;height:190px}.continue-card{grid-template-columns:1fr auto}.progress-block{grid-area:2/1/auto/-1}.hsk-grid{grid-template-columns:repeat(2,1fr)}.skill-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.skill-card,.skill-card.featured{grid-row:auto;min-height:190px}:where(.site-footer){flex-direction:column;align-items:flex-start;padding-block:22px}}@media (max-width:560px){.brand{font-size:var(--kc-ui-card)}.account-actions .primary-button{font-size:var(--kc-ui-body);padding-inline:12px}.hero{padding-top:28px}.hero h1{font-size:var(--kc-ui-section)}.hero-copy>p{font-size:var(--kc-ui-body)}.continue-card{grid-template-columns:1fr}.continue-card>a{width:100%}.progress-block{grid-area:auto}.hsk-grid,.skill-grid{grid-template-columns:1fr}.hsk-card{min-height:135px}.skill-card,.skill-card.featured{min-height:170px}.section-heading>a{display:none}:where(.site-footer) div{flex-wrap:wrap;gap:14px}}button,input,textarea{font:inherit}.profile-link{font-size:var(--kc-ui-caption);align-items:center;gap:8px;display:flex}.profile-link>span{background:var(--surface-secondary);width:32px;height:32px;color:var(--accent-brown);font-family:var(--kc-ui-font);border-radius:50%;place-items:center;font-weight:800;display:grid}.mobile-menu{display:none;position:relative}.mobile-menu summary{width:var(--header-control-size,38px);height:var(--header-control-size,38px);border:1px solid var(--line);cursor:pointer;border-radius:9px;place-items:center;line-height:1;list-style:none;display:grid}.mobile-menu>div{border:1px solid var(--line);background:var(--card);width:210px;box-shadow:var(--kc-shadow-soft);border-radius:12px;padding:10px;display:grid;position:absolute;top:45px;right:0}.mobile-menu a{font-size:var(--kc-ui-label);border-radius:7px;padding:11px}.mobile-menu a:hover{background:var(--surface-card);color:var(--color-text-primary)}.page-hero h1,.category-hero h1,.level-hero h1,.learning-hero h1,.vip-hero h1,.profile-hero h1{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);color:var(--accent-brown);letter-spacing:-.035em;margin:0}.page-hero p,.category-hero p,.level-hero p,.learning-hero p{max-width:780px;color:var(--muted);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:18px 0 0}.level-list{gap:16px;display:grid}.level-row{--tone:var(--primary);--kc-card-fill:var(--card);grid-template-columns:70px 1fr auto 40px;align-items:center;gap:24px;padding:22px;transition:all .2s;display:grid}.level-index{font-family:var(--kc-ui-font);color:var(--text-secondary);font-size:var(--kc-ui-caption)}.level-row>div:nth-child(2)>strong{color:var(--tone);font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);margin-right:12px;display:inline-block}.level-row em{color:var(--text-primary);font-style:normal}.level-row p{color:var(--muted);font-size:var(--kc-ui-body);margin:6px 0 0}.level-stats{text-align:right;font-size:var(--kc-ui-caption);gap:8px;display:grid}.level-stats span{color:var(--muted)}.level-stats b{color:var(--tone)}.level-row>i{color:var(--tone);font-size:var(--kc-ui-card);font-style:normal}.level-hero{--tone:var(--primary);border:1px solid var(--tone);justify-content:space-between;align-items:center;min-height:270px;margin:36px 0 48px;padding:38px;display:flex}@supports (color:color-mix(in lab, red, red)){.level-hero{border:1px solid color-mix(in srgb,var(--tone),var(--surface-card) 48%)}}.level-hero{background:var(--surface-card);border-radius:18px}.level-hero h1{color:var(--tone)}.level-hero>div>div{color:var(--text-secondary);font-size:var(--kc-ui-label);flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.level-hero>strong{color:var(--tone);font-family:var(--kc-ui-font);opacity:.12;font-size:clamp(76px,10vw,140px)}.content-heading{justify-content:space-between;align-items:end;margin:30px 0 20px;display:flex}.content-heading h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);margin:0}.content-heading>span{color:var(--muted);font-size:var(--kc-ui-label)}.lesson-list,.content-list{gap:14px;display:grid}.lesson-row,.content-row{--kc-card-fill:var(--card);grid-template-columns:55px 1fr auto;align-items:center;gap:20px;padding:20px 22px;transition:all .2s;display:grid}.lesson-row:hover,.content-row:hover{transform:translateY(-2px)}.lesson-row>span,.row-number{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);color:var(--text-secondary)}.lesson-row>div>div,.row-meta{align-items:center;gap:10px;display:flex}.lesson-row em,.row-meta em{border:1px solid var(--accent-brown);color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);border-radius:5px;padding:3px 7px;font-style:normal}.lesson-row small,.row-meta span{color:var(--muted);font-size:var(--kc-ui-caption)}.lesson-row h3,.content-row h3{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-card);margin:7px 0 3px}.lesson-row strong,.content-row strong{color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-body)}.lesson-row p,.content-row p{color:var(--muted);font-size:var(--kc-ui-body);margin:6px 0 0}.lesson-row>i,.content-row>i{color:var(--color-text-primary);font-style:normal;font-size:var(--kc-ui-label)}.row-meta b{color:var(--color-text-primary);font-size:var(--kc-ui-caption)}.library-category-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.category-card{--kc-card-fill:var(--card);flex-direction:column;justify-content:space-between;min-height:260px;padding:25px;transition:all .2s;display:flex}.category-card.featured{grid-row:span 2;min-height:542px}.category-card:hover{transform:translateY(-3px)}.category-card small{color:var(--text-secondary);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);letter-spacing:.08em;margin:20px 0 8px;display:block}.category-card h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-card);margin:0}.category-card p{max-width:500px;color:var(--muted);line-height:var(--kc-ui-leading-body)}.category-card b{font-size:var(--kc-ui-caption);color:var(--accent-brown)}.category-card i{font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);color:var(--color-text-primary);font-style:normal}.hanzi-icon.large{width:78px;height:78px;font-size:36px}.category-hero{align-items:center;gap:28px;padding:58px 0 34px;display:flex}.search-box{border:1px solid var(--line);background:var(--surface-card);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:10px 0 24px;padding:0 16px;display:grid}.search-box input{background:0 0;border:0;outline:0;height:50px}.search-box kbd{color:var(--muted);font-size:var(--kc-ui-caption);font-weight:400}.search-box>span{font-size:var(--kc-ui-card);color:var(--text-secondary)}.breadcrumbs{color:var(--text-secondary);font-size:var(--kc-ui-caption);align-items:center;gap:9px;padding:24px 0 0;display:flex}.breadcrumbs a:hover{color:var(--color-text-primary)}.learning-hero{justify-content:space-between;align-items:center;gap:30px;padding:38px 0 34px;display:flex}.learning-hero>div>strong{color:var(--text-primary);font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);margin-top:10px;display:block}.round-audio{border:1px solid var(--border-default);background:var(--surface-secondary);width:74px;height:74px;color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);cursor:pointer;border-radius:50%}.lesson-player,.story-reader,.shadow-player,.pronunciation-player,.translation-player,.grammar-panel{--kc-card-fill:var(--card);padding:24px}.player-toolbar{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;display:flex}.player-toolbar>div{gap:6px;display:flex}.player-toolbar button,.speed-control button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 13px}.player-toolbar label,.reader-toolbar label{font-size:var(--kc-ui-caption);color:var(--muted)}.vocab-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:22px;display:grid}.vocab-grid>button{border:1px solid var(--border-default);background:var(--surface-card);text-align:left;cursor:pointer;border-radius:12px;min-height:160px;padding:18px;transition:all .2s;position:relative}.vocab-grid>button:hover{border-color:var(--primary);transform:translateY(-2px)}.vocab-grid strong{font-family:var(--kc-font-hanzi);font-size:38px;display:block}.vocab-grid span{color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption)}.vocab-grid p{margin:12px 0 0}.vocab-grid i{color:var(--text-secondary);font-style:normal;position:absolute;top:14px;right:14px}.dialogue-panel{gap:14px;padding-top:22px;display:grid}.dialogue-line{border:1px solid var(--border-default);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:start;gap:16px;padding:18px;display:grid}.dialogue-line>b{background:var(--surface-secondary);width:42px;height:42px;color:var(--accent-brown);font-size:var(--kc-ui-caption);border-radius:50%;place-items:center;display:grid}.dialogue-line small,.example-box small{color:var(--accent-brown);font-family:var(--kc-ui-font);display:block}.dialogue-line strong{font-family:var(--kc-font-hanzi);margin:5px 0;font-size:21px;display:block}.dialogue-line p{color:var(--muted);margin:0}.dialogue-line>button{border:1px solid var(--border-default);background:var(--surface-card);cursor:pointer;border-radius:50%;width:38px;height:38px}.recorder{border:1px dashed var(--border-default);background:var(--surface-card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.record-button{--button-color:var(--accent-brown);--button-ink:var(--text-on-dark);cursor:pointer;min-height:40px;padding:0 15px}.record-button>span{color:var(--accent-brown);margin-right:8px}.record-button.recording{--button-color:var(--accent-brown-hover);animation:1.4s infinite pulse}.recorder audio{height:38px}.recorder small{color:var(--accent-brown-hover)}@keyframes pulse{50%{opacity:.5}}.grammar-panel h2,.grammar-panel h3,.quiz-panel h3{font-family:var(--kc-ui-font-heading)}.grammar-panel h3{font-size:var(--kc-ui-card);margin:0}.grammar-panel>p{line-height:var(--kc-ui-leading-body);color:var(--muted)}.grammar-formula{border:1px solid var(--border-default);background:var(--surface-secondary);color:var(--accent-brown);font-family:var(--kc-font-hanzi);border-radius:9px;margin-bottom:14px;padding:12px 16px;font-size:24px;display:inline-block}.example-box{border-left:4px solid var(--accent-brown);background:var(--surface-card);gap:6px;margin:20px 0;padding:20px;display:grid;position:relative}.example-box>span{font-family:var(--kc-font-hanzi);font-size:25px}.example-box button{color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;position:absolute;top:14px;right:14px}.mini-exercise{border:1px solid var(--border-default);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:16px;display:flex}.mini-exercise>b{margin-right:auto}.mini-exercise button{border:1px solid var(--border-default);background:var(--surface-card);cursor:pointer;border-radius:7px;padding:7px 15px}.mini-exercise p{width:100%;color:var(--color-text-primary);margin:5px 0 0}.quiz-panel{padding-top:24px}.answer-grid{gap:10px;margin:20px 0;display:grid}.answer-grid button{border:1px solid var(--border-default);background:var(--surface-card);text-align:left;cursor:pointer;border-radius:9px;padding:15px}.answer-grid button.chosen{border-color:var(--accent-brown);background:var(--surface-secondary)}.success-message,.feedback-box{background:var(--success-background);color:var(--brand-green);border-radius:9px;margin-top:18px;padding:13px}.locked-panel{--kc-card-fill:var(--surface-card);text-align:center;padding:62px 25px}.locked-panel>span,.vip-badge{border:1px solid var(--accent-brown);color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);border-radius:99px;padding:5px 10px;display:inline-block}.locked-panel h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-card);margin:17px 0 8px}.locked-panel p{max-width:550px;color:var(--muted);margin:0 auto 24px}.reader-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.reader-toolbar button{color:var(--color-text-primary);cursor:pointer;background:0 0;border:0}.story-reader article{border-bottom:1px solid var(--border-default);grid-template-columns:32px 1fr auto;gap:16px;padding:18px 0;display:grid}.story-reader article>span{color:var(--text-secondary);font-family:var(--kc-ui-font)}.story-reader article small{color:var(--accent-brown);font-family:var(--kc-ui-font)}.story-reader article h3{font-family:var(--kc-font-hanzi);margin:6px 0;font-size:25px}.story-reader article p{color:var(--muted);margin:0}.story-reader article button{cursor:pointer;background:0 0;border:0}.story-reader>.primary-button{margin-top:22px}.video-stage{background:var(--brand-green);border-radius:13px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.video-poster{color:var(--text-on-dark);align-items:center;gap:20px;display:flex}.video-poster>span{opacity:.25;font-family:Georgia,serif;font-size:90px}.video-poster b{font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured)}.video-poster p{opacity:.72}.video-stage>button{background:var(--color-brand);color:var(--color-on-brand);cursor:pointer;border:0;border-radius:9px;padding:11px 18px;position:absolute;bottom:20px}.speed-control{align-items:center;gap:7px;margin:18px 0;display:flex}.speed-control>span{font-size:var(--kc-ui-caption);color:var(--muted);margin-right:auto}.shadow-lines{gap:8px;display:grid}.shadow-lines>div{border:1px solid var(--border-default);border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.shadow-lines span{color:var(--text-secondary)}.shadow-lines strong{font-family:var(--kc-font-hanzi);font-size:19px}.shadow-lines button{color:var(--color-text-primary);cursor:pointer;background:0 0;border:0}.shadow-player>.recorder{margin:18px 0}.tone-display{text-align:center;background:var(--surface-secondary);border-radius:12px;padding:28px}.tone-display small{color:var(--text-secondary);letter-spacing:.1em;display:block}.tone-display strong{font-family:var(--kc-font-hanzi);margin:12px;font-size:40px;display:block}.tone-display button{color:var(--primary);cursor:pointer;background:0 0;border:0}.tone-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.tone-grid button{border:1px solid var(--border-default);background:var(--surface-card);cursor:pointer;border-radius:10px;gap:4px;padding:20px;display:grid}.tone-grid strong{font-family:var(--kc-font-hanzi);font-size:34px}.tone-grid span{color:var(--primary)}.pronunciation-player>.primary-button{margin-top:18px}.translation-player h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section)}.translation-player textarea{border:1px solid var(--border-default);background:var(--surface-card);resize:vertical;border-radius:10px;outline:0;width:100%;min-height:170px;padding:16px}.translation-actions{gap:12px;margin-top:14px;display:flex}.youtube-stage{aspect-ratio:16/9;min-height:0}.youtube-frame{border:0;width:100%;height:100%}.subtitle-list{gap:8px;max-height:500px;padding-right:5px;display:grid;overflow:auto}.subtitle-list>button{border:1px solid var(--border-default);background:var(--surface-card);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:start;gap:12px;padding:13px;transition:all .15s;display:grid}.subtitle-list>button>span{color:var(--text-secondary);font-family:var(--kc-ui-font);font-size:var(--kc-ui-label)}.subtitle-list strong{font-family:var(--kc-ui-font);font-size:var(--kc-ui-body);display:block}.subtitle-list small{color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);margin-top:4px;display:block}.subtitle-list p{color:var(--muted);font-size:var(--kc-ui-body);margin:4px 0 0}.subtitle-list i{color:var(--text-secondary);font-family:var(--kc-ui-font);font-size:var(--kc-ui-body);font-style:normal}.story-reader article.story-paragraph h3{font-size:var(--kc-ui-card)}.story-reader article.story-paragraph p{font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);color:var(--text-primary)}.vip-hero{text-align:center;max-width:900px;margin:0 auto;padding:76px 0 48px}.vip-hero h1{color:var(--text-primary);margin:17px 0}.vip-hero p{max-width:700px;color:var(--muted);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:0 auto 24px}.vip-hero>small{color:var(--text-secondary);margin-top:12px;display:block}.vip-action{justify-items:center;gap:9px;display:grid}.wide{width:100%}.vip-action{max-width:330px;margin-inline:auto}.vip-action>a{color:var(--color-text-primary);font-size:var(--kc-ui-caption)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:22px;max-width:950px;margin:0 auto;display:grid}.pricing-grid>article{--kc-card-fill:var(--card);padding:28px;position:relative}.pricing-grid article>em{background:var(--accent-brown);color:var(--text-on-dark);font-size:var(--kc-ui-caption);border-radius:5px;padding:4px 8px;font-style:normal;position:absolute;top:18px;right:18px}.pricing-grid article>span{font-family:var(--kc-ui-font);color:var(--text-secondary);font-size:var(--kc-ui-caption)}.pricing-grid h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);margin:10px 0 4px}.pricing-grid article>strong{color:var(--accent-brown);font-size:var(--kc-ui-card);display:block}.pricing-grid ul{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.pricing-grid li{font-size:var(--kc-ui-body)}.pricing-grid li.muted{color:var(--text-secondary)}.faq{max-width:950px;margin:50px auto 0}.faq details{border-bottom:1px solid var(--border-default);padding:18px 0}.faq summary{font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);cursor:pointer}.faq p{color:var(--muted);line-height:var(--kc-ui-leading-body)}.profile-hero{align-items:center;gap:20px;padding:48px 0 28px;display:flex}.profile-hero h1{font-size:var(--kc-ui-section);color:var(--text-primary)}.profile-hero p{color:var(--muted);margin:5px 0}.avatar{background:var(--surface-secondary);width:76px;height:76px;color:var(--accent-brown);font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);border-radius:50%;place-items:center;font-weight:700;display:grid}.plan-pill{border:1px solid var(--border-default);font-size:var(--kc-ui-caption);border-radius:99px;margin-left:auto;padding:8px 13px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats-grid article{--kc-card-fill:var(--card);padding:20px}.stats-grid article>span{float:right;color:var(--accent-brown)}.stats-grid strong{font-family:var(--kc-ui-font);font-size:var(--kc-ui-featured);display:block}.stats-grid p{color:var(--muted);font-size:var(--kc-ui-body);margin:5px 0 0}.profile-grid{grid-template-columns:1fr 320px;gap:22px;margin-top:26px;display:grid}.progress-list{gap:10px;display:grid}.progress-list a{border:1px solid var(--border-default);background:var(--card);border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.progress-list a>span{color:var(--color-text-primary)}.progress-list small{color:var(--muted);margin-top:3px;display:block}.account-card{--kc-card-fill:var(--card);align-self:start;gap:13px;padding:22px;display:grid}.account-card h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-card);margin:0}.account-card p{color:var(--muted);margin:0 0 8px}.account-card>.text-button{text-align:center;margin-top:8px}.empty-state{text-align:center;border:1px dashed var(--border-default);background:var(--surface-card);border-radius:14px;padding:60px 20px}.empty-state.compact{padding:34px}.empty-state p{color:var(--muted)}.empty-state a{color:var(--color-text-primary);font-weight:700}.timeline{gap:0;display:grid;position:relative}.timeline:before{content:"";background:var(--border-default);width:1px;position:absolute;top:27px;bottom:27px;left:27px}.timeline article{--tone:var(--primary);grid-template-columns:56px 1fr;gap:26px;padding-bottom:36px;display:grid;position:relative}.timeline-marker{z-index:1;border:2px solid var(--tone);background:var(--paper);width:56px;height:56px;color:var(--tone);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);border-radius:50%;place-items:center;display:grid}.timeline article>div:last-child{border-bottom:1px solid var(--border-default);padding:4px 22px 24px}.timeline small{color:var(--tone);font-family:var(--kc-ui-font)}.timeline h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);margin:9px 0}.timeline p,.timeline li{color:var(--muted)}.timeline ul{font-size:var(--kc-ui-caption);flex-wrap:wrap;gap:20px;padding:0;list-style:none;display:flex}.timeline a{color:var(--tone);font-weight:700;font-size:var(--kc-ui-caption)}@media (max-width:1040px){.desktop-only,.profile-link b{display:none}.mobile-menu{display:block}.inner-main{padding-bottom:60px}.library-category-grid{grid-template-columns:1fr}.category-card.featured{grid-row:auto;min-height:300px}.level-row{grid-template-columns:48px 1fr auto}.level-stats{display:none}.vocab-grid{grid-template-columns:repeat(2,1fr)}.profile-grid,.pricing-grid{grid-template-columns:1fr}.tone-grid{grid-template-columns:repeat(2,1fr)}.profile-link>span{width:30px;height:30px}.learning-hero h1{font-size:var(--kc-ui-section)}}@media (max-width:560px){.topbar{gap:8px}.account-actions{gap:7px}.account-actions>.primary-button{display:none}.mobile-menu{display:block}.page-hero{padding:42px 0 28px}.page-hero h1,.category-hero h1,.vip-hero h1{font-size:var(--kc-ui-section)}.level-row{grid-template-columns:34px 1fr;padding:16px}.level-row>i{display:none}.level-hero{padding:24px}.level-hero>strong{display:none}.lesson-row,.content-row{grid-template-columns:36px 1fr;padding:15px}.lesson-row>i,.content-row>i{display:none}.category-hero{align-items:flex-start}.category-hero .hanzi-icon{width:55px;height:55px;font-size:25px}.search-box kbd{display:none}.learning-hero{align-items:flex-start}.learning-hero>.hanzi-icon,.round-audio{display:none}.learning-hero h1{font-size:var(--kc-ui-section)}.learning-hero>div>strong{font-size:var(--kc-ui-card)}.lesson-player,.story-reader,.shadow-player,.pronunciation-player,.translation-player,.grammar-panel{padding:16px}.player-toolbar{flex-direction:column;align-items:flex-start}.player-toolbar>div{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.vocab-grid{grid-template-columns:1fr}.dialogue-line{grid-template-columns:36px 1fr}.dialogue-line>button{grid-column:2}.video-stage{min-height:240px}.video-poster{padding:20px}.video-poster>span{font-size:50px}.shadow-lines>div{grid-template-columns:24px 1fr}.shadow-lines button{grid-column:2}.pricing-grid>article{padding:20px}.profile-hero{flex-wrap:wrap;align-items:flex-start}.plan-pill{margin-left:0}.stats-grid{grid-template-columns:1fr}.tone-grid{grid-template-columns:repeat(2,1fr)}.translation-actions{flex-direction:column}.translation-actions>*{width:100%}.example-box button{text-align:left;position:static}.timeline article{grid-template-columns:42px 1fr;gap:14px}.timeline:before{left:20px}.timeline-marker{width:42px;height:42px}.timeline article>div:last-child{padding-right:0}.timeline ul{gap:7px;display:grid}}body{color:var(--text-body);font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);letter-spacing:-.008em;line-height:1.55}.brand,.hero h1,.section-heading h2,.page-hero h1,.category-hero h1,.level-hero h1,.learning-hero h1,.vip-hero h1,.profile-hero h1,.content-heading h2,.level-row>div:nth-child(2)>strong,.category-card h2,.lesson-row h3,.content-row h3,.locked-panel h2,.grammar-panel h2,.grammar-panel h3,.quiz-panel h3,.pricing-grid h2,.faq summary,.account-card h2,.timeline h2{font-family:var(--font-display);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.035em}.tablet-card strong,.learning-hero>div>strong,.lesson-row strong,.content-row strong,.vocab-grid strong,.dialogue-line strong,.example-box>span,.subtitle-list strong,.story-reader article h3,.tone-display strong,.tone-grid strong,.grammar-formula{font-family:var(--font-hanzi);letter-spacing:0}.topbar{background:var(--brand-green);border-color:var(--border-default);height:66px}.brand{font-size:var(--kc-ui-featured);color:var(--text-on-dark);letter-spacing:-.045em}nav{font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);letter-spacing:.055em}.primary-button{--button-color:var(--color-accent);--button-ink:var(--color-on-brand)}.outline-button{--button-color:var(--button-secondary);--button-ink:var(--color-text-primary)}.text-button{color:var(--color-text-primary)}.account-actions .primary-button{white-space:nowrap;padding-inline:18px}.hero{padding-top:50px}.hero h1{max-width:800px;color:var(--color-text-primary);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading)}.hero-copy>p{font-size:var(--kc-ui-body);color:var(--text-secondary)}.hero-visual{border-color:var(--border-default);background:var(--surface-secondary)}.tablet{background:var(--surface-card)}.tea{background:var(--surface-secondary);border-color:var(--surface-card);color:var(--color-text-primary)}.book-stack span,.book-stack span:nth-child(2){background:var(--brand-green)}.book-stack span:nth-child(3){background:var(--accent-brown)}.eyebrow{color:var(--text-secondary);font-size:var(--kc-ui-caption);letter-spacing:.11em}.continue-card,.hsk-card,.skill-card,.level-row,.lesson-row,.content-row,.category-card,.lesson-player,.story-reader,.shadow-player,.pronunciation-player,.translation-player,.grammar-panel,.pricing-grid>article,.stats-grid article,.account-card{--kc-card-fill:var(--card)}.section-heading h2,.page-hero h1,.category-hero h1,.learning-hero h1{color:var(--color-text-primary)}.section-heading h2,.content-heading h2{font-size:var(--kc-ui-section)}.page-hero h1,.category-hero h1{font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading)}.page-hero p,.category-hero p,.level-hero p,.learning-hero p{font-size:var(--kc-ui-body)}.category-card small,.category-card b,.category-card i,.hsk-card i,.skill-card i,.section-heading>a{color:var(--color-text-primary)}.search-box{border-color:var(--border-default);background:var(--surface-card)}.search-box:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 calc(3px * var(--kc-keyboard-focus,1)) var(--color-shadow-ink)}@supports (color:color-mix(in lab, red, red)){.search-box:focus-within{box-shadow:0 0 0 calc(3px * var(--kc-keyboard-focus,1)) color-mix(in srgb, var(--color-shadow-ink) 9%, transparent)}}.content-row h3,.lesson-row h3{font-size:var(--kc-ui-card);letter-spacing:-.025em}.content-row strong,.lesson-row strong{color:var(--color-text-primary);font-size:var(--kc-ui-body);font-weight:650}.row-meta b{color:var(--color-text-primary)}.row-meta em,.lesson-row em{border-color:var(--accent-brown);color:var(--accent-brown-hover)}.level-hero{background:var(--surface-card);border-color:var(--line)}.locked-panel>span,.vip-badge{border-color:var(--accent-brown);color:var(--accent-brown-hover)}.pricing-grid article>em{background:var(--brand-green)}.vip-hero h1,.pricing-grid article>strong{color:var(--color-text-primary)}.faq summary{letter-spacing:-.02em}.dialogue-line,.vocab-grid>button,.subtitle-list>button,.tone-grid button,.mini-exercise{border-color:var(--border-default);background:var(--surface-card)}.subtitle-list>button:hover,.subtitle-list>button.active{border-color:var(--brand-green);background:var(--success-background)}.subtitle-list small,.dialogue-line small,.example-box small,.vocab-grid span{color:var(--accent-brown)}.vocab-grid>button,.subtitle-list>button,.tone-grid button,.dialogue-line>button,.mini-exercise button,.answer-grid button{background:var(--button-secondary)}.profile-link>span,.avatar{background:var(--success-background);color:var(--color-text-primary)}.timeline-marker{border-color:var(--tone);background:var(--paper)}@media (max-width:560px){body{font-size:var(--kc-ui-label)}.brand{font-size:var(--kc-ui-card)}.hero h1,.page-hero h1,.category-hero h1,.vip-hero h1{font-size:var(--kc-ui-section)}.content-row h3,.lesson-row h3{font-size:var(--kc-ui-card)}.story-reader article.story-paragraph p{font-size:var(--kc-ui-body)}}@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}:root{--hsk-room-footer-inset:8px;--palette-hsk-clay-ivory:#fffefa;--palette-hsk-clay-edge:#c8d7e5;--palette-hsk-clay-canvas:#f0f6ff;--palette-hsk-clay-coral:#d85837;--palette-hsk-clay-hero-accent:#e65332;--palette-hsk-clay-hero-cta:#c74729;--palette-hsk-clay-hero-cta-hover:#a83922;--palette-home-band-mist:#f4fbff;--palette-home-band-sky:#d2e9f7;--palette-page-mint-background:#dee7e1;--palette-hsk-active-blue:#1a63c7;--palette-hsk-coral:#e55e40;--palette-hsk-answer-green:#206c55;--palette-hsk-order-slot-ink:#000;--palette-hsk-question-marker-background:var(--palette-hsk-answer-green);--palette-hsk-answer-mint:color-mix(in srgb, var(--palette-hsk-answer-green) 12%, var(--palette-white));--palette-hsk-link-blue:#0869e9;--palette-hsk-yellow:#f4be26;--palette-hsk-hero-border:#dce9f7;--palette-hsk-hero-ink:#061640;--palette-hsk-hero-copy:#4d6794;--palette-hsk-metric-copy:#45618b;--palette-hsk-icon-green:#087b52;--palette-hsk-button-shade:#9d351a;--palette-hsk-hero-wave:#d9eeff;--palette-hsk-metric-green:#008f54;--palette-hsk-metric-track:#e3e8ee;--palette-hsk-hover-blue:#6aaaf4;--palette-hsk-scroll-track:#edf0f3;--palette-hsk-selected-blue:#e3efff;--palette-hsk-speaking-background:#edf8ff;--palette-hsk-speaking-copy:#42649a;--palette-hsk-speaking-soft:#eaf3ff;--palette-hsk-speaking-hover:#eff5ff;--palette-hsk-speaking-muted:#5572a9;--palette-hsk-speaking-control:#627eae;--palette-hsk-speaking-control-soft:#f0f5fb;--palette-hsk-writing-back:#e75c3e;--palette-hsk-writing-ink:#1b2430;--palette-hsk-writing-background:#f4f9ff;--palette-hsk-writing-text-primary:#102a43;--palette-hsk-writing-text-secondary:#486581;--palette-hsk-writing-border:#dce7f4;--palette-hsk-writing-input-border:#d6e2f2;--palette-hsk-writing-disabled:#a6b4cb;--palette-hsk-writing-answer-border:#cbdcf2;--palette-hsk-writing-muted:#8295b7;--palette-hsk-writing-soft:#f2f7ff;--palette-hsk-writing-previous:#9faabe;--palette-hsk-writing-check:#ffca20;--palette-primary-navy:#1b3147;--palette-charcoal:#252b32;--palette-site-chrome:#365f7d;--palette-brand-green:#3e6f52;--palette-cta-orange:#b75123;--palette-cta-orange-hover:#963f1b;--palette-selected-soft:#eef4f0;--palette-coral:var(--palette-cta-orange);--palette-hero-blue:var(--palette-brand-green);--palette-blue-ink:var(--palette-brand-green);--palette-yellow:var(--palette-selected-soft);--palette-body-text:var(--palette-primary-navy);--palette-white:#fff;--palette-black:#000;--palette-page-background:#f6f8fb;--palette-blue-soft:var(--palette-selected-soft);--palette-secondary-text:#526478;--palette-border:#d9e1e8;--palette-profile-highlight:#f4b942;--palette-profile-background:#edf6ff;--palette-profile-vip-label:#a56a08;--palette-profile-free-label:#567e12;--hsk-room-card-radius:22px;--hsk-room-surface-shadow:inset 0 2px 1px var(--palette-white), inset 0 -4px 5px color-mix(in srgb, var(--palette-hsk-clay-edge) 42%, transparent), 0 4px 5px color-mix(in srgb, var(--palette-primary-navy) 4%, transparent), 0 12px 25px color-mix(in srgb, var(--palette-primary-navy) 5%, transparent);--palette-vip-recommended:#f6c453;--palette-error-red:#b42318;--palette-pronunciation-blue:#1769d2;--palette-pronunciation-selected:#edf4ff;--palette-pronunciation-canvas:#f7f8fa;--palette-pronunciation-track:#e6ebf2;--palette-pronunciation-playing:#ddebff;--palette-pronunciation-marker:#f4b942;--palette-dashboard-control-border:#7e90a3;--palette-dashboard-gold-hover:#e3a82c;--palette-dashboard-blue-hover:#1256ae;--palette-dashboard-card-hover:#fdfdfd;--palette-dashboard-hero-shadow:#1b314708;--palette-home-forest:var(--palette-brand-green);--palette-home-forest-deep:var(--palette-primary-navy);--palette-home-blue:var(--palette-brand-green);--palette-home-blue-soft:var(--palette-selected-soft);--palette-home-terracotta:var(--palette-cta-orange);--palette-home-terracotta-deep:var(--palette-cta-orange-hover);--palette-home-ink:var(--palette-primary-navy);--palette-home-body:var(--palette-body-text);--palette-home-muted:var(--palette-secondary-text);--palette-home-neutral:var(--palette-page-background);--palette-home-gold:var(--palette-selected-soft);--palette-home-hero-navy:var(--palette-primary-navy);--palette-home-hero-green:var(--palette-brand-green);--palette-home-hero-body:var(--palette-secondary-text);--palette-home-hero-orange:var(--palette-cta-orange);--palette-home-hero-border:var(--palette-border);--palette-vocabulary-navy:var(--palette-primary-navy);--palette-vocabulary-complete:var(--palette-brand-green);--palette-vocabulary-border:var(--palette-border);--color-flashcard-bg:#003566;--color-flashcard-face-bg:#f0f6ff;--color-practice-answer-wrong-bg:var(--palette-error-red);--brand-ink-950:var(--palette-primary-navy);--brand-ink-900:color-mix(in srgb, var(--palette-primary-navy) 90%, var(--palette-brand-green));--brand-green-900:color-mix(in srgb, var(--palette-brand-green) 78%, var(--palette-primary-navy));--brand-green-800:var(--palette-brand-green);--brand-green-700:color-mix(in srgb, var(--palette-brand-green) 88%, var(--palette-hero-blue));--brand-green-600:color-mix(in srgb, var(--palette-brand-green) 78%, var(--palette-white));--brand-orange-500:color-mix(in srgb, var(--palette-cta-orange) 82%, var(--palette-white));--brand-orange-600:var(--palette-cta-orange);--brand-orange-700:var(--palette-cta-orange-hover);--brand-orange-aa:var(--palette-cta-orange);--brand-gold-500:var(--palette-yellow);--brand-gold-600:var(--palette-primary-navy);--brand-cream-50:var(--palette-white);--brand-cream-100:color-mix(in srgb, var(--palette-cta-orange) 7%, var(--palette-white));--brand-cream-200:color-mix(in srgb, var(--palette-cta-orange) 12%, var(--palette-page-background));--brand-neutral:var(--palette-page-background);--shadow-sm:0 2px 8px color-mix(in srgb, var(--palette-primary-navy) 5%, transparent);--kc-raised-shadow:6px 6px 12px color-mix(in srgb, var(--palette-primary-navy) 30%, transparent), -6px -6px 12px color-mix(in srgb, var(--palette-white) 30%, transparent), inset 2px 2px 4px color-mix(in srgb, var(--palette-white) 40%, transparent), inset -2px -2px 4px color-mix(in srgb, var(--palette-primary-navy) 50%, transparent);--kc-button-shadow:0 4px 12px color-mix(in srgb, var(--palette-primary-navy) 22%, transparent);--kc-button-shadow-hover:0 6px 14px color-mix(in srgb, var(--palette-primary-navy) 28%, transparent);--shadow-card:var(--kc-raised-shadow);--shadow-hover:var(--kc-raised-shadow);--radius-control:11px;--radius-button:30em;--radius-card:30px;--radius-hero:24px;--color-page-gradient:none;--color-brand:var(--brand-green-800);--color-brand-deep:var(--palette-primary-navy);--color-brand-panel:var(--palette-primary-navy);--color-brand-hover:var(--brand-green-900);--color-brand-active:color-mix(in srgb, var(--palette-brand-green) 70%, var(--palette-primary-navy));--color-text-primary:var(--palette-primary-navy);--color-text-body:var(--palette-body-text);--color-text-secondary:var(--palette-secondary-text);--color-accent:var(--palette-cta-orange);--color-accent-hover:var(--palette-cta-orange-hover);--color-accent-active:color-mix(in srgb, var(--palette-cta-orange) 64%, var(--palette-primary-navy));--color-accent-soft:color-mix(in srgb, var(--palette-cta-orange) 10%, var(--palette-white));--color-hero:var(--palette-hero-blue);--color-hero-soft:var(--palette-blue-soft);--color-info:var(--palette-blue-ink);--color-info-soft:var(--color-hero-soft);--color-yellow:var(--palette-yellow);--color-yellow-deep:var(--brand-gold-600);--color-yellow-soft:var(--palette-selected-soft);--color-yellow-text-on-dark:var(--palette-white);--color-white:var(--palette-white);--color-page-bg:var(--palette-page-background);--color-surface:var(--palette-white);--color-surface-subtle:var(--palette-page-background);--color-border-strong:var(--palette-border);--color-border-light:var(--palette-border);--color-progress-track:color-mix(in srgb, var(--palette-border) 70%, var(--palette-page-background));--color-progress-active:var(--color-progress-on-light);--color-level-bg:color-mix(in srgb, var(--palette-brand-green) 8%, var(--palette-white));--color-level-text:var(--color-brand-deep);--color-level-border:var(--brand-green-800);--color-vip-bg:var(--palette-cta-orange);--color-vip-text:var(--palette-white);--color-vip-border:var(--color-accent-hover);--color-secondary-border:var(--palette-brand-green);--color-secondary-hover:var(--palette-blue-soft);--color-on-brand:var(--color-white);--color-control-border:color-mix(in srgb, var(--palette-secondary-text) 72%, var(--palette-border));--color-border-on-dark:color-mix(in srgb, var(--palette-white) 48%, transparent);--color-text-on-dark-muted:color-mix(in srgb, var(--palette-white) 78%, transparent);--color-focus:var(--palette-blue-ink);--color-focus-on-dark:var(--palette-white);--color-bronze:var(--color-accent);--color-bronze-deep:var(--color-accent-hover);--color-bronze-soft:var(--color-accent-soft);--color-annotation-plum:var(--palette-blue-ink);--color-annotation-plum-deep:color-mix(in srgb, var(--palette-hero-blue) 42%, var(--palette-primary-navy));--color-accent-on-dark:var(--palette-white);--color-shadow-ink:var(--brand-ink-950);--color-overlay:color-mix(in srgb, var(--palette-primary-navy) 58%, transparent);--color-success:var(--palette-brand-green);--color-success-soft:color-mix(in srgb, var(--palette-brand-green) 10%, var(--palette-white));--color-danger:var(--palette-error-red);--color-danger-soft:color-mix(in srgb, var(--color-danger) 10%, var(--palette-white));--color-danger-border:var(--color-danger);--color-warning:var(--palette-cta-orange);--color-warning-soft:var(--color-accent-soft);--color-warning-border:color-mix(in srgb, var(--palette-cta-orange) 55%, var(--palette-border));--color-selected-bg:var(--palette-selected-soft);--color-selected-border:var(--palette-brand-green);--color-disabled-bg:color-mix(in srgb, var(--palette-border) 46%, var(--palette-page-background));--color-disabled-text:color-mix(in srgb, var(--palette-secondary-text) 72%, var(--palette-white));--color-disabled-border:color-mix(in srgb, var(--palette-border) 72%, var(--palette-white));--color-progress-on-light:var(--palette-brand-green);--color-progress-on-dark:var(--color-white);--color-reading-paper:var(--palette-white);--color-reading-ink:var(--palette-primary-navy);--color-reading-body:var(--color-text-body);--color-reading-pinyin:var(--palette-secondary-text);--color-reading-highlight:var(--color-accent-hover);--color-reading-qa-star:#d89912;--color-reading-qa-selected-border:#1769d2;--color-reading-qa-selected-soft:#edf4ff;--shadow-surface:var(--shadow-card);--shadow-surface-hover:var(--shadow-hover);--color-card-glass:color-mix(in srgb, var(--palette-white) 92%, transparent);--shadow-card-interactive:var(--shadow-card);--shadow-action:var(--kc-button-shadow);--shadow-action-hover:var(--kc-button-shadow-hover);--shadow-action-pressed:var(--shadow-sm);--shadow-secondary:var(--kc-button-shadow);--shadow-secondary-hover:var(--kc-button-shadow-hover);--shadow-secondary-pressed:none;--shadow-brand-action:var(--kc-button-shadow);--shadow-brand-action-hover:var(--kc-button-shadow-hover);--shadow-brand-action-pressed:none;--brand-green:var(--color-brand);--brand-green-hover:var(--color-brand-hover);--brand-green-pressed:var(--color-brand-active);--active-green:var(--color-brand);--text-primary:var(--color-text-primary);--text-body:var(--color-text-body);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-secondary);--text-placeholder:var(--color-text-secondary);--text-on-dark:var(--color-on-brand);--accent-brown:var(--color-accent);--accent-brown-hover:var(--color-accent-hover);--surface-page-learning:var(--color-page-bg);--surface-card:var(--color-surface);--surface-secondary:var(--color-surface-subtle);--surface-input:var(--color-surface);--surface-selected:var(--color-selected-bg);--button-secondary:var(--color-white);--button-secondary-hover:var(--color-secondary-hover);--button-secondary-pressed:var(--color-hero-soft);--border-default:var(--color-border-strong);--border-strong:var(--color-border-strong);--divider:var(--color-border-light);--disabled-background:var(--color-disabled-bg);--disabled-text:var(--color-disabled-text);--disabled-border:var(--color-disabled-border);--selection-background:var(--color-selected-bg);--success-background:var(--color-success-soft);--success-foreground:var(--color-level-text);--success-border:var(--color-level-border);--error-background:var(--color-accent-soft);--error-foreground:var(--color-danger);--error-border:var(--color-danger-border);--warning-background:var(--color-warning-soft);--warning-foreground:var(--color-warning);--warning-border:var(--color-warning-border);--progress-track:var(--color-progress-track);--progress-active:var(--color-progress-active);--level-badge-bg:var(--color-selected-bg);--level-badge-text:var(--color-level-text);--level-badge-border:var(--color-selected-border);--vip-badge-bg:var(--color-vip-bg);--vip-badge-text:var(--color-vip-text);--vip-badge-border:var(--color-vip-border);--secondary-button-border:var(--color-secondary-border);--secondary-button-hover:var(--color-secondary-hover);--sidebar-bg:var(--color-brand-deep);--sidebar-hover:color-mix(in srgb, var(--palette-brand-green) 44%, var(--palette-primary-navy));--sidebar-active:var(--palette-brand-green);--sidebar-text:var(--color-on-brand);--sidebar-icon:var(--color-on-brand);--sidebar-badge-bg:var(--palette-cta-orange);--sidebar-badge-text:var(--color-on-brand);--green-950:var(--color-brand-deep);--green-900:var(--brand-green-hover);--green-800:var(--active-green);--green-700:var(--active-green);--ivory-50:var(--surface-card);--ivory-100:var(--color-secondary-hover);--ivory-200:var(--surface-card);--sand-100:var(--color-secondary-hover);--sand-200:var(--color-border-light);--sand-300:var(--surface-page-learning);--terracotta-600:var(--accent-brown);--terracotta-500:var(--accent-brown-hover);--terracotta-soft:var(--color-accent-soft);--border-soft:var(--color-border-light);--border-medium:var(--border-strong);--kc-site-backdrop:var(--surface-page-learning);--kc-site-background-image:var(--color-page-gradient);--kc-learning-background-image:var(--kc-site-background-image);--kc-navy:var(--palette-primary-navy);--kc-blue:var(--palette-hero-blue);--kc-blue-ink:var(--palette-blue-ink);--kc-coral:var(--palette-coral);--kc-coral-ink:var(--palette-cta-orange);--kc-yellow:var(--palette-yellow);--kc-white:var(--palette-white);--kc-muted:var(--palette-secondary-text);--kc-blue-soft:var(--palette-blue-soft);--kc-green-soft:color-mix(in srgb, var(--palette-brand-green) 7%, var(--palette-white));--kc-coral-soft:color-mix(in srgb, var(--palette-coral) 9%, var(--palette-white));--kc-yellow-soft:var(--color-yellow-soft);--kc-page-backdrop:var(--surface-page-learning);--kc-bg:var(--surface-page-learning);--kc-bg-deep:var(--surface-page-learning);--kc-surface:var(--surface-input);--kc-surface-strong:var(--surface-card);--kc-surface-quiet:var(--surface-secondary);--kc-surface-muted:var(--button-secondary);--kc-text:var(--text-primary);--kc-text-body:var(--text-body);--kc-text-secondary:var(--text-secondary);--kc-text-muted:var(--text-muted);--kc-border:var(--border-medium);--kc-border-subtle:var(--border-soft);--kc-green:var(--green-700);--kc-green-deep:var(--green-950);--kc-green-strong:var(--green-800);--kc-green-hover:var(--brand-green-hover);--kc-accent:var(--terracotta-600);--kc-accent-deep:var(--color-accent-hover);--kc-accent-soft:var(--terracotta-soft);--kc-accent-action:var(--accent-brown);--kc-accent-action-hover:var(--accent-brown-hover);--kc-accent-action-pressed:var(--accent-brown-hover);--kc-active:var(--active-green);--kc-button-secondary:var(--button-secondary);--kc-button-secondary-hover:var(--button-secondary-hover);--kc-button-secondary-pressed:var(--button-secondary-pressed);--kc-disabled-bg:var(--disabled-background);--kc-disabled-text:var(--disabled-text);--kc-disabled-border:var(--disabled-border);--kc-on-dark:var(--text-on-dark);--kc-on-dark-muted:var(--color-text-on-dark-muted);--kc-success:var(--success-foreground);--kc-success-soft:var(--success-background);--kc-success-border:var(--success-border);--kc-danger:var(--error-foreground);--kc-danger-deep:var(--error-foreground);--kc-danger-soft:var(--error-background);--kc-danger-border:var(--error-border);--kc-warning:var(--warning-foreground);--kc-warning-soft:var(--warning-background);--kc-warning-border:var(--warning-border);--kc-radius-sm:8px;--kc-radius-md:10px;--kc-radius-lg:14px;--kc-radius-xl:18px;--kc-shadow-soft:var(--shadow-surface);--kc-shadow-hairline:0 1px 0 color-mix(in srgb, var(--color-shadow-ink) 6%, transparent);--kc-font-sans:var(--kc-ui-font);--kc-font-pinyin:var(--kc-font-sans);--kc-font-display:var(--kc-ui-font-heading);--kc-font-hanzi:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--fs-page-title:var(--kc-ui-section);--fs-lesson-title:var(--kc-ui-featured);--fs-section-title:var(--kc-ui-card);--fs-card-title:var(--kc-ui-card);--fs-body-lg:var(--kc-ui-lead);--fs-body:var(--kc-ui-body);--fs-body-sm:var(--kc-ui-label);--fs-caption:var(--kc-ui-caption);--fs-tiny:var(--kc-ui-caption);--fs-button:var(--kc-ui-label);--fs-nav:var(--kc-ui-label);--fs-sidebar:var(--kc-ui-label);--kc-type-caption:var(--fs-caption);--kc-type-small:var(--fs-body-sm);--kc-type-body:var(--fs-body);--kc-type-section:var(--fs-section-title);--kc-type-major:var(--fs-lesson-title);--kc-type-title:var(--fs-page-title);--kc-type-page:var(--fs-page-title);--kc-type-display:var(--kc-ui-display);--kc-type-chinese-inline:1em;--kc-type-chinese-example:20px;--kc-type-chinese-dialogue:20px;--kc-type-chinese-word:30px;--kc-type-chinese-display:30px;--kc-type-pinyin:var(--kc-ui-caption);--kc-type-translation:16px;--kc-type-dialogue-translation:var(--kc-type-translation);--kc-type-dialogue-pinyin:var(--kc-type-pinyin);--kc-type-dialogue-chinese:var(--kc-type-chinese-dialogue);--kc-leading-dialogue-chinese:1.45;--kc-leading-dialogue-secondary:1.35;--kc-weight-regular:400;--kc-weight-medium:500;--kc-weight-semibold:600;--kc-weight-bold:var(--kc-ui-weight-heading);--kc-weight-extrabold:800;--kc-leading-tight:1.2;--kc-leading-normal:var(--kc-ui-leading-body);--kc-leading-relaxed:1.6;--kc-leading-chinese:1.35;--kc-tracking-tight:-.025em;--kc-tracking-wide:.035em;--paper:var(--kc-bg);--paper-deep:var(--kc-bg-deep);--card:var(--kc-surface);--card-strong:var(--kc-surface-strong);--ink:var(--kc-text);--muted:var(--kc-text-secondary);--line:var(--kc-border);--primary:var(--kc-green);--primary-deep:var(--kc-green-deep);--accent:var(--accent-brown);--accent-deep:var(--kc-accent-deep);--shadow-soft:var(--kc-shadow-soft);--font-sans:var(--kc-font-sans);--font-display:var(--kc-font-display);--font-hanzi:var(--kc-font-hanzi)}[data-hsk-skill=writing]{--palette-hsk-writing-ink:var(--palette-hsk-writing-text-primary);--palette-hsk-writing-muted:var(--palette-hsk-writing-text-secondary);--palette-primary-navy:var(--palette-hsk-writing-text-primary);--palette-secondary-text:var(--palette-hsk-writing-text-secondary);--color-text-primary:var(--palette-hsk-writing-text-primary);--color-text-body:var(--palette-hsk-writing-text-primary);--color-text-secondary:var(--palette-hsk-writing-text-secondary);--text-primary:var(--color-text-primary);--text-body:var(--color-text-body);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-secondary);--text-placeholder:var(--color-text-secondary)}html{background:var(--kc-site-backdrop)}body{color:var(--text-body);background-color:var(--kc-site-backdrop);background-image:var(--kc-site-background-image);font-family:var(--font-sans);font-size:var(--kc-type-body);font-weight:var(--kc-weight-medium);line-height:var(--kc-leading-normal);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}button,input,select,textarea{color:var(--text-primary);font-family:var(--kc-font-sans)}:where(a,button,input,select,textarea,summary):focus-visible{outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-focus);outline-offset:3px}.site-shell--homepage{--kc-navy:var(--palette-home-ink);--kc-text:var(--palette-home-body);--kc-muted:var(--palette-home-muted);--kc-green:var(--palette-home-forest);--kc-green-deep:var(--palette-home-forest-deep);--kc-blue:var(--palette-home-blue);--kc-blue-ink:var(--palette-home-blue);--kc-blue-soft:var(--palette-home-blue-soft);--kc-coral:var(--palette-home-terracotta);--kc-coral-ink:var(--palette-home-terracotta);--kc-yellow:var(--palette-home-gold);--kc-yellow-soft:color-mix(in srgb, var(--palette-home-gold) 13%, var(--palette-white));--kc-green-soft:var(--palette-home-neutral);--kc-coral-soft:color-mix(in srgb, var(--palette-home-terracotta) 9%, var(--palette-white));--kc-border:color-mix(in srgb, var(--palette-home-ink) 13%, var(--palette-white));--color-text-primary:var(--palette-home-ink);--color-text-body:var(--palette-home-body);--color-text-secondary:var(--palette-home-muted);--color-brand:var(--palette-home-forest);--color-brand-deep:var(--palette-home-forest-deep);--color-brand-hover:var(--palette-home-forest-deep);--color-accent:var(--palette-home-terracotta);--color-accent-hover:var(--palette-home-terracotta-deep);--color-info:var(--palette-home-blue);--color-focus:var(--palette-home-blue);--color-yellow:var(--palette-home-gold);--color-yellow-soft:var(--kc-yellow-soft);--color-border-light:var(--kc-border);--color-surface-subtle:var(--palette-home-neutral);--color-secondary-hover:var(--palette-home-neutral);--color-shadow-ink:var(--palette-home-ink);--kc-raised-shadow:6px 6px 12px color-mix(in srgb, var(--palette-home-ink) 30%, transparent), -6px -6px 12px color-mix(in srgb, var(--palette-white) 30%, transparent), inset 2px 2px 4px color-mix(in srgb, var(--palette-white) 40%, transparent), inset -2px -2px 4px color-mix(in srgb, var(--palette-home-ink) 50%, transparent);--kc-button-shadow:0 4px 12px color-mix(in srgb, var(--palette-home-ink) 22%, transparent);--kc-button-shadow-hover:0 6px 14px color-mix(in srgb, var(--palette-home-ink) 28%, transparent)}.site-header{--kc-navy:var(--palette-primary-navy);--kc-blue-ink:var(--palette-brand-green);--color-text-primary:var(--palette-primary-navy);--color-text-secondary:var(--palette-secondary-text);--color-brand-deep:var(--palette-primary-navy);--color-accent:var(--palette-cta-orange);--color-accent-hover:var(--palette-cta-orange-hover);--color-focus:var(--palette-brand-green);--color-yellow:var(--palette-white);--color-yellow-soft:var(--palette-selected-soft);--color-surface:var(--palette-white);--color-border-light:var(--palette-border);--color-shadow-ink:var(--palette-primary-navy);--shadow-surface-hover:var(--shadow-sm);--header-button-shadow-pressed:none;--header-background:var(--palette-site-chrome);--header-surface-shadow:none;--header-control-radius:10px;--header-selected-ink:var(--palette-white);--header-hover-ink:var(--palette-white);--header-hover-surface:color-mix(in srgb, var(--palette-white) 8%, transparent);--header-active-surface:color-mix(in srgb, var(--palette-white) 13%, transparent);--header-active-sheen:none;--header-pressed-sheen:none;--header-menu-hover-surface:var(--palette-selected-soft);--header-focus-ink:var(--palette-white)}.site-shell:has([data-vocabulary-room]){--color-text-primary:var(--palette-vocabulary-navy);--color-brand-deep:var(--palette-vocabulary-navy);--color-border-strong:var(--palette-vocabulary-border);--color-border-light:var(--palette-vocabulary-border);--color-secondary-border:var(--palette-vocabulary-border);--color-success:var(--palette-vocabulary-complete);--color-success-soft:var(--palette-blue-soft);--success-foreground:var(--palette-vocabulary-complete);--success-background:var(--palette-blue-soft);--success-border:var(--palette-vocabulary-complete);--color-shadow-ink:var(--palette-vocabulary-navy);--kc-navy:var(--palette-vocabulary-navy);--header-divider-color:var(--palette-vocabulary-border)}::selection{color:var(--color-brand-deep);background:var(--color-yellow-soft)}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}.font-hanzi,.font-hanzi-serif,[lang=zh],[lang=zh-CN]{font-family:var(--kc-font-hanzi);letter-spacing:0}.kc-type-caption,.kc-type-small{font-size:var(--kc-ui-caption);line-height:var(--kc-leading-normal)}.kc-type-body{font-size:var(--kc-type-body);line-height:var(--kc-leading-normal)}.kc-type-section{font-size:var(--kc-type-section);font-weight:var(--kc-weight-bold);line-height:var(--kc-leading-tight)}.kc-type-major{font-size:var(--kc-type-major);font-weight:var(--kc-weight-bold);line-height:var(--kc-leading-tight)}.kc-type-page{font-size:var(--kc-type-page);font-weight:var(--kc-weight-bold);letter-spacing:var(--kc-tracking-tight);line-height:1.08}.kc-type-button{font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);line-height:var(--kc-ui-leading-body)}.kc-type-meta{font-size:var(--kc-ui-caption);font-weight:var(--kc-weight-semibold);line-height:var(--kc-leading-normal)}.kc-chinese-display,.kc-chinese-word,.kc-chinese-dialogue,.kc-chinese-example,.kc-chinese-inline{font-family:var(--kc-font-hanzi);letter-spacing:0;overflow-wrap:anywhere;white-space:normal}.kc-chinese-display{font-size:var(--kc-type-chinese-display);font-weight:var(--kc-weight-extrabold);line-height:1.15}.kc-chinese-word{font-size:var(--kc-type-chinese-word);font-weight:var(--kc-weight-extrabold);line-height:1.1}.kc-chinese-dialogue{font-size:var(--kc-type-chinese-dialogue);font-weight:var(--kc-weight-bold);line-height:var(--kc-leading-chinese)}.kc-chinese-example{font-size:var(--kc-type-chinese-example);font-weight:var(--kc-weight-bold);line-height:var(--kc-leading-chinese)}.kc-chinese-inline{font-size:var(--kc-type-chinese-inline);font-weight:inherit;line-height:inherit}.kc-pinyin{font-family:var(--kc-font-pinyin);font-size:var(--kc-type-pinyin);font-style:normal;font-weight:var(--kc-weight-semibold);line-height:var(--kc-leading-normal)}.kc-translation{font-family:var(--kc-font-sans);font-size:var(--kc-type-translation);font-weight:var(--kc-weight-medium);line-height:var(--kc-leading-normal)}.kc-dialogue-chinese{color:var(--kc-text);font-family:var(--kc-font-hanzi);font-size:var(--kc-type-dialogue-chinese);font-weight:var(--kc-weight-semibold);line-height:var(--kc-leading-dialogue-chinese);letter-spacing:0;overflow-wrap:anywhere;white-space:normal}.kc-dialogue-pinyin{color:var(--kc-text-secondary);font-family:var(--kc-font-sans);font-size:var(--kc-type-dialogue-pinyin);font-style:normal;font-weight:var(--kc-weight-semibold);line-height:var(--kc-leading-dialogue-secondary);overflow-wrap:anywhere;white-space:normal}.kc-dialogue-translation{color:var(--kc-text-body);font-family:var(--kc-font-sans);font-size:var(--kc-type-dialogue-translation);font-weight:var(--kc-weight-medium);line-height:var(--kc-leading-dialogue-secondary);overflow-wrap:anywhere;white-space:normal}@media (max-width:767px){:root{--kc-type-chinese-dialogue:20px;--kc-type-chinese-example:20px;--kc-type-chinese-word:30px}body{background-position:top;background-size:cover}}.site-shell{isolation:isolate;position:relative;overflow-x:clip}.site-shell>.topbar,.site-shell>.inner-main,.site-shell>:where(.site-footer){z-index:1;position:relative}.site-shell--subpage{--subpage-hero-label:var(--text-primary);--subpage-hero-heading:var(--color-text-primary);--subpage-hero-copy:var(--text-secondary)}.learning-room,.lesson-workspace{--focus-background:var(--surface-page-learning);--focus-panel:var(--surface-card);--focus-control:var(--surface-input);--focus-border:var(--border-default);--focus-brand:var(--brand-green);--focus-active:var(--active-green);--focus-accent:var(--accent-brown);--kc-page-backdrop:var(--focus-background);--kc-bg:var(--focus-background);--kc-bg-deep:var(--focus-background);--kc-surface:var(--focus-control);--kc-surface-strong:var(--focus-panel);--kc-surface-quiet:var(--surface-secondary);--kc-surface-muted:var(--button-secondary);--kc-border:var(--focus-border);--kc-border-subtle:var(--focus-border);--kc-green:var(--focus-active);--kc-green-deep:var(--focus-brand);--kc-green-strong:var(--focus-active);--kc-green-hover:var(--brand-green-hover);--kc-accent:var(--focus-accent);--kc-accent-deep:var(--color-accent-hover);--kc-accent-soft:var(--color-vip-bg);--kc-accent-action:var(--accent-brown);--kc-accent-action-hover:var(--accent-brown-hover);--kc-accent-action-pressed:var(--accent-brown-hover);--kc-active:var(--focus-active);--paper:var(--focus-background);--paper-deep:var(--focus-background);--card:var(--focus-panel);--card-strong:var(--focus-panel);--line:var(--focus-border);--primary:var(--focus-brand);--primary-deep:var(--focus-brand);--accent:var(--accent-brown);--accent-deep:var(--kc-accent-deep)}.learning-room{background-color:var(--focus-background);background-image:var(--kc-learning-background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.site-shell--subpage .page-hero>.eyebrow,.site-shell--subpage .category-hero .eyebrow,.site-shell--subpage .profile-hero .eyebrow{color:var(--subpage-hero-label)}.site-shell--subpage .page-hero h1,.site-shell--subpage .category-hero h1,.site-shell--subpage .vip-hero h1,.site-shell--subpage .profile-hero h1{color:var(--subpage-hero-heading)}.site-shell--subpage .page-hero p,.site-shell--subpage .category-hero p,.site-shell--subpage .vip-hero p,.site-shell--subpage .profile-hero p{color:var(--subpage-hero-copy)}.topbar{background:var(--sidebar-bg);border-color:var(--border-default);height:68px;box-shadow:0 1px 0 color-mix(in srgb, var(--color-shadow-ink) 13%, transparent);grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(48px,5.5vw,80px)}.topbar .brand{color:var(--sidebar-text);font-family:var(--font-display);font-size:clamp(27px,2.2vw,30px);font-weight:var(--kc-weight-extrabold);letter-spacing:-.05em;align-items:center;gap:0;line-height:1;text-decoration:none;transition:opacity .18s;display:inline-flex}.topbar .brand:hover{opacity:.92}.topbar .brand:focus-visible{outline:calc(2px * var(--kc-keyboard-focus,1)) solid var(--color-yellow);outline-offset:5px;border-radius:5px}.kc-brand-mark{flex:none;align-items:center;width:auto;height:20px;display:inline-flex}.kc-brand-mark img{object-fit:contain;width:auto;height:100%;display:block}.kc-brand-wordmark{white-space:nowrap}.kc-brand-name,.kc-brand-descriptor{color:inherit;font-weight:inherit}.topbar .brand .kc-brand-mark{width:auto;height:42px;margin-right:-6px;transform:translateY(1px)}.topbar .brand .kc-brand-wordmark{white-space:nowrap;align-items:baseline;gap:.2em;display:inline-flex}.topbar .brand .kc-brand-name{color:var(--header-brand-name,var(--color-white));font-weight:var(--kc-weight-extrabold)}.topbar .brand .kc-brand-descriptor{color:var(--header-brand-descriptor,var(--color-yellow-soft));font-weight:var(--kc-weight-bold)}nav{font-family:var(--font-sans);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:-.01em;gap:34px}nav a{color:var(--sidebar-text)}.topbar nav a:hover,.topbar nav a.active{color:var(--text-on-dark);border-color:var(--accent-brown)}.topbar nav a.vip-nav-link{border:1px solid color-mix(in srgb, var(--color-yellow) 48%, transparent);background:color-mix(in srgb, var(--color-yellow) 8%, transparent);width:auto;min-width:64px;height:34px;color:var(--color-yellow);box-shadow:none;font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:.045em;filter:none;border-radius:999px;justify-content:center;align-self:center;gap:5px;padding:0 10px;transition:color .18s,border-color .18s,background .18s,transform .18s}.topbar nav a.vip-nav-link svg{stroke-width:2.2px;width:17px;height:17px}.topbar nav a.vip-nav-link svg path:first-child{fill:currentColor;stroke:currentColor}.topbar nav a.vip-nav-link svg path:last-child{display:none}.topbar nav a.vip-nav-link:hover,.topbar nav a.vip-nav-link.active{border-color:var(--color-yellow);background:var(--color-yellow);color:var(--color-text-primary);box-shadow:none;filter:none;transform:translateY(-1px)}.topbar nav a.vip-nav-link:active{box-shadow:none;transform:translateY(1px)}.topbar .text-button,.topbar .profile-link,.topbar .vocabulary-shortcut{font-family:var(--font-sans);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);line-height:var(--kc-ui-leading-body);letter-spacing:0}.topbar .text-button,.topbar .profile-link{color:var(--sidebar-text)}.topbar .profile-link>b{color:inherit;font:inherit}.topbar .profile-link>span{font-family:var(--font-sans);font-size:var(--kc-ui-label);font-weight:var(--kc-weight-bold);flex-shrink:0;overflow:hidden}.topbar .profile-link>span>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.topbar .vocabulary-shortcut{border:1px solid color-mix(in srgb, var(--color-white) 30%, transparent);border-radius:var(--radius-control);min-height:36px;color:var(--color-yellow-soft);background:color-mix(in srgb, var(--color-white) 6.5%, transparent);white-space:nowrap;align-items:center;gap:7px;padding:0 9px 0 6px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.topbar .vocabulary-shortcut:hover,.topbar .vocabulary-shortcut.active{border-color:color-mix(in srgb, var(--color-accent) 72%, var(--color-white));color:var(--color-white);background:color-mix(in srgb, var(--color-white) 12%, transparent);transform:translateY(-1px)}.vocabulary-shortcut-icon{background:var(--color-yellow-soft);border-radius:7px;place-items:center;width:25px;height:25px;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:14px;line-height:1;display:grid}.vocabulary-review-badge{min-width:19px;height:19px;color:var(--color-white);background:var(--color-accent);font-size:var(--kc-ui-caption);border-radius:999px;place-items:center;padding:0 5px;line-height:1;display:grid}.mobile-vocabulary-link{justify-content:space-between;align-items:center;gap:10px;display:flex!important}.mobile-vocabulary-link b{color:var(--color-accent);font-size:var(--kc-ui-caption);white-space:nowrap}.mobile-vocabulary-link.active{color:var(--color-text-primary);background:var(--surface-secondary)}.topbar .primary-button{--button-color:var(--kc-accent-action)}.topbar .primary-button:hover{background:var(--kc-accent-action-hover)}.topbar .topbar-signup-button{min-height:38px;font-size:var(--kc-ui-label);padding-inline:15px}.mobile-menu summary{color:var(--header-ink,var(--sidebar-text));border-color:var(--header-menu-border,var(--color-border-on-dark))}.mobile-menu>div{background:var(--surface-card)}.primary-button{min-height:42px;font-family:var(--font-sans);font-size:var(--kc-ui-body);font-weight:var(--kc-ui-weight-action);letter-spacing:-.01em;padding-inline:19px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.outline-button{min-height:42px;font-family:var(--font-sans);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:-.01em;padding-inline:19px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.primary-button{--button-ink:var(--color-on-brand);--button-color:var(--color-accent)}.primary-button:hover{transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.outline-button{--button-ink:var(--text-primary);--button-color:var(--button-secondary)}.outline-button:hover,.outline-button:active{--button-ink:var(--text-primary)}.outline-button:hover{transform:translateY(-1px)}.outline-button:active{transform:translateY(1px)}.primary-button:focus-visible{outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-focus);outline-offset:3px}.outline-button:focus-visible{outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.primary-button,.outline-button{transition:none}.primary-button:hover,.outline-button:hover,.primary-button:active,.outline-button:active{transform:none}}.primary-button:disabled,.outline-button:disabled{color:var(--disabled-text);border-color:var(--disabled-border);background:var(--disabled-background);cursor:not-allowed;opacity:1;box-shadow:none;transform:none}.eyebrow{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--kc-ui-caption);letter-spacing:.12em;font-weight:760}.hero{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:58px;min-height:500px;padding:74px 0 52px}.hero h1,.page-hero h1,.category-hero h1,.level-hero h1,.learning-hero h1,.vip-hero h1,.profile-hero h1{color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.045em}.hero h1{max-width:760px;font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading)}.hero-copy>p{max-width:650px;color:var(--text-secondary);font-size:var(--kc-ui-body);font-weight:var(--kc-weight-medium);line-height:var(--kc-ui-leading-body);margin:24px 0 30px}.panda-mascot{margin:0;position:relative}.panda-mascot img{width:100%;height:auto;filter:drop-shadow(0 22px 24px color-mix(in srgb, var(--color-shadow-ink) 16%, transparent));display:block}.panda-mascot figcaption{z-index:2;border:1px solid var(--border-default);background:var(--surface-input);max-width:180px;color:var(--color-text-primary);box-shadow:var(--shadow-soft);font-family:var(--kc-font-sans);font-size:var(--kc-ui-caption);border-radius:16px;padding:10px 14px;font-style:normal;font-weight:720;line-height:1.35;position:absolute}.hero-study-scene{border:1px solid var(--border-default);background:var(--brand-green);width:min(100%,520px);box-shadow:0 24px 55px color-mix(in srgb, var(--color-shadow-ink) 20%, transparent);border-radius:20px;place-self:center end;margin:0;position:relative;overflow:hidden}.hero-study-scene:after{content:"";border:8px solid var(--surface-secondary);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.hero-study-scene img{width:100%;height:auto;display:block}.continue-card,.hsk-card,.skill-card{--kc-card-fill:var(--surface-card)}.progress{background:var(--color-progress-track)}.progress span{background:var(--color-progress-active)}.section-heading h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.035em}.section-heading>a{color:var(--accent-brown);font-family:var(--font-sans);font-size:var(--fs-button);font-weight:var(--kc-weight-semibold)}.hsk-card strong,.hsk-card span,.hsk-card i{color:var(--tone,var(--primary))}.hsk-card p{color:var(--text-secondary)}.hanzi-icon{border-color:var(--border-default);background:var(--surface-input);color:var(--primary-deep)}.skill-card h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-card);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.025em}.skill-card p{color:var(--muted)}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:16px;min-height:auto;padding-top:48px}.hero-study-scene{order:-1;justify-self:center;width:min(100%,560px)}}@media (max-width:560px){body{font-size:var(--kc-ui-label)}.topbar{height:64px}.topbar .brand{font-size:var(--kc-ui-card);gap:0}.topbar .brand .kc-brand-mark{width:auto;height:40px}.hero h1{font-size:var(--kc-ui-section)}.hero-copy>p{font-size:var(--kc-ui-body)}.hero-study-scene{border-radius:15px}}main{max-width:1240px;padding-inline:28px}.inner-main{min-height:calc(100vh - 154px);padding-bottom:88px}.inner-main:has([data-shadowing-catalog]){padding-inline:clamp(14px,2.6vw,30px);max-width:1560px;padding-bottom:66px}:where(.site-footer){border-color:var(--border-default);background:var(--palette-site-chrome);min-height:58px;color:var(--sidebar-text);font-size:var(--fs-body-sm);padding-inline:max(28px,50vw - 620px)}:where(.site-footer) div{font-family:var(--font-sans);font-size:var(--fs-caption);gap:26px}:where(.site-footer) a:hover{color:var(--text-on-dark)}.page-hero{max-width:920px;padding:74px 0 52px}.page-hero h1,.category-hero h1,.level-hero h1,.vip-hero h1{font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading)}.page-hero p,.category-hero p,.level-hero p,.learning-hero p{max-width:720px;color:var(--text-primary);font-size:var(--kc-ui-body);font-weight:var(--kc-weight-medium);line-height:var(--kc-ui-leading-body);margin-top:18px}.page-hero.with-mascot{max-width:none;min-height:250px;padding-right:190px;position:relative}.page-hero.with-mascot>h1,.page-hero.with-mascot>p{max-width:790px}.page-hero.with-mascot .panda-guide{width:112px;position:absolute;bottom:-4px;right:28px}.panda-guide figcaption{width:150px;font-size:var(--kc-ui-caption);top:20%;left:-142px}.level-row,.lesson-row,.content-row{--kc-card-fill:var(--surface-card)}.level-row{min-height:126px;padding:23px 26px}.level-row:hover,.lesson-row:hover,.content-row:hover{transform:translateY(-2px)}.level-index,.row-number,.lesson-row>span{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--kc-ui-caption);letter-spacing:.08em;font-weight:700}.level-row>div:nth-child(2)>strong{color:var(--tone);font-family:var(--font-display);font-size:var(--fs-lesson-title);letter-spacing:-.04em;font-weight:740}.level-row em{color:var(--text-secondary);font-size:var(--fs-body-sm)}.level-row p{color:var(--muted);font-size:var(--kc-ui-body)}.level-stats{font-size:var(--fs-caption)}.level-hero{border-color:var(--kc-border);background:var(--surface-card);min-height:178px;box-shadow:var(--shadow-soft);border-radius:18px;margin:24px 0;padding:24px 142px 24px 30px;position:relative;overflow:hidden}.level-hero>div>h1{color:var(--tone);font-size:var(--kc-ui-section);margin-top:5px}.level-hero>div>p{font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin-top:9px}.level-hero>div>div{color:var(--text-secondary);font-size:var(--fs-caption);gap:12px;margin-top:12px}.level-hero-row{isolation:isolate;border-radius:18px;min-height:148px;margin:18px 0 12px;position:relative}.level-hero-row:before{content:"";z-index:-1;border-radius:inherit;opacity:1;pointer-events:none;background:0 0;position:absolute;inset:0}.level-hero-row .level-hero--compact{width:min(48%,540px);min-height:148px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:12px 0;overflow:visible}.level-hero-row .level-hero--compact>div>h1{font-size:var(--kc-ui-section)}.level-hero-row .level-hero--compact>div>p{margin-top:6px}.level-hero-row .level-hero--compact>div>div{margin-top:9px}.level-hero .panda-guide{width:84px;position:absolute;bottom:-15px;right:26px}.level-hero .panda-guide figcaption{width:118px;font-size:var(--kc-ui-caption);padding:8px 10px;top:21%;left:-112px}.level-hero-row .level-motivator{width:96px;position:absolute;top:auto;bottom:2px;right:28px;transform:none}.level-hero-row .level-motivator img{filter:drop-shadow(0 12px 14px color-mix(in srgb, var(--color-shadow-ink) 14%, transparent))}.level-hero-row .level-motivator figcaption{border-color:color-mix(in srgb, var(--kc-border-subtle) 72%, var(--kc-green));background:var(--color-surface);width:clamp(300px,28vw,390px);max-width:none;min-height:68px;box-shadow:0 8px 20px color-mix(in srgb, var(--color-shadow-ink) 8%, transparent);border-radius:999px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:3px 10px;padding:10px 18px;display:grid;top:12px;left:auto;right:calc(100% + 10px)}.level-hero-row .level-motivator figcaption:after{content:"";background:var(--color-surface);clip-path:polygon(0 12%,100% 50%,0 88%);width:18px;height:16px;filter:drop-shadow(1px 0 0 color-mix(in srgb, var(--kc-border-subtle) 72%, var(--kc-green)));position:absolute;top:50%;right:-17px;transform:translateY(-50%)}.level-hero-row .level-motivator figcaption>span{color:var(--kc-accent);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);align-self:start;line-height:1}.level-hero-row .level-motivator figcaption>strong{min-width:0;color:var(--color-text-primary);font-family:inherit;font-size:var(--kc-ui-caption);font-style:normal;font-weight:var(--kc-weight-bold);letter-spacing:0;line-height:1.45}.level-hero-row .level-motivator figcaption>button{z-index:1;color:var(--kc-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);line-height:var(--kc-ui-leading-body);background:0 0;border:0;grid-column:2;justify-self:end;padding:2px 0}.level-hero-row .level-motivator figcaption>button:hover{color:var(--kc-accent)}.panda-mascot:not(.level-motivator) figcaption{background:var(--kc-surface-strong);color:var(--color-text-primary);box-shadow:0 10px 24px color-mix(in srgb, var(--color-shadow-ink) 12%, transparent);border-radius:16px;padding-left:32px}.panda-mascot:not(.level-motivator) figcaption:before{content:"“";color:var(--kc-accent-action);font-family:var(--kc-ui-font);font-size:var(--kc-ui-caption);font-weight:800;line-height:1;position:absolute;top:6px;left:11px}.panda-mascot:not(.level-motivator) figcaption:after{content:"";background:var(--kc-surface-strong);clip-path:polygon(0 8%,100% 50%,0 92%);width:14px;height:18px;filter:drop-shadow(1px 0 0 var(--border-default));position:absolute;top:50%;right:-13px;transform:translateY(-50%)}@media (max-width:960px){.level-hero-row .level-hero--compact{width:calc(100% - 100px);max-width:none}.level-hero-row .level-motivator{right:14px}.level-hero-row .level-motivator figcaption{display:none}}.level-hero+.content-heading,.level-hero-row+.content-heading{margin-top:0}.content-heading{margin:32px 0 20px}.content-heading h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.035em}.content-heading>span{color:var(--text-muted)}.lesson-row,.content-row{padding:20px 22px}.lesson-row h3,.content-row h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--kc-ui-card);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.025em}.lesson-row strong,.content-row strong{color:var(--text-primary);font-family:var(--font-hanzi);font-size:18px;font-weight:600}.lesson-row p,.content-row p{color:var(--text-secondary);line-height:var(--kc-ui-leading-body)}.lesson-row em,.row-meta em{border-color:var(--accent-brown);color:var(--accent-brown-hover);font-family:var(--font-sans);letter-spacing:.06em;font-weight:750}.lesson-row em.free{border-color:var(--active-green);color:var(--active-green)}.library-category-grid{gap:18px}.category-card{--kc-card-fill:var(--surface-card);min-height:240px;padding:26px}.category-card.featured{min-height:498px}.category-card h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-card);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.035em}.category-card small,.category-card b,.category-card i{color:var(--accent-deep);font-family:var(--font-sans)}.category-card p{color:var(--muted)}.category-hero{padding:60px 0 38px}.search-box{border-color:var(--border-default);background:var(--surface-input);box-shadow:0 8px 26px color-mix(in srgb, var(--color-shadow-ink) 4%, transparent);border-radius:12px}.search-box:focus-within{border-color:var(--active-green);box-shadow:0 0 0 calc(2px * var(--kc-keyboard-focus,1)) color-mix(in srgb, var(--active-green) 20%, transparent)}.search-box input{color:var(--ink);font-size:var(--kc-ui-body)}.breadcrumbs{color:var(--text-muted);font-size:var(--fs-caption)}.learning-hero{padding:42px 0 38px}.learning-hero h1{font-size:var(--kc-ui-section)}.learning-hero>div>strong{color:var(--text-primary);font-family:var(--font-hanzi);font-size:var(--kc-type-chinese-word);font-weight:600}.hanzi-icon.large,.learning-hero>.hanzi-icon{border-color:var(--border-default);background:var(--surface-input);color:var(--primary-deep)}.round-audio{border-color:var(--border-default);background:var(--surface-input);color:var(--color-text-primary);font-family:var(--font-hanzi)}.lesson-player,.story-reader,.shadow-player,.pronunciation-player,.translation-player,.grammar-panel{--kc-card-fill:var(--kc-surface-strong);padding:26px}.player-toolbar{border-color:var(--divider)}.player-toolbar button,.speed-control button{color:var(--text-secondary);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action)}.player-toolbar button.selected,.speed-control button.selected{border-color:var(--active-green);background:var(--surface-selected);color:var(--color-text-primary)}.dialogue-line,.mini-exercise{border-color:var(--kc-border);background:var(--kc-surface);border-radius:11px}.vocab-grid>button,.subtitle-list>button,.tone-grid button{border-color:var(--kc-border);background:var(--button-secondary);border-radius:11px}.vocab-grid>button:hover,.subtitle-list>button:hover,.subtitle-list>button.active{border-color:var(--border-strong);background:var(--button-secondary-hover)}.vocab-grid strong,.dialogue-line strong,.subtitle-list strong,.story-reader article h3,.tone-display strong,.tone-grid strong{color:var(--text-primary);font-family:var(--font-hanzi);font-weight:600}.vocab-grid span,.dialogue-line small,.subtitle-list small,.example-box small{color:var(--accent-brown);font-family:var(--font-sans)}.dialogue-line p,.subtitle-list p{color:var(--text-secondary)}.dialogue-line>b{background:var(--surface-secondary);color:var(--text-secondary)}.recorder{border-color:var(--border-default);background:var(--surface-secondary)}.record-button{--button-color:var(--accent-deep)}.example-box{border-left-color:var(--accent-brown);background:var(--surface-secondary)}.grammar-formula{border-color:var(--border-default);background:var(--surface-secondary);color:var(--accent-deep)}.answer-grid button{border-color:var(--border-default);background:var(--button-secondary)}.answer-grid button:hover{border-color:var(--border-strong);background:var(--button-secondary-hover)}.answer-grid button.chosen{border-color:var(--active-green);background:var(--surface-selected);color:var(--text-primary)}.success-message,.feedback-box{background:var(--success-background);color:var(--success-foreground)}.locked-panel{--kc-card-fill:var(--surface-card)}.locked-panel>span,.vip-badge{border-color:var(--color-vip-border);background:var(--color-vip-bg);color:var(--color-vip-text)}.video-stage{background:var(--brand-green)}.tone-display{background:var(--surface-secondary)}.translation-player textarea{border-color:var(--kc-border);background:var(--kc-surface)}.translation-player textarea:focus{border-color:var(--active-green)}.story-reader article{border-color:var(--divider)}.story-reader article.story-paragraph p{color:var(--text-body);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body)}.vip-hero{text-align:left;max-width:980px;min-height:420px;padding:82px 220px 58px 110px;position:relative}.vip-hero h1{color:var(--color-text-primary);font-size:var(--kc-ui-section)}.vip-hero p{color:var(--text-secondary);margin-inline:0}.vip-hero .vip-action{margin-inline:0}.panda-vip{width:110px;position:absolute;bottom:12px;right:52px}.pricing-grid{gap:18px;max-width:980px}.pricing-grid>article{--kc-card-fill:var(--surface-card);padding:30px}.pricing-grid>article.recommended{--kc-card-fill:var(--color-surface)}.pricing-grid article>em{border:1px solid var(--color-vip-border);background:var(--color-vip-bg);color:var(--color-vip-text)}.pricing-grid h2,.faq summary{color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--kc-ui-weight-heading)}.pricing-grid article>strong{color:var(--accent-deep)}.faq details{border-color:var(--divider)}.profile-hero h1,.account-card h2,.timeline h2{color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--kc-ui-weight-heading)}.avatar,.profile-link>span{background:var(--surface-selected);color:var(--color-text-primary)}.plan-pill.vip{border-color:var(--color-vip-border);background:var(--color-vip-bg);color:var(--color-vip-text)}.stats-grid article,.account-card{--kc-card-fill:var(--surface-card)}.progress-list a{border-color:var(--border-default);background:var(--surface-card)}.empty-state{border-color:var(--border-default);background:var(--surface-secondary)}.timeline:before{background:var(--divider)}.timeline-marker{border-color:var(--tone);background:var(--surface-secondary);color:var(--tone);font-family:var(--font-display)}.timeline article>div:last-child{border-color:var(--divider)}.timeline small,.timeline a{color:var(--tone);font-family:var(--font-sans);font-weight:700}@media (max-width:900px){main{padding-inline:22px}.page-hero.with-mascot{min-height:245px;padding-right:160px}.page-hero.with-mascot .panda-guide{width:100px;right:12px}.panda-guide figcaption{display:none}.level-hero{padding-right:120px}.level-hero .panda-guide{width:78px;right:14px}.vip-hero{padding-inline:45px 190px}.panda-vip{width:104px;right:30px}}@media (max-width:680px){main{padding-inline:16px}.page-hero,.page-hero.compact{padding:52px 0 34px}.page-hero.with-mascot{min-height:auto;padding-right:0}.page-hero.with-mascot .panda-guide{display:none}.page-hero h1,.category-hero h1,.level-hero h1,.vip-hero h1{font-size:var(--kc-ui-section)}.level-hero{min-height:218px;padding:21px 84px 21px 20px}.level-hero>div{max-width:none}.level-hero>div>h1{font-size:var(--kc-ui-section)}.level-hero>div>p{font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin-top:7px}.level-hero .panda-guide{width:68px;bottom:-12px;right:2px}.level-hero-row{min-height:176px;margin:12px 0 14px}.level-hero-row .level-hero--compact{width:calc(100% - 76px);min-height:176px;margin:0;padding:10px 0}.level-hero-row .level-motivator{width:68px;top:56%;bottom:auto;right:2px;transform:translateY(-50%)}.level-hero>div>div{gap:5px;display:grid}.vip-hero{text-align:center;min-height:auto;padding:58px 0 42px}.vip-hero p,.vip-hero .vip-action{margin-inline:auto}.panda-vip{display:none}:where(.site-footer){padding-inline:18px}}.hero{min-height:440px;padding-top:54px;padding-bottom:34px}.continue-card{min-height:88px;padding:17px 20px}.section{padding-top:38px}.section-heading{margin-bottom:16px}.hsk-grid,.skill-grid{gap:16px}.hsk-card{min-height:142px}.skill-grid{grid-template-rows:repeat(2,168px)}.section:last-child{padding-bottom:10px}.page-hero{padding-top:58px;padding-bottom:38px}.page-hero.compact{padding-bottom:30px}.page-hero.with-mascot{min-height:225px}.level-list,.lesson-list,.content-list{gap:10px}.level-row{min-height:116px;padding-block:19px}.level-hero{margin-top:22px;margin-bottom:22px}.content-heading{margin-top:24px;margin-bottom:15px}.category-hero{padding-top:46px;padding-bottom:28px}.library-category-grid,.pricing-grid,.stats-grid{gap:14px}.learning-hero{padding-top:30px;padding-bottom:28px}.vip-hero{min-height:390px;padding-top:66px;padding-bottom:46px}.faq{margin-top:38px}.inner-main{padding-bottom:64px}@media (max-width:680px){.hero{padding-top:36px;padding-bottom:26px}.section{padding-top:30px}.page-hero,.page-hero.compact{padding-top:42px;padding-bottom:28px}.level-hero{margin-top:16px;margin-bottom:18px}.skill-grid{grid-template-rows:auto}}.inner-main:has(>.shadow-room){width:100%;max-width:1600px;height:calc(100dvh - var(--site-header-height,64px));padding-inline:clamp(18px,2vw,32px);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding-top:8px;padding-bottom:0;display:grid;overflow:hidden}.site-shell:has(.inner-main>.shadow-room){height:100dvh;min-height:0;overflow:hidden}.site-shell:has(.inner-main>.shadow-room)>:where(.site-footer){display:none}.shadow-room{--shadow-green:var(--kc-green-deep);--shadow-green-deep:var(--green-950);--shadow-green-soft:var(--kc-success-soft);--shadow-accent:var(--kc-accent-action);--shadow-accent-soft:var(--kc-accent-soft);--shadow-brown:var(--kc-accent);--shadow-surface:var(--kc-surface);--shadow-panel:var(--kc-surface-strong);--shadow-soft:var(--kc-surface-quiet);--shadow-line:var(--kc-border-subtle);--shadow-text:var(--kc-text);--shadow-muted:var(--kc-text-secondary);--shadow-room-radius:16px;--shadow-workspace-columns:minmax(360px, .92fr) minmax(420px, 1.08fr);--shadow-workspace-gap:18px;background:0 0;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.shadow-room button,.shadow-room select,.shadow-room textarea{font:inherit}.shadow-room button{color:inherit}:is(.shadow-room button:focus-visible,.shadow-room select:focus-visible,.shadow-room textarea:focus-visible){outline:calc(3px * var(--kc-keyboard-focus,1)) solid color-mix(in srgb, var(--shadow-green) 30%, transparent);outline-offset:2px}.shadow-room__bar{grid-template-columns:var(--shadow-workspace-columns);align-items:center;gap:var(--shadow-workspace-gap);min-height:64px;padding:8px 0;display:grid}.shadow-room__bar>div{gap:3px;min-width:0;display:grid}.shadow-room__bar>div>a{width:fit-content;color:var(--shadow-brown);font-size:var(--fs-tiny);letter-spacing:.07em;font-weight:800;text-decoration:none}.shadow-room__bar>div>a:hover{color:var(--shadow-green-deep);text-underline-offset:3px;text-decoration:underline}.shadow-room__bar>div>strong{color:var(--shadow-green-deep);font-size:var(--kc-ui-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shadow-room__bar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.shadow-room__bar nav button{border:1px solid var(--shadow-line);background:var(--shadow-surface);min-width:0;min-height:42px;color:var(--shadow-muted);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);cursor:pointer;box-shadow:var(--kc-shadow-hairline);border-radius:999px;padding:0 12px}.shadow-room__bar nav button span{margin-right:5px}.shadow-room__bar nav button:hover{border-color:var(--shadow-green);color:var(--shadow-green-deep)}.shadow-room__bar nav button.active{border-color:var(--shadow-green);background:var(--shadow-green);color:var(--kc-on-dark)}.shadow-room__workspace{grid-template-columns:var(--shadow-workspace-columns);gap:0 var(--shadow-workspace-gap);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"video transcript""practice transcript";min-height:0;padding:10px 0;display:grid;overflow:hidden}.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template-rows:minmax(0,1fr);grid-template-areas:"video practice";align-content:stretch;align-items:start}.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__transcript-wrap{display:none}.shadow-room__video-column{grid-area:video;grid-template-rows:auto auto;align-content:start;min-width:0;min-height:0;display:grid}.shadow-room__video{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--shadow-green-deep) 78%, var(--shadow-line));background:var(--shadow-green-deep);width:100%;height:min(46dvh,420px);box-shadow:var(--kc-shadow-hairline), 0 8px 22px color-mix(in srgb, var(--color-shadow-ink) 8%, transparent);border-radius:13px;position:relative;overflow:hidden}.shadow-room__video>div:first-child,.shadow-room__video iframe{object-fit:cover;border:0;width:100%;height:100%}.shadow-room__controls{align-items:center;gap:7px;min-height:50px;padding:8px 0;display:flex}.shadow-room__controls>button,.shadow-room__rate{border:1px solid var(--shadow-line);background:var(--shadow-surface);border-radius:999px;min-height:34px}.shadow-room__controls>button{min-width:38px;font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);cursor:pointer;padding:0 12px}.shadow-room__controls>button.primary{border-color:var(--shadow-green);background:var(--shadow-green);min-width:88px;color:var(--kc-on-dark)}.shadow-room__controls>button:disabled{color:var(--disabled-text);border-color:var(--disabled-border);background:var(--disabled-background);cursor:not-allowed;opacity:1}.shadow-room__rate{color:var(--shadow-muted);font-size:var(--fs-tiny);align-items:center;gap:5px;margin-left:auto;padding-left:10px;font-weight:700;display:inline-flex}.shadow-room__rate select{min-height:32px;color:var(--shadow-green-deep);font-size:var(--fs-tiny);background:0 0;border:0;padding-right:6px;font-weight:800}.shadow-room__practice{grid-area:practice;min-width:0;min-height:0;padding:0;overflow:hidden}.shadow-room__loading{color:var(--muted);text-align:center;padding:28px}.shadow-room__load-state{min-height:180px;color:var(--shadow-muted);text-align:center;place-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.shadow-room__load-state b{color:var(--shadow-green-deep);font-size:var(--kc-ui-label)}.shadow-room__load-state span{max-width:380px;font-size:var(--fs-caption)}.shadow-room__load-state button{border:1px solid var(--shadow-green);background:var(--shadow-green);min-height:36px;color:var(--kc-on-dark);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);cursor:pointer;border-radius:999px;margin-top:5px;padding:0 14px}.shadow-room__load-state.is-error{color:var(--kc-danger-deep)}.shadow-room__video-fallback{background:var(--shadow-green-deep);color:var(--kc-on-dark);text-align:center;place-content:center;justify-items:center;gap:5px;padding:22px;display:grid;position:absolute;inset:0}.shadow-room__video-fallback span{max-width:330px;color:var(--kc-on-dark-muted);font-size:var(--kc-ui-caption)}.shadow-room__video-fallback a{color:var(--shadow-accent-soft);font-size:var(--kc-ui-caption);margin-top:5px;font-weight:750}.shadow-room__transcript-wrap{border:1px solid var(--shadow-line);background:var(--shadow-panel);min-width:0;min-height:0;box-shadow:var(--kc-shadow-hairline), var(--kc-shadow-soft);border-radius:15px;grid-area:transcript;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.shadow-room__transcript-head{min-height:48px;color:var(--shadow-green-deep);justify-content:space-between;align-items:center;gap:12px;padding:0 15px;display:flex}.shadow-room__transcript-head strong{font-size:var(--kc-ui-label)}.shadow-room__transcript-head span{background:var(--shadow-soft);color:var(--shadow-muted);font-size:var(--fs-tiny);border-radius:999px;padding:5px 10px;font-weight:800}.shadow-room__transcript{overscroll-behavior:contain;overflow-anchor:none;scrollbar-color:var(--kc-surface-muted) transparent;scrollbar-gutter:stable;min-height:0;padding:7px;scroll-padding-block:14px;overflow:hidden auto}.shadow-room__transcript article{background:0 0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:58px;padding:9px 8px;display:grid;position:relative}.shadow-line__copy{cursor:pointer;min-width:0;position:relative}.shadow-line__copy strong{color:var(--shadow-green-deep);font-family:var(--font-hanzi);font-size:16px;font-weight:400;line-height:1.45;display:block}.shadow-word-gloss{cursor:help;display:inline-block;position:relative}.shadow-word-gloss:after{content:attr(data-meaning);z-index:8;border:1px solid var(--shadow-line);background:var(--kc-surface-strong);width:max-content;max-width:180px;color:var(--shadow-text);font-family:var(--font-sans);font-size:var(--fs-tiny);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--kc-shadow-soft);border-radius:6px;padding:5px 8px;font-weight:650;line-height:1.3;transition:all .14s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%,-3px)}.shadow-word-gloss:hover:after{opacity:1;visibility:visible;transform:translate(-50%)}.shadow-line__copy small{color:var(--shadow-accent);font-size:var(--kc-ui-caption);margin:0;font-weight:680;line-height:1.15;display:inline}.shadow-line__copy p{color:var(--shadow-muted);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:1px 0 0}.shadow-line__time{color:var(--shadow-muted);font-size:var(--kc-ui-caption);padding-top:2px}.shadow-line__actions{opacity:1;flex:none;gap:2px;transition:all .14s;display:inline-flex}.shadow-room__transcript article:hover .shadow-line__actions,.shadow-room__transcript article:focus-within .shadow-line__actions{opacity:1}.shadow-line__actions button{border:1px solid var(--shadow-line);background:var(--shadow-surface);width:19px;height:18px;color:var(--shadow-green);font-size:var(--kc-ui-label);cursor:pointer;border-radius:4px;padding:0}.shadow-line__actions button.active{border-color:var(--shadow-green);background:var(--shadow-green-soft);color:var(--shadow-green-deep)}.shadowing-catalog-hero{border-bottom:1px solid var(--border-default);grid-template-columns:58px minmax(0,1fr);gap:18px;min-height:92px;padding:18px 0 14px;display:grid}.shadowing-catalog-hero .hanzi-icon.large{width:58px;height:58px;font-size:27px}.shadowing-catalog-hero .eyebrow{margin-bottom:2px}.shadowing-catalog-hero h1{font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading)}.shadowing-catalog-hero p{font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin-top:3px}.shadow-catalog__search{margin-top:18px;margin-bottom:16px}.shadow-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shadow-catalog__group{--level-tone:var(--active-green);border:1px solid var(--border-default);border-top:4px solid var(--level-tone);background:var(--surface-card);border-radius:14px;overflow:hidden}.shadow-catalog__group--hsk3-4,.shadow-catalog__group--hsk5,.shadow-catalog__group--hsk6{--level-tone:var(--active-green)}.shadow-catalog__group>header{grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:12px;min-height:88px;padding:16px 17px 10px;display:grid}.shadow-catalog__group>header>span{background:var(--level-tone);width:42px;height:42px;color:var(--text-on-dark);font-size:var(--fs-caption);border-radius:11px;place-items:center;font-weight:800;display:grid}.shadow-catalog__group h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);letter-spacing:-.035em;margin:0}.shadow-catalog__group header p{color:var(--text-secondary);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:4px 0 0}.shadow-catalog__group header b{color:var(--level-tone);font-size:var(--fs-caption);white-space:nowrap}.shadow-catalog__lessons{gap:8px;padding:0 17px 16px;display:grid}.shadow-catalog__lesson{border:1px solid var(--border-default);background:var(--surface-input);border-radius:11px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:9px 12px;transition:all .18s;display:grid}.shadow-catalog__lesson:not(.is-soon):hover{border-color:var(--level-tone);transform:translateY(-1px)}.shadow-catalog__thumb{background:var(--level-tone);width:74px;height:50px;color:var(--text-on-dark);font-family:var(--font-hanzi);font-size:var(--fs-card-title);border-radius:8px;place-items:center;font-weight:800;display:grid}.shadow-catalog__copy{min-width:0}.shadow-catalog__copy strong{color:var(--color-text-primary);font-size:var(--kc-ui-label);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:block;overflow:hidden}.shadow-catalog__copy small{color:var(--text-secondary);font-size:var(--kc-ui-caption);margin-top:4px;display:block}.shadow-catalog__lesson>i{color:var(--level-tone);font-size:var(--fs-caption);white-space:nowrap;font-style:normal;font-weight:760}.shadow-catalog__lesson.is-soon{color:var(--text-muted);border-color:var(--border-default);background:var(--surface-secondary);opacity:1}.shadow-catalog__lesson.is-soon .shadow-catalog__thumb{background:color-mix(in srgb, var(--level-tone), var(--surface-secondary) 48%)}.shadow-karaoke{border:1px solid color-mix(in srgb, var(--shadow-green-deep) 76%, var(--shadow-line));background:var(--shadow-green-deep);min-height:76px;box-shadow:var(--kc-shadow-hairline);border-radius:12px;place-items:center;padding:12px 16px;display:grid}.shadow-karaoke__words{text-align:center;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;display:flex}.shadow-karaoke__words>b{color:var(--kc-on-dark);font-family:var(--font-hanzi);font-size:24px;font-weight:620;line-height:1.3}.shadow-karaoke__words>b.is-past{color:var(--kc-on-dark-muted)}.shadow-karaoke__words>b.is-current{color:var(--kc-on-dark);border-bottom:2px solid var(--shadow-accent-soft)}.shadow-karaoke__words>em{color:var(--kc-on-dark);font-family:var(--font-hanzi);font-size:21px;font-style:normal;line-height:1.3}.shadow-drill{border:1px solid var(--shadow-line);border-radius:var(--shadow-room-radius);background:var(--shadow-panel);height:100%;min-height:0;box-shadow:var(--kc-shadow-hairline), var(--kc-shadow-soft);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.shadow-drill__navigation{gap:8px;padding:12px 14px 10px;display:grid}.shadow-drill__instruction{color:var(--shadow-muted);font-size:var(--fs-tiny);margin:0;line-height:1.4}.shadow-drill__head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.shadow-drill__head h2{color:var(--shadow-green-deep);font-family:var(--font-display);font-size:var(--kc-ui-section);letter-spacing:-.035em;margin:0}.shadow-drill__head>span{background:var(--shadow-soft);color:var(--shadow-muted);font-size:var(--fs-tiny);border-radius:999px;padding:5px 10px;font-weight:800}.shadow-drill__head>div{background:var(--kc-surface-muted);border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.shadow-drill__head i{background:var(--shadow-accent);height:100%;transition:width .2s;display:block}.shadow-sentence-picker{gap:5px;display:grid}.shadow-sentence-picker__label{color:var(--shadow-muted);font-size:var(--fs-tiny);letter-spacing:.05em;justify-content:space-between;align-items:center;font-weight:800;display:flex}.shadow-sentence-picker__label small{font-size:var(--fs-tiny);letter-spacing:0}.shadow-sentence-nav{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.shadow-sentence-nav>div{scrollbar-width:none;flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow-x:auto}.shadow-sentence-nav>div::-webkit-scrollbar{display:none}.shadow-sentence-nav button{border:1px solid var(--shadow-line);background:var(--shadow-surface);width:32px;height:32px;color:var(--shadow-muted);font-size:var(--fs-tiny);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;font-weight:800;display:grid}.shadow-sentence-nav button.active{border-color:var(--shadow-green);background:var(--shadow-green);color:var(--kc-on-dark);box-shadow:var(--kc-shadow-hairline)}.shadow-sentence-nav button:disabled{color:var(--disabled-text);border-color:var(--disabled-border);background:var(--disabled-background);cursor:not-allowed;opacity:1}.shadow-drill__content{background:0 0;border:0;border-radius:0;align-content:start;gap:8px;min-height:0;margin:0;padding:11px 14px;display:grid;overflow:auto}.shadow-current-sentence{min-height:118px}.shadow-current-sentence__label{color:var(--shadow-muted);font-size:var(--fs-tiny);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.shadow-current-sentence__label>div{gap:6px;display:flex}.shadow-current-sentence__label button{border:1px solid var(--shadow-line);background:var(--shadow-surface);min-width:38px;min-height:34px;color:var(--shadow-text);cursor:pointer;border-radius:999px;padding:0 10px}.shadow-current-sentence__label button.active{border-color:var(--shadow-green);background:var(--shadow-green-soft)}.shadow-word-sentence>p{color:var(--shadow-green-deep);font-family:var(--font-hanzi);flex-wrap:wrap;align-items:baseline;gap:0;margin:13px 0 4px;font-size:clamp(27px,3vw,38px);line-height:1.35;display:flex}.shadow-word-sentence>p>button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;position:relative}.shadow-word-sentence>p>button.active{color:var(--shadow-accent)}.shadow-word-sentence>p>button>span{z-index:4;border:1px solid var(--shadow-line);background:var(--kc-surface-strong);min-width:105px;color:var(--shadow-text);font-family:var(--font-sans);font-size:var(--fs-tiny);box-shadow:var(--kc-shadow-soft);border-radius:7px;padding:6px 8px;line-height:1.3;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.shadow-word-sentence>p>button.active>span{display:block}.shadow-word-sentence>p>em{font-style:normal}.shadow-word-sentence>small{color:var(--shadow-accent);font-size:var(--fs-caption);font-weight:700;display:block}.shadow-word-sentence>span{color:var(--shadow-muted);font-size:12px;display:block}.shadow-drill__footer{background:0 0;gap:6px;padding:8px 12px 9px;display:grid}.shadow-drill__tools{flex-wrap:wrap;gap:6px;display:flex}.shadow-drill__actions{grid-template-columns:minmax(190px,260px) 96px;justify-content:start;gap:6px;display:grid}.shadow-dictation .shadow-drill__tools,.shadow-translation .shadow-drill__tools{grid-template-columns:104px 110px 78px 94px;justify-content:start;display:grid}.shadow-drill__tools button,.shadow-drill__actions button{border:1px solid var(--shadow-line);background:var(--shadow-surface);min-height:34px;color:var(--shadow-text);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 12px}.shadow-drill__tools button.active,.shadow-drill__actions button.active{border-color:var(--shadow-green);background:var(--shadow-green-soft)}.shadow-drill__tools button:disabled,.shadow-drill__actions button:disabled{color:var(--disabled-text);border-color:var(--disabled-border);background:var(--disabled-background);cursor:not-allowed;opacity:1}.shadow-drill__actions button{width:auto;min-width:0}.shadow-drill__actions button.primary{border-color:var(--shadow-accent);background:var(--shadow-accent);color:var(--kc-on-dark)}.shadow-drill__actions button.recording{border-color:var(--kc-danger-deep);background:var(--kc-danger-deep);color:var(--kc-on-dark)}.shadow-dictation__body{gap:7px}.shadow-translation__body,.shadow-translation__source{gap:7px;display:grid}.shadow-dictation__body textarea,.shadow-translation__body textarea{border:1px solid var(--shadow-line);background:var(--shadow-surface);width:100%;color:var(--shadow-text);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);resize:none;border-radius:11px;outline:0;padding:11px 13px}.shadow-dictation__body textarea{height:64px;min-height:64px}.shadow-translation__body textarea{height:78px;min-height:78px}.shadow-dictation__body textarea:focus,.shadow-translation__body textarea:focus{border-color:var(--shadow-green);box-shadow:0 0 0 calc(3px * var(--kc-keyboard-focus,1)) color-mix(in srgb, var(--shadow-green) 12%, transparent)}.shadow-dictation__mask{border:1px solid var(--shadow-line);background:var(--kc-surface-quiet);min-height:48px;color:var(--kc-danger);font-family:var(--font-hanzi);border-radius:11px;flex-wrap:wrap;align-items:center;gap:.28em;padding:9px 12px;font-size:18px;line-height:1.35;transition:border-color .16s,background .16s;display:flex}.shadow-dictation__mask .is-revealed{color:var(--shadow-green);font-weight:760}.shadow-dictation__mask .is-pending{color:var(--kc-danger)}.shadow-dictation__mask .is-punctuation{color:var(--shadow-muted);margin-left:-.18em}.shadow-dictation__mask.is-complete{border-color:color-mix(in srgb, var(--shadow-green) 55%, var(--shadow-line));background:var(--shadow-green-soft)}.shadow-dictation__mask.is-answer:not(.is-complete) .is-revealed{color:var(--shadow-accent)}.shadow-dictation__body>p{color:var(--shadow-accent);font-size:var(--kc-ui-body);margin:0}.shadow-translation__source{padding-bottom:0}.shadow-translation__source .shadow-word-sentence>p{margin-top:0;font-size:28px;line-height:1.25}.shadow-translation__hint{border-left:3px solid var(--shadow-accent);background:var(--kc-surface-quiet);color:var(--shadow-muted);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);flex-wrap:wrap;gap:3px 12px;padding:6px 9px;display:flex}.shadow-translation__answer{border-left:3px solid var(--shadow-green);background:var(--shadow-green-soft);color:var(--shadow-text);font-size:var(--fs-tiny);flex-wrap:wrap;gap:3px 8px;padding:6px 9px;line-height:1.35;display:flex}.shadow-feedback-slot{align-items:start;min-height:38px;display:grid}.shadow-feedback-slot>.shadow-result{align-items:center;min-height:38px;display:flex}.shadow-result{border-left:3px solid var(--shadow-line);background:var(--kc-surface-quiet);color:var(--shadow-muted);font-size:var(--fs-tiny);padding:6px 9px;font-weight:680;line-height:1.35}.shadow-result.good{border-color:var(--kc-success);background:var(--kc-success-soft);color:var(--shadow-green-deep)}.shadow-result.neutral{border-color:var(--shadow-accent);background:color-mix(in srgb, var(--kc-surface-quiet) 84%, var(--shadow-accent-soft))}.shadow-result.bad{border-color:var(--kc-danger);background:var(--kc-danger-soft);color:var(--kc-danger-deep)}@media (min-width:871px) and (max-height:900px){.shadow-room{--shadow-workspace-gap:14px}.inner-main:has(>.shadow-room)>.breadcrumbs{padding-top:7px}.shadow-room__bar{min-height:49px;padding-block:4px}.shadow-room__bar nav button{min-height:34px}.shadow-room__workspace{padding-block:6px}.shadow-room__controls{min-height:40px;padding-block:4px}.shadow-room__controls>button,.shadow-room__rate{min-height:31px}.shadow-drill__navigation{gap:5px;padding:8px 12px 7px}.shadow-drill__head{gap-block:4px}.shadow-drill__head h2{font-size:var(--kc-ui-section)}.shadow-drill__head>span{padding:4px 8px}.shadow-drill__head>div{height:4px}.shadow-sentence-picker{gap:4px}.shadow-sentence-nav{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.shadow-sentence-nav button{flex-basis:28px;width:28px;height:28px}.shadow-drill__instruction{line-height:1.25}.shadow-drill__content{gap:5px;margin:5px 9px;padding:7px 10px}.shadow-current-sentence{min-height:96px}.shadow-word-sentence>p{margin-top:8px;font-size:clamp(25px,2.5vw,33px)}.shadow-drill__footer{gap:5px;padding:6px 9px 7px}.shadow-drill__tools button,.shadow-drill__actions button{min-height:32px;padding-inline:10px}.shadow-dictation__body textarea{height:64px;min-height:64px;padding-block:8px}.shadow-translation__body textarea{height:78px;min-height:78px;padding-block:8px}.shadow-dictation__mask{min-height:44px;padding-block:7px}.shadow-drill__content{padding:9px 11px}.shadow-translation__source{gap:5px;padding-bottom:0}.shadow-translation__source .shadow-word-sentence>p{font-size:26px}.shadow-translation__hint,.shadow-translation__answer,.shadow-result{padding-block:5px}}@media (min-width:871px) and (max-height:720px){.shadow-room__video{height:42dvh;max-height:330px}.shadow-room__bar nav button{min-height:30px}.shadow-room__bar nav button span{margin-right:4px}.shadow-room__bar{min-height:44px}.shadow-room__controls{min-height:35px}.shadow-room__controls>button,.shadow-room__rate{min-height:30px}.shadow-room__controls>button{min-width:34px;padding-inline:10px}.shadow-room__rate{font-size:var(--fs-tiny);padding-left:8px}.shadow-room__rate select{min-height:28px}.shadow-drill__navigation{gap:4px;padding:7px 10px}.shadow-drill__head h2{font-size:var(--kc-ui-section)}.shadow-drill__head>span{padding:3px 8px}.shadow-drill__head>div{height:3px}.shadow-drill__content{padding:8px 10px 6px}.shadow-current-sentence{min-height:76px}.shadow-word-sentence>p{font-size:clamp(22px,2.35vw,30px)}.shadow-drill__tools button,.shadow-drill__actions button{min-height:30px}.shadow-drill__footer{padding:7px 10px 8px}.shadow-dictation__body textarea{height:58px;min-height:58px}.shadow-translation__body textarea{height:64px;min-height:64px}}@media (max-width:1050px){.shadow-catalog__grid{grid-template-columns:1fr}.shadow-room{--shadow-workspace-columns:minmax(330px, .84fr) minmax(390px, 1.16fr);--shadow-workspace-gap:14px}}@media (min-width:871px){:is(html:has(.shadow-room),body:has(.shadow-room)){overflow:hidden}}@media (max-width:870px){.site-shell:has(.inner-main>.shadow-room){height:auto;min-height:100dvh;overflow:visible}.inner-main:has(>.shadow-room){height:auto;min-height:calc(100dvh - 72px);padding-bottom:60px;display:block}.shadow-room{display:block}.shadow-room__bar{grid-template-columns:1fr;padding-block:9px}.shadow-room__workspace,.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template:"video""practice""transcript"/1fr;gap:14px;height:auto;padding-block:14px}.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template-rows:auto auto;grid-template-areas:"video""practice"}.shadow-room__practice{padding:0}.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__practice{overflow:visible}.shadow-drill{grid-template-rows:auto auto auto;height:auto}.shadow-drill__content{overflow:visible}.shadow-room__transcript-wrap{height:clamp(320px,54dvh,520px)}}@media (max-width:620px){.shadowing-catalog-hero{grid-template-columns:46px 1fr;gap:12px}.shadowing-catalog-hero .hanzi-icon.large{width:46px;height:46px;font-size:22px}.shadowing-catalog-hero p{display:none}.shadow-catalog__group>header{grid-template-columns:40px minmax(0,1fr);padding-inline:12px}.shadow-catalog__group>header>span{width:38px;height:38px}.shadow-catalog__group header b{grid-column:2}.shadow-catalog__lessons{padding-inline:12px}.shadow-catalog__lesson{grid-template-columns:54px minmax(0,1fr);padding-inline:8px}.shadow-catalog__thumb{width:54px;height:44px}.shadow-catalog__lesson>i{display:none}.shadow-room{border-radius:0;margin-inline:0}.shadow-room__bar>div>strong{display:none}.shadow-room__bar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-room__controls{flex-wrap:wrap}.shadow-room__rate{margin-left:0}.shadow-sentence-nav{grid-template-columns:32px minmax(0,1fr) 32px}.shadow-sentence-nav button{flex-basis:30px;width:30px;height:30px}.shadow-drill__navigation{padding-inline:12px}.shadow-drill__content{margin-inline:10px;padding-inline:12px}.shadow-drill__footer{padding-inline:10px}.shadow-pronunciation .shadow-drill__tools button{flex:calc(50% - 8px)}.shadow-dictation .shadow-drill__tools,.shadow-translation .shadow-drill__tools{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-drill__actions{grid-template-columns:minmax(0,1fr) 88px}}@media (max-width:560px){.inner-main:has(>.shadow-room){min-height:calc(100dvh - 64px)}}.shadow-catalog__top{border-bottom:1px solid var(--border-default);grid-template-columns:minmax(480px,1.15fr) minmax(360px,.85fr);align-items:center;gap:30px;min-height:112px;padding:18px 0;display:grid}.shadow-catalog__intro{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:18px;min-width:0;display:grid}.shadow-catalog__intro .hanzi-icon.large{width:60px;height:60px;font-size:28px}.shadow-catalog__intro .eyebrow{margin-bottom:2px}.shadow-catalog__intro h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);letter-spacing:-.045em;margin:0}.shadow-catalog__intro p{color:var(--text-secondary);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:3px 0 0}.shadow-catalog__top .shadow-catalog__search{width:100%;margin:0}.shadow-catalog__top .search-box input{min-width:0}.shadow-level-index{gap:10px;margin-top:16px;display:grid}.shadow-level-link{--level-tone:var(--active-green);border:1px solid var(--border-default);border-left:4px solid var(--level-tone);background:var(--surface-card);border-radius:12px;grid-template-columns:50px minmax(0,1fr) auto 28px;align-items:center;gap:16px;min-height:88px;padding:14px 18px;transition:all .18s;display:grid}.shadow-level-link--hsk3-4,.shadow-level-link--hsk5,.shadow-level-link--hsk6{--level-tone:var(--active-green)}.shadow-level-link:hover{border-color:var(--level-tone);background:var(--surface-secondary);transform:translate(3px)}.shadow-level-link>span,.shadow-level-page__number{background:var(--level-tone);width:46px;height:46px;color:var(--text-on-dark);font-size:var(--fs-tiny);border-radius:10px;place-items:center;font-weight:820;display:grid}.shadow-level-link h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);letter-spacing:-.035em;margin:0 12px 0 0;display:inline}.shadow-level-link p{color:var(--text-secondary);font-size:var(--kc-ui-body);margin:0;display:inline}.shadow-level-link>b{color:var(--level-tone);font-size:var(--fs-caption);white-space:nowrap}.shadow-level-link>i{color:var(--level-tone);font-size:var(--kc-ui-card);font-style:normal}.shadow-search-results,.shadow-level-videos{gap:9px;margin-top:16px;display:grid}.shadow-search-results>header,.shadow-level-videos>header{justify-content:space-between;align-items:end;gap:18px;padding:4px 2px 7px;display:flex}.shadow-search-results>header span,.shadow-level-videos>header>b{color:var(--text-secondary);font-size:var(--fs-caption)}.shadow-video-result{border:1px solid var(--border-default);background:var(--surface-input);border-radius:11px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;padding:12px 16px;transition:all .18s;display:grid}.shadow-video-result:hover{border-color:var(--primary);transform:translateY(-1px)}.shadow-video-result>span{background:var(--primary);width:54px;height:54px;color:var(--text-on-dark);font-size:var(--kc-ui-body);border-radius:9px;place-items:center;display:grid}.shadow-video-result small{color:var(--accent-brown);font-size:var(--kc-ui-caption);letter-spacing:.04em;font-weight:780;display:block}.shadow-video-result strong{color:var(--color-text-primary);font-size:var(--kc-ui-body);margin-right:10px;display:inline}.shadow-video-result div>b{color:var(--text-secondary);font-family:var(--font-hanzi);font-size:14px;font-weight:600}.shadow-video-result p{color:var(--text-secondary);font-size:var(--kc-ui-body);margin:2px 0 0}.shadow-video-result>i{color:var(--color-text-primary);font-size:var(--fs-tiny);white-space:nowrap;font-style:normal;font-weight:780}.shadow-level-page__number{--level-tone:var(--active-green);width:60px;height:60px;font-size:var(--fs-body)}.shadow-level-page__number--hsk3-4,.shadow-level-page__number--hsk5,.shadow-level-page__number--hsk6{--level-tone:var(--active-green)}.shadow-level-tabs{height:auto;font-family:var(--font-sans);font-size:var(--fs-caption);letter-spacing:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0;display:grid}.shadow-level-tabs a{border:1px solid var(--border-default);background:var(--surface-card);min-height:38px;color:var(--text-secondary);border-radius:8px;place-items:center;font-weight:760;display:grid}.shadow-level-tabs a:hover,.shadow-level-tabs a.active{border-color:var(--primary);background:var(--primary);color:var(--text-on-dark)}.shadow-level-tabs--catalog{margin:14px 0 10px}.shadow-level-tabs--catalog button{--level-tone:var(--active-green);border:1px solid var(--border-default);background:var(--surface-card);min-height:55px;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 11px;transition:all .16s;display:grid}.shadow-level-tabs--catalog button:nth-child(2),.shadow-level-tabs--catalog button:nth-child(3),.shadow-level-tabs--catalog button:nth-child(4){--level-tone:var(--active-green)}.shadow-level-tabs--catalog button>span{background:var(--level-tone);width:30px;height:30px;color:var(--text-on-dark);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);border-radius:7px;place-items:center;display:grid}.shadow-level-tabs--catalog button>b{color:var(--color-text-primary);font-size:var(--kc-ui-label)}.shadow-level-tabs--catalog button>small{color:var(--level-tone);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);white-space:nowrap}.shadow-level-tabs--catalog button:hover{border-color:var(--level-tone);transform:translateY(-1px)}.shadow-level-tabs--catalog button.active{border-color:var(--level-tone);background:var(--level-tone);color:var(--text-on-dark);box-shadow:0 7px 16px color-mix(in srgb, var(--color-shadow-ink) 13%, transparent)}.shadow-level-tabs--catalog button.active>span{background:var(--brand-green-hover)}.shadow-level-tabs--catalog button.active>b,.shadow-level-tabs--catalog button.active>small{color:var(--text-on-dark)}.shadow-level-panel{--level-tone:var(--active-green);border:1px solid var(--border-default);border-top:4px solid var(--level-tone);background:var(--surface-card);border-radius:13px;overflow:hidden}.shadow-level-panel--hsk3-4,.shadow-level-panel--hsk5,.shadow-level-panel--hsk6{--level-tone:var(--active-green)}.shadow-level-panel>header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:11px 15px;display:flex}.shadow-level-panel>header>div{align-items:center;gap:12px;min-width:0;display:flex}.shadow-level-panel>header>div>span{background:var(--level-tone);width:40px;height:40px;color:var(--text-on-dark);font-size:var(--fs-caption);border-radius:9px;flex:none;place-items:center;font-weight:820;display:grid}.shadow-level-panel h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-card);letter-spacing:-.035em;margin:0}.shadow-level-panel header p{color:var(--text-secondary);font-size:var(--kc-ui-body);margin:2px 0 0}.shadow-level-panel header>b{color:var(--level-tone);font-size:var(--fs-tiny);white-space:nowrap}.shadow-level-panel__lessons{gap:8px;padding:12px 15px 15px;display:grid}.shadow-level-panel .shadow-video-result{margin:0}.shadow-level-empty{border:1px solid var(--border-default);background:var(--surface-card);border-radius:10px;align-items:center;gap:13px;min-height:86px;padding:13px;display:flex}.shadow-level-empty>span{background:color-mix(in srgb, var(--level-tone), var(--surface-secondary) 48%);width:64px;height:54px;color:var(--text-on-dark);font-family:var(--font-hanzi);border-radius:8px;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid}.shadow-level-empty strong{color:var(--color-text-primary);font-size:var(--kc-ui-label)}.shadow-level-empty p{color:var(--text-secondary);font-size:var(--kc-ui-body);margin:3px 0 0}.shadow-level-videos{margin-top:0}.shadow-level-videos h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--kc-ui-section);letter-spacing:-.03em;margin:1px 0 0}.shadow-room[data-mode=shadowing] .shadow-room__practice{align-content:start;padding-top:0;display:grid;overflow:visible}@media (max-width:1050px){.shadow-catalog__top{grid-template-columns:1fr;gap:12px}}@media (max-width:620px){.shadow-catalog__top{min-height:0;padding:14px 0}.shadow-catalog__intro{grid-template-columns:46px 1fr;gap:12px}.shadow-catalog__intro .hanzi-icon.large,.shadow-level-page__number{width:46px;height:46px;font-size:21px}.shadow-catalog__intro h1{font-size:var(--kc-ui-section)}.shadow-catalog__intro p{display:none}.shadow-level-link{grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;padding:12px}.shadow-level-link>span{width:40px;height:40px}.shadow-level-link p,.shadow-level-link>b{display:none}.shadow-level-link>i{grid-area:1/3}.shadow-level-tabs{grid-template-columns:repeat(2,1fr)}.shadow-level-tabs--catalog button{min-height:51px}.shadow-level-tabs--catalog button>small{display:none}.shadow-level-panel>header{align-items:flex-start}.shadow-level-panel header p{display:none}.shadow-video-result{grid-template-columns:46px minmax(0,1fr);padding:10px}.shadow-video-result>span{width:44px;height:44px}.shadow-video-result>i,.shadow-video-result p{display:none}}.shadow-library{--shadow-ink:var(--kc-green-deep);--shadow-body:var(--kc-text);--shadow-muted:var(--kc-text-secondary);--shadow-accent:var(--kc-accent-deep);gap:20px;display:grid}.shadow-library__hero{grid-template-columns:minmax(0,780px) 124px;justify-content:space-between;align-items:center;gap:clamp(18px,3vw,42px);min-width:0;min-height:160px;padding:24px clamp(4px,1vw,12px) 16px;display:grid;position:relative}.shadow-library__identity{min-width:0;display:block}.shadow-library__intro{min-width:0}.shadow-library__eyebrow{color:var(--subpage-hero-label);font-size:var(--kc-ui-caption);letter-spacing:.08em;margin-bottom:6px;display:block}.shadow-library__hero h1{color:var(--subpage-hero-heading);font-family:var(--font-display);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);letter-spacing:-.045em;margin:0}.shadow-library__hero p{color:var(--subpage-hero-copy);max-width:700px;font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:10px 0 0}.shadow-library__mascot{z-index:3;place-self:end;width:112px;transform:translateY(44px)}.shadow-library__mascot figcaption{width:132px;font-size:var(--kc-ui-caption);border-radius:16px;top:22%;right:calc(100% - 14px)}.shadow-library__mascot img{filter:drop-shadow(0 18px 18px color-mix(in srgb, var(--color-shadow-ink) 14%, transparent))}.shadow-library__topbar{justify-content:flex-end;align-items:center;min-width:0;display:flex}.shadow-library__topbar .search-box{background:var(--kc-surface);width:min(100%,380px);max-width:380px;min-height:38px;box-shadow:none;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;margin:0;padding-inline:12px}.shadow-library__search:focus-within{border-color:var(--primary);box-shadow:none}.shadow-library__search-icon{width:15px;height:15px;color:var(--shadow-body);stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.shadow-library__topbar .search-box input{min-width:0;height:36px;color:var(--shadow-ink);font-size:var(--kc-ui-body)}.shadow-library__topbar .search-box input::placeholder{color:var(--shadow-muted);opacity:1}.shadow-library__count{color:var(--shadow-body);font-size:var(--kc-ui-caption);white-space:nowrap;margin:0;font-weight:700;line-height:1.2}.shadow-library-section{gap:9px;margin-top:0;display:grid}.shadow-library-section__head{justify-content:space-between;align-items:end;gap:12px;display:flex}.shadow-library-section__head h2{color:var(--shadow-ink);font-family:var(--font-display);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);letter-spacing:-.025em;margin:0}.shadow-library-section__head p{color:var(--shadow-body);-webkit-line-clamp:1;font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);-webkit-box-orient:vertical;margin:3px 0 0;display:-webkit-box;overflow:hidden}.shadow-library-section__head strong{color:var(--shadow-ink);font-size:var(--kc-ui-caption);white-space:nowrap}.shadow-library__control-row{border:1px solid var(--kc-border);background:var(--kc-surface-strong);box-shadow:0 6px 18px color-mix(in srgb, var(--color-shadow-ink) 3.5%, transparent);border-radius:14px;grid-template-columns:max-content minmax(280px,380px);justify-content:start;align-items:center;gap:7px 18px;padding:12px;display:grid}.shadow-library__level-tabs{flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:100%;display:flex}.shadow-library__level-tab,.shadow-library__type-tab{border:1px solid var(--line);background:var(--kc-surface);min-height:36px;color:var(--shadow-body);border-radius:10px;transition:all .16s}.shadow-library__level-tab{flex:none;justify-content:center;align-items:center;gap:6px;padding-inline:14px;display:flex}.shadow-library__level-tab strong{color:var(--shadow-ink);font-size:var(--kc-ui-label);letter-spacing:-.025em;white-space:nowrap;line-height:1}.shadow-library__level-tab small{text-align:center;font-size:var(--kc-ui-caption);color:var(--shadow-muted);white-space:nowrap;line-height:1}.shadow-library__level-tab small:before{content:"·";margin-right:6px}.shadow-library__level-tab.active,.shadow-library__type-tab.active{border-color:var(--kc-active,var(--kc-green));background:var(--kc-active,var(--kc-green));color:var(--text-on-dark)}.shadow-library__level-tab.active small,.shadow-library__level-tab.active strong{color:var(--text-on-dark)}.shadow-library__type-filters{overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;grid-column:1/-1;gap:6px;max-width:100%;display:flex;overflow-x:auto}.shadow-library__type-filters::-webkit-scrollbar{display:none}.shadow-library__type-tab{min-height:30px;font-size:var(--kc-ui-caption);color:var(--shadow-body);border-radius:999px;flex:none;padding:0 12px;font-weight:700}.shadow-library__type-tab.active{color:var(--text-on-dark)}.shadow-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.shadow-library-card{border:1px solid var(--line);background:var(--card);box-shadow:0 8px 20px color-mix(in srgb, var(--color-shadow-ink) 6%, transparent);border-radius:14px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}a.shadow-library-card:hover{border-color:color-mix(in srgb, var(--tone,var(--primary)) 55%, var(--line));box-shadow:0 12px 26px color-mix(in srgb, var(--color-shadow-ink) 11%, transparent);transform:translateY(-2px)}.shadow-library-card,.shadow-library-card__content{grid-template-rows:auto minmax(0,1fr);min-height:100%;display:grid}.shadow-library-card.is-demo-card{cursor:default;box-shadow:0 5px 14px color-mix(in srgb, var(--color-shadow-ink) 4%, transparent)}.shadow-library-card.is-demo-card .shadow-library-card__play{display:none}.shadow-library-card__thumb-wrap{aspect-ratio:16/9;background:color-mix(in srgb, var(--tone,var(--brand-green)) 22%, var(--surface-secondary));place-items:center;display:grid;position:relative;overflow:hidden}.shadow-library-card__thumb-wrap img,.shadow-library-card__fallback{object-fit:cover;width:100%;height:100%}.shadow-library-card__fallback{color:var(--surface-card);font-family:var(--font-hanzi);text-align:center;background:color-mix(in srgb, var(--tone,var(--brand-green)) 84%, var(--text-on-dark));text-shadow:0 1px 2px color-mix(in srgb, var(--color-shadow-ink) 25%, transparent);letter-spacing:.02em;place-items:center;font-size:15px;font-weight:720;display:grid}.shadow-library-card__fallback.is-demo{background:color-mix(in srgb, var(--tone,var(--brand-green)) 66%, var(--border-default));text-shadow:none}.shadow-library-card__badge{z-index:2;border:1px solid var(--color-level-border);color:var(--color-level-text);font-size:var(--kc-ui-caption);letter-spacing:.03em;background:var(--color-level-bg);border-radius:999px;padding:4px 8px;line-height:1;position:absolute}.shadow-library-card__badge--level{top:8px;left:8px}.shadow-library-card__badge--type{top:8px;right:8px}.shadow-library-card__badge--duration{bottom:8px;right:8px}.shadow-library-card__badge--vip{background:var(--color-vip-bg);border-color:var(--color-vip-border);color:var(--color-vip-text);bottom:8px;left:8px}.shadow-library-card__play{border:1px solid var(--border-default);width:25px;height:25px;font-size:var(--fs-tiny);color:var(--text-on-dark);background:var(--brand-green);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.shadow-library-card__body{flex-direction:column;min-height:0;padding:9px 10px 10px;display:flex}.shadow-library-card__title-group{gap:5px;display:grid}.shadow-library-card__body h3{color:var(--shadow-ink);font-size:var(--kc-ui-card);line-height:var(--kc-ui-leading-heading);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.shadow-library-card__title-zh{color:var(--shadow-body);font-size:13px;font-family:var(--font-hanzi);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.shadow-library-card__meta{font-size:var(--kc-ui-caption);color:var(--shadow-muted);flex-wrap:nowrap;gap:6px;margin-top:7px;display:flex;overflow:hidden}.shadow-library-card__meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shadow-library-card__body p{color:var(--shadow-body);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.shadow-library-card__progress{gap:4px;margin-top:7px;display:grid}.shadow-library-card__progress i{background:var(--color-progress-track);border-radius:999px;height:5px;display:block;overflow:hidden}.shadow-library-card__progress i span{border-radius:inherit;background:var(--color-progress-active);height:100%;display:block}.shadow-library-card__cta{border:1px solid var(--border-default);color:var(--shadow-ink);font-size:var(--fs-caption);letter-spacing:.02em;border-radius:999px;place-self:flex-start start;margin-top:9px;padding:5px 10px;font-weight:740}.shadow-library-card.is-demo-card .shadow-library-card__cta{color:var(--text-secondary);background:var(--surface-card);border-style:dashed}.shadow-library-empty{border:1px dashed var(--border-default);background:var(--kc-surface-strong);border-radius:10px;padding:12px}.shadow-library-empty>div{align-items:center;gap:10px;display:flex}.shadow-library-empty>div>span{border:1px solid var(--border-default);background:var(--surface-card);width:34px;height:34px;color:var(--accent-brown);font-size:var(--kc-ui-card);border-radius:50%;flex:none;place-items:center;display:grid}.shadow-library-empty p{color:var(--shadow-body);font-size:var(--kc-ui-body);margin:3px 0 0}.shadow-library-empty b{color:var(--shadow-ink);font-size:var(--kc-ui-label)}.shadow-library-continue{background:var(--color-surface);border:1px solid var(--border-default);border-radius:10px;padding:8px}.shadow-library-continue__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;display:grid}.shadow-library-continue__card{border:1px solid var(--surface-secondary);background:var(--kc-surface);border-radius:9px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:82px;padding:7px 9px;text-decoration:none;display:grid}.shadow-library-continue__thumb{background:var(--surface-secondary);width:84px;height:52px;color:var(--color-text-primary);font-family:var(--font-hanzi);border-radius:8px;place-items:center;font-size:15px;display:grid;overflow:hidden}.shadow-library-continue__thumb img{object-fit:cover;width:100%;height:100%}.shadow-library-continue__copy p{margin:0}.shadow-library-continue__copy strong{color:var(--shadow-ink);font-size:var(--kc-ui-label)}.shadow-library-continue__copy span{color:var(--shadow-muted);font-size:var(--fs-tiny);margin-top:4px;display:block}.shadow-library-continue__progress{gap:4px;margin-top:7px;display:grid}.shadow-library-continue__progress span{color:var(--shadow-body);font-size:var(--fs-tiny)}.shadow-library-continue__progress i{background:var(--color-progress-track);border-radius:999px;height:5px;display:block}.shadow-library-continue__progress i span{border-radius:inherit;background:var(--color-progress-active);height:100%;display:block}.shadow-library-continue__action{border:1px solid var(--border-default);color:var(--shadow-ink);font-size:var(--fs-tiny);border-radius:999px;justify-self:end;padding:5px 9px;font-weight:700}.shadow-library-continue__action.is-disabled{color:var(--text-secondary);border-style:dashed}.shadow-library-continue__card.is-demo-card{opacity:1}@media (max-width:1180px){.shadow-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.shadow-library__control-row{grid-template-columns:max-content minmax(240px,320px)}.shadow-library__topbar .search-box{max-width:320px}}@media (max-width:860px){.shadow-library__hero{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:20px;min-height:154px;padding-block:22px 14px}.shadow-library__mascot{width:104px;transform:translateY(26px)}.shadow-library__mascot figcaption{display:none}.shadow-library__control-row{grid-template-columns:1fr}.shadow-library__topbar{justify-self:start;width:min(100%,380px)}.shadow-library__topbar .search-box{width:100%;max-width:none}.shadow-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.shadow-library{gap:11px}.shadow-library__hero{grid-template-columns:minmax(0,1fr) 94px;gap:10px;min-height:140px;padding-block:22px 12px}.shadow-library__identity{align-items:flex-start;gap:10px}.shadow-library__eyebrow{font-size:var(--kc-ui-caption);margin-bottom:5px}.shadow-library__hero h1{font-size:var(--kc-ui-section)}.shadow-library__hero p{font-size:var(--kc-ui-body);margin-top:8px}.shadow-library__mascot{width:90px;transform:translateY(22px)}.shadow-library__topbar{flex-wrap:wrap;align-items:flex-start;gap:5px}.shadow-library__topbar .search-box{width:100%;max-width:none}.shadow-library__level-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.shadow-library__level-tabs::-webkit-scrollbar{display:none}.shadow-library__level-tab{flex:none}.shadow-library-grid{grid-template-columns:1fr}.shadow-library-section__head{align-items:start}}@media (max-width:420px){.shadow-library__hero{grid-template-columns:minmax(0,1fr) 82px}.shadow-library__hero h1{font-size:var(--kc-ui-section)}.shadow-library__mascot{width:80px}.shadow-library-card__body{padding:11px 12px 12px}}.brand,.hero h1,.page-hero h1,.category-hero h1,.level-hero h1,.learning-hero h1,.vip-hero h1,.profile-hero h1,.section-heading h2,.content-heading h2,.category-card h2,.skill-card h3,.lesson-row h3,.content-row h3,.shadow-catalog__intro h1,.shadow-catalog__group h2,.shadow-level-link h2,.shadow-level-panel h2,.shadow-level-videos h2{font-family:var(--kc-font-display)}.brand{font-size:var(--kc-type-title);font-weight:var(--kc-weight-bold);letter-spacing:var(--kc-tracking-tight)}.topbar nav{font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:0;justify-content:flex-start;justify-self:stretch;gap:30px}@media (max-width:1040px){.topbar{grid-template-columns:1fr auto;gap:28px}}.primary-button{font-family:var(--kc-font-sans);font-size:var(--kc-ui-body);font-weight:var(--kc-ui-weight-action);letter-spacing:0;line-height:var(--kc-ui-leading-body)}.outline-button,.text-button,.player-toolbar button,.speed-control button{font-family:var(--kc-font-sans);font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);letter-spacing:0;line-height:var(--kc-ui-leading-body)}.hero h1,.page-hero h1,.category-hero h1,.level-hero h1,.learning-hero h1,.vip-hero h1,.profile-hero h1,.section-heading h2,.content-heading h2{font-size:var(--kc-ui-section);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-heading);letter-spacing:var(--kc-tracking-tight)}.category-card h2,.skill-card h3,.lesson-row h3,.content-row h3,.shadow-level-link h2,.shadow-level-panel h2{font-size:var(--kc-ui-card);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-heading);letter-spacing:var(--kc-tracking-tight)}.hero-copy>p,.page-hero p,.category-hero p,.level-hero p,.learning-hero p,.lesson-row p,.content-row p,.category-card p{font-size:var(--kc-ui-body);font-weight:var(--kc-weight-medium);line-height:var(--kc-ui-leading-body)}.eyebrow,.level-index,.row-number,.lesson-row>span,.breadcrumbs,.category-card small,.category-card i,.level-stats,:where(.site-footer) div{font-family:var(--kc-font-sans);font-size:var(--kc-ui-caption);font-weight:var(--kc-weight-semibold);letter-spacing:0;line-height:var(--kc-leading-normal)}.vocab-grid strong,.tone-display strong,.tone-grid strong{font-family:var(--kc-font-hanzi);font-size:var(--kc-type-chinese-word);font-weight:var(--kc-weight-extrabold);line-height:1.1}.dialogue-line strong{font-family:var(--kc-font-hanzi);font-size:var(--kc-type-chinese-dialogue);font-weight:var(--kc-weight-bold);line-height:var(--kc-leading-chinese);overflow-wrap:anywhere;white-space:normal}.example-box>span,.story-reader article h3,.shadow-line__copy strong{font-family:var(--kc-font-hanzi);font-size:var(--kc-type-chinese-example);font-weight:var(--kc-weight-regular);line-height:var(--kc-leading-chinese);overflow-wrap:anywhere;white-space:normal}.site-shell:has(.hsk1-course-catalog){--hsk1-page:color-mix(in srgb, var(--sand-300) 50%, var(--sand-200));--hsk1-hero:color-mix(in srgb, var(--sand-200) 65%, var(--ivory-200));--hsk1-card:var(--ivory-200);--hsk1-border:var(--border-medium);--hsk1-secondary:var(--text-secondary)}.shadow-catalog__group h2,.shadow-level-videos h2{font-size:var(--kc-ui-section);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-heading);letter-spacing:var(--kc-tracking-tight)}.site-shell:has(.hsk1-course-catalog) .inner-main{padding-bottom:64px}.site-shell:has(.hsk1-course-catalog) .level-hero-row{min-height:225px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 10px;overflow:visible}.site-shell:has(.hsk1-course-catalog) .level-hero-row:before{display:none}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact{z-index:1;width:min(100% - 190px,790px);min-height:225px;padding:52px 0 42px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact .eyebrow{color:var(--subpage-hero-label);font-size:var(--kc-ui-caption);font-weight:var(--kc-weight-bold);letter-spacing:.04em;margin-bottom:6px;line-height:1.4}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact>div>h1{color:var(--subpage-hero-heading);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);margin-top:0}.hsk1-hero-subtitle{color:var(--subpage-hero-copy);font-size:var(--kc-ui-body);font-weight:var(--kc-weight-bold);line-height:var(--kc-ui-leading-body);margin-top:4px;display:block}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact>div>p{max-width:590px;color:var(--subpage-hero-copy);font-size:var(--kc-ui-body);font-weight:var(--kc-weight-semibold);line-height:var(--kc-ui-leading-body);margin-top:8px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact>div>div{color:var(--subpage-hero-label);font-size:var(--fs-caption);font-weight:var(--kc-weight-bold);gap:9px 20px;margin-top:12px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator{z-index:1;width:112px;bottom:-4px;right:28px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption{background:var(--color-surface);border-radius:999px;grid-template-columns:13px minmax(0,1fr);gap:2px 7px;width:clamp(220px,20vw,270px);min-height:54px;padding:8px 13px;top:9px;right:calc(100% + 8px)}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption:after{background:var(--color-surface);width:14px;height:12px;right:-13px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption>span{font-size:var(--kc-ui-caption)}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption>strong{font-size:var(--kc-ui-caption);line-height:1.4}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption>button{font-size:var(--kc-ui-label)}.hsk1-course-catalog{gap:12px;display:grid}.hsk-level-overview{border-bottom:1px solid color-mix(in srgb, var(--hsk1-border) 82%, transparent);grid-template-columns:minmax(0,1.22fr) minmax(470px,1.4fr);align-items:center;gap:clamp(18px,3vw,42px);min-height:246px;padding:22px 20px 24px;display:grid;position:relative;overflow:hidden}.hsk-level-overview__copy{min-width:0}.hsk-level-overview__breadcrumb{color:var(--hsk1-secondary);font-size:var(--fs-caption);align-items:center;gap:7px;margin-bottom:8px;display:flex}.hsk-level-overview__breadcrumb a{color:inherit}.hsk-level-overview__breadcrumb a:hover{color:var(--color-text-primary)}.hsk-level-overview__breadcrumb strong{color:var(--text-primary)}.hsk-level-overview__copy h1{color:var(--color-accent);font-size:var(--kc-ui-section);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.045em;line-height:var(--kc-ui-leading-heading);margin:0}.hsk-level-overview__subtitle{color:var(--text-primary);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin-top:8px;display:block}.hsk-level-overview__copy>p{max-width:610px;color:var(--text-secondary);font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);margin:13px 0 0}.hsk-level-overview__meta{color:var(--text-primary);font-size:var(--kc-ui-caption);align-items:center;gap:13px 24px;margin-top:16px;font-weight:650;display:flex}.hsk-level-overview__meta span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.hsk-level-overview__meta svg{width:19px;height:19px;color:var(--brand-green);stroke-width:1.9px}.hsk-level-overview__progress-cluster{grid-template-columns:150px minmax(320px,1fr);align-items:center;min-width:0;display:grid}.hsk-level-overview__mascot{--hsk-level-mascot-edge-offset:10.2%;z-index:2;width:140px;transform:translateX(var(--hsk-level-mascot-edge-offset));pointer-events:none;justify-self:end;position:relative}.hsk-level-overview__mascot--hsk2{--hsk-level-mascot-edge-offset:2.8%}.hsk-level-overview__mascot--hsk3{--hsk-level-mascot-edge-offset:4.1%}.hsk-level-overview__mascot img{width:100%;height:auto;filter:drop-shadow(0 12px 14px color-mix(in srgb, var(--color-shadow-ink) 14%, transparent))}.hsk-level-overview__progress{z-index:1;border:1px solid var(--border-default);background:var(--color-surface);min-width:0;box-shadow:0 10px 24px color-mix(in srgb, var(--color-shadow-ink) 7%, transparent);border-radius:15px;gap:19px;padding:22px 24px;display:grid;position:relative}.hsk-level-overview__progress-heading{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.hsk-level-overview__progress-heading strong{color:var(--text-primary);font-size:var(--fs-card-title)}.hsk-level-overview__progress-heading span{color:var(--text-secondary);font-size:var(--fs-body-sm);text-align:right}.hsk-level-overview__meter{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.hsk-level-overview__meter>div{background:var(--color-progress-track);border-radius:999px;height:10px;overflow:hidden}.hsk-level-overview__meter>div>span{border-radius:inherit;background:var(--color-progress-active);height:100%;transition:width .2s;display:block}.hsk-level-overview__meter>b{min-width:43px;color:var(--active-green);font-size:var(--fs-card-title);text-align:right}.hsk-level-overview__cta{background:var(--brand-green);width:fit-content;min-height:48px;color:var(--text-on-dark);font-size:var(--fs-button);box-shadow:0 4px 0 var(--color-brand-deep), 0 10px 19px color-mix(in srgb, var(--color-shadow-ink) 20%, transparent);border-radius:10px;justify-content:center;justify-self:center;align-items:center;gap:10px;padding:0 24px;font-weight:800;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.hsk-level-overview__cta:hover{background:var(--brand-green-hover);box-shadow:0 5px 0 var(--color-brand-deep), 0 12px 22px color-mix(in srgb, var(--color-shadow-ink) 24%, transparent);transform:translateY(-1px)}.hsk-level-overview__cta:active{box-shadow:0 1px 0 var(--color-brand-deep), 0 4px 8px color-mix(in srgb, var(--color-shadow-ink) 18%, transparent);transform:translateY(3px)}.hsk1-content-heading{margin:4px 0 0}.hsk1-content-heading .eyebrow{font-size:var(--kc-ui-caption);margin-bottom:3px}.hsk1-content-heading h2{font-size:var(--kc-ui-section)}.hsk1-content-heading>span{color:var(--hsk1-secondary);font-size:var(--fs-body-sm);font-weight:700}.lesson-list--hsk1-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lesson-list--hsk1-grid .lesson-row{box-sizing:border-box;--kc-card-fill:var(--color-brand);flex-direction:column;gap:6px;min-width:0;height:100%;min-height:0;padding:13px 17px 11px;display:flex;position:relative}.lesson-list--hsk1-grid .lesson-row:hover{border-color:var(--color-yellow);background:var(--color-brand-panel);box-shadow:0 11px 25px color-mix(in srgb, var(--color-shadow-ink) 19%, transparent)}.lesson-list--hsk1-grid .lesson-card-head{flex:0 0 30px;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;width:100%;min-height:30px;display:flex}.lesson-list--hsk1-grid .lesson-card-head .lesson-number{background:var(--level-badge-bg);width:30px;height:30px;color:var(--color-text-primary);font-size:var(--fs-tiny);box-shadow:0 3px 8px color-mix(in srgb, var(--color-shadow-ink) 13%, transparent);border:0;border-radius:50%;place-items:center;font-weight:800;line-height:1;display:grid}.lesson-list--hsk1-grid .lesson-card-body{flex-direction:column;flex:auto;gap:6px;width:100%;min-width:0;display:flex}.lesson-list--hsk1-grid .lesson-card-titles{text-align:left;flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.lesson-list--hsk1-grid .lesson-row em{border:1px solid var(--color-yellow);background:var(--color-yellow);min-height:22px;color:var(--color-text-primary);font-size:var(--fs-tiny);box-shadow:none;border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.lesson-list--hsk1-grid .lesson-row em.free{border-color:var(--color-level-border);background:var(--color-brand);color:var(--color-white);box-shadow:none}.lesson-list--hsk1-grid .lesson-title-chinese{max-height:57px;color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:22px;font-weight:750;line-height:1.3;display:-webkit-box;overflow:hidden}.lesson-list--hsk1-grid .lesson-title-vietnamese{max-height:40px;color:var(--color-white);font-size:var(--fs-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.lesson-list--hsk1-grid .lesson-card-stats{height:20px;color:var(--color-white);font-size:var(--fs-caption);grid-template-columns:repeat(2,max-content);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;display:grid}.lesson-list--hsk1-grid .lesson-card-stats span{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.lesson-list--hsk1-grid .lesson-card-stats svg{stroke-width:1.8px;flex:none;width:15px;height:15px}.lesson-list--hsk1-grid .lesson-card-footer{border-top:1px solid color-mix(in srgb, var(--color-white) 22%, transparent);align-items:center;gap:12px;height:34px;margin-top:auto;padding-top:6px;display:flex}.lesson-list--hsk1-grid .lesson-card-state{color:var(--color-white);font-size:var(--fs-body-sm);white-space:nowrap;align-items:center;gap:7px;font-weight:650;display:inline-flex}.lesson-list--hsk1-grid .lesson-card-state i{border:1.5px solid;border-radius:50%;width:17px;height:17px}.lesson-list--hsk1-grid .lesson-card-state.is-started{color:var(--color-yellow-text-on-dark)}.lesson-list--hsk1-grid .lesson-card-state.is-started i{border-color:var(--color-yellow);background:var(--color-yellow);box-shadow:inset 0 0 0 4px var(--color-brand)}.lesson-list--hsk1-grid .lesson-card-state.is-complete i{background:var(--color-yellow);box-shadow:inset 0 0 0 4px var(--color-brand)}.lesson-card-progress{flex:1;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.lesson-card-progress>div{background:color-mix(in srgb, var(--color-white) 22%, transparent);border-radius:999px;flex:1;height:4px;overflow:hidden}.lesson-card-progress>div>span{border-radius:inherit;background:var(--color-yellow);height:100%;display:block}.lesson-card-progress>b{color:var(--color-white);font-size:var(--fs-caption)}.lesson-card-cta{border:1px solid color-mix(in srgb, var(--color-white) 36%, transparent);min-height:30px;color:var(--color-white);background:color-mix(in srgb, var(--color-white) 10%, transparent);box-shadow:0 3px 0 color-mix(in srgb, var(--color-shadow-ink) 50%, transparent), 0 7px 13px color-mix(in srgb, var(--color-shadow-ink) 20%, transparent);font-size:var(--fs-button);border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:0 9px;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.lesson-row:hover .lesson-card-cta{--kc-card-fill:color-mix(in srgb, var(--color-white) 16%, transparent);transform:translateY(-1px)}.lesson-row:active .lesson-card-cta{transform:translateY(2px)}@media (min-width:1600px){.lesson-list--hsk1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1279px){.lesson-list--hsk1-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact{width:calc(100% - 145px)}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator{width:100px;right:12px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator figcaption{display:none}.hsk-level-overview{grid-template-columns:1fr;gap:20px}.hsk-level-overview__progress-cluster{grid-template-columns:126px minmax(0,1fr)}.hsk-level-overview__mascot{width:118px}.hsk-level-overview__progress{grid-template-columns:minmax(0,1fr) auto;align-items:center}.hsk-level-overview__progress-heading{gap:3px;display:grid}.hsk-level-overview__progress-heading span{text-align:left}.hsk-level-overview__meter{min-width:250px}.hsk-level-overview__cta{grid-area:1/2/3}.lesson-list--hsk1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.site-shell:has(.hsk1-course-catalog) .level-hero-row{min-height:0;margin-top:0}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact{width:100%;min-height:0;padding:36px 0 28px}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-motivator{display:none}.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact>div>div{gap:5px 10px;display:flex}.hsk-level-overview{grid-template-columns:1fr;padding-inline:2px}.hsk-level-overview__copy h1{font-size:var(--kc-ui-section)}.hsk-level-overview__copy>p{font-size:var(--kc-ui-body)}.hsk-level-overview__meta{flex-direction:column;align-items:flex-start;gap:8px}.hsk-level-overview__progress-cluster{display:block}.hsk-level-overview__mascot{display:none}.hsk-level-overview__progress{grid-template-columns:1fr;gap:14px;padding:18px}.hsk-level-overview__meter{min-width:0}.hsk-level-overview__cta{grid-area:auto/1;width:100%}.hsk1-content-heading{align-items:end}.lesson-list--hsk1-grid{grid-template-columns:1fr}.lesson-list--hsk1-grid .lesson-row{height:auto;min-height:0}}@media (max-width:430px){.site-shell:has(.hsk1-course-catalog) .level-hero-row .level-hero--compact>div>h1{font-size:var(--kc-ui-section)}.hsk-level-overview{grid-template-columns:1fr;gap:12px}.hsk-level-overview__copy,.hsk-level-overview__breadcrumb{text-align:left}.hsk-level-overview__progress-heading{grid-template-columns:1fr}.hsk1-content-heading h2{font-size:var(--kc-ui-section)}.hsk1-content-heading>span{font-size:var(--fs-body-sm)}}.kc-raised-card,.continue-card,.hsk-card,.skill-card,.level-row,.lesson-row,.content-row,.category-card,.lesson-player,.story-reader,.shadow-player,.pronunciation-player,.translation-player,.grammar-panel,.account-card,.locked-panel,.pricing-grid>article,.stats-grid article,.payment-status-card{--kc-card-fill:var(--color-surface);isolation:isolate;border-radius:var(--radius-card);background:var(--kc-card-fill,var(--color-surface));box-shadow:var(--kc-raised-shadow);border:0;position:relative}.kc-button,.primary-button,.outline-button,.record-button,.save-translation{isolation:isolate;border-radius:var(--radius-button);color:var(--button-ink,var(--color-white));background:var(--button-color,var(--color-info));box-shadow:var(--kc-button-shadow);text-align:center;border:0;position:relative;overflow:hidden}.kc-button:not([data-button-fill=none]):before,.primary-button:before,.outline-button:before,.record-button:before,.save-translation:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(to right, var(--button-fill-start,color-mix(in srgb, var(--button-color,var(--color-info)) 85%, var(--kc-navy))), var(--button-fill-end,color-mix(in srgb, var(--button-color,var(--color-info)) 95%, var(--button-accent,var(--kc-blue)))));pointer-events:none;width:0;height:100%;transition:width .5s;position:absolute;inset:0 auto 0 0}.kc-button:not([data-button-fill=none]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]):before,.primary-button:is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]):before,.outline-button:is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]):before,.record-button:is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]):before,.save-translation:is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]):before{width:100%}:is(.kc-button:focus-visible,.primary-button:focus-visible,.outline-button:focus-visible,.record-button:focus-visible,.save-translation:focus-visible){outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-focus);outline-offset:4px}.kc-button:is(:disabled,[aria-disabled=true]),.primary-button:is(:disabled,[aria-disabled=true]),.outline-button:is(:disabled,[aria-disabled=true]),.record-button:is(:disabled,[aria-disabled=true]),.save-translation:is(:disabled,[aria-disabled=true]){cursor:not-allowed;box-shadow:none}.kc-button:not([data-button-fill=none]):is(:disabled,[aria-disabled=true]):before,.primary-button:is(:disabled,[aria-disabled=true]):before,.outline-button:is(:disabled,[aria-disabled=true]):before,.record-button:is(:disabled,[aria-disabled=true]):before,.save-translation:is(:disabled,[aria-disabled=true]):before{display:none}@media (prefers-reduced-motion:reduce){.kc-button:not([data-button-fill=none]):before,.primary-button:before,.outline-button:before,.record-button:before,.save-translation:before{transition:none}}:root{--kc-ui-font:"Nunito", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--kc-ui-font-heading:var(--kc-ui-font);--kc-ui-display:4rem;--kc-ui-section:2rem;--kc-ui-featured:1.5rem;--kc-ui-card:1.5rem;--kc-shadowing-title:1.25rem;--kc-ui-lead:1.125rem;--kc-ui-body:1rem;--kc-ui-label:1rem;--kc-ui-caption:.875rem;--kc-ui-question-marker-size:1.625rem;--kc-ui-question-marker-font:var(--kc-ui-caption);--kc-ui-marker:.75rem;--kc-ui-learning-body:1.125rem;--kc-ui-flashcard-metadata:1.25rem;--kc-ui-tip-copy:1.25rem;--kc-ui-tip-heading:1.375rem;--kc-ui-hanzi-example:1.75rem;--kc-ui-hanzi-paragraph:1rem;--kc-ui-hanzi-paragraph-fit:clamp(.75rem, 2.5dvh, 1rem);--kc-ui-pinyin-paragraph-fit:clamp(.6875rem, 2.1dvh, .875rem);--kc-ui-hanzi-word:2rem;--kc-ui-pinyin-result:3rem;--kc-ui-weight-display:900;--kc-ui-weight-heading:800;--kc-ui-weight-action:700;--kc-ui-weight-body:500;--kc-ui-weight-caption:600;--kc-font-hsk-pinyin:Arial, "Segoe UI", sans-serif;--kc-ui-leading-heading:1.25;--kc-ui-leading-block:1.3;--kc-ui-leading-control:1.4;--kc-ui-leading-result:1.2;--kc-ui-leading-body:1.6}:where(h1,h2,h3){font-family:var(--kc-ui-font-heading);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-heading)}:where(h1){font-size:var(--kc-ui-section)}:where(h2,h3){font-size:var(--kc-ui-card);line-height:var(--kc-ui-leading-block)}:where(small){font-size:var(--kc-ui-caption);font-weight:var(--kc-ui-weight-caption);line-height:var(--kc-ui-leading-control)}[data-hsk-hanzi-step]{--kc-font-pinyin:var(--kc-font-hsk-pinyin);--font-pinyin:var(--kc-font-pinyin);--kc-hsk-learning-ink:var(--palette-black)}[data-hsk-hanzi-step="100"]{--kc-hsk-hanzi-step:100}[data-hsk-hanzi-step="0"]{--kc-hsk-hanzi-step:0}[data-hsk-content-size=standard]{--kc-hsk-room-hanzi-size:var(--kc-ui-body);--kc-hsk-room-pinyin-size:var(--kc-ui-body)}[lang=zh-Latn-pinyin]{font-family:var(--kc-font-pinyin);font-style:normal;font-weight:var(--kc-weight-regular)}@media (max-width:1023px){:root{--kc-ui-display:3rem;--kc-ui-section:2rem}}@media (max-width:640px){:root{--kc-ui-display:2.25rem;--kc-ui-section:1.625rem;--kc-ui-lead:1rem;--kc-ui-learning-body:1rem;--kc-ui-pinyin-result:2.5rem}}:root{--site-header-height:clamp(60px, 5vw, 72px)}.site-header.topbar{background:var(--header-background);--header-ease:cubic-bezier(.2,.7,.2,1);--header-control-size:40px;width:100%;height:auto;min-height:var(--site-header-height);box-shadow:var(--header-surface-shadow,0 2px 10px color-mix(in srgb, var(--palette-primary-navy) 16%, transparent));z-index:40;--kc-font-sans:var(--kc-ui-font);--font-sans:var(--kc-ui-font);--font-display:var(--kc-ui-font);--header-label-size:var(--kc-ui-label);--header-caption-size:var(--kc-ui-caption);--header-nav-weight:var(--kc-ui-weight-action);font-family:var(--kc-ui-font);font-size:var(--kc-ui-label);line-height:var(--kc-ui-leading-body);--header-ink:var(--kc-white);--header-active-ink:var(--header-selected-ink,color-mix(in srgb, var(--color-yellow) 40%, var(--kc-white)));--header-focus:var(--header-focus-ink,var(--kc-white));--header-menu-border:transparent;--header-logo-width:200px;border:0;border-radius:0;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:clamp(16px,2vw,28px);padding-block:6px;padding-inline:max(24px,50vw - 620px)}.site-header .brand{justify-self:start;min-width:0;max-width:100%;font-size:26px}.site-header .kc-brand-art{width:var(--header-logo-width,220px);max-width:100%;height:calc(var(--header-logo-width,220px) * 335 / 1382);grid-template-rows:minmax(0,1fr);grid-template-columns:27% minmax(0,1fr);align-items:center;display:grid;container-type:inline-size}.site-header .kc-brand-panda{align-items:center;min-width:0;height:100%;display:flex}.site-header .kc-brand-image{width:100%;height:auto;display:block}.site-header .kc-brand-lettering,.site-header .header-nav-label{text-box:trim-both cap alphabetic}.site-header .kc-brand-lettering{color:var(--header-ink);font-family:var(--kc-ui-font);letter-spacing:-.045em;white-space:nowrap;font-size:13.5cqw;font-weight:900;line-height:1}.site-header.topbar .brand .kc-brand-mark{height:42px}.site-header .kc-brand-copy{flex-direction:column;gap:3px;display:flex}.site-header .kc-brand-subtitle{color:var(--color-text-on-dark-muted);font-family:var(--kc-font-sans);font-size:var(--kc-ui-caption);letter-spacing:0;font-weight:400;line-height:1.2}.site-header.topbar nav{width:100%;min-width:0;height:auto;box-shadow:none;background:0 0;flex-wrap:nowrap;justify-content:flex-start;place-self:center stretch;align-items:center;gap:4px;padding:0;position:relative}.site-header.topbar nav>a,.site-header.topbar nav>.hsk-level-menu{flex:none}.site-header nav a,.site-header nav .hsk-level-trigger{min-height:var(--header-control-size);border-radius:var(--header-control-radius,0);color:var(--header-ink,var(--color-on-brand));box-shadow:none;font-family:var(--kc-font-sans);font-size:var(--header-label-size,14px);font-weight:var(--header-nav-weight,600);white-space:nowrap;transition:color .18s var(--header-ease), background-color .18s var(--header-ease), box-shadow .18s var(--header-ease);background:0 0;border:0;justify-content:center;align-items:center;padding-block:6px;padding-inline:10px;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}.site-header .hsk-level-menu{min-height:var(--header-control-size);position:relative}.site-header .hsk-level-trigger{cursor:pointer;gap:5px;width:100%;list-style:none}.site-header .hsk-level-trigger::-webkit-details-marker{display:none}.site-header .hsk-level-trigger svg{width:15px;height:15px;transition:transform .18s var(--header-ease)}.site-header .hsk-level-menu[open] .hsk-level-trigger svg{transform:rotate(180deg)}.site-header .hsk-level-panel{z-index:50;border:1px solid var(--color-border-light);background:var(--color-surface);width:208px;box-shadow:var(--shadow-surface-hover);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px;display:none;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.site-header .hsk-level-menu[open] .hsk-level-panel{display:grid}.site-header nav .hsk-level-panel a{min-width:0;height:40px;color:var(--color-text-primary);font-size:var(--header-label-size,13px);border-radius:8px;justify-content:flex-start;padding-inline:12px}.site-header nav .hsk-level-panel a:last-child{grid-column:1/-1}.site-header nav .hsk-level-panel a:hover{color:var(--kc-blue-ink);background:var(--header-menu-hover-surface,transparent)}.site-header nav a.active,.site-header nav a[aria-current=page],.site-header .hsk-level-menu.active>.hsk-level-trigger,.site-header .hsk-level-trigger[aria-current=page]{color:var(--header-active-ink,var(--color-yellow));background:var(--header-active-surface,transparent);box-shadow:var(--header-active-sheen,none)}.site-header nav a:after{content:none}.site-header.topbar nav>a:active,.site-header nav .hsk-level-trigger:active{color:var(--header-active-ink);background:var(--header-active-surface,transparent);box-shadow:var(--header-pressed-sheen,none)}.site-header nav .hsk-level-panel a:active{color:var(--kc-blue-ink);box-shadow:none;background:0 0}.site-header .account-actions{justify-self:end;align-items:center;gap:6px;line-height:1.4;display:flex}.site-header .account-actions>.text-button{color:var(--header-ink,var(--sidebar-text));border-radius:var(--header-control-radius,0);min-height:40px;box-shadow:none;font-size:var(--header-label-size,13px);white-space:nowrap;transition:color .18s var(--header-ease), background-color .18s var(--header-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.site-header .account-actions>.text-button:active{color:var(--header-active-ink);background:var(--header-active-surface,transparent)}.site-header .topbar-signup-button{background:var(--color-accent);min-height:44px;color:var(--palette-white);box-shadow:none;font-size:var(--kc-ui-label);font-weight:var(--kc-ui-weight-action);line-height:var(--kc-ui-leading-control);transition:background-color .18s var(--header-ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:11px 22px;text-decoration:none;display:inline-flex}.site-header .topbar-signup-button:active{box-shadow:var(--header-button-shadow-pressed);transform:translateY(0)}.site-header .vocabulary-shortcut{min-height:var(--header-control-size);border-radius:var(--header-control-radius,0);color:var(--header-ink,var(--color-on-brand));box-shadow:none;transition:color .18s var(--header-ease), background-color .18s var(--header-ease);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:6px;padding-inline:8px;line-height:1.4;text-decoration:none;display:inline-flex}.site-header .vocabulary-shortcut.active{color:var(--header-active-ink,var(--color-yellow));background:var(--header-active-surface,transparent);box-shadow:var(--header-active-sheen,none);border-color:#0000}.site-header .vocabulary-shortcut-icon{background:0 0;flex:none;width:18px;height:18px}.site-header .vocabulary-review-badge{background:var(--palette-brand-green);height:auto;min-height:22px;color:var(--palette-white);font-size:var(--header-caption-size,11px);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:2px 7px;line-height:1.4;display:inline-flex}.site-header .account-menu{flex:none;position:relative}.site-header .account-menu>summary{min-height:var(--header-control-size);border-radius:var(--header-control-radius,0);color:var(--header-ink,var(--color-on-brand));cursor:pointer;transition:color .18s var(--header-ease), background-color .18s var(--header-ease);align-items:center;gap:7px;padding:4px 6px;line-height:1.4;list-style:none;display:flex}.site-header .account-menu>summary::-webkit-details-marker{display:none}.site-header .account-menu>summary:hover,.site-header .account-menu[open]>summary{color:var(--header-hover-ink,var(--header-active-ink));background:var(--header-hover-surface,transparent)}.site-header .account-avatar{background:var(--color-yellow-soft);width:32px;height:32px;color:var(--color-brand-deep);font-size:var(--header-label-size,15px);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid;overflow:hidden}.site-header .account-avatar img{object-fit:cover;width:100%;height:100%;display:block}.site-header .account-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:var(--header-label-size,13px);overflow:hidden}.site-header .account-chevron{transition:transform .18s}.site-header .account-menu[open] .account-chevron{transform:rotate(180deg)}.site-header .account-menu-panel{background:var(--color-surface);width:min(260px,100vw - 36px);color:var(--color-text-primary);box-shadow:0 6px 16px color-mix(in srgb, var(--color-shadow-ink) 16%, transparent);border:0;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.site-header .account-menu-identity{border-bottom:1px solid var(--color-border-light);overflow-wrap:anywhere;gap:5px;margin-bottom:4px;padding:12px;display:grid}.site-header .account-menu-identity small{color:var(--color-text-secondary);font-size:var(--header-caption-size,10px);letter-spacing:.06em}.site-header .account-menu-identity strong{font-size:var(--header-label-size,14px)}.site-header .account-menu-panel a{min-height:44px;color:var(--color-text-primary);font-size:var(--header-label-size,14px);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.site-header .account-menu-panel a:last-child{color:var(--palette-brand-green)}.site-header .account-menu-panel a:hover{color:var(--kc-blue-ink);background:var(--header-menu-hover-surface,transparent)}.site-header .account-menu-panel a:focus-visible{outline-color:var(--color-accent);outline-offset:-2px}.site-header .mobile-menu>div{width:min(260px,100vw - 36px);max-height:calc(100dvh - var(--site-header-height) - 24px);background:var(--color-surface);border-color:var(--color-border-light);color:var(--color-text-primary);box-shadow:var(--shadow-surface-hover);gap:4px;padding:10px;overflow-y:auto}.site-header .mobile-menu>summary{border-radius:var(--header-control-radius,0);color:var(--header-ink);background:0 0;border:0}.site-header .mobile-menu>summary:hover,.site-header .mobile-menu[open]>summary{color:var(--header-hover-ink,var(--header-active-ink));background:var(--header-hover-surface,transparent)}.site-header .mobile-menu a{min-height:42px;color:var(--color-text-primary);font-size:var(--header-label-size,14px);transition:color .18s var(--header-ease);border-radius:0;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.site-header .mobile-menu a.active{color:var(--kc-blue-ink);background:0 0;font-weight:700}.site-header .mobile-hsk-group{border-block:1px solid var(--color-border-light);gap:5px;padding:9px 0;display:grid}.site-header .mobile-hsk-group>strong{color:var(--color-text-secondary);font-size:var(--header-caption-size,12px);letter-spacing:.06em;padding-inline:12px}.site-header .mobile-hsk-group.active>strong{color:var(--color-brand-deep)}.site-header .mobile-hsk-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.site-header .mobile-hsk-group a{min-height:38px;padding-block:8px}.site-header .mobile-hsk-group a:last-child{grid-column:1/-1}:is(.site-header.topbar a:focus-visible,.site-header.topbar summary:focus-visible){outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--header-focus,var(--color-yellow));outline-offset:4px}.site-header .mobile-menu a:focus-visible{outline-color:var(--color-accent);outline-offset:-2px}@media (max-width:1200px){.site-header.topbar{--header-logo-width:180px;gap:14px;padding-inline:20px}.site-header.topbar nav{gap:4px}.site-header nav a{padding-inline:10px}.site-header .account-actions{gap:6px}.site-header .account-name,.site-header .vocabulary-review-badge span{display:none}}@media (min-width:1024px){.site-header.topbar nav{display:flex}.site-header .mobile-menu{display:none}}@media (max-width:1023px){.site-header.topbar{grid-template-columns:minmax(0,1fr) auto}.site-header.topbar nav{display:none}.site-header .mobile-menu{display:block}.site-header .account-actions>.text-button{display:none}}@media (max-width:760px){:root{--site-header-height:60px}.site-header.topbar{--header-logo-width:168px;gap:10px;padding-inline:16px}.site-header .brand{font-size:23px}.site-header.topbar .brand .kc-brand-mark{height:38px}.site-header .kc-brand-subtitle{display:none}}@media (max-width:560px){.site-header .topbar-signup-button,.site-header .site-header-home-start,.site-header .account-chevron{display:none}.site-header.topbar{--header-logo-width:156px;gap:6px;padding-inline:12px}.site-header .account-actions{gap:3px}.site-header .vocabulary-shortcut{justify-content:center;width:40px;padding:0;position:relative}.site-header .vocabulary-review-badge{min-width:16px;min-height:16px;font-size:var(--header-caption-size,9px);justify-content:center;padding:1px 3px;position:absolute;top:-2px;right:-2px}}@media (hover:hover) and (pointer:fine){.site-header .hsk-level-menu:hover .hsk-level-panel{display:grid}.site-header.topbar nav>a:not([aria-current=page]):hover,.site-header nav .hsk-level-trigger:not([aria-current=page]):hover{color:var(--header-hover-ink,var(--header-active-ink));background:var(--header-hover-surface,transparent)}.site-header.topbar nav>a[aria-current=page]:hover{color:var(--header-active-ink);background:var(--header-active-surface,transparent)}.site-header .account-actions>.text-button:hover,.site-header .vocabulary-shortcut:hover{color:var(--header-hover-ink,var(--header-active-ink));background:var(--header-hover-surface,transparent);box-shadow:none;border-color:#0000;text-decoration:none;transform:none}.site-header .vocabulary-shortcut.active:hover{color:var(--header-active-ink);background:var(--header-active-surface,transparent)}.site-header .mobile-menu a:not(.active):hover{color:var(--kc-blue-ink);background:var(--header-menu-hover-surface,transparent)}.site-header .topbar-signup-button:hover{background:var(--color-accent-hover)}.site-header .topbar-signup-button:active{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-header *,.site-header :before,.site-header :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-header .topbar-signup-button{transform:none!important}}.language-menu{flex:none;position:relative}.language-menu-trigger{width:var(--header-control-size,40px);height:var(--header-control-size,40px);color:var(--color-on-brand);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.language-menu-trigger:hover,.language-menu-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--color-surface) 13%, transparent);color:var(--color-yellow)}.language-menu-trigger:focus-visible{outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-yellow);outline-offset:2px}.language-menu--light .language-menu-trigger{color:var(--header-ink,var(--color-text-primary))}.language-menu--light .language-menu-trigger:hover,.language-menu--light .language-menu-trigger[aria-expanded=true]{background:var(--header-active-surface,transparent);color:var(--header-active-ink,var(--color-yellow))}.language-menu--light .language-menu-trigger:focus-visible{outline-color:var(--header-focus,var(--color-accent))}.language-menu-panel{z-index:70;background:var(--color-surface);border:1px solid var(--color-border-light);width:190px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-surface-hover);color:var(--color-text-primary);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.language-menu-heading{color:var(--color-text-secondary);font-size:var(--header-caption-size,11px);padding:8px 10px 10px;font-weight:600;display:block}.language-menu-panel button{width:100%;min-height:42px;color:var(--color-text-primary);font:inherit;font-size:var(--header-label-size,14px);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.language-menu-panel button[aria-checked=true]{color:var(--kc-blue-ink);font-weight:var(--kc-ui-weight-action);background:0 0}.language-menu-panel button:hover:not([aria-checked=true]){color:var(--kc-blue-ink);background:0 0}.language-menu-panel button:focus-visible{outline:calc(2px * var(--kc-keyboard-focus,1)) solid var(--color-accent);outline-offset:-2px}@media (max-width:380px){.site-header .brand{font-size:var(--kc-ui-card)}.language-menu-trigger{width:34px}}@media (max-width:560px){.site-header .language-menu-panel{top:calc(var(--site-header-height,60px) + 8px);position:fixed;right:12px}}@media (max-width:360px){.site-header .brand{font-size:var(--kc-ui-body)}.site-header.topbar .brand .kc-brand-mark{height:32px}}@media (max-width:340px){.site-header .account-menu{display:none}}