/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;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)}.end{inset-inline-end:var(--spacing)}.row-0{grid-row:0}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.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}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.\!shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.himi-banner-shell{padding-top:30px}.practice-banner-shell{width:min(1320px,100% - 64px);margin-inline:auto;padding:2px 0 24px}.himi-section-banner{--himi-banner-accent:#138779;--himi-banner-accent-soft:#d9f1e8;isolation:isolate;background:radial-gradient(circle at 9% 4%,#fffffff2,#0000 33%),radial-gradient(circle at 92% 12%,#ffcb7040,#0000 25%),linear-gradient(126deg,#fffaf1 0%,#fff4e7 50%,#e1f4eb 100%);border:1px solid #dcd0b9c7;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(400px,500px);align-items:center;gap:22px;min-height:196px;padding:24px clamp(30px,4vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #23534517}.himi-section-banner:before{content:"";z-index:-1;background:var(--himi-banner-accent-soft);border-radius:50%;width:310px;height:310px;position:absolute;bottom:-176px;right:-72px}@supports (color:color-mix(in lab, red, red)){.himi-section-banner:before{background:color-mix(in srgb, var(--himi-banner-accent-soft) 78%, transparent)}}.himi-section-banner:before{box-shadow:0 0 0 24px #ffffff45,0 0 0 50px #ff9f6212}.himi-section-banner.is-immersive{--himi-banner-accent:#347cc3;--himi-banner-accent-soft:#dbeeff;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#c7dcd8d1;grid-template-columns:minmax(390px,.88fr) minmax(500px,1.12fr);min-height:318px;padding:38px clamp(34px,4.4vw,64px);box-shadow:0 22px 58px #21584d1c}.himi-section-banner.is-courses{background-image:url(/assets/courses/himi-career-hero-background-2k.webp)}.himi-section-banner.is-practice{background-image:url(/assets/backgrounds/himi-practice-hero-2k.webp)}.himi-section-banner.is-listening{background-image:url(/assets/backgrounds/himi-listening-hero-2k.webp)}.himi-section-banner.is-videos{background-image:url(/assets/backgrounds/himi-video-hero-2k.webp)}.himi-section-banner.is-writing{background-image:url(/assets/backgrounds/himi-writing-hero-2k.webp)}.himi-section-banner.is-vip{background-image:url(/assets/backgrounds/himi-vip-hero-2k.webp)}.himi-section-banner.is-immersive:before{display:none}.is-immersive .himi-section-banner-copy{max-width:520px}.is-immersive h1{font-size:clamp(40px,3.7vw,53px);line-height:.96}.is-immersive h1>span{white-space:nowrap}.himi-section-banner-copy>p{color:#536b66;max-width:500px;margin:18px 0 0;font-size:15px;font-weight:560;line-height:1.58}.is-immersive .himi-section-banner-visual{min-height:242px}.himi-section-banner-mascot.himi-immersive-banner-mascot{filter:drop-shadow(0 18px 22px #15453c2b);background-image:url(/assets/mascot/himi-v2/himi-wave-animated.webp);width:clamp(315px,27vw,380px);bottom:-68px;right:clamp(10px,2.3vw,34px)}.himi-section-banner.is-practice{--himi-banner-accent:#df765b;--himi-banner-accent-soft:#ffe1d6}.himi-section-banner.is-listening{--himi-banner-accent:#238fb2;--himi-banner-accent-soft:#dff5fb}.himi-section-banner.is-videos{--himi-banner-accent:#2b8fbb;--himi-banner-accent-soft:#d9f3fb}.himi-section-banner.is-writing{--himi-banner-accent:#e65f50;--himi-banner-accent-soft:#ffe1da}.himi-section-banner-mascot.himi-writing-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-writing-animated.webp);width:clamp(292px,24vw,348px);bottom:-48px;right:clamp(18px,3vw,48px)}.himi-section-banner-mascot.himi-courses-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-wave-animated.webp)}.himi-section-banner-mascot.himi-practice-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-cheer-animated.webp)}.himi-section-banner-mascot.himi-listening-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-listen-animated.webp)}.himi-section-banner-mascot.himi-videos-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-video-animated.webp)}.himi-section-banner-mascot.himi-vip-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-celebrate-animated.webp)}.himi-section-banner-copy{z-index:3;min-width:0;position:relative}.himi-section-banner h1{color:#0a3b34;letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(38px,3.5vw,51px);font-weight:770;line-height:.98}.himi-section-banner h1>span{display:block}.himi-section-banner-visual{align-self:stretch;min-width:0;position:relative}.himi-banner-motif{z-index:2;width:250px;height:94px;box-shadow:0 18px 38px #2a62521c, inset 0 0 0 1px var(--himi-banner-accent);background:linear-gradient(120deg,#ffffffe6,#fafffc8c);border:1px solid #ffffffe6;border-radius:34px;position:absolute;top:50%;left:0}@supports (color:color-mix(in lab, red, red)){.himi-banner-motif{box-shadow:0 18px 38px #2a62521c, inset 0 0 0 1px color-mix(in srgb, var(--himi-banner-accent) 9%, transparent)}}.himi-banner-motif{transform:translateY(-50%)}.himi-banner-motif:before{content:"";border-top:2px dashed var(--himi-banner-accent);width:164px;position:absolute;top:47px;left:42px}@supports (color:color-mix(in lab, red, red)){.himi-banner-motif:before{border-top:2px dashed color-mix(in srgb, var(--himi-banner-accent) 36%, transparent)}}.himi-banner-token{z-index:2;width:54px;height:54px;color:var(--himi-banner-accent);background:var(--himi-banner-accent-soft);border:5px solid #ffffffd6;border-radius:18px;place-items:center;animation:3.2s ease-in-out infinite himi-banner-token-float;display:grid;position:absolute;top:20px;box-shadow:0 8px 18px #265b4d1f}.himi-banner-token.token-one{left:18px;transform:rotate(-6deg)}.himi-banner-token.token-two{animation-delay:-1.1s;left:98px}.himi-banner-token.token-three{animation-delay:-2.1s;right:18px;transform:rotate(6deg)}.is-practice .himi-banner-token{border-radius:50%}.is-vip .himi-banner-token{color:#9e6911;background:linear-gradient(145deg,#fff5ce,#ffd975)}.himi-section-banner-mascot{aspect-ratio:1;z-index:4;filter:drop-shadow(0 15px 17px #1f453a29);background:url(/assets/mascot/himi-v2/himi-listen-animated.webp) 50%/contain no-repeat;width:188px;animation:3.5s ease-in-out infinite himi-banner-mascot-float;position:absolute;bottom:-19px;right:-2px}.himi-banner-orbit{aspect-ratio:1;z-index:1;border:1px solid var(--himi-banner-accent);position:absolute;bottom:-13px;right:10px}@supports (color:color-mix(in lab, red, red)){.himi-banner-orbit{border:1px solid color-mix(in srgb, var(--himi-banner-accent) 24%, transparent)}}.himi-banner-orbit{border-radius:50%;animation:3.5s ease-out infinite himi-banner-orbit}.himi-banner-orbit-one{width:158px}.himi-banner-orbit-two{width:198px;animation-delay:1.7s}.himi-banner-spark{z-index:5;background:#ff7463;border-radius:3px;width:10px;height:10px;animation:2.8s ease-in-out infinite himi-banner-spark;position:absolute;transform:rotate(18deg);box-shadow:19px 17px 0 -2px #f4b83f,-13px 24px 0 -3px #55bea3}.himi-banner-spark.spark-one{top:23px;left:245px}.himi-banner-spark.spark-two{animation-delay:-1.4s;top:29px;right:13px;transform:rotate(-10deg)scale(.72)}@keyframes himi-banner-token-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes himi-banner-mascot-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-5px)rotate(.6deg)}}@keyframes himi-banner-orbit{0%{opacity:0;transform:scale(.72)}30%{opacity:.58}to{opacity:0;transform:scale(1.12)}}@keyframes himi-banner-spark{0%,to{opacity:.45;transform:scale(.82)rotate(18deg)}50%{opacity:1;transform:scale(1.08)rotate(29deg)}}@media (width<=1120px){.himi-section-banner{grid-template-columns:minmax(0,1fr) 390px}.himi-banner-motif{width:226px}.himi-banner-motif:before{width:142px}.himi-banner-token.token-two{left:86px}.himi-section-banner-mascot{width:174px}.himi-section-banner.is-immersive{background-position:53%;grid-template-columns:minmax(0,1fr) minmax(210px,32%);min-height:292px}.is-immersive .himi-section-banner-visual{position:static}.himi-section-banner-mascot.himi-immersive-banner-mascot{width:340px;bottom:-58px}.himi-section-banner-mascot.himi-writing-banner-mascot{width:310px;bottom:-43px;right:10px}}@media (width<=860px){.himi-section-banner{grid-template-columns:minmax(0,1fr) 292px;padding-inline:30px}.himi-section-banner h1{font-size:clamp(34px,5vw,44px)}.himi-banner-motif{width:162px;height:82px}.himi-banner-motif:before{width:84px;top:41px;left:38px}.himi-banner-token{border-width:4px;border-radius:15px;width:46px;height:46px;top:18px}.himi-banner-token.token-one{left:14px}.himi-banner-token.token-two{left:58px}.himi-banner-token.token-three{right:14px}.himi-banner-token svg{width:19px}.himi-section-banner-mascot{width:156px}.himi-banner-spark.spark-one{display:none}.himi-section-banner.is-immersive{background-position:58%;grid-template-columns:minmax(330px,1fr) 280px;min-height:268px;padding-inline:30px}.is-immersive h1{font-size:clamp(38px,5.3vw,46px)}.is-immersive h1>span{white-space:normal}.is-immersive .himi-section-banner-copy>p{max-width:390px;font-size:13px}.himi-section-banner-mascot.himi-immersive-banner-mascot{width:292px;bottom:-39px;right:-4px}.himi-section-banner-mascot.himi-writing-banner-mascot{width:268px;bottom:-32px;right:-2px}}@media (width<=720px){.himi-section-banner-mascot.himi-courses-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-wave.webp)}.himi-section-banner-mascot.himi-practice-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-cheer.webp)}.himi-section-banner-mascot.himi-listening-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-listen.webp)}.himi-section-banner-mascot.himi-videos-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-video.webp)}.himi-section-banner-mascot.himi-writing-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-writing.webp)}.himi-section-banner-mascot.himi-vip-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-celebrate.webp)}.himi-banner-shell{padding-top:20px}.practice-banner-shell{width:calc(100% - 24px);padding:0 0 18px}.himi-section-banner{border-radius:21px;grid-template-columns:minmax(0,1fr) 104px;gap:0;min-height:168px;padding:21px 18px}.himi-section-banner:before{width:220px;height:220px;bottom:-125px;right:-100px}.himi-section-banner h1{font-size:23px;line-height:.99}.himi-banner-motif,.himi-banner-spark.spark-two{display:none}.himi-section-banner-mascot{width:111px;bottom:-1px;right:-13px}.himi-banner-orbit{bottom:7px;right:-5px}.himi-banner-orbit-one{width:92px}.himi-banner-orbit-two{width:112px}.himi-section-banner.is-immersive{background-position:63%;grid-template-columns:1fr;align-items:start;min-height:332px;padding:24px 20px 138px}.is-immersive .himi-section-banner-copy{max-width:330px}.is-immersive h1{font-size:clamp(31px,10.5vw,43px);line-height:.98}.is-immersive .himi-section-banner-copy>p{max-width:290px;margin-top:13px;font-size:12px;line-height:1.5}.is-immersive .himi-section-banner-copy{background:#ffffffe0;border-radius:16px;margin:-6px -6px 0;padding:14px 14px 16px;box-shadow:0 12px 30px #15433a14}.is-immersive .himi-section-banner-visual{min-height:0;position:static}.himi-section-banner-mascot.himi-immersive-banner-mascot{width:222px;bottom:-28px;right:-8px}.himi-section-banner.is-writing{background-position:68%}.himi-section-banner-mascot.himi-writing-banner-mascot{width:202px;bottom:-17px;right:-5px}}@media (width<=390px){.himi-section-banner{grid-template-columns:minmax(0,1fr) 88px}.himi-section-banner-mascot{width:101px;right:-16px}.himi-section-banner-mascot.himi-immersive-banner-mascot{width:188px;right:-10px}.himi-section-banner-mascot.himi-writing-banner-mascot{width:178px;right:-8px}}@media (prefers-reduced-motion:reduce){.himi-banner-token,.himi-section-banner-mascot,.himi-banner-orbit,.himi-banner-spark{animation:none}.himi-section-banner-mascot.himi-courses-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-wave.webp)}.himi-section-banner-mascot.himi-practice-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-cheer.webp)}.himi-section-banner-mascot.himi-listening-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-listen.webp)}.himi-section-banner-mascot.himi-videos-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-video.webp)}.himi-section-banner-mascot.himi-writing-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-writing.webp)}.himi-section-banner-mascot.himi-vip-banner-mascot{background-image:url(/assets/mascot/himi-v2/himi-celebrate.webp)}.himi-banner-orbit{opacity:.2;transform:none}}.learner-app-shell{--learner-rail-width:72px;--learner-rail-expanded-width:216px;--learner-rail-duration:.36s;--learner-rail-ease:cubic-bezier(.22, 1, .36, 1)}.learner-app-shell.is-rail-expanded{--learner-rail-width:var(--learner-rail-expanded-width)}.learner-app-shell .learn-rail{width:var(--learner-rail-width);transition:width var(--learner-rail-duration) var(--learner-rail-ease), box-shadow .24s ease;will-change:width;background:#fffffffb;border-right:1px solid #e7ebe9;align-items:stretch;padding:18px 12px 20px;position:fixed;overflow:visible;box-shadow:8px 0 24px #1540380b}.learner-app-shell.is-rail-expanded .learn-rail{box-shadow:12px 0 30px #15403811}.learner-app-shell .rail-toggle{z-index:3;cursor:pointer;color:#fff;touch-action:manipulation;background:#070b0a;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;margin:0;padding:0;transition:color .16s,background-color .16s,border-color .16s,transform .18s;display:grid;position:absolute;top:29px;right:-13px;box-shadow:0 5px 14px #070b0a3d}.learner-app-shell .rail-toggle-icon{transition:transform var(--learner-rail-duration) var(--learner-rail-ease)}.learner-app-shell.is-rail-collapsed .rail-toggle-icon{transform:rotate(180deg)}.learner-app-shell .rail-toggle:hover{color:#fff;background:#0c7f74;border-color:#fff;transform:scale(1.06)}.learner-app-shell .rail-toggle:active{transform:scale(.96)}.learner-app-shell .rail-toggle:focus-visible,.learner-app-shell .rail-nav a:focus-visible,.learner-app-shell .rail-practice-trigger:focus-visible,.learner-app-shell .rail-support:focus-visible,.learner-app-shell .rail-pro-card:focus-visible,.learner-app-shell .rail-membership-card:focus-visible,.learner-app-shell .rail-brand:focus-visible{outline-offset:2px;outline:3px solid #0f918052}.learner-app-shell .rail-brand{color:#123d36;min-width:0;min-height:54px;transition:padding var(--learner-rail-duration) var(--learner-rail-ease), gap var(--learner-rail-duration) var(--learner-rail-ease), grid-template-columns var(--learner-rail-duration) var(--learner-rail-ease);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:0 12px;text-decoration:none;display:grid}.learner-app-shell .rail-brand .rail-logo{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;transition:width var(--learner-rail-duration) var(--learner-rail-ease), min-width var(--learner-rail-duration) var(--learner-rail-ease), max-width var(--learner-rail-duration) var(--learner-rail-ease), height var(--learner-rail-duration) var(--learner-rail-ease), min-height var(--learner-rail-duration) var(--learner-rail-ease), border-radius var(--learner-rail-duration) var(--learner-rail-ease);background:#fff;border:0;border-radius:15px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 18px #194e4412}.learner-app-shell .rail-brand .brand-wordmark{opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;min-width:0;max-width:0;transition:max-width var(--learner-rail-duration) var(--learner-rail-ease), opacity .16s ease, transform .26s var(--learner-rail-ease), visibility 0s linear .22s;letter-spacing:-.025em;align-items:baseline;gap:.22em;font-size:14px;font-weight:820;display:inline-flex;overflow:hidden;transform:translate(-10px)}.learner-app-shell .rail-brand .brand-wordmark strong{color:#ff5b55}.learner-app-shell.is-rail-expanded .rail-brand .brand-wordmark{opacity:1;visibility:visible;pointer-events:auto;max-width:120px;transition-delay:0s,90ms,70ms,0s;transform:translate(0)}.learner-app-shell.is-rail-collapsed .rail-brand{grid-template-columns:42px minmax(0,1fr);gap:0;padding-inline:3px}.learner-app-shell.is-rail-collapsed .rail-brand .rail-logo{border-radius:13px;flex-basis:42px;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px}.learner-app-shell .rail-nav{overscroll-behavior:contain;scrollbar-width:none;min-height:0;transition:padding var(--learner-rail-duration) var(--learner-rail-ease);flex:auto;align-content:start;gap:4px;margin-top:18px;padding-right:0;display:grid;overflow:clip auto}.learner-app-shell .rail-nav::-webkit-scrollbar{display:none}.learner-app-shell.is-rail-expanded .rail-nav{padding-left:9px;padding-right:3px}.learner-app-shell .rail-nav a,.learner-app-shell .rail-practice-trigger,.learner-app-shell .rail-support{align-items:center;justify-content:initial;color:#657a74;width:100%;min-width:0;min-height:44px;transition:width var(--learner-rail-duration) var(--learner-rail-ease), padding var(--learner-rail-duration) var(--learner-rail-ease), gap var(--learner-rail-duration) var(--learner-rail-ease), grid-template-columns var(--learner-rail-duration) var(--learner-rail-ease), color .17s ease, background-color .17s ease, border-color .17s ease, transform .17s ease;touch-action:manipulation;border:1px solid #0000;border-radius:13px;grid-template-columns:36px minmax(0,1fr);gap:8px;margin-inline:auto;padding:0 10px;font-size:11px;font-weight:740;line-height:1.2;text-decoration:none;display:grid;position:relative}.learner-app-shell .rail-practice-trigger{cursor:pointer;text-align:left;appearance:none;grid-template-columns:36px minmax(0,1fr) 16px;width:100%;font-family:inherit}.learner-app-shell .rail-nav a svg,.learner-app-shell .rail-practice-trigger>svg:first-child,.learner-app-shell .rail-support svg{flex:none;justify-self:center;width:22px;height:22px}.learner-app-shell .rail-nav a>span,.learner-app-shell .rail-practice-trigger>span,.learner-app-shell .rail-support>span{opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;min-width:0;max-width:0;transition:max-width var(--learner-rail-duration) var(--learner-rail-ease), opacity .14s ease, transform .24s var(--learner-rail-ease), visibility 0s linear .22s;overflow:hidden;transform:translate(-8px)}.learner-app-shell.is-rail-expanded .rail-nav a>span,.learner-app-shell.is-rail-expanded .rail-practice-trigger>span,.learner-app-shell.is-rail-expanded .rail-support>span{opacity:1;visibility:visible;pointer-events:auto;max-width:114px;transition-delay:0s,80ms,60ms,0s;transform:translate(0)}.learner-app-shell.is-rail-collapsed .rail-nav a,.learner-app-shell.is-rail-collapsed .rail-practice-trigger,.learner-app-shell.is-rail-collapsed .rail-support{gap:0;width:44px;min-height:44px;margin-inline:auto;padding:0}.learner-app-shell.is-rail-collapsed .rail-practice-trigger{grid-template-columns:36px minmax(0,1fr) 0}.learner-app-shell.is-rail-collapsed .rail-practice-chevron{opacity:0;visibility:hidden;transform:translate(-4px)scale(.8)}.learner-app-shell.is-rail-collapsed .rail-nav a.active:before,.learner-app-shell.is-rail-collapsed .rail-practice-trigger.active:before{left:1px}.learner-app-shell .rail-nav a:hover,.learner-app-shell .rail-nav a.active,.learner-app-shell .rail-practice-trigger.active,.learner-app-shell .rail-support:hover{color:#087a72;box-shadow:none;background:#ddf3ef;border-color:#0000}.learner-app-shell .rail-nav a.active:before,.learner-app-shell .rail-practice-trigger.active:before{content:"";background:#0a8b7d;border-radius:999px;width:3px;height:20px;position:absolute;left:3px}.learner-app-shell .rail-nav a:active,.learner-app-shell .rail-practice-trigger:active,.learner-app-shell .rail-support:active{transform:scale(.98)}.learner-app-shell .rail-practice-group{min-width:0;position:relative}.learner-app-shell .rail-practice-chevron{opacity:0;visibility:hidden;width:16px;height:16px;transition:opacity .16s ease, transform .24s var(--learner-rail-ease), visibility 0s linear .22s;justify-self:end}.learner-app-shell.is-rail-expanded .rail-practice-chevron{opacity:.72;visibility:visible;transition-delay:80ms,60ms,0s}.learner-app-shell .rail-practice-group.is-open .rail-practice-chevron{transform:rotate(180deg)}.learner-app-shell .rail-practice-menu{opacity:0;visibility:hidden;transition:grid-template-rows .26s var(--learner-rail-ease), opacity .16s ease, transform .22s var(--learner-rail-ease), visibility 0s linear .26s;grid-template-rows:0fr;display:grid;transform:translateY(-5px)}.learner-app-shell .rail-practice-menu-inner{gap:3px;min-height:0;padding:0 4px 2px 16px;display:grid;overflow:hidden}.learner-app-shell .rail-practice-group.is-open .rail-practice-menu{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s;transform:translateY(0)}.learner-app-shell .rail-practice-menu a{background:0 0;border-radius:12px;grid-template-columns:30px minmax(0,1fr);gap:7px;min-height:40px;padding-inline:8px;font-size:11px}.learner-app-shell .rail-practice-menu a:first-child{margin-top:5px}.learner-app-shell .rail-practice-menu a svg{width:18px;height:18px}.learner-app-shell .rail-practice-menu a.active{color:#087a72;background:#d8f1eb}.learner-app-shell .rail-support{flex:none;width:100%;margin-top:10px}.learner-app-shell .rail-pro-card{color:#173f39;text-align:center;transform-origin:bottom;background:#f0faf8;border:1px solid #d5eee9;border-radius:20px;flex:none;justify-items:center;width:100%;margin-top:auto;padding:16px 13px 13px;text-decoration:none;transition:border-color .28s,background-color .28s,box-shadow .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 12px 28px #117c6f1a}.learner-app-shell .rail-pro-card:hover{border-color:#b7e4dc;transform:translateY(-5px)scale(1.015);box-shadow:0 16px 32px #117c6f26}.learner-app-shell .rail-pro-card:active{transform:translateY(0)scale(.985)}.learner-app-shell.is-rail-collapsed .rail-pro-card{display:none}.learner-app-shell .rail-membership-card{color:#24211f;transform-origin:bottom;background:#fff9f5;border:1px solid #ff4d436b;border-radius:20px;flex:none;width:100%;margin-top:auto;text-decoration:none;transition:border-color .28s,box-shadow .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden;box-shadow:0 14px 30px #ff4d4321}.learner-app-shell .rail-membership-card:hover{border-color:#ff4d43b3;transform:translateY(-5px)scale(1.012);box-shadow:0 19px 38px #ff4d4333}.learner-app-shell .rail-membership-card:active{transform:translateY(0)scale(.985)}.learner-app-shell.is-rail-collapsed .rail-membership-card{display:none}.learner-app-shell .rail-membership-hero{color:#fff;background:linear-gradient(118deg,#ff4941 0%,#ff5f42 48%,#ff952e 100%);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:82px;padding:15px 12px 13px;display:grid;position:relative;overflow:hidden}.learner-app-shell .rail-membership-watermark{color:#ffffff1c;pointer-events:none;position:absolute;bottom:-25px;right:-15px;transform:rotate(-9deg)}.learner-app-shell .rail-membership-crown{z-index:1;color:#ff4d43;background:#fffffff5;border:3px solid #ffffff73;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .42s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:0 8px 18px #ab30232b}.learner-app-shell .rail-membership-check{color:#fff;background:#ff4d43;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-5px;box-shadow:0 3px 8px #711f1833}.learner-app-shell .rail-membership-identity{z-index:1;justify-items:start;gap:6px;min-width:0;display:grid;position:relative}.learner-app-shell .rail-membership-identity>strong{letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900;line-height:1.05}.learner-app-shell .rail-membership-identity>span{color:#277c31;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;background:#f8fff1f0;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:5px;min-height:22px;padding:4px 8px;font-size:7.5px;font-style:normal;font-weight:880;line-height:1;display:inline-flex;box-shadow:0 4px 10px #492e1614}.learner-app-shell .rail-membership-identity i{background:#2f9a3d;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #2f9a3d1f}.learner-app-shell .rail-membership-perforation{border-top:1px dashed #ff4d4380;height:1px;display:block;position:relative}.learner-app-shell .rail-membership-perforation:before,.learner-app-shell .rail-membership-perforation:after{content:"";background:#fff;border:1px solid #ff4d436b;border-radius:50%;width:14px;height:14px;position:absolute;top:-8px}.learner-app-shell .rail-membership-perforation:before{left:-8px}.learner-app-shell .rail-membership-perforation:after{right:-8px}.learner-app-shell .rail-membership-body{background:radial-gradient(circle at 85% 10%,#ff8d3013,#0000 40%),#fff9f5;gap:8px;padding:12px 13px 13px;display:grid}.learner-app-shell .rail-membership-plan{color:#24211f;letter-spacing:-.04em;align-items:baseline;gap:4px;font-size:17px;font-weight:920;line-height:1;display:flex}.learner-app-shell .rail-membership-plan strong{color:#ff4d43;font-weight:inherit}.learner-app-shell .rail-membership-progress-label{color:#6c6662;justify-content:space-between;align-items:center;gap:8px;font-size:8px;font-weight:700;line-height:1.1;display:flex}.learner-app-shell .rail-membership-progress-label strong{color:#302c29;white-space:nowrap;font-size:8.5px;font-weight:880}.learner-app-shell .rail-membership-progress{background:#ffe3dc;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.learner-app-shell .rail-membership-progress>span{border-radius:inherit;background:linear-gradient(90deg,#ff4d43,#ff8a2b);height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);display:block;box-shadow:inset 0 1px #fff6}.learner-app-shell .rail-membership-expiry{color:#5c5753;align-items:center;gap:6px;font-size:9px;font-weight:650;line-height:1.2;display:flex}.learner-app-shell .rail-membership-expiry svg{color:#67615d;flex:none}.learner-app-shell .rail-membership-expiry strong{color:#24211f;font-weight:880}.learner-app-shell .rail-membership-action{color:#ff493f;align-items:center;gap:7px;font-size:10px;font-weight:880;line-height:1;display:flex}.learner-app-shell .rail-membership-action>span{color:#fff;background:linear-gradient(135deg,#ff4d43,#ff742f);border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .36s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 6px 13px #ff4d4333}.learner-app-shell .rail-membership-card:hover .rail-membership-crown{transform:translateY(-2px)rotate(-5deg)scale(1.045)}.learner-app-shell .rail-membership-card:hover .rail-membership-action>span{transform:translate(3px)}.learner-app-shell .rail-pro-crown{color:#fff;background:#119b91;border:4px solid #ffffffeb;border-radius:50%;place-items:center;width:46px;height:46px;transition:box-shadow .36s,transform .42s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 8px 20px #119b9133}.learner-app-shell .rail-pro-card:hover .rail-pro-crown{transform:translateY(-3px)rotate(-6deg)scale(1.06);box-shadow:0 12px 24px #119b9147}.learner-app-shell .rail-pro-title{color:#153d37;letter-spacing:-.035em;margin-top:10px;font-size:16px;font-weight:850;line-height:1.1}.learner-app-shell .rail-pro-title strong{color:#0b988c;font-weight:inherit}.learner-app-shell .rail-pro-copy{color:#58716b;margin-top:7px;font-size:9px;font-weight:620;line-height:1.45}.learner-app-shell .rail-pro-action{color:#fff;letter-spacing:.015em;text-transform:uppercase;background:#0e9488;border-radius:12px;grid-template-columns:14px minmax(0,1fr) 28px;align-items:center;gap:5px;width:100%;min-height:36px;margin-top:12px;padding:4px 5px 4px 9px;font-size:9px;font-weight:850;line-height:1;transition:box-shadow .32s,transform .36s cubic-bezier(.22,1,.36,1);display:grid}.learner-app-shell .rail-pro-card:hover .rail-pro-action{transform:translateY(-2px);box-shadow:0 8px 18px #117c6f2e}.learner-app-shell .rail-pro-action>svg{justify-self:center}.learner-app-shell .rail-pro-arrow{color:#0c8d82;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .36s cubic-bezier(.22,1,.36,1);display:grid}.learner-app-shell .rail-pro-card:hover .rail-pro-arrow{transform:translate(3px)}.learner-app-shell .learn-topbar{left:var(--learner-rail-width);transition:left var(--learner-rail-duration) var(--learner-rail-ease)}.learner-app-shell .learn-topbar .brand{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s}.learner-app-shell .account-menu-anchor{align-items:center;display:flex;position:relative}.learner-app-shell .account-menu-anchor .user-chip{cursor:pointer;text-align:left;background:0 0;border:0;margin:0;transition:background-color .17s,box-shadow .17s,transform .17s}.learner-app-shell .account-menu-anchor .user-chip:hover,.learner-app-shell .account-menu-anchor .user-chip.is-open{background:#ffffffbd;box-shadow:0 9px 24px #1c3d3717}.learner-app-shell .account-menu-anchor .user-chip:active{transform:scale(.98)}.learner-app-shell .account-menu-popover{z-index:110;color:#2c3542;opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;width:min(276px,100vw - 24px);transition:opacity .16s ease, transform .22s var(--learner-rail-ease), visibility 0s linear .22s;background:#fffffffb;border:1px solid #dde3e8;border-radius:20px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;transform:translateY(-8px)scale(.98);box-shadow:0 22px 56px #20313d2e,0 4px 14px #20313d14}.learner-app-shell .account-menu-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.learner-app-shell .account-menu-identity{border-bottom:1px solid #e1e5e9;align-content:center;min-height:81px;padding:17px 15px 14px;display:grid}.learner-app-shell .account-menu-identity strong{color:#27313d;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:760;line-height:1.25;overflow:hidden}.learner-app-shell .account-menu-identity span{color:#526071;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:560;line-height:1.3;overflow:hidden}.learner-app-shell .account-menu-links{gap:1px;padding:5px 6px;display:grid}.learner-app-shell .account-menu-links a,.learner-app-shell .account-menu-links button,.learner-app-shell .account-menu-logout button{cursor:pointer;color:#303a48;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:40px;margin:0;padding:7px 9px;font-size:16px;font-weight:520;line-height:1.25;text-decoration:none;transition:color .15s,background-color .15s,transform .15s;display:grid}.learner-app-shell .account-menu-links :is(a,button):hover{color:#17212d;background:#f3f5f6}.learner-app-shell .account-menu-links :is(a,button):active,.learner-app-shell .account-menu-logout button:active{transform:scale(.985)}.learner-app-shell .account-menu-links svg,.learner-app-shell .account-menu-logout svg{stroke-width:2px;justify-self:center;width:20px;height:20px}.learner-app-shell .account-menu-logout{border-top:1px solid #e1e5e9;padding:4px 6px 5px}.learner-app-shell .account-menu-logout button{color:#e32f2f;min-height:41px}.learner-app-shell .account-menu-logout button:hover{color:#c92020;background:#fff1f1}.learner-app-shell .account-menu-anchor .user-chip:focus-visible,.learner-app-shell .account-menu-links :is(a,button):focus-visible,.learner-app-shell .account-menu-logout button:focus-visible{outline-offset:1px;outline:3px solid #0f918047}.learner-app-shell .learner-shell-content{margin-left:var(--learner-rail-width);transition:margin-left var(--learner-rail-duration) var(--learner-rail-ease)}.learner-app-shell .route-transition-progress{transition:left var(--learner-rail-duration) var(--learner-rail-ease), opacity .12s ease;left:0}.learning-mode-placeholder{background:radial-gradient(circle at 15% 15%,#ffc77e4d,#0000 32%),radial-gradient(circle at 88% 82%,#5fcdb840,#0000 34%),#fbfaf6;place-items:center;min-height:calc(100dvh - 88px);padding:clamp(30px,7vw,92px) clamp(18px,5vw,72px);display:grid}.learning-mode-placeholder-card{text-align:center;background:#ffffffe8;border:1px solid #0a7e7029;border-radius:32px;width:min(720px,100%);padding:clamp(30px,6vw,62px);position:relative;overflow:hidden;box-shadow:0 28px 80px #1f554a1f}.learning-mode-placeholder-glow{aspect-ratio:1;pointer-events:none;filter:blur(2px);background:#50c7b12b;border-radius:50%;width:240px;position:absolute;top:-120px;right:-80px}.learning-mode-placeholder-icon{color:#fff;background:linear-gradient(145deg,#12a08f,#08786d);border-radius:22px;place-items:center;width:68px;height:68px;margin-inline:auto;display:grid;box-shadow:0 16px 34px #08786d38}.learning-mode-placeholder-eyebrow{color:#08786d;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin:24px 0 0;font-size:12px;font-weight:820;display:inline-flex}.learning-mode-placeholder h1{color:#0b3d35;letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(34px,6vw,62px);line-height:1.04}.learning-mode-placeholder-card>p:not(.learning-mode-placeholder-eyebrow){color:#58716a;max-width:560px;margin:18px auto 0;font-size:clamp(15px,2vw,18px);line-height:1.65}.learning-mode-placeholder-note{color:#7b8c87;margin-top:20px;font-size:13px;display:block}.learning-mode-placeholder-card>a{color:#fff;background:#0b8275;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin-top:28px;padding:0 20px;font-size:14px;font-weight:760;text-decoration:none;transition:background-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 28px #0b827533}.learning-mode-placeholder-card>a:hover{background:#076e64;transform:translateY(-2px);box-shadow:0 15px 32px #0b827542}.learning-mode-placeholder-card>a:focus-visible{outline-offset:3px;outline:3px solid #0f918052}@media (width>=721px) and (width<=920px){.learner-app-shell{--learner-rail-width:68px;--learner-rail-expanded-width:204px}.learner-app-shell .learn-rail{padding-inline:8px}.learner-app-shell .rail-brand{grid-template-columns:48px minmax(0,1fr)}.learner-app-shell.is-rail-collapsed .rail-brand{grid-template-columns:42px minmax(0,1fr);padding-inline:5px}.learner-app-shell .rail-nav a,.learner-app-shell .rail-practice-trigger,.learner-app-shell .rail-support{padding-inline:8px}}@media (height<=760px) and (width>=721px){.learner-app-shell .rail-nav{gap:2px;margin-top:12px}.learner-app-shell .rail-nav a,.learner-app-shell .rail-practice-trigger,.learner-app-shell .rail-support{min-height:44px}.learner-app-shell .rail-brand,.learner-app-shell .rail-brand .rail-logo{height:48px;min-height:48px}.learner-app-shell .rail-brand .rail-logo{width:48px;min-width:48px}.learner-app-shell.is-rail-collapsed .rail-brand .rail-logo{width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px}}@media (width<=720px){.learner-app-shell,.learner-app-shell.is-rail-expanded{--learner-rail-width:0px}.learner-app-shell .learn-rail{display:none}.learner-app-shell .learner-mobile-nav{min-height:72px;padding:9px max(12px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:none;background:#fff;border:0;border-top:1px solid #1d223014;border-radius:22px 22px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #191f2e17}.learner-app-shell .learner-mobile-nav>a,.learner-app-shell .mobile-practice-trigger{color:#858994;background:0 0;border:0;border-radius:0;align-content:center;place-items:center;gap:4px;min-width:0;min-height:54px;padding:4px 2px 3px;font-family:inherit;font-size:9px;font-weight:650;line-height:1.1;text-decoration:none;transition:color .18s,transform .18s;display:grid}.learner-app-shell .learner-mobile-nav>a>svg,.learner-app-shell .mobile-practice-trigger>svg{stroke-width:2.15px;width:22px;height:22px;transition:color .18s,transform .18s}.learner-app-shell .learner-mobile-nav>a.active>svg,.learner-app-shell .mobile-practice-trigger.active>svg,.learner-app-shell .mobile-practice-trigger[aria-expanded=true]>svg{transform:translateY(-1px)}.learner-app-shell .mobile-practice-group{align-items:stretch;min-width:0;display:grid}.learner-app-shell .mobile-practice-trigger{cursor:pointer;touch-action:manipulation}.learner-app-shell .mobile-practice-trigger.active,.learner-app-shell .mobile-practice-trigger[aria-expanded=true]{color:var(--himi-red);background:0 0}.learner-app-shell .mobile-practice-trigger:focus-visible,.learner-app-shell .mobile-practice-menu a:focus-visible{outline:3px solid var(--himi-red)}@supports (color:color-mix(in lab, red, red)){.learner-app-shell .mobile-practice-trigger:focus-visible,.learner-app-shell .mobile-practice-menu a:focus-visible{outline:3px solid color-mix(in srgb, var(--himi-red) 24%, transparent)}}.learner-app-shell .mobile-practice-trigger:focus-visible,.learner-app-shell .mobile-practice-menu a:focus-visible{outline-offset:2px}.learner-app-shell .mobile-practice-menu{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:95;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom;transition:opacity .17s ease, transform .24s var(--learner-rail-ease), visibility 0s linear .24s;background:#fffffff7;border:1px solid #caded6f0;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid;position:fixed;left:14px;transform:translateY(10px)scale(.98);box-shadow:0 22px 56px #14443b33}.learner-app-shell .mobile-practice-group.is-open .mobile-practice-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.learner-app-shell .mobile-practice-menu a{color:#536c66;text-align:center;background:#f3f8f6;border-radius:14px;align-content:center;place-items:center;gap:6px;min-height:72px;padding:8px 5px;font-size:11px;font-weight:760;text-decoration:none;display:grid}.learner-app-shell .mobile-practice-menu a.active{color:#08786d;background:#ddf3ed}.learning-mode-placeholder{min-height:calc(100dvh - 68px);padding:24px 14px}.learning-mode-placeholder-card{border-radius:24px;padding:34px 22px}}@media (prefers-reduced-motion:reduce){.learner-app-shell .learn-rail,.learner-app-shell .learn-topbar,.learner-app-shell .rail-brand,.learner-app-shell .rail-brand .rail-logo,.learner-app-shell .rail-nav,.learner-app-shell .rail-nav a,.learner-app-shell .rail-practice-trigger,.learner-app-shell .learner-shell-content,.learner-app-shell .route-transition-progress,.learner-app-shell .rail-pro-card,.learner-app-shell .rail-membership-card,.learner-app-shell .rail-membership-crown,.learner-app-shell .rail-membership-progress>span,.learner-app-shell .rail-membership-action>span,.learner-app-shell .rail-pro-crown,.learner-app-shell .rail-pro-action,.learner-app-shell .rail-pro-arrow{transition-duration:.18s!important;transition-timing-function:ease-out!important}.learner-app-shell .learn-topbar .brand,.learner-app-shell .rail-toggle-icon,.learner-app-shell .rail-brand .brand-wordmark,.learner-app-shell .rail-nav a>span,.learner-app-shell .rail-practice-trigger>span,.learner-app-shell .rail-practice-chevron,.learner-app-shell .rail-support>span{transition-duration:.12s!important;transition-timing-function:ease-out!important}.learner-app-shell .rail-practice-menu,.learner-app-shell .mobile-practice-menu,.learning-mode-placeholder-card>a{scroll-behavior:auto;transition-duration:1ms!important}.learner-app-shell .rail-pro-card:hover,.learner-app-shell .rail-membership-card:hover{transform:translateY(-2px)}.learner-app-shell .rail-membership-card:hover .rail-membership-crown,.learner-app-shell .rail-membership-card:hover .rail-membership-action>span,.learner-app-shell .rail-pro-card:hover .rail-pro-crown,.learner-app-shell .rail-pro-card:hover .rail-pro-action{transform:none}.learner-app-shell .rail-pro-card:hover .rail-pro-arrow{transform:translate(2px)}}@font-face{font-family:Himi Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto/roboto-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Himi Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto/roboto-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Himi Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto/roboto-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-roboto:"Himi Roboto";--ink:#16342f;--ink-soft:#49625d;--forest:#176b5b;--forest-deep:#0f5146;--sage:#dcebe2;--sage-light:#eff6f1;--paper:#fbfaf5;--surface:#fff;--sand:#f1eadb;--amber:#dd9b42;--line:#dfe8e2;--shadow:0 18px 55px #1a453b1a;--radius-lg:28px;--radius-md:18px}body:has(.admin-page){background:#f5f6f7;padding-bottom:0}:is(body:has(.admin-page)>.site-header,body:has(.admin-page)>.site-footer,body:has(.admin-page)>.mobile-nav){display:none}.standalone-route-shell:has(.admin-page){min-height:100vh}.admin-shell,.admin-page{--admin-accent:#ef7b36;--admin-accent-dark:#d96422;--admin-bg:#f5f6f7;--admin-border:#e5e7eb;--admin-muted:#7c828d;--admin-text:#24272d;min-height:100vh}.admin-page{color:var(--admin-text);background:var(--admin-bg);padding:0}.admin-page>.section-shell{width:100%;max-width:none;padding:0 32px 64px 266px}.admin-sidebar{z-index:20;color:#4d535d;border-right:1px solid var(--admin-border);background:#fbfbfc;flex-direction:column;width:234px;padding:20px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar-brand{min-height:52px;color:var(--admin-text);align-items:center;gap:10px;padding:5px 8px;display:flex}.admin-sidebar-brand>span{background:#fff;border:1px solid #e3e5e8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.admin-sidebar-brand img{object-fit:contain;width:36px;height:36px}.admin-sidebar-brand>div,.admin-sidebar-footer a>span:not(.admin-user-avatar){gap:2px;min-width:0;display:grid}.admin-sidebar-brand strong{letter-spacing:-.015em;font-size:12px;font-weight:760}.admin-sidebar-brand small,.admin-sidebar-footer small{color:#9a9fa8;font-size:9px}.admin-nav{box-shadow:none;background:0 0;border:0;border-radius:0;gap:21px;margin:23px 0 0;padding:0;display:grid}.admin-nav-group{gap:7px;display:grid}.admin-nav-group>span{color:#a4a8b0;letter-spacing:.09em;text-transform:uppercase;padding:0 10px;font-size:8px;font-weight:750}.admin-nav-group>div{gap:3px;display:grid}.admin-nav a{color:#707680;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:10px;font-weight:650;display:flex}.admin-nav a.active,.admin-nav a[aria-current=page]{color:#2d3036;box-shadow:0 1px 3px #191d2314, inset 3px 0 var(--admin-accent);background:#fff}.admin-nav a.active svg,.admin-nav a[aria-current=page] svg{color:var(--admin-accent)}.admin-nav a.pending{color:var(--admin-accent-dark);background:#fff8f4}.admin-nav a:has(.admin-link-pending){color:var(--admin-accent-dark);background:#fff8f4}.admin-link-pending.is-visual{color:currentColor;flex:none;place-items:center;margin-left:4px;display:inline-grid}.admin-nav-spinner{animation:.75s linear infinite admin-nav-spin}.admin-route-progress{z-index:90;pointer-events:none;opacity:0;height:2px;transition:opacity .12s;position:fixed;top:0;left:234px;right:0;overflow:hidden}:is(.admin-route-progress.active,.admin-shell:has(.admin-link-pending) .admin-route-progress){opacity:1}.admin-route-progress>span{background:linear-gradient(90deg, transparent, var(--admin-accent), transparent);border-radius:999px;width:42%;height:100%;animation:1s ease-in-out infinite admin-route-progress;display:block}@keyframes admin-nav-spin{to{transform:rotate(360deg)}}@keyframes admin-route-progress{0%{transform:translate(-110%)}to{transform:translate(340%)}}.admin-sidebar-footer{border-top:1px solid var(--admin-border);margin-top:auto;padding-top:14px}.admin-sidebar-footer a{min-height:48px;color:var(--admin-text);border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 7px;display:grid}.admin-sidebar-footer a:hover{background:#f0f1f2}.admin-sidebar-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.admin-user-avatar{color:#fff;background:#26292f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.admin-top{border-bottom:1px solid var(--admin-border);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:112px;margin:0 -32px;padding:22px 32px 19px;display:flex}.admin-title{min-width:0}.admin-title>span{color:var(--admin-accent-dark);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.admin-title h1{color:#202329;letter-spacing:-.035em;margin:4px 0 0;font-size:24px;font-weight:690;line-height:1.15}.admin-back{color:#686e77;width:fit-content;margin-bottom:6px;font-size:9px;font-weight:680}.admin-back:hover{color:var(--admin-accent-dark)}.admin-top-actions{align-items:center;gap:8px;display:flex}.admin-icon-button{color:#717780;background:#fff;border:1px solid #dedfe3;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.admin-icon-button:hover{color:var(--admin-accent-dark);border-color:#f2c4a8}.admin-page .button{min-height:38px;box-shadow:none;border-radius:8px;padding:0 14px;font-size:10px;font-weight:720}.admin-page .button:hover{transform:translateY(-1px)}.admin-page .button-primary{color:#fff;background:var(--admin-accent);box-shadow:0 5px 14px #ef7b362e}.admin-page .button-primary:hover{background:var(--admin-accent-dark);box-shadow:0 7px 18px #d9642238}.admin-page .button-secondary{color:#4f555f;background:#fff;border-color:#dedfe3}.admin-page .button-secondary:hover{color:var(--admin-accent-dark);background:#fffaf7;border-color:#efb995}.admin-stats{border:1px solid var(--admin-border);background:#fff;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:20px;display:grid;overflow:hidden;box-shadow:0 2px 8px #181c2206}.admin-stat{border:0;border-left:1px solid var(--admin-border);background:#fff;border-radius:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:17px 20px;display:grid}.admin-stat:first-child{border-left:0}.admin-stat-icon{width:34px;height:34px;color:var(--admin-accent-dark);background:#fff8f4;border:1px solid #f5d7c5;border-radius:9px}.admin-stat>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:7px;min-width:0;display:grid}.admin-stat>div>span{color:#777d86;grid-column:1/-1;font-size:9px;font-weight:650}.admin-stat strong{color:#23262c;margin-top:4px;font-size:22px;font-weight:670;line-height:1}.admin-stat small{color:#a0a5ad;white-space:nowrap;font-size:8px}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:14px;margin-top:16px}.admin-panel{border:1px solid var(--admin-border);background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #181c2206}.panel-heading{min-height:32px}.panel-heading>div{gap:3px;display:grid}.panel-heading>div>span,.panel-heading>span{color:#969ba4;letter-spacing:.04em;font-size:8px;font-weight:650}.panel-heading h2{color:#292c32;letter-spacing:-.018em;font-size:14px;font-weight:690}.panel-heading a{color:var(--admin-accent-dark);border:1px solid #f1d5c4;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:750}.panel-heading a:hover{background:#fff8f4}.table-scroll{margin-inline:-18px}.data-table{margin-top:12px}.data-table th,.data-table td{color:#565c65;border-bottom-color:#eef0f2;height:50px;padding:9px 13px;font-size:9px}.data-table th{color:#9b9fa7;letter-spacing:.075em;background:#fafafa;height:34px;font-size:7px;font-weight:740}.data-table tbody tr:hover{background:#fffaf7}.table-course{color:#30343a;gap:9px}.table-course>span:last-child{gap:2px;min-width:0;display:grid}.table-course strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.table-course small{color:#a1a5ad;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.table-mark{color:#ba581e;background:#fff0e7;border-radius:8px;flex:none;width:28px;height:28px;font-size:12px}.status{letter-spacing:.025em;border:1px solid #0000;border-radius:5px;padding:4px 7px;font-size:7px;font-weight:760}.status.published,.status.live{color:#23725f;background:#f0f8f5;border-color:#cce5dc}.status.draft,.status.review{background:#fff9eb;border-color:#f2ddb5}.pipeline{gap:0;margin-top:13px}.pipeline-step{border-bottom:1px solid #eef0f2;grid-template-columns:28px minmax(0,1fr) auto;min-height:55px;padding:9px 0}.pipeline-step:last-child{border-bottom:0}.pipeline-step>span:first-child{color:#8a9099;background:#fafafa;border:1px solid #e3e5e8;border-radius:7px;width:26px;height:26px;font-size:8px}.pipeline-step strong{color:#3d424a;font-size:9px}.pipeline-step div span,.pipeline-step>strong{font-size:8px}.admin-lower,.admin-content-grid,.admin-detail-grid,.admin-team-panel,.practice-review-queue{margin-top:14px}.admin-content-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:14px}.admin-detail-grid,.admin-side-stack{gap:14px}.admin-form{gap:12px;margin-top:15px}.admin-form-grid{gap:10px}.admin-form label{color:#555b64;gap:6px;font-size:9px;font-weight:680}.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea,.admin-search input{color:#30343a;background:#fdfdfd;border-color:#dfe2e6;border-radius:8px;min-height:39px;padding:8px 10px;font-size:10px}.admin-editor-help span{font-size:8px}.admin-record-list{border-top:1px solid #eceef0;gap:0;margin-top:12px}.admin-record-list>a{border:0;border-bottom:1px solid #eceef0;border-radius:0;min-height:55px;padding:10px 4px}.admin-record-list>a:hover{background:#fff8f4;border-color:#eceef0;padding-inline:9px}.admin-record-list strong{color:#34383f;font-size:10px}.admin-record-list small,.admin-record-list b{font-size:8px}.admin-record-list b{color:var(--admin-accent-dark)}.admin-search{margin-top:12px}.admin-message{border-radius:9px;margin-top:14px;font-size:10px}.activity-list{gap:0;margin-top:10px}.activity-item{min-height:47px;padding:9px 2px}.activity-dot{background:var(--admin-accent);width:6px;height:6px}.activity-item p{color:#42474f;font-size:9px}.activity-item span{color:#999ea7;font-size:7px}.practice-review-queue{border-top:2px solid var(--admin-accent);padding-top:18px}.practice-review-queue-heading>div>span,.practice-version-eyebrow,.practice-audio-review-form-heading>div span{color:var(--admin-accent-dark)}.practice-review-queue-heading h2{font-size:17px}.practice-review-owner,.practice-readiness-score{background:#fff8f4}.admin-vip-summary{border:1px solid var(--admin-border);background:#fff;border-radius:12px;gap:0;margin-top:20px;overflow:hidden}.admin-vip-summary article{border:0;border-left:1px solid var(--admin-border);box-shadow:none;border-radius:0}.admin-vip-summary article:first-child{border-left:0}.admin-team-list{border-top:1px solid #eceef0;gap:0;margin-top:12px}.admin-team-list article{border:0;border-bottom:1px solid #eceef0;border-radius:0;min-height:62px;padding:10px 4px}.admin-team-list select{border-color:#dfe2e6;border-radius:7px}@media (width<=1120px){.admin-page>.section-shell{padding-left:232px;padding-right:22px}.admin-sidebar{width:210px}.admin-route-progress{left:210px}.admin-top{margin-inline:-22px;padding-inline:22px}.admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}.admin-stat{padding-inline:14px}}@media (width<=900px){.admin-route-progress{left:0}.admin-page>.section-shell{padding:0 18px 48px}.admin-sidebar{border-right:0;border-bottom:1px solid var(--admin-border);flex-direction:row;align-items:center;gap:16px;width:auto;height:auto;margin-inline:-18px;padding:10px 18px;position:relative}.admin-shell>.admin-sidebar{margin-inline:0;position:sticky;top:0}.admin-sidebar-brand{flex:none}.admin-sidebar-brand>div,.admin-sidebar-footer{display:none}.admin-nav{scrollbar-width:none;gap:5px;min-width:0;margin:0;display:flex;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-group,.admin-nav-group>div{gap:4px;display:flex}.admin-nav-group>span{display:none}.admin-nav a{white-space:nowrap;min-height:36px}.admin-top{margin-inline:-18px;padding-inline:18px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stat:nth-child(3){border-left:0;border-top:1px solid var(--admin-border)}.admin-stat:nth-child(4){border-top:1px solid var(--admin-border)}.admin-grid,.admin-content-grid,.admin-detail-grid,.admin-detail-grid.lesson-layout{grid-template-columns:1fr}}@media (width<=620px){.admin-page>.section-shell{padding-inline:12px}.admin-sidebar{margin-inline:-12px;padding-inline:12px}.admin-sidebar-brand{padding-inline:0}.admin-sidebar-brand>span{width:34px;height:34px}.admin-nav a{padding-inline:9px}.admin-nav a span{display:none}.admin-top{align-items:flex-start;min-height:0;margin-inline:-12px;padding:16px 12px}.admin-title h1{font-size:21px}.admin-title p{font-size:9px}.admin-learner-link{width:38px;padding:0!important;font-size:0!important}.admin-stats{grid-template-columns:1fr}.admin-stat,.admin-stat:nth-child(2),.admin-stat:nth-child(3),.admin-stat:nth-child(4){border-top:1px solid var(--admin-border);border-left:0;min-height:74px}.admin-stat:first-child{border-top:0}.admin-form-grid.two{grid-template-columns:1fr}.admin-panel{padding:14px}.table-scroll{margin-inline:-14px}}.admin-report-filter-row{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.admin-report-filter-row>div{gap:3px;display:grid}.admin-report-filter-row>div strong{color:#353940;font-size:11px}.admin-report-filter-row>div span{color:var(--admin-muted);font-size:8px}.admin-period-filter{border:1px solid var(--admin-border);background:#fff;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.admin-period-filter a{color:#797f88;text-align:center;border-radius:6px;min-width:58px;padding:7px 11px;font-size:8px;font-weight:720}.admin-period-filter a:hover{color:#34383f;background:#f6f7f8}.admin-period-filter a[aria-current=page]{color:#a94e18;background:#fff0e7}.admin-dashboard-business-grid,.admin-analytics-grid,.admin-vip-plan-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:14px;margin-top:14px;display:grid}.admin-dashboard-transactions,.admin-user-panel,.admin-vip-subscribers,.admin-vip-transactions{margin-top:14px}.admin-chart{min-height:218px;margin-top:8px}.admin-chart svg{width:100%;height:auto;display:block;overflow:visible}.admin-panel .panel-heading>strong{color:#393e46;font-size:10px}.admin-business-activity-list{margin-top:8px;display:grid}.admin-business-activity-list article{border-bottom:1px solid #eef0f2;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:9px 0;display:grid}.admin-business-activity-icon{color:#4e6962;background:#eff5f2;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.admin-business-activity-icon.is-payment{color:#b45820;background:#fff0e7}.admin-business-activity-list article>div{gap:3px;min-width:0;display:grid}.admin-business-activity-list strong{color:#41464e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-business-activity-list span,.admin-business-activity-list time{color:#9297a0;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.admin-business-activity-list time{color:#6d727b}.admin-transaction-table td>strong,.admin-user-table td>strong,.admin-vip-subscribers td>strong{color:#353a42;font-size:9px;display:block}.admin-transaction-table td>small,.admin-user-table td>small,.admin-vip-subscribers td>small{color:#999ea6;margin-top:3px;font-size:7px;display:block}.admin-payment-status,.admin-account-status{color:#666d76;white-space:nowrap;background:#f7f8f8;border:1px solid #e2e5e8;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:4px 7px;font-size:7px;font-weight:760;display:inline-flex}.admin-payment-status.is-paid,.admin-payment-status.is-active,.admin-account-status.is-vip{color:#19705c;background:#eff8f4;border-color:#c9e4da}.admin-payment-status.is-failed,.admin-payment-status.is-refunded,.admin-payment-status.is-cancelled{color:#9b4c42;background:#fff4f1;border-color:#eed1cc}.admin-payment-status.is-pending,.admin-payment-status.is-manual_review{color:#a25b20;background:#fff8f0;border-color:#f0dbc8}.admin-table-empty{text-align:center;color:var(--admin-muted)!important;padding-block:28px!important}.admin-user-toolbar{justify-content:space-between;align-items:end;gap:14px;margin-top:18px;display:flex}.admin-user-toolbar>form{flex:1;grid-template-columns:minmax(220px,1fr) minmax(170px,.35fr) auto;align-items:end;gap:9px;display:grid}.admin-user-toolbar label{color:#6f757e;gap:6px;font-size:8px;font-weight:700;display:grid}.admin-user-toolbar input,.admin-user-toolbar select,.admin-inline-upgrade select{color:#3d424a;width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #dfe2e5;border-radius:8px;outline:none;padding:0 10px;font-size:9px}.admin-user-toolbar input:focus,.admin-user-toolbar select:focus,.admin-inline-upgrade select:focus{border-color:#e29a70;box-shadow:0 0 0 3px #ef7b3617}.admin-user-table{min-width:940px}.admin-user-identity{align-items:center;gap:9px;min-width:200px;display:flex}.admin-user-identity>span{color:#a84e19;background:#fff0e7;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.admin-user-identity>div{gap:2px;min-width:0;display:grid}.admin-user-identity strong{color:#34383f;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-user-identity small{color:#9499a1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.admin-account-locked{color:#9b4c42;margin-top:5px;font-size:7px;display:block}.admin-inline-upgrade{grid-template-columns:minmax(150px,1fr) auto;gap:6px;min-width:270px;display:grid}.admin-inline-upgrade .button,.admin-inline-delete .button{min-height:36px;padding-inline:10px;font-size:8px}.admin-inline-delete{align-items:center;gap:7px;display:flex}.admin-inline-delete input{accent-color:#aa493c}.admin-muted-cell{color:#9ca1a8;font-size:8px}.admin-table-note{color:#858b94;align-items:center;gap:7px;margin:12px 0 0;font-size:8px;line-height:1.5;display:flex}.admin-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-vip-plan-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)}.admin-vip-plan-list{gap:9px;margin-top:15px;display:grid}.admin-vip-plan-list>article{background:#fff;border:1px solid #e9ebed;border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(120px,.55fr) 90px;align-items:center;gap:12px;padding:13px;display:grid}.admin-vip-plan-main,.admin-vip-plan-price,.admin-vip-plan-buyers{gap:4px;display:grid}.admin-vip-plan-main>span{border-radius:999px;width:fit-content;padding:3px 6px;font-size:7px;font-weight:760}.admin-vip-plan-main>span.is-active{color:#19705c;background:#e8f6f0}.admin-vip-plan-main>span.is-paused{color:#7e6260;background:#f4eeee}.admin-vip-plan-main strong,.admin-vip-plan-price strong,.admin-vip-plan-buyers strong{color:#363b43;font-size:10px}.admin-vip-plan-main small,.admin-vip-plan-price span,.admin-vip-plan-buyers span{color:#9298a0;font-size:7px}.admin-vip-plan-main em{color:#ae551f;width:fit-content;font-size:7px;font-style:normal;font-weight:720}.admin-vip-plan-actions{border-top:1px solid #f0f1f2;grid-column:1/-1;align-items:center;gap:8px;padding-top:10px;display:flex}.admin-vip-plan-actions .button{min-height:34px;padding-inline:10px;font-size:8px}.admin-vip-plan-actions details{flex:1}.admin-vip-plan-actions summary{cursor:pointer;color:#a7511d;width:fit-content;font-size:8px;font-weight:760}.admin-vip-plan-edit{background:#fafafa;border:1px solid #e9ebed;border-radius:9px;padding:13px}.admin-vip-plan-delete{align-items:center;gap:7px;display:flex}.admin-vip-plan-delete label{color:#8f5c56;align-items:center;gap:5px;font-size:7px;display:inline-flex}.admin-vip-plan-delete input{accent-color:#aa493c}.admin-vip-plan-create{position:sticky;top:18px}.admin-vip-subscribers .data-table,.admin-vip-transactions .data-table{min-width:720px}@media (width<=1120px){.admin-dashboard-business-grid,.admin-vip-plan-layout{grid-template-columns:1fr}.admin-vip-plan-create{position:static}}@media (width<=900px){.admin-analytics-grid{grid-template-columns:1fr}.admin-user-toolbar{flex-direction:column;align-items:stretch}.admin-user-toolbar>form{grid-template-columns:1fr 180px auto}.admin-user-toolbar>a{align-self:flex-end}}@media (width<=620px){.admin-report-filter-row{flex-direction:column;align-items:flex-start}.admin-period-filter{width:100%}.admin-period-filter a{flex:1}.admin-dashboard-business-grid,.admin-analytics-grid,.admin-vip-plan-layout{grid-template-columns:1fr}.admin-chart{min-height:170px;overflow-x:auto}.admin-chart svg{width:560px;max-width:none}.admin-user-toolbar>form{grid-template-columns:1fr}.admin-user-toolbar>a{width:100%}.admin-vip-plan-list>article{grid-template-columns:1fr 1fr}.admin-vip-plan-main{grid-column:1/-1}.admin-vip-plan-actions{flex-direction:column;align-items:stretch}.admin-vip-plan-actions>form,.admin-vip-plan-actions .button,.admin-vip-plan-actions details,.admin-vip-plan-actions summary{width:100%}.admin-vip-plan-delete{justify-content:space-between}}.learner-app-shell .learn-rail{background:#fffffffa;border-right-color:#e2e3dd;box-shadow:10px 0 36px #102a260a}.learner-app-shell .rail-logo{color:#fff;background:#119b91;border-color:#0000;box-shadow:0 10px 24px #119b9133}.learner-app-shell .rail-nav a,.learner-app-shell .rail-support{color:#667570}.learner-app-shell .rail-nav a:hover,.learner-app-shell .rail-nav a.active{color:#087a72;box-shadow:none;background:#e2f5f2;border-color:#0000}.learner-app-shell .rail-support:hover{color:#087a72;background:#eef7f5}.learner-app-shell .learn-topbar{box-shadow:none;background:#f8f9f3f0;border-bottom-color:#e2e3dd}.learner-dashboard.review-home-dashboard{--review-canvas:#f8f7f2;--review-ink:#071a35;--review-teal:#159f96;--review-teal-dark:#087a72;--review-blue:#1767e8;--review-coral:#ff5b55;--review-yellow:#fff0c7;min-height:calc(100vh - 88px);color:var(--review-ink);background:var(--review-canvas);overflow:hidden}.review-studio{width:min(1420px,100%);margin-inline:auto;padding:18px clamp(24px,3.2vw,48px) 48px}.today-session-strip{border-bottom:1px solid #d9dfda;grid-template-columns:minmax(230px,.72fr) minmax(0,2fr);align-items:end;gap:clamp(28px,4vw,58px);padding:14px 0 20px;display:grid}.today-session-intro>span{color:var(--review-teal-dark);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:830;display:flex}.today-session-intro h1{color:#082c28;letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(28px,2.5vw,39px);font-weight:780;line-height:1.02}.today-session-intro p{color:#62716e;max-width:360px;margin:8px 0 0;font-size:13px;line-height:1.45}.today-session-resume{color:#0b655d;align-items:center;gap:6px;width:fit-content;margin-top:10px;font-size:12px;font-weight:780;text-decoration:none;display:inline-flex}.today-session-resume:hover{color:var(--review-blue)}.today-session-plan{min-width:0}.today-session-progress-copy{color:#687673;justify-content:space-between;align-items:center;gap:16px;margin-bottom:7px;font-size:11px;font-weight:720;display:flex}.today-session-progress-copy strong{color:#0b4d47;font-size:12px}.today-session-progress{background:#dfe7e3;height:3px;overflow:hidden}.today-session-progress i{background:linear-gradient(90deg, var(--review-teal), var(--review-blue));height:100%;transition:width .28s;display:block}.today-session-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0;padding:0;list-style:none;display:grid}.today-session-steps li{min-width:0}.today-session-steps li+li{border-left:1px solid #dfe4df}.today-session-steps a{color:#667370;border-radius:11px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px 13px;text-decoration:none;transition:color .18s,background-color .18s;display:grid}.today-session-steps a:hover,.today-session-steps a:focus-visible{color:#075c55;background:#edf5f2}.today-session-steps a:focus-visible{outline:2px solid var(--review-teal-dark);outline-offset:2px}.today-session-step-number{color:#667773;border:1px solid #cbd5d1;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.today-session-step-copy{gap:3px;min-width:0;display:grid}.today-session-step-copy b{color:#28413d;letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:830}.today-session-step-copy small{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.today-session-steps em{color:#89938f;font-size:11px;font-style:normal;font-weight:760}.today-session-steps .is-active a{color:#0c5e91;background:#edf5fb}.today-session-steps .is-active .today-session-step-number{color:#fff;border-color:var(--review-blue);background:var(--review-blue);box-shadow:0 5px 12px #1767e82e}.today-session-steps .is-complete a{color:#53736d}.today-session-steps .is-complete .today-session-step-number{color:#fff;border-color:var(--review-teal-dark);background:var(--review-teal-dark)}.today-session-complete{grid-template-columns:48px minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:14px 18px;min-width:0;display:grid}.today-session-complete-mark{color:#865e0b;background:#fff0bd;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.today-session-complete-copy small{color:var(--review-teal-dark);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:840}.today-session-complete-copy h2{color:#0a3833;letter-spacing:-.035em;margin:4px 0 0;font-size:23px}.today-session-complete-copy p{color:#697874;margin:4px 0 0;font-size:11px}.today-session-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.today-session-summary>div{border-left:1px solid #dce3df;min-width:0;padding:4px 12px}.today-session-summary dt{color:#7b8884;text-transform:uppercase;font-size:9px;font-weight:750}.today-session-summary dd{color:#183f39;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;font-weight:760;line-height:1.25;overflow:hidden}.today-session-extra{color:#0b655d;grid-column:2/-1;justify-self:end;align-items:center;gap:6px;font-size:10px;font-weight:760;text-decoration:none;display:inline-flex}.review-swipe-demo{grid-column:1/-1;justify-self:end;width:min(210px,72%);height:76px;margin:2px 10px 0 auto;overflow:hidden}.review-swipe-demo img{object-fit:contain;object-position:right center;width:100%;height:100%;display:block}.review-swipe-demo-static{display:none!important}.review-studio-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:clamp(28px,3vw,48px);margin-top:0;display:grid}.review-deck-stage{min-width:0;min-height:630px;padding-top:44px;position:relative}.review-card-stack{isolation:isolate;contain:layout style;width:min(830px,100%);height:575px;margin-inline:auto;position:relative}.review-active-card{z-index:4;color:#fff;background:var(--review-teal);touch-action:pan-y;transform-origin:50% 54%;backface-visibility:hidden;will-change:transform, opacity;border:1px solid #07494542;border-radius:24px;outline:none;width:min(620px,100% - 126px);min-height:550px;position:absolute;top:2px;left:20px;overflow:hidden;box-shadow:0 28px 58px #1955522b,0 6px 16px #12343117}.review-active-card:focus-visible{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--review-blue), 0 28px 58px #1955522b}.review-card-content{flex-direction:column;min-height:440px;padding:28px 36px 24px;display:flex}.review-card-order{justify-content:space-between;align-items:center;gap:20px;display:flex}.review-card-order span{font-size:16px;font-weight:800}.review-card-order b{color:#063f3b;background:#dff7f3;border-radius:999px;padding:8px 16px;font-size:13px}.review-card-hanzi{letter-spacing:-.075em;margin-top:24px;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(68px,7vw,96px);font-weight:760;line-height:.92;display:block}.review-card-reading{grid-template-columns:1fr auto;align-items:center;gap:4px 16px;margin-top:20px;display:grid}.review-card-reading span,.review-card-reading small{grid-column:1}.review-card-reading span{font-size:clamp(23px,2.3vw,30px);font-weight:760}.review-card-reading small{font-size:17px}.review-card-reading button{color:#075e58;background:#dff7f3;border:0;border-radius:50%;grid-area:1/2/span 2;place-items:center;width:48px;height:48px;display:grid}.review-card-reading button:disabled{cursor:not-allowed;opacity:.55}.review-card-example{border-top:1px solid #ffffffad;margin-top:auto;padding-top:18px}.review-card-example>span{letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:820;display:block}.review-card-example>strong{margin-top:13px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(19px,2vw,26px);line-height:1.35;display:block}.review-card-example p{margin:8px 0 0;font-size:13px;line-height:1.45}.review-answer-dock{min-height:110px;color:var(--review-ink);background:#fffdf8;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 14px 14px;display:grid}.review-answer-dock button{cursor:pointer;min-width:0;font:inherit;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;transition:transform .18s,filter .18s,opacity .18s;display:flex}.review-answer-dock button:not(:disabled):hover{filter:saturate(110%);transform:translateY(-2px)}.review-answer-dock button:focus-visible,.review-complete-panel button:focus-visible{outline-offset:3px;outline:3px solid #071a35}.review-answer-dock button:disabled{cursor:not-allowed;opacity:.54}.review-answer-dock button.known{color:#086f68;background:#dff5f0}.review-answer-dock button.again{color:#9a6500;background:var(--review-yellow)}.review-answer-dock button.hard{color:#fff;background:var(--review-coral)}.review-answer-dock button>span{align-items:center;gap:6px;display:flex}.review-answer-dock button strong{font-size:13px}.review-answer-dock button small{font-size:12px}.review-peek-card{color:#fff;backface-visibility:hidden;will-change:transform;border:1px solid #ffffff80;border-radius:22px;flex-direction:column;width:235px;min-height:460px;padding:25px 24px;display:flex;position:absolute;top:60px;box-shadow:0 24px 45px #20375826}.review-peek-card.peek-1{z-index:2;background:var(--review-blue);left:calc(100% - 275px);transform:rotate(4deg)}.review-peek-card.peek-2{z-index:1;background:var(--review-coral);top:102px;left:calc(100% - 185px);transform:rotate(8deg)}.review-peek-card>span{font-size:15px;font-weight:800}.review-peek-card>strong{margin-top:95px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:40px;line-height:1}.review-peek-card>b{margin-top:13px;font-size:19px}.review-peek-card>small{margin-top:5px;font-size:12px}.review-peek-card>svg{margin-top:auto}.review-save-error{color:#b23331;text-align:center;width:min(620px,100% - 126px);margin:8px 0 0 20px;font-size:11px}.review-studio-aside{gap:18px;padding-top:8px;display:grid}.review-daily-phrase{color:#fffaf0;background:#064f48;border:1px solid #ffffff1f;border-radius:21px;flex-direction:column;min-height:300px;padding:24px 22px 22px;display:flex;overflow:hidden;box-shadow:0 24px 52px #064f4833,0 7px 16px #071a3514}.review-daily-phrase-heading{justify-items:start;gap:10px;display:grid}.review-daily-phrase-heading span{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850}.review-daily-phrase-heading i{background:var(--review-coral);border-radius:999px;width:32px;height:3px}.review-daily-phrase>strong{letter-spacing:-.045em;margin-top:18px;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(36px,2.75vw,44px);font-weight:790;line-height:1.08}.review-daily-phrase-pinyin{margin-top:10px;font-size:17px;line-height:1.35}.review-daily-phrase>p:not(.sr-only){color:#fffaf0eb;margin:8px 0 0;font-size:14px;line-height:1.45}.review-daily-phrase-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.review-daily-phrase-actions button{cursor:pointer;color:#064f48;background:#fffaf0;border:0;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;transition:transform .18s,background-color .18s;display:grid;box-shadow:0 8px 20px #0000001f}.review-daily-phrase-actions button:hover,.review-daily-phrase-actions button.playing{background:#dff7f3;transform:translateY(-2px)scale(1.03)}.review-daily-phrase-actions a{color:#fff;background:var(--review-coral);border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:158px;min-height:50px;padding:0 16px;font-size:13px;font-weight:780;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 10px 24px #ff5b5533}.review-daily-phrase-actions a:hover{filter:saturate(108%);transform:translateY(-2px)}.review-complete-panel{gap:7px;padding:21px;display:grid}.review-complete-panel>button{cursor:pointer;color:#fff;background:var(--review-teal-dark);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:10px;padding:0 18px;display:flex}.review-complete-panel{background:#e1f5f1;border-radius:19px}.review-complete-panel>span{color:#fff;background:var(--review-teal-dark);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.review-complete-panel h2{margin:6px 0 0;font-size:20px}.review-complete-panel p{color:#586964;margin:0;font-size:12px}.review-complete-panel>button{box-shadow:none}.review-complete-actions{gap:8px;margin-top:10px;display:grid}.review-complete-actions button,.review-complete-actions a{width:100%;min-height:48px;font:inherit;border:1px solid #a9d0c7;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:760;text-decoration:none;display:flex}.review-complete-actions button{cursor:pointer;color:#0a6b62;background:0 0}.review-complete-actions a{color:#fff;border-color:var(--review-teal-dark);background:var(--review-teal-dark)}.review-target-next{color:#31504b;background:#eef7f4;border:1px solid #c9ddd7;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(620px,100% - 126px);margin:12px auto 0 20px;padding:11px 13px;display:grid}.review-target-next>span{color:#fff;background:var(--review-teal-dark);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.review-target-next>div{gap:2px;min-width:0;display:grid}.review-target-next strong{font-size:11px}.review-target-next small{color:#6d7d79;font-size:9px}.review-target-next a{color:#0b655d;align-items:center;gap:6px;font-size:10px;font-weight:780;text-decoration:none;display:inline-flex}.review-next-lesson{min-height:112px;color:var(--review-ink);border-top:1px solid #d9d8d2;gap:6px;padding:19px 50px 18px 19px;display:grid;position:relative}.review-next-lesson>span{color:#69746f;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:820}.review-next-lesson>strong{font-size:13px;line-height:1.4}.review-next-lesson>small{color:#6a7671;align-items:center;gap:7px;font-size:9px;display:flex}.review-next-lesson>svg{color:var(--review-blue);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.review-studio-empty{background:#fff;border:1px solid #d8d8d2;border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:540px;padding:60px;display:flex}.review-studio-empty>svg{color:var(--review-teal-dark)}.review-studio-empty h1{letter-spacing:-.04em;margin:20px 0 8px;font-size:34px}.review-studio-empty p{color:#61706a;max-width:440px;margin:0;line-height:1.6}.review-studio-empty a{color:#fff;background:var(--review-teal-dark);border-radius:13px;align-items:center;gap:9px;min-height:50px;margin-top:24px;padding:0 18px;font-weight:750;display:inline-flex}@media (width>=1181px){.review-studio-aside{width:350px}}@media (width<=1180px){.review-studio-layout{grid-template-columns:minmax(0,1fr) 292px;gap:24px}.review-daily-phrase{min-height:292px;padding-inline:20px}.review-daily-phrase>strong{font-size:36px}.review-daily-phrase-actions{gap:10px}.review-daily-phrase-actions a{flex:1;min-width:0;padding-inline:14px;font-size:13px}.review-active-card{width:calc(100% - 108px)}.review-card-content{padding-inline:34px}.review-peek-card.peek-1{left:calc(100% - 250px)}.review-peek-card.peek-2{left:calc(100% - 160px)}.review-save-error{width:calc(100% - 108px)}}@media (width<=920px){.today-session-strip{grid-template-columns:1fr;align-items:start;gap:18px}.today-session-complete{grid-template-columns:48px minmax(0,1fr)}.today-session-summary,.today-session-extra{grid-column:1/-1}.today-session-intro{grid-template-columns:1fr auto;align-items:end;gap:5px 18px;display:grid}.today-session-intro>span,.today-session-intro h1{grid-column:1}.today-session-intro p{grid-area:1/2/span 2;margin:0}.review-studio-layout{grid-template-columns:1fr;margin-top:0}.review-deck-stage{padding-top:0}.review-studio-aside{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);padding-top:0}.review-next-lesson{grid-column:1/-1}.review-daily-phrase{min-height:285px}}@media (width<=720px){.learner-app-shell .learn-topbar{background:#f8f9f3f5}.learner-dashboard.review-home-dashboard{min-height:calc(100vh - 68px)}.review-studio{padding:10px 14px 28px}.today-session-strip{gap:14px;padding:8px 0 15px}.today-session-intro{display:block}.today-session-intro h1{margin-top:6px;font-size:28px}.today-session-intro p{max-width:none;margin-top:7px;font-size:12px}.today-session-resume{margin-top:10px}.today-session-complete{grid-template-columns:42px minmax(0,1fr);gap:11px 12px}.today-session-complete-mark{width:42px;height:42px}.today-session-complete-copy h2{font-size:20px}.today-session-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.today-session-summary>div{padding:3px 10px}.today-session-extra{justify-self:start}.today-session-steps{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-14px;padding-inline:14px;display:flex;overflow-x:auto}.today-session-steps::-webkit-scrollbar{display:none}.today-session-steps li{scroll-snap-align:start;min-width:178px}.today-session-steps a{min-height:55px;padding-inline:10px}.review-swipe-demo{justify-self:center;width:min(210px,70%);height:76px;margin:0 auto}.review-studio-layout{flex-direction:column;align-items:stretch;gap:16px;margin-top:4px;display:flex}.review-studio-aside{display:contents}.review-deck-stage{order:1;min-height:497px}.review-complete-panel{order:2}.review-target-next{grid-template-columns:30px minmax(0,1fr);width:calc(100% - 34px);margin:10px 0 0}.review-target-next a{grid-column:2;justify-self:start}.review-daily-phrase{order:3}.review-next-lesson{order:4}.review-swipe-demo{order:5}.review-card-stack{height:465px}.review-active-card{border-radius:20px;width:calc(100% - 34px);min-height:440px;top:2px;left:0}.review-card-content{min-height:332px;padding:19px 21px 15px}.review-card-hanzi{margin-top:16px;font-size:58px}.review-card-reading{margin-top:13px}.review-card-reading span{font-size:22px}.review-card-reading small{font-size:14px}.review-card-example{padding-top:13px}.review-card-example>strong{font-size:17px}.review-card-example p{font-size:11px}.review-answer-dock{gap:7px;min-height:108px;padding:11px}.review-answer-dock button{border-radius:13px;flex-direction:column;gap:5px}.review-answer-dock button>span{justify-items:center;gap:0;display:grid}.review-answer-dock button strong{font-size:10px}.review-answer-dock button small{display:none}.review-peek-card{width:120px;min-height:360px;padding:22px 15px;top:36px}.review-peek-card.peek-1{left:calc(100% - 132px)}.review-peek-card.peek-2{top:60px;left:calc(100% - 86px)}.review-peek-card>strong{margin-top:100px;font-size:30px}.review-peek-card>b,.review-peek-card>small,.review-peek-card>svg{display:none}.review-save-error{width:calc(100% - 34px);margin-left:0}.review-daily-phrase{border-radius:17px;min-height:286px;padding:22px 20px 20px}.review-daily-phrase>strong{font-size:38px}.review-daily-phrase-pinyin{font-size:17px}.review-next-lesson{min-height:104px}.review-studio-empty{min-height:390px;padding:34px 24px}.review-studio-empty h1{font-size:28px}}@media (width<=380px){.review-card-content{min-height:332px}.review-card-hanzi{font-size:64px}}@media (prefers-reduced-motion:reduce){.review-swipe-demo-motion{display:none!important}.review-swipe-demo-static{display:block!important}.review-answer-dock button,.review-daily-phrase-actions button,.review-daily-phrase-actions a{transition:none}}.game-center-dashboard{background:#f7f7f1;min-height:calc(100vh - 72px);overflow:hidden}.game-center-shell{width:calc(100% - 104px);max-width:1420px;margin-left:104px;padding:34px clamp(28px,3.2vw,52px) 70px}.game-journey-shell{width:100%;max-width:none;margin-left:0;padding:0}.game-journey-shell>.game-center-footer-note{display:none}.game-center-hero{color:#fffdf4;background:#075b50;border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);min-height:356px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 66px #073f3729}.game-center-hero-copy{z-index:2;max-width:720px;padding:48px 20px 42px 48px;position:relative}.game-center-hero-copy>span,.game-featured-copy>span,.game-catalog-heading span,.game-session-header>div>span{letter-spacing:.11em;align-items:center;gap:8px;font-size:10px;font-weight:850;display:inline-flex}.game-center-hero-copy h1{letter-spacing:-.058em;max-width:630px;margin:16px 0 13px;font-size:clamp(42px,4.2vw,66px);line-height:.98}.game-center-hero-copy>p{color:#fffdf4c4;max-width:580px;margin:0;font-size:14px;line-height:1.72}.game-center-overview{gap:34px;margin-top:34px;display:flex}.game-center-overview>span{gap:3px;display:grid}.game-center-overview strong{font-size:21px}.game-center-overview small{color:#fffdf49e;font-size:9px}.game-center-mascot{z-index:2;background:#e8f2c9;min-height:356px;position:relative}.game-center-mascot img{z-index:2;filter:drop-shadow(0 22px 20px #133e312e);width:min(360px,92%);height:auto;position:absolute;bottom:-58px;left:50%;transform:translate(-50%)rotate(-3deg)}.game-mascot-badge{z-index:3;color:#765410;letter-spacing:.08em;background:#fff4bd;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:850;display:inline-flex;position:absolute;top:18px;right:18px}.game-featured-card{background:#fff;border:1px solid #d8e2db;border-radius:22px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:158px;margin-top:22px;padding:24px 26px;display:grid;box-shadow:0 14px 34px #1d453a12}.game-featured-number{color:#fff;background:#0f9d90;border-radius:16px;place-items:center;width:50px;height:50px;font-size:14px;font-weight:850;display:grid}.game-featured-copy>span{color:#0c786d}.game-featured-copy h2{color:#123d36;letter-spacing:-.035em;margin:6px 0 5px;font-size:27px}.game-featured-copy>p{color:#60716c;max-width:760px;margin:0;font-size:11px;line-height:1.6}.game-featured-copy>div{flex-wrap:wrap;gap:15px;margin-top:12px;display:flex}.game-featured-copy>div span{color:#667872;align-items:center;gap:5px;font-size:9px;font-weight:680;display:inline-flex}.game-featured-card>button,.game-next-button{cursor:pointer;color:#fff;min-height:49px;font:inherit;background:#ff5c57;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:11px;font-weight:800;display:inline-flex}.game-catalog-section{padding-top:42px}.game-catalog-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.game-catalog-heading span{color:#0d7b6f}.game-catalog-heading h2{color:#143b35;letter-spacing:-.04em;margin:7px 0 0;font-size:31px}.game-catalog-heading p{color:#687771;text-align:right;max-width:430px;margin:0;font-size:11px;line-height:1.6}.game-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.game-catalog-card{cursor:pointer;color:#153d36;text-align:left;background:#fff;border:1px solid #dde4df;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:360px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.game-catalog-card:hover{border-color:#a8cfc5;transform:translateY(-3px);box-shadow:0 15px 32px #1c463b14}.game-card-visual{aspect-ratio:16/9;background:#f7f2e8;width:100%;display:block;position:relative;overflow:hidden}.game-card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.game-catalog-card:hover .game-card-visual img{transform:scale(1.035)}.game-card-index{z-index:1;color:#46635c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7e0;border:1px solid #ffffffbf;border-radius:999px;place-items:center;min-width:34px;min-height:28px;font-size:10px;font-weight:800;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 7px 18px #3a494314}.game-card-icon{z-index:1;border:3px solid #ffffffe0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:12px;left:13px;box-shadow:0 8px 20px #273a351f}.game-card-icon.tone-coral{color:#af433c;background:#ffe7e4}.game-card-icon.tone-blue{color:#2769b6;background:#e5f0ff}.game-card-icon.tone-gold{color:#9b6b0d;background:#fff1c7}.game-card-icon.tone-violet{color:#6552a4;background:#eee9ff}.game-card-icon.tone-rose{color:#a44d74;background:#ffe7f1}.game-card-icon.tone-teal{color:#08786d;background:#ddf4ef}.game-card-complete{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#065f54e6;border-radius:999px;align-items:center;gap:4px;min-height:28px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 7px 18px #1a504424}.game-card-body{flex-direction:column;flex:1;align-items:flex-start;width:100%;min-height:174px;padding:17px 18px 18px;display:flex}.game-card-title{letter-spacing:-.025em;margin:0 0 7px;font-size:18px;display:block}.game-card-description{color:#667872;margin:0;font-size:10px;line-height:1.62;display:block}.game-card-meta{color:#74827e;border-top:1px solid #edf0ed;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:17px;display:flex}.game-card-meta i{align-items:center;gap:4px;font-size:9px;font-style:normal;display:inline-flex}.game-card-cta{color:#08786d;align-items:center;gap:3px;margin-top:13px;font-size:10px;font-weight:800;display:inline-flex}.game-center-footer-note{color:#6f654b;background:#fff9e9;border:1px solid #e6dcbf;border-radius:14px;align-items:center;gap:12px;margin-top:24px;padding:17px 19px;font-size:10px;line-height:1.55;display:flex}.game-center-footer-note svg{color:#a57616;flex:none}.game-journey-stage{isolation:isolate;min-height:max(880px,100vh - 88px);box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:hidden}.game-journey-background{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.game-journey-background img{object-fit:fill;width:100%;height:100%;display:block}.game-journey-header{z-index:5;width:550px;position:absolute;top:4%;left:4.6%}.game-journey-status{z-index:5;width:max-content;position:absolute;top:4%;left:4.6%}.game-journey-status .game-journey-progress{margin-top:0}.game-journey-header>span,.game-journey-featured-card>small{color:#08786d;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:850;display:inline-flex}.game-journey-header h1{color:#0b5148;letter-spacing:-.055em;white-space:nowrap;margin:14px 0 4px;font-size:clamp(44px,4.4vw,62px);line-height:.98}.game-journey-header p{color:#64766f;margin:0;font-size:15px}.game-journey-progress{color:#0b756a;background:#fffdf7e6;border:1px solid #9ac5b8b8;border-radius:999px;align-items:center;gap:7px;width:max-content;min-height:40px;margin-top:17px;padding:0 14px;font-size:12px;display:inline-flex;box-shadow:0 9px 24px #3b625512}.game-journey-progress strong{font-size:14px}.game-journey-progress span{color:#71837c}.game-progress-sync{color:#64776f;margin-top:8px;font-size:10px;font-weight:700;display:block}.game-progress-sync.is-error{color:#9d5b2c}.game-journey-featured{z-index:4;width:520px;min-height:340px;position:absolute;top:27%;left:4.8%}.game-journey-featured-card{z-index:2;background:#fffffff0;border:1px solid #d5e2dae0;border-radius:24px;width:310px;min-height:300px;padding:25px 25px 22px;position:relative;box-shadow:0 18px 44px #2c4e4221}.game-journey-featured-number,.game-journey-station-number{color:#fff;background:#08786d;border:5px solid #ffffffd1;border-radius:50%;place-items:center;font-weight:850;display:grid;box-shadow:0 8px 20px #1864572b}.game-journey-featured-number{width:54px;height:54px;margin:-13px 0 17px -13px;font-size:16px}.game-journey-done{color:#08786d;background:#e2f5ef;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:18px;right:18px}.game-journey-featured-card h2{color:#123f37;letter-spacing:-.045em;margin:8px 0;font-size:31px}.game-journey-featured-card p{color:#65766f;margin:0;font-size:11px;line-height:1.65}.game-journey-featured-meta{flex-wrap:wrap;gap:13px;margin-top:14px;display:flex}.game-journey-featured-meta span{color:#687a73;align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.game-journey-featured-card button{cursor:pointer;color:#fff;min-height:48px;font:inherit;background:#ff5c57;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:17px;padding:0 20px;font-size:12px;font-weight:750;line-height:1.2;transition:background-color .22s,transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;display:inline-flex;box-shadow:0 4px 12px #dc4f4929,inset 0 1px #ffffff2e}.game-journey-featured-card button>svg{flex-shrink:0}@media (hover:hover){.game-journey-featured-card button:hover{background-color:var(--himi-red,#ff5c57)}@supports (color:color-mix(in lab, red, red)){.game-journey-featured-card button:hover{background-color:color-mix(in srgb, var(--himi-red,#ff5c57) 92%, #b52b27)}}.game-journey-featured-card button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #dc4f4938,inset 0 1px #ffffff2e}}.game-journey-featured-card button:active{transform:scale(.98);box-shadow:0 2px 6px #dc4f4924}.game-journey-featured-card button:focus-visible{outline:2px solid var(--himi-red,#ff5c57);outline-offset:3px;box-shadow:0 4px 12px #dc4f4929}.game-journey-guide{z-index:1;filter:drop-shadow(0 18px 17px #224b3f29);width:250px;height:auto;animation:4.2s ease-in-out infinite game-journey-guide-float;position:absolute;bottom:0;right:0}.game-journey-traveler{aspect-ratio:1;z-index:7;object-fit:contain;pointer-events:none;opacity:0;filter:drop-shadow(0 12px 13px #224b3f2b);transform-origin:50% 78%;will-change:transform, opacity;width:clamp(76px,7.2vw,108px);position:absolute;top:0;left:0}.game-journey-stations{z-index:3;position:absolute;inset:0}.game-journey-station{--game-station-rest-transform:translate(-50%, calc(-50% - 10px)) scale(1);--game-station-hover-transform:translate(-50%, calc(-50% - 18px)) scale(1.045);cursor:pointer;color:#163f38;width:clamp(184px,13vw,208px);min-height:clamp(154px,10.6vw,170px);font:inherit;text-align:center;transform:var(--game-station-rest-transform);transform-origin:50% 58%;will-change:transform;background:0 0;border:0;justify-items:center;padding:0;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .36s;display:grid;position:absolute}.game-journey-station:is(:hover,:focus-visible){z-index:5;filter:drop-shadow(0 16px 18px #224b3f29);transform:var(--game-station-hover-transform)}.game-journey-station:active{transition-duration:.12s}.game-journey-station-number{z-index:3;width:42px;height:42px;font-size:13px;transition:transform .46s cubic-bezier(.16,1,.3,1),box-shadow .36s;position:absolute;top:-3px;left:4px}.game-journey-station-visual{width:clamp(158px,10.8vw,176px);height:clamp(105px,7.2vw,118px);box-shadow:none;background:0 0;border:0;border-radius:0;display:block;position:relative;overflow:visible}.game-journey-station-visual>img{object-fit:contain;filter:none;transform-origin:50% 72%;width:100%;height:100%;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .36s;display:block}.game-journey-station:is(:hover,:focus-visible) .game-journey-station-visual>img{filter:saturate(1.04);transform:translateY(-3px)scale(1.035)}.game-journey-station:is(:hover,:focus-visible) .game-journey-station-number{transform:translate(-2px,-3px)rotate(-4deg)scale(1.06)}.game-journey-station-icon{border:3px solid #ffffffe6;border-radius:10px;place-items:center;width:32px;height:32px;display:none;position:absolute;bottom:7px;left:7px;box-shadow:0 7px 14px #3549421c}.game-journey-station-icon.tone-coral{color:#af433c;background:#ffe7e4}.game-journey-station-icon.tone-blue{color:#2769b6;background:#e5f0ff}.game-journey-station-icon.tone-gold{color:#9b6b0d;background:#fff1c7}.game-journey-station-icon.tone-violet{color:#6552a4;background:#eee9ff}.game-journey-station-icon.tone-rose{color:#a44d74;background:#ffe7f1}.game-journey-station-icon.tone-teal{color:#08786d;background:#ddf4ef}.game-journey-station-copy{gap:3px;margin-top:3px;display:grid}.game-journey-station-copy strong{letter-spacing:-.015em;font-size:12px}.game-journey-station-copy small{color:#71817b;font-size:8px;font-weight:650}.game-journey-station-complete{z-index:4;color:#08786d;background:#e2f5ef;border-radius:999px;align-items:center;gap:4px;min-height:25px;padding:0 9px;font-size:8px;font-weight:800;display:none;position:absolute;top:4px;right:2px;box-shadow:0 7px 16px #22574b1a}.game-journey-station.station-2{top:17.7%;left:57.1%}.game-journey-station.station-3{top:32.4%;left:78.8%}.game-journey-station.station-4{top:58.8%;left:82.6%}.game-journey-station.station-5{top:73.6%;left:64.9%}.game-journey-station.station-6{top:77.9%;left:39.8%}.game-journey-station.station-7{top:77.1%;left:14.3%}.game-journey-skills{z-index:4;color:#557068;background:#ffffffe6;border:1px solid #ceddd5e6;border-radius:18px;width:236px;min-height:95px;padding:14px 16px;position:absolute;bottom:4%;right:4%;box-shadow:0 12px 30px #2b4d4214}.game-journey-skills>strong{color:#0b7166;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.game-journey-skills>div{grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.game-journey-skills span{border-left:1px solid #e1e8e3;justify-items:center;gap:5px;display:grid}.game-journey-skills span:first-child{border-left:0}.game-journey-skills small{font-size:8px}@keyframes game-journey-guide-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(1deg)}}.game-session-shell{max-width:1220px}.game-session-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;min-height:154px;display:grid}.game-back-button,.writing-back-to-games{cursor:pointer;color:#507069;width:max-content;font:inherit;background:0 0;border:0;grid-column:1/-1;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:760;display:inline-flex}.writing-back-to-games{margin-bottom:10px}.game-session-header>div>span{color:#08786d}.game-session-header h1{color:#133c35;letter-spacing:-.05em;margin:7px 0 5px;font-size:clamp(34px,4vw,51px);line-height:1}.game-session-header p{color:#667872;margin:0;font-size:11px}.game-session-metrics{gap:10px;display:flex}.game-session-metrics>span{background:#fff;border:1px solid #dce5e0;border-radius:13px;align-content:center;min-width:86px;min-height:60px;padding:10px 13px;display:grid}.game-session-metrics strong{color:#0a766a;font-size:19px}.game-session-metrics small{color:#7b8985;margin-top:2px;font-size:8px}.game-play-card{background:#fff;border:1px solid #dce4df;border-radius:24px;min-height:560px;margin-top:26px;padding:24px;position:relative;box-shadow:0 18px 48px #1c433914}.game-instruction{color:#5e716b;background:#f0f6f2;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-size:10px;display:flex}.game-instruction svg{color:#08786d}.game-instruction b{color:#0c6f64;margin-left:auto}.game-result{color:#153d36;text-align:center;place-content:center;justify-items:center;min-height:500px;display:grid}.game-result>span{color:#875f0d;background:#fff1bd;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.game-result>small{color:#08786d;letter-spacing:.1em;margin-top:16px;font-size:9px;font-weight:850}.game-result h2{letter-spacing:-.04em;max-width:520px;margin:8px 0 4px;font-size:31px}.game-result>strong{color:#ff5c57;font-size:20px}.game-result>div{gap:10px;margin-top:22px;display:flex}.game-result button,.game-result a{cursor:pointer;color:#0c6f64;min-height:47px;font:inherit;background:#fff;border:1px solid #bcd5ce;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-size:10px;font-weight:780;text-decoration:none;display:inline-flex}.game-result .daily-game-flow-action{color:#fff;background:#08786d;border-color:#08786d}.game-result .daily-game-flow-action.is-secondary{color:#0c6f64;background:#fff}.game-result button:disabled{cursor:wait;opacity:.68}.memory-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;max-width:820px;margin:42px auto 0;display:grid}.memory-grid button{cursor:pointer;color:#fff;min-height:150px;font:inherit;background:#0b786d;border:0;border-radius:18px;place-items:center;transition:transform .2s,background-color .2s;display:grid;position:relative;box-shadow:0 12px 22px #095f5321}.memory-grid button:hover{transform:translateY(-2px)}.memory-grid button.is-revealed{color:#163e37;background:#fffaf0;border:1px solid #d4e1db;transform:rotateY(0)}.memory-grid button.is-matched{color:#08786d;background:#e4f6f0;border-color:#95cfc1}.memory-grid button.is-revealed span[lang]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:33px}.memory-grid button svg{position:absolute;top:11px;right:11px}.connect-board{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:14px;max-width:860px;margin:32px auto 0;display:grid}.connect-board>div:not(.connect-line-column){gap:10px;display:grid}.connect-column-label{color:#80908b;letter-spacing:.09em;margin-bottom:3px;font-size:9px;font-weight:820}.connect-board button{cursor:pointer;color:#21453e;min-height:66px;font:inherit;background:#fff;border:1px solid #dae3de;border-radius:13px;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.connect-board button strong{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:25px}.connect-board button span{font-size:14px;font-weight:680}.connect-board button.is-selected{color:#08786d;background:#eef8f5;border-color:#08786d}.connect-board button.is-matched{color:#08786d;background:#e8f7f2;border-color:#a9d9cd}.connect-board button.is-wrong{color:#ba493e;background:#fff0ee;border-color:#e9a39c;animation:.34s both writing-input-shake}.connect-line-column{color:#a1b3ad;place-items:center;display:grid}.listen-prompt{text-align:center;justify-items:center;padding:42px 20px 24px;display:grid}.listen-prompt>span,.write-prompt>span,.quiz-question>span{color:#0b796e;letter-spacing:.11em;font-size:9px;font-weight:850}.listen-prompt>button{cursor:pointer;color:#fff;background:#08786d;border:0;border-radius:50%;place-items:center;width:78px;height:78px;margin-top:19px;display:grid;box-shadow:0 15px 30px #08786d33}.listen-prompt h2{color:#163e37;margin:14px 0 3px;font-size:27px}.listen-prompt p{color:#788782;margin:0;font-size:10px}.listen-options,.quiz-options{grid-template-columns:1fr 1fr;gap:11px;max-width:780px;margin:6px auto 0;display:grid}.listen-options button,.quiz-options button{cursor:pointer;color:#284a43;min-height:62px;font:inherit;text-align:left;background:#fff;border:1px solid #dbe4df;border-radius:12px;align-items:center;gap:11px;padding:0 16px;font-size:11px;font-weight:680;display:flex}.listen-options button>span,.quiz-options button>b{background:#edf3f0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.listen-options button svg,.quiz-options button svg{margin-left:auto}.listen-options button.is-correct,.quiz-options button.is-correct{color:#08786d;background:#eaf8f4;border-color:#93d3c4}.listen-options button.is-wrong,.quiz-options button.is-wrong{color:#b94a40;background:#fff0ee;border-color:#e8a29b}.game-next-button{background:#08786d;min-width:172px;margin:22px auto 0;display:flex}.game-next-button:disabled{cursor:default;color:#82928d;background:#e5ebe8}.write-prompt{text-align:center;padding:60px 20px 25px}.write-prompt h2{color:#143e37;letter-spacing:-.045em;margin:12px 0 5px;font-size:clamp(40px,5vw,60px)}.write-prompt p{color:#74847f;margin:0;font-size:10px}.write-prompt p b{color:#9ca8a4;letter-spacing:.12em}.write-answer-form{max-width:720px;margin:18px auto 0}.write-answer-form label{color:#5c716b;margin-bottom:8px;font-size:10px;font-weight:760;display:block}.write-answer-form>div{background:#fff;border:1px solid #cfdcd6;border-radius:14px;grid-template-columns:1fr auto;gap:8px;min-height:64px;padding:6px;display:grid}.write-answer-form input{color:#143e37;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0 17px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:25px}.write-answer-form button{cursor:pointer;color:#fff;min-width:128px;font:inherit;background:#08786d;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:780;display:inline-flex}.write-answer-form>span{color:#788782;align-items:center;gap:5px;min-height:31px;padding:8px 3px 0;font-size:9px;display:flex}.write-answer-form.is-correct>div{border-color:#89cfbd}.write-answer-form.is-correct>span{color:#08786d}.write-answer-form.is-wrong>div{border-color:#e49b93;animation:.34s both writing-input-shake}.write-answer-form.is-wrong>span{color:#b94a40}.flash-game-stage{justify-items:center;display:grid}.flashcard-3d{cursor:pointer;perspective:1200px;background:0 0;border:0;width:min(580px,90%);height:330px;margin-top:35px;padding:0}.flashcard-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.72,.24,1);display:block;position:relative}.flashcard-3d.is-flipped .flashcard-3d-inner{transform:rotateY(180deg)}.flashcard-face{color:#fffdf4;backface-visibility:hidden;background:#08786d;border-radius:24px;place-content:center;justify-items:center;padding:30px;display:grid;position:absolute;inset:0;box-shadow:0 22px 46px #08584c2e}.flashcard-back{color:#173f37;background:#fffaf0;border:1px solid #d5e1db;transform:rotateY(180deg)}.flashcard-face small{letter-spacing:.11em;opacity:.72;font-size:9px;font-weight:850}.flashcard-face>strong{margin-top:18px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(54px,8vw,82px);font-style:normal}.flashcard-back>strong{font-family:inherit;font-size:33px}.flashcard-face b{color:#08786d;margin-top:8px;font-size:18px}.flashcard-face em{color:inherit;opacity:.72;margin-top:16px;font-size:10px;font-style:normal}.flash-audio-row{justify-content:space-between;align-items:center;gap:16px;width:min(580px,90%);margin-top:16px;display:flex}.flash-audio-row button{cursor:pointer;color:#08786d;min-height:42px;font:inherit;background:#fff;border:1px solid #bbd5ce;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:9px;font-weight:760;display:inline-flex}.flash-audio-row span{color:#7a8984;align-items:center;gap:6px;font-size:9px;display:inline-flex}.flash-rating-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(580px,90%);margin-top:15px;display:grid}.flash-rating-actions button{cursor:pointer;color:#a54a40;min-height:48px;font:inherit;background:#fff3f1;border:1px solid #e0aaa4;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:780;display:inline-flex}.flash-rating-actions button:last-child{color:#08786d;background:#e8f7f2;border-color:#9bd0c4}.flash-rating-actions button:disabled{cursor:default;color:#94a09c;background:#f1f3f2;border-color:#dfe4e1}.quiz-question{text-align:center;justify-items:center;padding:43px 20px 23px;display:grid}.quiz-question>small{color:#71817c;margin-top:12px;font-size:10px}.quiz-question h2{color:#123d36;margin:10px 0 8px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:70px;line-height:1}.quiz-question>button{cursor:pointer;color:#08786d;background:#edf8f4;border:1px solid #bcd8d0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.quiz-options button>span{flex:1}@media (width<=1080px){.game-center-shell{width:calc(100% - 76px);margin-left:76px;padding-inline:24px}.game-center-shell.game-journey-shell{width:100%;margin-left:0;padding:0}.game-center-hero{grid-template-columns:minmax(0,1fr) 300px}.game-center-hero-copy{padding-left:35px}}@media (width<=900px){.game-center-hero{grid-template-columns:1fr 250px}.game-center-overview{gap:20px}.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-featured-card{grid-template-columns:48px minmax(0,1fr)}.game-featured-card>button{grid-column:2;width:max-content}}@media (width<=720px){.game-center-dashboard{min-height:calc(100vh - 66px);overflow:visible}.game-center-shell{width:100%;margin-left:0;padding:12px 12px 96px}.game-center-hero{border-radius:22px;grid-template-columns:1fr;min-height:520px}.game-center-hero-copy{max-width:none;padding:28px 23px 12px}.game-center-hero-copy h1{max-width:340px;font-size:42px}.game-center-hero-copy>p{font-size:11px}.game-center-overview{gap:20px;margin-top:23px}.game-center-overview strong{font-size:18px}.game-center-overview small{max-width:72px;line-height:1.35}.game-center-mascot{min-height:220px}.game-center-mascot img{width:245px;bottom:-48px}.game-mascot-badge{top:12px;right:12px}.game-featured-card{grid-template-columns:44px 1fr;gap:14px;min-height:0;margin-top:14px;padding:20px}.game-featured-number{border-radius:12px;width:42px;height:42px}.game-featured-copy h2{font-size:24px}.game-featured-copy>div{gap:9px}.game-featured-card>button{grid-column:1/-1;width:100%}.game-catalog-section{padding-top:31px}.game-catalog-heading{flex-direction:column;align-items:flex-start;gap:10px}.game-catalog-heading h2{font-size:27px}.game-catalog-heading p{text-align:left}.game-catalog-grid{grid-template-columns:1fr;gap:11px;margin-top:15px}.game-catalog-card{min-height:0}.game-card-body{min-height:168px}.game-center-footer-note{align-items:flex-start}.game-session-shell{padding-inline:0}.game-session-header{grid-template-columns:1fr;align-items:start;gap:12px;min-height:185px;padding:8px 16px 14px}.game-back-button{grid-column:auto}.game-session-header h1{font-size:34px}.game-session-metrics{justify-content:flex-start}.game-session-metrics>span{min-width:74px;min-height:50px}.game-play-card{min-height:520px;box-shadow:none;border-inline:0;border-radius:0;margin-top:0;padding:14px}.game-instruction{min-height:54px;line-height:1.4}.memory-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.memory-grid button{border-radius:14px;min-height:105px}.memory-grid button span{font-size:18px}.connect-board{grid-template-columns:1fr 36px 1fr;gap:7px;margin-top:22px}.connect-board button{min-height:59px;padding:0 10px}.connect-board button strong{font-size:21px}.connect-board button span{font-size:11px}.listen-game-stage,.write-game-stage,.quiz-game-stage,.flash-game-stage{padding-inline:14px}.listen-prompt{padding-top:27px}.listen-options,.quiz-options{grid-template-columns:1fr}.write-prompt{padding-top:38px}.write-answer-form>div{grid-template-columns:1fr}.write-answer-form input{text-align:center;min-height:56px}.write-answer-form button{min-height:48px}.flashcard-3d{width:100%;height:300px;margin-top:24px}.flash-audio-row,.flash-rating-actions{width:100%}.flash-audio-row span{display:none}.quiz-question{padding-top:31px}.quiz-question h2{font-size:62px}.game-result{min-height:470px}.game-result h2{font-size:27px}.game-result>div{flex-direction:column;width:100%}.game-result button,.game-result a{justify-content:center}}@media (width<=960px){.game-center-shell.game-journey-shell{padding:20px 20px 96px}.game-journey-stage{border-radius:26px;min-height:0;padding:28px 24px 30px}.game-journey-header{width:auto;position:relative;top:auto;left:auto}.game-journey-status{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative;top:auto;left:auto}.game-journey-status .game-progress-sync{text-align:right;margin-top:0}.game-journey-header h1{white-space:normal;font-size:clamp(39px,7vw,52px)}.game-journey-featured{width:100%;min-height:320px;margin-top:28px;position:relative;top:auto;left:auto}.game-journey-featured-card{width:min(470px,100% - 190px);min-height:300px}.game-journey-guide{width:225px;right:12px}.game-journey-stations{gap:16px;margin-top:22px;display:grid;position:relative;inset:auto}.game-journey-station,.game-journey-station.station-2,.game-journey-station.station-3,.game-journey-station.station-4,.game-journey-station.station-5,.game-journey-station.station-6,.game-journey-station.station-7{--game-station-rest-transform:none;--game-station-hover-transform:translateY(-4px) scale(1.012);text-align:left;width:100%;min-height:134px;transform:var(--game-station-rest-transform);background:#ffffffe6;border:1px solid #d2e0d8e0;border-radius:22px;grid-template-columns:46px 150px minmax(0,1fr);place-items:center stretch;gap:13px;padding:12px 18px 12px 12px;display:grid;position:relative;inset:auto;box-shadow:0 12px 28px #2a4d4114}.game-journey-station:nth-child(2n){width:95%;margin-left:5%}.game-journey-station:is(:hover,:focus-visible){transform:var(--game-station-hover-transform)}.game-journey-station-number{border-width:4px;width:42px;height:42px;font-size:13px;position:static}.game-journey-station-visual{border:0;border-radius:0;width:150px;height:100px}.game-journey-station-copy{text-align:left;margin-top:0}.game-journey-station-copy strong{font-size:15px}.game-journey-station-copy small{margin-top:4px;font-size:9px}.game-journey-station-complete{top:10px;right:12px}.game-journey-skills{width:100%;min-height:90px;margin-top:18px;position:relative;bottom:auto;right:auto}}@media (width<=720px){.game-center-shell.game-journey-shell{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-x:clip}.game-journey-stage{border-radius:22px;padding:23px 12px 25px}.game-journey-header{padding-inline:8px}.game-journey-header>span{font-size:9px}.game-journey-header h1{margin-top:11px;font-size:39px}.game-journey-header p{font-size:13px}.game-journey-progress{min-height:44px;margin-top:14px}.game-journey-featured{min-height:310px;margin-top:20px}.game-journey-featured-card{width:100%;min-height:300px;padding:22px 145px 20px 20px}.game-journey-featured-card h2{font-size:27px}.game-journey-featured-card p{font-size:10px}.game-journey-featured-card button{width:100%;padding-inline:10px}.game-journey-guide{width:165px;bottom:6px;right:-16px}.game-journey-station,.game-journey-station.station-2,.game-journey-station.station-3,.game-journey-station.station-4,.game-journey-station.station-5,.game-journey-station.station-6,.game-journey-station.station-7{border-radius:18px;grid-template-columns:38px 104px minmax(0,1fr);gap:9px;min-height:116px;padding:10px 12px 10px 9px}.game-journey-station:nth-child(2n){width:96%;margin-left:4%}.game-journey-station-number{width:36px;height:36px;font-size:11px}.game-journey-station-visual{border-width:4px;border-radius:17px;width:104px;height:82px}.game-journey-station-icon{width:27px;height:27px;bottom:5px;left:5px}.game-journey-station-copy strong{padding-right:8px;font-size:13px}.game-journey-station-copy small{font-size:8px}.game-journey-station-complete{min-height:22px;padding-inline:7px;font-size:7px}}@media (width<=480px){.game-journey-featured{min-height:0}.game-journey-featured-card{min-height:0;padding-right:20px}.game-journey-guide{display:none}}@media (width<=390px){.game-center-shell.game-journey-shell{padding-right:max(9px, env(safe-area-inset-right));padding-left:max(9px, env(safe-area-inset-left))}.game-journey-stage{border-radius:20px;padding:18px 9px 22px}.game-journey-status{flex-wrap:wrap;align-items:flex-start}.game-progress-sync{text-align:right;flex:130px}.game-journey-featured{margin-top:16px}.game-journey-featured-card{border-radius:20px;padding:18px 16px}.game-journey-featured-number{width:48px;height:48px;margin:-8px 0 14px -5px}.game-journey-featured-card h2{font-size:25px}.game-journey-stations{gap:12px}.game-journey-station,.game-journey-station.station-2,.game-journey-station.station-3,.game-journey-station.station-4,.game-journey-station.station-5,.game-journey-station.station-6,.game-journey-station.station-7{border-radius:17px;grid-template-columns:34px 86px minmax(0,1fr);gap:7px;min-height:104px;padding:8px}.game-journey-station-number{border-width:4px;width:34px;height:34px}.game-journey-station-visual{width:86px;height:70px}.game-journey-station-copy strong{padding-right:4px;font-size:12px;line-height:1.3}}@media (width>=560px) and (width<=720px) and (height<=500px) and (orientation:landscape){.game-center-shell.game-journey-shell{padding-top:max(8px, env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:calc(82px + env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}.game-journey-stage{padding:16px}.game-journey-featured{min-height:238px;margin-top:16px}.game-journey-featured-card{min-height:224px;padding:18px 190px 18px 18px}.game-journey-featured-number{width:46px;height:46px;margin:-7px 0 10px -6px}.game-journey-featured-card h2{margin-block:5px;font-size:26px}.game-journey-featured-card p{display:none}.game-journey-featured-meta{margin-top:8px}.game-journey-featured-card button{width:auto;min-height:44px;margin-top:10px}.game-journey-guide{width:190px;right:4px}.game-journey-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-journey-station,.game-journey-station.station-2,.game-journey-station.station-3,.game-journey-station.station-4,.game-journey-station.station-5,.game-journey-station.station-6,.game-journey-station.station-7,.game-journey-station:nth-child(2n){grid-template-columns:34px 88px minmax(0,1fr);gap:8px;width:100%;min-height:108px;margin-left:0;padding:9px}.game-journey-station-visual{width:88px;height:72px}.game-journey-skills{margin-top:12px}}@media (prefers-reduced-motion:reduce){.game-catalog-card,.game-card-visual img,.memory-grid button,.flashcard-3d-inner{transition:none}.game-journey-guide{animation:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-roboto), "Roboto", "Arial", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body *,body :before,body :after{font-family:inherit!important}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #176b5b52}.legal-page{background:#f8f7f2;min-height:70vh;padding:64px 20px 88px}.legal-card{color:#153a34;background:#fff;border:1px solid #dbe5df;border-radius:24px;width:min(820px,100%);margin:0 auto;padding:clamp(28px,5vw,58px);box-shadow:0 22px 58px #16433914}.legal-kicker{color:#0b796c;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.legal-card h1{letter-spacing:-.045em;margin:12px 0 14px;font-size:clamp(36px,6vw,58px);line-height:1.03}.legal-lead{color:#5e716c;margin:0 0 38px;font-size:16px;line-height:1.7}.legal-card section{border-top:1px solid #e4eae6;padding:24px 0}.legal-card section h2{margin:0 0 9px;font-size:19px}.legal-card section p{color:#566a64;margin:0;font-size:14px;line-height:1.75}.legal-card a{color:#087568;text-underline-offset:3px;font-weight:750;text-decoration:underline}.section-shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf5e6;border-bottom:1px solid #dfe8e2d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:760;display:inline-flex}.brand-mark{background:#fff7e9;border:1px solid #30274814;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:0 8px 20px #30274829}.brand-mark img,.rail-logo img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.desktop-nav{color:var(--ink-soft);align-items:center;gap:30px;font-size:14px;font-weight:620;display:flex}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--forest)}.header-actions{align-items:center;gap:10px;display:flex}.header-login{min-height:42px;color:var(--ink-soft);align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:650;display:inline-flex}.header-logout{display:flex}.header-logout input{display:none}.header-logout button{cursor:pointer;width:38px;height:38px;color:var(--ink-soft);border:1px solid var(--line);background:#ffffffb8;border-radius:11px;place-items:center;display:grid}.header-logout button:hover{color:var(--forest);background:#fff;border-color:#b9d5ca}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding-inline:16px}.button-primary{color:#fff;background:var(--forest);box-shadow:0 10px 25px #176b5b33}.button-primary:hover{background:var(--forest-deep);box-shadow:0 13px 28px #176b5b42}.button-quiet{color:var(--ink);border-color:var(--line);background:#ffffffa6}.button-quiet:hover{background:#fff}.button-light{color:var(--forest-deep);background:#fff}.button-light:hover{box-shadow:0 12px 30px #02241e33}.button-full{width:100%}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{border:1px solid var(--line);width:230px;box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:4px;padding:10px;display:grid;position:absolute;top:52px;right:0}.mobile-menu-panel a{border-radius:10px;padding:12px 14px;font-size:14px;font-weight:650}.mobile-menu-panel a:hover{background:var(--sage-light)}.hero{grid-template-columns:1.05fr .8fr;align-items:center;gap:88px;min-height:650px;padding-block:72px 80px;display:grid;position:relative}.hero:before{content:"";filter:blur(2px);z-index:-1;background:#dcebe2a6;border-radius:50%;width:370px;height:370px;position:absolute;top:75px;right:-80px}.eyebrow{width:fit-content;color:var(--forest-deep);background:var(--sage);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:740;display:inline-flex}.hero h1{letter-spacing:-.065em;max-width:690px;margin:22px 0 20px;font-size:clamp(48px,5.5vw,76px);font-weight:760;line-height:.98}.hero h1 span{color:var(--forest)}.hero-lead{max-width:610px;color:var(--ink-soft);font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-proof{color:var(--ink-soft);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:12px;font-weight:650;display:flex}.hero-proof span{align-items:center;gap:7px;display:inline-flex}.hero-proof svg{color:var(--forest)}.lesson-preview{border-radius:var(--radius-lg);background:#ffffffeb;border:1px solid #dfe8e2f2;padding:26px 28px 24px;position:relative;transform:rotate(1deg);box-shadow:0 25px 70px #18493e24}.preview-topline{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.lesson-count{color:var(--forest)}.preview-progress{background:#e8efe9;border-radius:99px;height:5px;margin:13px 0 30px;overflow:hidden}.preview-progress span{background:var(--forest);width:42%;height:100%;display:block}.preview-context{color:var(--ink-soft);text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700}.hanzi-display{text-align:center;letter-spacing:.03em;margin-top:17px;font-family:Georgia,Noto Serif SC,serif;font-size:48px}.pinyin-display{color:var(--forest);text-align:center;margin-top:6px;font-weight:650}.meaning-display{color:var(--ink-soft);text-align:center;margin-top:6px;font-size:14px}.example-box{color:var(--ink-soft);background:var(--sage-light);border-radius:13px;gap:6px;margin-top:27px;padding:16px 18px;font-size:13px;display:grid}.example-box span:first-child{color:var(--ink);font-weight:660}.preview-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.round-button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;font-size:13px;font-weight:700}.round-button-main{color:#fff;border-color:var(--forest);background:var(--forest)}.floating-streak{color:#94631e;background:#fff8e9;border:1px solid #f1ddbd;border-radius:12px;align-items:center;gap:7px;padding:11px 13px;font-size:12px;font-weight:750;display:inline-flex;position:absolute;top:90px;right:-30px;transform:rotate(-3deg);box-shadow:0 12px 30px #5841191a}.dashboard-section{border-top:1px solid var(--line);padding-block:52px 70px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px;display:flex}.section-heading h2,.daily-copy h2,.vip-banner h2,.page-hero h1{letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(30px,3.3vw,44px);line-height:1.12}.section-heading p{max-width:610px;color:var(--ink-soft);margin:10px 0 0;line-height:1.65}.section-kicker{color:var(--forest);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.text-link{color:var(--forest);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:760;display:inline-flex}.dashboard-grid{grid-template-columns:1.8fr .8fr .8fr;gap:16px;display:grid}.continue-card,.mini-stat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:130px}.continue-card{align-items:center;gap:18px;padding:22px;display:flex}.continue-icon{width:50px;height:50px;color:var(--forest);background:var(--sage);border-radius:14px;flex:none;place-items:center;display:grid}.continue-copy{flex:1;min-width:0}.card-label{color:var(--forest);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.continue-copy h3{letter-spacing:-.02em;margin:4px 0;font-size:18px}.continue-copy p{color:var(--ink-soft);margin:0;font-size:12px}.course-progress-row{align-items:center;gap:10px;margin-top:13px;display:flex}.course-progress{background:#e8efe9;border-radius:99px;flex:1;height:5px;overflow:hidden}.course-progress span{border-radius:inherit;background:var(--forest);height:100%;display:block}.course-progress-row strong{color:var(--forest);font-size:11px}.icon-link{border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.mini-stat-card{align-items:center;gap:14px;padding:22px;display:flex}.mini-stat-card div{gap:3px;display:grid}.mini-stat-card strong{font-size:18px}.mini-stat-card span:last-child{color:var(--ink-soft);font-size:11px;line-height:1.4}.mini-icon{border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}.mini-icon.amber{color:#96601b;background:#fff0d2}.mini-icon.mint{color:var(--forest);background:var(--sage)}.course-section{padding-block:72px 86px}.course-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;min-height:345px;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.course-card-coming{cursor:default;border-style:dashed}.course-card-coming:hover{box-shadow:none;transform:none}.course-cover{background:var(--course-bg,var(--sage));justify-content:space-between;align-items:flex-start;min-height:138px;padding:23px;display:flex}.course-hanzi{color:var(--course-ink,var(--forest-deep));opacity:.9;align-self:end;font-family:Georgia,Noto Serif SC,serif;font-size:56px;line-height:.9}.course-tag{color:var(--course-ink,var(--forest-deep));text-transform:uppercase;letter-spacing:.08em;background:#ffffff80;border:1px solid #16342f29;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.course-body{flex-direction:column;flex:1;padding:21px 22px 22px;display:flex}.course-body h3{letter-spacing:-.025em;margin:0;font-size:20px}.course-chinese{color:var(--ink-soft);margin-top:3px;font-size:12px}.course-description{color:var(--ink-soft);margin:14px 0 18px;font-size:13px;line-height:1.55}.course-meta{color:var(--ink-soft);border-top:1px solid #edf1ee;gap:16px;margin-top:auto;padding-top:15px;font-size:11px;font-weight:650;display:flex}.course-meta span{align-items:center;gap:5px;display:inline-flex}.course-card-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.course-coming-meta{color:#6f7d78}.coming-soon-label{color:#6b5b38;text-transform:uppercase;letter-spacing:.07em;background:#f4ead3;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.button-disabled{cursor:not-allowed;color:#83918d;box-shadow:none;background:#edf1ef;border-color:#d8e0dc}.free-label{color:var(--forest);font-size:11px;font-weight:750}.daily-section{border-radius:var(--radius-lg);background:#f0eadf;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;margin-bottom:88px;padding:55px;display:grid}.daily-copy p{max-width:490px;color:var(--ink-soft);margin:15px 0 24px;line-height:1.65}.word-stack{gap:10px;display:grid}.daily-word{background:#ffffffb8;border:1px solid #d0c3adbf;border-radius:15px;grid-template-columns:34px 1fr 1.25fr;align-items:center;gap:14px;min-height:78px;padding:14px 18px;display:grid}.word-number{color:#9b8a6f;font-size:10px;font-weight:800}.daily-word div{display:grid}.daily-word strong{font-family:Georgia,Noto Serif SC,serif;font-size:22px}.daily-word div span,.daily-word p{color:var(--ink-soft);font-size:11px}.daily-word p{margin:0}.vip-banner{color:#fff;border-radius:var(--radius-lg);background:var(--forest-deep);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:48px;padding:42px 48px;display:grid;position:relative;overflow:hidden}.vip-banner:after{content:"学";color:#ffffff0d;font-family:Georgia,serif;font-size:180px;position:absolute;bottom:-74px;right:270px}.vip-banner-icon{background:#ffffff21;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.vip-banner h2{font-size:clamp(27px,3vw,38px)}.vip-banner p{color:#ffffffb8;max-width:630px;margin:10px 0 0;font-size:14px;line-height:1.6}.light-kicker{color:#bfe3d7}.learning-principles{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:90px;display:grid}.principle{color:var(--forest);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:19px 22px;display:flex}.principle div{gap:3px;display:grid}.principle strong{color:var(--ink);font-size:14px}.principle span{color:var(--ink-soft);font-size:11px}.page-hero{padding-block:68px 40px}.page-hero-inner{justify-content:space-between;align-items:end;gap:40px;display:flex}.page-hero h1{max-width:700px;font-size:clamp(42px,5vw,64px)}.page-hero p{max-width:600px;color:var(--ink-soft);margin:18px 0 0;font-size:16px;line-height:1.7}.hero-note{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:18px;display:flex}.hero-note strong,.hero-note span{display:block}.hero-note strong{font-size:15px}.hero-note span{color:var(--ink-soft);margin-top:3px;font-size:11px}.explorer{padding-bottom:100px}.explorer-toolbar{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:16px;display:flex}.search-box{min-width:280px;color:var(--ink-soft);flex:1;align-items:center;gap:10px;display:flex}.search-box input{width:100%;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0}.filter-list{flex-wrap:wrap;gap:8px;display:flex}.filter-scroll-wrap{min-width:0;position:relative}.filter-scroll-cue{display:none}.filter-chip{cursor:pointer;border:1px solid var(--line);min-height:38px;color:var(--ink-soft);background:#fff;border-radius:10px;padding:0 13px;font-size:12px;font-weight:700}.filter-chip.active{color:#fff;border-color:var(--forest);background:var(--forest)}.explorer-count{color:var(--ink-soft);margin:0 0 16px;font-size:12px}.empty-state{text-align:center;background:#fff;border:1px dashed #bdcec4;border-radius:20px;padding:60px}.course-roadmap-page{background:#fbfcfa;min-height:760px;padding:18px 0 92px}.course-roadmap-shell{width:min(1280px,100% - 44px)}.course-roadmap-header{border-bottom:1px solid #e4e9e5;justify-content:space-between;align-items:center;gap:30px;min-height:112px;padding:0 4px 14px;display:flex}.course-roadmap-eyebrow{color:#667a74;margin-bottom:7px;font-size:13px;font-weight:620;display:block}.course-roadmap-header h1{color:#10463e;letter-spacing:-.035em;margin:0;font-size:clamp(29px,3vw,38px);font-weight:760;line-height:1.12}.course-roadmap-progress-row{color:#405a54;grid-template-columns:auto minmax(150px,390px) auto;align-items:center;gap:18px;margin-top:14px;display:grid}.course-roadmap-progress-row strong{font-size:14px;font-weight:720}.course-roadmap-progress-row small{color:#6f817c;font-size:11px;font-weight:720}.course-roadmap-progress-track{background:#e7ebe8;border-radius:999px;height:7px;overflow:hidden}.course-roadmap-progress-track>span{border-radius:inherit;background:#08796d;height:100%;transition:width .3s;display:block}.course-roadmap-switch{color:#08786d;white-space:nowrap;align-items:center;gap:9px;min-height:44px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.course-roadmap-switch:hover{color:#065d55}.course-roadmap-layout{grid-template-columns:minmax(0,1fr) 294px;align-items:start;gap:34px;padding-top:20px;display:grid}.course-roadmap-stages{gap:18px;min-width:0;display:grid}.roadmap-stage{grid-template-columns:58px minmax(0,1fr);min-width:0;display:grid;position:relative}.roadmap-stage-rail{justify-content:center;min-height:86px;display:flex;position:relative}.roadmap-stage:not(:last-child) .roadmap-stage-rail:after{content:"";background:#d8dfdb;border-radius:2px;width:2px;position:absolute;top:53px;bottom:-29px}.roadmap-stage.is-completed:not(:last-child) .roadmap-stage-rail:after,.roadmap-stage.is-active:not(:last-child) .roadmap-stage-rail:after{background:#8bc7ba}.roadmap-stage-marker{z-index:1;color:#60716c;background:#e8ebe9;border-radius:50%;place-items:center;width:46px;height:46px;margin-top:12px;font-size:20px;font-weight:760;display:grid;box-shadow:0 3px 8px #14413917}.roadmap-stage-marker.is-completed,.roadmap-stage-marker.is-active{color:#fff;background:#0a7468}.roadmap-stage-marker.is-active{box-shadow:0 0 0 5px #edf7f3,0 4px 10px #08645833}.roadmap-stage-card{background:#fff;border:1px solid #dfe5e1;border-radius:13px;min-width:0;overflow:hidden;box-shadow:0 2px 7px #173c3509}.roadmap-stage-vip-trigger{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;grid-template-columns:minmax(0,1fr) 30px;align-items:center;padding:0;display:grid}.roadmap-stage-vip-trigger:hover{background:#fffaf0;border-color:#edcf98}details.roadmap-stage-card>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 30px;align-items:center;list-style:none;display:grid}details.roadmap-stage-card>summary::-webkit-details-marker{display:none}details.roadmap-stage-card>summary:focus-visible{outline-offset:-4px}.roadmap-stage.is-locked .roadmap-stage-card{color:#73817d;background:#ffffffb8}.roadmap-stage-summary{grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:84px;display:grid}.roadmap-stage-image{background:#e9f0ec;width:176px;height:84px;position:relative;overflow:hidden}.roadmap-stage-image img{object-fit:cover}.roadmap-stage.is-locked .roadmap-stage-image img{filter:saturate(.55);opacity:.78}.roadmap-stage-copy{min-width:0;padding-block:13px}.roadmap-stage-copy h2{color:#183f38;letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:720;line-height:1.25;overflow:hidden}.roadmap-stage-copy p{color:#6a7b76;margin:6px 0 0;font-size:12px}.roadmap-stage-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:31px;margin-right:16px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.roadmap-stage-status.is-completed{color:#488276;background:#eff7f4;border-color:#d8ebe5}.roadmap-stage-status.is-vip{color:#8b5f1d;background:#fff7e8;border-color:#f2d59e}.roadmap-stage-status.is-locked{color:#707a77;background:#f5f6f5;border-color:#e1e4e2}.roadmap-stage-expand{color:#6f817c;transition:transform .2s}details[open].roadmap-stage-card .roadmap-stage-expand{transform:rotate(90deg)}.roadmap-lesson-list{background:#fff;border:1px solid #e2e7e4;border-radius:9px;margin:0 12px 12px;overflow:hidden}.roadmap-lesson-row{color:#556660;border-bottom:1px solid #e6e9e7;grid-template-columns:25px minmax(0,1fr) 72px minmax(0,165px) 19px;align-items:center;gap:10px;min-height:51px;padding:0 16px;font-size:12px;display:grid}.roadmap-lesson-row:last-child{border-bottom:0}button.roadmap-lesson-row{cursor:pointer;width:100%;font:inherit;text-align:left;border-top:0;border-left:0;border-right:0}a.roadmap-lesson-row{transition:color .18s,background .18s}a.roadmap-lesson-row:hover{color:#0b665c;background:#f5faf8}.roadmap-lesson-state{color:#75827e;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.roadmap-lesson-row.is-completed .roadmap-lesson-state{color:#fff;background:#36aa50}.roadmap-lesson-row.is-current{color:#0a7066;background:#eaf7f3;min-height:57px}.roadmap-lesson-row.is-current .roadmap-lesson-state{color:#08796d}.roadmap-lesson-row.is-current .roadmap-lesson-state svg{stroke-width:2.4px}.roadmap-lesson-row.is-vip-locked{color:#77684c;background:#fffaf0}.roadmap-lesson-row.is-vip-locked .roadmap-lesson-state{color:#ad7b28}.roadmap-lesson-row.is-locked{color:#78837f;background:#fcfcfb}.roadmap-lesson-copy{align-items:center;gap:8px;min-width:0;display:flex}.roadmap-lesson-copy>span{color:#64746f;white-space:nowrap}.roadmap-lesson-copy>i{color:#9ca7a3;font-style:normal}.roadmap-lesson-copy>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:620;overflow:hidden}.roadmap-lesson-row.is-current .roadmap-lesson-copy>strong{color:#076d63;font-weight:740}.roadmap-lesson-minutes{color:#697974;text-align:right;white-space:nowrap}.roadmap-lesson-cta{color:#fff;white-space:nowrap;background:#08796d;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:12px;font-weight:760;display:inline-flex;box-shadow:0 6px 15px #086d6129}.roadmap-lesson-cta.is-replay{color:#08796d;box-shadow:none;background:#f3fbf9;border:1px solid #b9ddd8}.roadmap-lesson-cta.is-replay:hover{background:#e7f7f3}.lesson-completion-dialog{z-index:140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091f1dad;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.lesson-completion-celebration{width:min(680px,100%);position:relative}.lesson-completion-close{width:44px;height:44px;top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:142;color:#173f38;background:#fffdf8;border:1px solid #e7d8c7;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 8px 24px #07242033}.lesson-completion-dialog .game-result-celebration__details p{color:#52635f;margin:0;font-size:14px;line-height:1.45}.lesson-completion-dialog .game-result-celebration__actions>*{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}@media (width<=700px){.lesson-completion-dialog{padding:10px}.lesson-completion-celebration{width:min(100%,540px)}.lesson-completion-close{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}}.roadmap-lesson-vip{color:#8d611e;white-space:nowrap;background:#fff;border:1px solid #edcf98;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 13px;font-size:11px;font-weight:760;display:inline-flex}.roadmap-lesson-chevron{color:#78908a}.course-roadmap-aside{gap:24px;min-width:0;display:grid;position:sticky;top:100px}.course-roadmap-overview{background:#ffffffdb;border:1px solid #dfe5e1;border-radius:16px;padding:22px 24px 12px;box-shadow:0 5px 18px #1f473f0a}.course-roadmap-overview h2{color:#183f38;margin:0 0 12px;font-size:19px;font-weight:720}.roadmap-overview-stat{border-bottom:1px solid #e4e8e5;grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:85px;display:grid}.roadmap-overview-stat:last-of-type{border-bottom:0}.roadmap-overview-stat>span{color:#5f6f6b}.roadmap-overview-stat p{color:#6d7c78;gap:4px;margin:0;font-size:12px;line-height:1.35;display:grid}.roadmap-overview-stat strong{color:#263f3a;font-size:15px;font-weight:740}.roadmap-signin-note{color:#08796d;border-top:1px solid #e4e8e5;justify-content:space-between;align-items:center;gap:8px;min-height:43px;margin-top:3px;font-size:11px;font-weight:720;display:flex}.course-roadmap-coach{grid-template-columns:118px minmax(0,1fr);align-items:end;min-height:198px;display:grid;position:relative}.course-roadmap-coach-image{z-index:1;object-fit:contain;width:148px;height:148px;margin-left:-15px}.course-roadmap-coach-bubble{color:#3d4b47;background:#fffaf0;border:1px solid #f1ce78;border-radius:13px;min-height:100px;margin:0 0 12px -3px;padding:20px 17px 16px;position:relative;box-shadow:0 7px 20px #684e180f}.course-roadmap-coach-bubble:before{content:"";background:#fffaf0;border-bottom:1px solid #f1ce78;border-left:1px solid #f1ce78;width:12px;height:12px;position:absolute;top:40px;left:-7px;transform:rotate(45deg)}.course-roadmap-coach-bubble>svg{color:#ffad19;position:absolute;top:-33px;left:-20px}.course-roadmap-coach-bubble p{margin:0;font-size:13px;font-weight:620;line-height:1.55}.course-roadmap-coach-bubble a{color:#9b6819;align-items:center;gap:3px;margin-top:9px;font-size:11px;font-weight:760;display:inline-flex}@media (width<=1060px){.course-roadmap-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.roadmap-stage-summary{grid-template-columns:145px minmax(0,1fr) auto;gap:15px}.roadmap-stage-image{width:145px}.roadmap-lesson-row{grid-template-columns:25px minmax(0,1fr) 64px minmax(0,140px) 19px;gap:8px;padding-inline:12px}.roadmap-lesson-cta{padding-inline:12px}}@media (width<=900px){.course-roadmap-layout{grid-template-columns:1fr}.course-roadmap-aside{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);position:static}.course-roadmap-coach{min-height:170px}}@media (width<=720px){.course-roadmap-page{min-height:0;padding:max(12px, env(safe-area-inset-top)) env(safe-area-inset-right) calc(104px + env(safe-area-inset-bottom)) env(safe-area-inset-left);overflow-x:clip}.course-roadmap-shell{width:min(100% - 24px,640px)}.course-roadmap-header{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:0 0 18px}.course-roadmap-header>div{width:100%;min-width:0}.course-roadmap-header h1{overflow-wrap:anywhere;font-size:clamp(24px,7vw,28px)}.course-roadmap-progress-row{grid-template-columns:auto minmax(72px,1fr) auto;gap:10px;width:100%;margin-top:14px}.course-roadmap-progress-track{min-width:0}.course-roadmap-switch{min-height:44px;padding:0 4px}.course-roadmap-layout{gap:18px;padding-top:18px}.course-roadmap-stages{gap:14px}.roadmap-stage{grid-template-columns:36px minmax(0,1fr)}.roadmap-stage-marker{width:32px;height:32px;margin-top:18px;font-size:14px}.roadmap-stage-marker svg{width:17px;height:17px}.roadmap-stage:not(:last-child) .roadmap-stage-rail:after{top:53px;bottom:-27px}.roadmap-stage-card{border-radius:14px}.roadmap-stage-summary{grid-template-columns:clamp(92px,26vw,112px) minmax(0,1fr);align-items:stretch;gap:clamp(10px,3vw,13px);min-height:94px}.roadmap-stage-image{grid-row:1/span 2;width:100%;height:100%;min-height:94px}.roadmap-stage-copy{align-self:end;padding:12px 8px 3px 0}.roadmap-stage-copy h2{white-space:normal;font-size:15px;line-height:1.32}.roadmap-stage-copy p{margin-top:4px;font-size:10px;line-height:1.4}.roadmap-stage-status{grid-column:2;align-self:start;width:fit-content;min-height:28px;margin:0 8px 9px 0;padding:0 9px;font-size:9.5px}details.roadmap-stage-card>summary{grid-template-columns:minmax(0,1fr) 28px;min-height:44px}.roadmap-stage-expand{width:18px;height:18px}.roadmap-lesson-list{border-radius:10px;margin:0 8px 8px}.roadmap-lesson-row{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:3px 8px;min-height:68px;padding:11px 12px;font-size:12px}.roadmap-lesson-state{grid-area:1/1/span 2}.roadmap-lesson-copy{flex-wrap:wrap;grid-area:1/2;gap:3px 5px}.roadmap-lesson-copy>span{font-size:10px;font-weight:680}.roadmap-lesson-copy>strong{white-space:normal;flex-basis:100%;width:100%;font-size:13px;line-height:1.35}.roadmap-lesson-copy>i{display:none}.roadmap-lesson-minutes{text-align:left;grid-area:2/2;font-size:10.5px}.roadmap-lesson-cta,.roadmap-lesson-vip{grid-area:3/2/auto/4;justify-self:stretch;width:100%;min-height:44px;margin-top:6px;padding-inline:12px}.roadmap-lesson-chevron{grid-area:1/3/span 2}.roadmap-lesson-row.is-current,.roadmap-lesson-row.is-vip-locked{grid-template-rows:auto auto auto}.course-roadmap-aside{grid-template-columns:1fr;gap:16px}.course-roadmap-overview{border-radius:14px;padding:18px 18px 8px}.roadmap-overview-stat{min-height:72px}.course-roadmap-coach{width:min(360px,100%);margin-inline:auto}.course-roadmap-coach-bubble>svg{top:-25px;left:8px}}@media (width<=720px) and (height<=500px) and (orientation:landscape){.course-roadmap-page{padding-top:max(8px, env(safe-area-inset-top))}.course-roadmap-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:12px;display:grid}.course-roadmap-header>div{grid-area:1/1}.course-roadmap-eyebrow{margin-bottom:3px}.course-roadmap-header h1{font-size:24px}.course-roadmap-progress-row{margin-top:8px}.course-roadmap-switch{grid-area:1/2;align-self:center}.course-roadmap-layout{padding-top:12px}}@media (width<=430px){.course-roadmap-shell{width:calc(100% - 16px)}.course-roadmap-eyebrow{margin-bottom:5px;font-size:11px}.course-roadmap-header h1{font-size:clamp(23px,7.2vw,26px);line-height:1.18}.course-roadmap-progress-row strong{font-size:12px}.course-roadmap-progress-row small{font-size:10px}.roadmap-stage{grid-template-columns:30px minmax(0,1fr)}.roadmap-stage-marker{width:28px;height:28px;margin-top:20px;font-size:12px}.roadmap-stage-summary{grid-template-columns:clamp(76px,23vw,88px) minmax(0,1fr);gap:9px;min-height:90px}.roadmap-stage-image{min-height:90px}.roadmap-stage-copy{padding-right:5px}.roadmap-stage-copy h2{font-size:14px}.roadmap-stage-status{margin-right:5px;padding-inline:7px}.roadmap-lesson-list{margin:0 6px 6px}.roadmap-lesson-row{gap-inline:7px;grid-template-columns:22px minmax(0,1fr) 18px;padding:10px}.roadmap-lesson-cta,.roadmap-lesson-vip{grid-column:1/-1}.course-roadmap-overview{padding-inline:16px}.course-roadmap-coach{grid-template-columns:90px minmax(0,1fr)}.course-roadmap-coach-image{width:114px;height:114px;margin-left:-12px}.course-roadmap-coach-bubble{min-height:92px;padding:17px 13px 14px}}@media (width<=350px){.course-roadmap-shell{width:calc(100% - 12px)}.course-roadmap-header h1{font-size:23px}.course-roadmap-progress-row{gap:8px}.roadmap-stage{grid-template-columns:27px minmax(0,1fr)}.roadmap-stage-marker{width:25px;height:25px;font-size:11px}.roadmap-stage-summary{grid-template-columns:70px minmax(0,1fr);gap:8px}.roadmap-stage-status{font-size:9px}.roadmap-stage-status svg{display:none}.roadmap-lesson-list{margin:0 4px 4px}.roadmap-lesson-row{gap-inline:6px;grid-template-columns:20px minmax(0,1fr) 16px;padding-inline:8px}.roadmap-lesson-copy>strong{font-size:12.5px}.course-roadmap-overview{padding-inline:14px}.roadmap-overview-stat{grid-template-columns:34px 1fr;gap:9px}.course-roadmap-coach{grid-template-columns:80px minmax(0,1fr)}.course-roadmap-coach-image{width:102px;height:102px}}.lesson-page{min-height:760px;padding-block:34px 90px}.lesson-breadcrumb{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:20px;font-size:12px;display:flex}.lesson-main{min-width:0}.lesson-header-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px 30px}.lesson-heading-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lesson-heading-row h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(28px,4vw,40px)}.lesson-heading-row p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.lesson-progress-badge{text-align:center;min-width:105px;color:var(--forest);background:var(--sage-light);border-radius:13px;padding:12px}.lesson-progress-badge strong,.lesson-progress-badge span{display:block}.lesson-progress-badge strong{font-size:19px}.lesson-progress-badge span{text-transform:uppercase;letter-spacing:.09em;margin-top:2px;font-size:9px;font-weight:750}.lesson-tabs{border-bottom:1px solid var(--line);gap:8px;margin-top:20px;display:flex}.lesson-tab{cursor:pointer;min-height:46px;color:var(--ink-soft);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 15px;font-size:13px;font-weight:720}.lesson-tab.active{color:var(--forest);border-color:var(--forest)}.lesson-content-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:14px;padding:30px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skeleton-block{color:#0000;background:linear-gradient(100deg,#e8eeea 30%,#f6f8f6 50%,#e8eeea 70%) 0 0/220% 100%;border-radius:999px;display:block}.header-account-skeleton{width:116px;min-height:34px;padding:0}.lesson-loading-breadcrumb{width:170px;height:12px}.lesson-loading-header>.skeleton-block:first-child{width:34%;height:10px}.lesson-loading-header>.skeleton-block:nth-child(2){width:62%;height:38px;margin-top:12px}.lesson-loading-header>.skeleton-block:nth-child(3){width:78%;height:12px;margin-top:12px}.lesson-loading-tabs{gap:24px;margin-top:27px;display:flex}.lesson-loading-tabs .skeleton-block{width:74px;height:12px}.lesson-loading-content{gap:12px;display:grid}.lesson-loading-row{border:1px solid #edf1ee;border-radius:14px;grid-template-columns:20% 1fr 28%;align-items:center;gap:18px;min-height:86px;padding:18px;display:grid}.lesson-loading-row .skeleton-block{height:13px}.word-list{gap:12px;display:grid}.vocab-row{background:#fdfdfb;border:1px solid #e9efeb;border-radius:14px;grid-template-columns:1.2fr .8fr auto;align-items:center;gap:20px;padding:18px;display:grid}.vocab-main{grid-template-columns:80px 1fr;align-items:center;gap:18px;display:grid}.vocab-hanzi{font-family:Georgia,Noto Serif SC,serif;font-size:30px}.vocab-main div{gap:3px;display:grid}.vocab-main strong{color:var(--forest);font-size:12px}.vocab-main span,.vocab-example span{color:var(--ink-soft);font-size:12px}.vocab-example{gap:5px;display:grid}.vocab-example strong{font-size:12px}.sound-button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.sound-button:hover{color:#fff;border-color:var(--forest);background:var(--forest)}.sound-button:disabled{cursor:not-allowed;color:#8aa099;background:#f6f7f4;border-style:dashed}.sound-button:disabled:hover{color:#8aa099;border-color:var(--line);background:#f6f7f4}.dialogue{gap:14px;display:grid}.dialogue-line{background:var(--sage-light);border-radius:15px 15px 15px 4px;max-width:76%;padding:15px 17px}.dialogue-line:nth-child(2n){background:#f4ecde;border-radius:15px 15px 4px;margin-left:auto}.dialogue-line strong,.dialogue-line span{display:block}.dialogue-line strong{margin-bottom:5px;font-size:13px}.dialogue-line small{color:var(--forest);margin-bottom:5px;font-size:10px;display:block}.dialogue-line span{color:var(--ink-soft);font-size:11px}.lesson-note-list{gap:14px;display:grid}.note-panel{border-left:4px solid var(--amber);background:#fff8e9;border-radius:0 14px 14px 0;padding:20px}.note-panel h3{margin:0 0 8px;font-size:17px}.note-panel>strong{color:#7e5c1e;margin-bottom:7px;display:block}.note-panel p{color:var(--ink-soft);margin:0;line-height:1.7}.lesson-challenge{gap:20px;display:grid}.lesson-challenge-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.lesson-challenge-heading h2{letter-spacing:-.035em;margin:6px 0 7px;font-size:27px}.lesson-challenge-heading p{max-width:650px;color:var(--ink-soft);margin:0;line-height:1.6}.lesson-challenge-target{text-align:center;min-width:94px;color:var(--forest);background:var(--sage-light);border-radius:14px;padding:12px}.lesson-challenge-target strong,.lesson-challenge-target span{display:block}.lesson-challenge-target strong{font-size:20px}.lesson-challenge-target span{text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9px;font-weight:800}.challenge-question-list{gap:14px;display:grid}.challenge-question{border:1px solid var(--line);background:#fdfdfb;border-radius:15px;min-width:0;padding:18px}.challenge-question legend{color:var(--ink);padding:0 6px;font-weight:750;line-height:1.5}.challenge-question legend span{color:var(--forest);letter-spacing:.08em;margin-right:9px;font-size:10px}.challenge-question.is-locked{background:#fffaf0;border-color:#ead9b9}.challenge-question.is-locked legend{color:#8d671e;align-items:center;gap:7px;display:inline-flex}.challenge-locked-copy{color:#746956;margin:2px 0 14px}.course-card.is-vip-locked{border-color:#ead9b9}.course-card-trigger{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;padding:0}.course-card.is-vip-locked .course-tag,.course-card.is-vip-locked .free-label{color:#8d671e;background:#fff4d8;align-items:center;gap:6px;display:inline-flex}.challenge-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.challenge-options label{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:9px;min-height:48px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.challenge-options label:hover,.challenge-options label.selected{background:var(--sage-light);border-color:#83ac9e}.challenge-options label.correct{background:#e5f5ee;border-color:#4a947c}.challenge-options label.incorrect{background:#fff0ed;border-color:#c98a7d}.challenge-options input{accent-color:var(--forest)}.challenge-explanation{color:var(--ink-soft);margin:11px 0 0;font-size:11px;line-height:1.55}.challenge-result{background:var(--sage-light);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.challenge-result p{color:var(--ink-soft);margin:0}.challenge-result-pass{align-items:center;gap:8px;font-weight:750;display:inline-flex;color:var(--forest)!important}.lesson-complete-row{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.lesson-complete-row p{color:var(--ink-soft);margin:0;font-size:12px}.daily-flow-next-step{border-top:1px solid #d8e2de;border-bottom:1px solid #d8e2de;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;scroll-margin-top:110px;display:grid}.daily-flow-next-mark{color:#fff;background:#0b7469;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.daily-flow-next-step>div{gap:3px;min-width:0;display:grid}.daily-flow-next-step small{color:#0b7469;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:820}.daily-flow-next-step strong{color:#153e38;font-size:15px}.daily-flow-next-step p{color:#6c7b77;margin:0;font-size:11px}.daily-flow-next-step .button{white-space:nowrap}.lesson-locked-panel{text-align:center;align-content:center;place-items:center;min-height:390px;display:grid}.lesson-locked-panel h2{margin:8px 0 6px;font-size:30px}.lesson-locked-panel p{max-width:560px;color:var(--ink-soft);margin:0 0 22px;line-height:1.65}.lesson-locked-icon{color:#9b6813;background:#fff2cf;border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:16px;display:grid}.practice-section{padding-block:58px 100px}.practice-layout{grid-template-columns:.72fr 1.28fr;align-items:start;gap:24px;display:grid}.practice-info{padding-top:20px}.practice-info h1{letter-spacing:-.055em;margin:13px 0 16px;font-size:clamp(40px,5vw,62px);line-height:1.03}.practice-info>p{color:var(--ink-soft);line-height:1.7}.practice-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;display:grid}.practice-stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.practice-stat strong,.practice-stat span{display:block}.practice-stat strong{font-size:20px}.practice-stat span{color:var(--ink-soft);margin-top:3px;font-size:10px}.practice-board{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:24px}.practice-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-top span{color:var(--ink-soft);font-size:11px;font-weight:700}.practice-progress{background:#e7eee9;border-radius:99px;height:6px;margin:14px 0 26px;overflow:hidden}.practice-progress span{border-radius:inherit;background:var(--forest);height:100%;transition:width .3s;display:block}.flashcard{cursor:pointer;width:100%;min-height:355px;color:var(--ink);background:var(--sage-light);text-align:center;border:0;border-radius:20px;padding:36px}.flashcard-label{color:var(--forest);text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;display:block}.flashcard-hanzi{margin-top:65px;font-family:Georgia,Noto Serif SC,serif;font-size:64px;display:block}.flashcard-pinyin{color:var(--forest);margin-top:7px;font-weight:650;display:block}.flashcard-meaning{margin:20px auto 0;font-size:22px;font-weight:730;display:block}.flashcard-hint{color:var(--ink-soft);margin-top:64px;font-size:11px;display:block}.answer-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.answer-button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:13px;min-height:52px;font-size:13px;font-weight:750}.answer-button.hard:hover{color:#9b5f21;background:#fff8e9;border-color:#ebc38b}.answer-button.known{color:#fff;border-color:var(--forest);background:var(--forest)}.answer-button:disabled{cursor:not-allowed;color:#91a19d;border-color:var(--line);opacity:.72;background:#f3f5f2}.practice-save-note,.practice-save-error{min-height:20px;color:var(--ink-soft);text-align:center;margin:11px 0 0;font-size:12px}.practice-save-note a{color:var(--forest);font-weight:750}.practice-save-error{color:#9a4538}.practice-finish{text-align:center;place-items:center;min-height:460px;display:grid}.practice-finish-icon{width:76px;height:76px;color:var(--forest);background:var(--sage);border-radius:24px;place-items:center;margin:0 auto 20px;display:grid}.practice-finish h2{letter-spacing:-.04em;margin:0;font-size:32px}.practice-finish p{color:var(--ink-soft)}.vip-hero{text-align:center;padding-block:70px 40px}.vip-hero .eyebrow{margin-inline:auto}.vip-hero h1{letter-spacing:-.055em;max-width:760px;margin:18px auto 16px;font-size:clamp(44px,5vw,68px);line-height:1.02}.vip-hero p{max-width:650px;color:var(--ink-soft);margin:0 auto;line-height:1.7}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:16px;padding-block:22px 80px;display:grid}.price-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;padding:27px;display:flex}.price-card.featured{color:#fff;border-color:var(--forest-deep);background:var(--forest-deep);transform:translateY(-8px);box-shadow:0 25px 60px #0f514638}.price-badge{width:fit-content;color:var(--forest-deep);text-transform:uppercase;letter-spacing:.1em;background:#cceade;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:850}.price-name{margin-top:20px;font-size:15px;font-weight:780}.price{align-items:baseline;gap:4px;margin-top:12px;display:flex}.price strong{letter-spacing:-.045em;font-size:38px}.price span{color:var(--ink-soft);font-size:12px}.featured .price span,.featured .price-description,.featured .feature-list{color:#ffffffb8}.price-description{min-height:42px;color:var(--ink-soft);margin:8px 0 20px;font-size:12px;line-height:1.55}.feature-list{border-top:1px solid var(--line);color:var(--ink-soft);gap:12px;margin:0 0 24px;padding:20px 0 0;font-size:12px;list-style:none;display:grid}.featured .feature-list{border-color:#ffffff26}.feature-list li{align-items:flex-start;gap:8px;display:flex}.feature-list svg{color:var(--forest);flex:none}.featured .feature-list svg{color:#bfe3d7}.price-card .button{margin-top:auto}.admin-page{background:#f3f5f2;min-height:760px;padding-block:38px 100px}.admin-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-title span{color:var(--forest);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.admin-title h1{letter-spacing:-.04em;margin:5px 0 0;font-size:32px}.admin-title p{max-width:720px;color:var(--ink-soft);margin:8px 0 0;font-size:13px;line-height:1.6}.admin-back{color:var(--forest);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:750;display:flex}.demo-badge{color:#80591d;background:#fff7e8;border:1px solid #ecd2a8;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:780}.admin-nav{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:6px;margin-top:22px;padding:8px;display:flex;box-shadow:0 10px 30px #18493e0d}.admin-nav a{min-height:38px;color:var(--ink-soft);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.admin-nav a:hover{color:var(--forest-deep);background:var(--sage-light)}.admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px;display:grid}.admin-stat{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:19px;display:flex}.admin-stat-icon{width:42px;height:42px;color:var(--forest);background:var(--sage-light);border-radius:12px;place-items:center;display:grid}.admin-stat strong,.admin-stat span{display:block}.admin-stat strong{font-size:20px}.admin-stat span{color:var(--ink-soft);font-size:10px}.admin-grid{grid-template-columns:1.45fr .75fr;gap:16px;margin-top:16px;display:grid}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h2{margin:0;font-size:17px}.panel-heading span{color:var(--ink-soft);font-size:10px}.panel-heading a{color:var(--forest);font-size:10px;font-weight:800}.data-table{border-collapse:collapse;width:100%;margin-top:18px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #edf1ee;padding:13px 8px;font-size:11px}.data-table th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.table-course{align-items:center;gap:9px;font-weight:700;display:flex}.table-course>span:not(.table-mark){gap:3px;display:grid}.table-course small{color:var(--ink-soft);font-size:9px;font-weight:500}.table-mark{width:30px;height:30px;color:var(--forest-deep);background:var(--sage);border-radius:9px;place-items:center;font-family:Georgia,serif;display:grid}.status{border-radius:7px;width:fit-content;padding:5px 7px;font-size:9px;font-weight:750}.status.live{color:var(--forest-deep);background:var(--sage)}.status.draft{color:#80591d;background:#fff3d9}.status.published{color:var(--forest-deep);background:var(--sage)}.status.review{color:#73571a;background:#fff2c8}.status.archived{color:#65706c;background:#edf0ee}.pipeline{gap:13px;margin-top:20px;display:grid}.pipeline-step{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;display:grid}.pipeline-step>span:first-child{width:30px;height:30px;color:var(--forest);background:var(--sage-light);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.pipeline-step div{gap:2px;display:grid}.pipeline-step strong{font-size:11px}.pipeline-step div span,.pipeline-step>strong{color:var(--ink-soft);font-size:9px}.pipeline-step>strong{color:var(--forest)}.admin-lower{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.admin-lower.one{grid-template-columns:1fr}.admin-message{border-radius:11px;margin:18px 0 0;padding:13px 15px;font-size:12px;line-height:1.5}.admin-message.success{color:var(--forest-deep);background:#eef8f3;border:1px solid #bdd9ce}.admin-message.error{color:#8b3f35;background:#fff2ef;border:1px solid #efc5bd}.admin-content-grid{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;margin-top:18px;display:grid}.admin-detail-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:18px;display:grid}.admin-detail-grid.lesson-layout{grid-template-columns:minmax(0,1fr) 320px}.admin-side-stack{gap:16px;display:grid}.modules-section{margin-top:16px}.admin-form{gap:15px;margin-top:20px;display:grid}.admin-form-grid{gap:13px;display:grid}.admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form label{color:var(--ink);gap:7px;font-size:11px;font-weight:750;display:grid}.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea,.admin-search input{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d5dfda;border-radius:10px;outline:none;padding:10px 12px;font-size:12px}.admin-form input[type=color]{min-height:44px;padding:5px}.admin-form textarea{resize:vertical;line-height:1.55}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.admin-search input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #176b5b1a}.admin-form .button{justify-self:start}.admin-access-form{grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:12px;display:grid}.admin-access-form>div{gap:4px;min-width:0;display:grid}.admin-access-form strong{color:var(--ink);font-size:12px}.admin-access-form small{color:var(--muted);overflow-wrap:break-word;line-height:1.5}.admin-access-form label select{background:#fff;border:1px solid #d5dfda;border-radius:10px;width:100%;min-height:42px;padding:8px 10px}.admin-side-stack .admin-access-form{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;margin-top:14px}.admin-side-stack .admin-access-form>div{background:#fafafa;border:1px solid #eceef0;border-radius:9px;padding:12px}.admin-side-stack .admin-access-form strong,.admin-side-stack .admin-access-form small{display:block}.admin-side-stack .admin-access-form label{min-width:0;display:block}.admin-side-stack .admin-access-form .button{justify-content:center;width:100%}.admin-access-tree{gap:14px;display:grid}.admin-access-tree details{border:1px solid var(--line);background:#fcfdfc;border-radius:12px}.admin-access-tree summary{cursor:pointer;color:var(--ink);padding:14px 16px;font-weight:750}.admin-access-tree details>div{gap:14px;padding:0 16px 16px;display:grid}.admin-access-list{gap:14px;display:grid}.admin-access-breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.admin-access-breadcrumbs a{color:var(--forest);align-items:center;gap:6px;font-weight:750;display:inline-flex}.admin-access-breadcrumbs strong{color:var(--ink)}.admin-access-node{background:#fff;border-left:3px solid #d8e8e1;border-radius:8px;gap:12px;padding:14px;display:grid}.admin-access-node>header{justify-content:space-between;gap:12px;display:flex}.admin-access-node>header span{color:var(--muted);font-size:11px}.admin-access-parent-node{border-left-color:var(--forest);background:#fbfdfc;margin-bottom:16px}.admin-access-open{min-height:40px;color:var(--forest);background:#f7fbf9;border:1px solid #d8e8e1;border-radius:9px;justify-content:center;justify-self:end;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.admin-access-open:hover{border-color:var(--forest);background:#eef7f3}.admin-access-group{gap:10px;display:grid}.admin-access-group h3,.admin-access-group-title{color:var(--forest);letter-spacing:.035em;margin:4px 0 0;font-size:13px;font-weight:800}.admin-access-group .admin-access-node{border-left-color:#e8d5a9}@media (width<=760px){.admin-access-form{grid-template-columns:1fr;align-items:stretch}.admin-access-form .button{justify-self:stretch}.admin-access-node>header{display:grid}.admin-access-open{justify-self:stretch}}.admin-check{grid-template-columns:auto 1fr;align-items:center;width:fit-content;gap:8px!important;display:flex!important}.admin-check input,.admin-delete-form input,.vocabulary-picker input{accent-color:var(--forest)}.admin-editor-help{justify-content:space-between;gap:14px;margin-bottom:-8px;display:flex}.admin-editor-help strong{font-size:12px}.admin-editor-help span{color:var(--ink-soft);font-size:10px}.vocabulary-picker{border:1px solid var(--line);border-radius:12px;margin:4px 0 0;padding:15px}.vocabulary-picker legend{color:var(--forest-deep);padding:0 7px;font-size:11px;font-weight:800}.vocabulary-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;display:grid;overflow-y:auto}.vocabulary-picker label{cursor:pointer;border:1px solid #edf1ee;border-radius:9px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:10px;display:grid}.vocabulary-picker label:hover{background:#f7faf8}.vocabulary-picker span{font-family:Georgia,Times New Roman,serif;font-size:18px}.vocabulary-picker small{color:var(--ink-soft);font-size:9px;line-height:1.4}.admin-record-list{gap:9px;margin-top:16px;display:grid}.admin-record-list>a{min-height:62px;color:var(--ink);border:1px solid #e7ece9;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.admin-record-list>a:hover{background:#f5faf7;border-color:#bdd9ce}.admin-record-list a>span{gap:5px;display:grid}.admin-record-list strong{font-size:12px}.admin-record-list small{color:var(--ink-soft);font-size:10px}.admin-record-list b{color:var(--forest);white-space:nowrap;font-size:10px}.vocabulary-list{max-height:700px;overflow-y:auto}.vocabulary-list strong[lang=zh]{font-family:Georgia,Times New Roman,serif;font-size:21px}.admin-search{grid-template-columns:1fr auto;gap:8px;margin-top:16px;display:grid}.admin-search .button{min-height:44px}.admin-empty{color:var(--ink-soft);margin:18px 0 0;font-size:11px;line-height:1.6}.danger-panel{background:snow;border-color:#ecd0ca}.danger-panel h2{margin:0 0 7px;font-size:16px}.danger-panel p{color:#7d5a53;margin:0;font-size:11px;line-height:1.6}.admin-delete-form{gap:12px;margin-top:16px;display:grid}.admin-delete-form label{color:#7d5a53;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;display:flex}.button-danger{color:#fff;background:#a64e42}.button-danger:hover{background:#8d4036}.practice-review-queue{border-top:3px solid var(--forest);margin-top:18px;padding-top:20px}.practice-review-queue-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.practice-review-queue-heading>div{max-width:680px}.practice-review-queue-heading>div>span{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.practice-review-queue-heading h2{letter-spacing:-.025em;margin:6px 0 0;font-size:21px}.practice-review-queue-heading p{color:var(--ink-soft);margin:7px 0 0;font-size:10px;line-height:1.55}.practice-review-queue-heading dl{grid-template-columns:repeat(3,minmax(68px,1fr));margin:0;display:grid}.practice-review-queue-heading dl>div{border-left:1px solid var(--line);min-width:76px;padding:3px 14px}.practice-review-queue-heading dt{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.practice-review-queue-heading dd{color:var(--forest-deep);margin:4px 0 0;font-size:20px;font-weight:800}.practice-review-queue-heading dl>div.is-alert dd{color:#a34e37}.practice-review-queue-list{border-bottom:1px solid var(--line);margin-top:18px}.practice-review-queue-list>article{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:center;gap:26px;min-height:132px;padding:18px 0;display:grid}.practice-review-queue-list>article.is-overdue{box-shadow:inset 3px 0 #d06a55}.practice-review-task-copy{gap:9px;min-width:0;padding-left:10px;display:grid}.practice-review-task-meta,.practice-review-task-status{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:7px 12px;font-size:8px;display:flex}.practice-review-priority{color:#50635c;white-space:nowrap;background:#edf2ef;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:850;line-height:1}.practice-review-priority.high{color:#84601d;background:#fff0c9}.practice-review-priority.urgent{color:#9a4538;background:#fce7e1}.practice-review-task-copy>a{min-width:0;color:var(--ink);gap:5px;display:grid}.practice-review-task-copy>a strong{font-size:14px}.practice-review-task-copy>a span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5;overflow:hidden}.practice-review-task-status span{align-items:center;gap:4px;display:inline-flex}.practice-review-task-status .overdue{color:#a34e37;font-weight:780}.practice-review-assignment-form{grid-template-columns:minmax(130px,1.2fr) minmax(100px,.8fr) minmax(120px,.8fr);align-items:end;gap:8px;display:grid}.practice-review-assignment-form label{color:var(--ink-soft);gap:5px;font-size:8px;font-weight:780;display:grid}.practice-review-assignment-form select,.practice-review-assignment-form input{width:100%;min-height:36px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d4ded9;border-radius:8px;padding:0 8px;font-size:9px}.practice-review-assignment-form .button{grid-column:1/-1;justify-self:end;min-height:36px;padding-inline:12px;font-size:9px}.practice-review-task-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.practice-review-task-actions .button{min-height:38px;padding-inline:12px;font-size:9px}.practice-review-assignment-panel{overflow:hidden}.practice-review-owner{color:var(--forest);background:#f1f7f4;border-radius:11px;align-items:center;gap:10px;margin-top:15px;padding:12px;display:flex}.practice-review-owner>div{gap:3px;min-width:0;display:grid}.practice-review-owner span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.practice-review-owner strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.practice-review-due{color:var(--ink-soft);align-items:center;gap:6px;margin:10px 0 0;font-size:9px;display:flex}.practice-review-due.is-overdue{color:#a34e37;font-weight:780}.practice-review-assignment-form.detail{border-top:1px solid var(--line);grid-template-columns:1fr;margin-top:15px;padding-top:15px}.practice-review-assignment-form.detail .button{grid-column:1;justify-self:stretch}.practice-review-panel-actions{margin-top:14px}.practice-review-panel-actions .button{width:100%}.practice-review-list-note{font-weight:700;color:#8b611c!important}.practice-version-history{margin-top:24px;overflow:hidden}.practice-version-history>.panel-heading{align-items:flex-end}.practice-version-history>.panel-heading>div{gap:7px;display:grid}.practice-version-history>.panel-heading h2{margin:0}.practice-version-eyebrow{color:var(--forest);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:850;display:inline-flex}.practice-version-intro{max-width:720px;color:var(--ink-soft);margin:10px 0 0;font-size:11px;line-height:1.65}.practice-version-timeline{margin-top:20px;padding-left:28px;position:relative}.practice-version-timeline:before{content:"";background:#ccdcd5;width:1px;position:absolute;inset:10px auto 12px 7px}.practice-version-item{border-top:1px solid var(--line);position:relative}.practice-version-item:last-child{border-bottom:1px solid var(--line)}.practice-version-item summary{cursor:pointer;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:13px 30px 13px 2px;list-style:none;display:grid;position:relative}.practice-version-item summary::-webkit-details-marker{display:none}.practice-version-item summary:after{color:var(--ink-soft);content:"+";font-size:16px;line-height:1;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.practice-version-item[open] summary:after{content:"−"}.practice-version-node{background:#8ca99d;border:2px solid #f8faf8;border-radius:50%;width:9px;height:9px;position:absolute;top:29px;left:-25px;box-shadow:0 0 0 1px #afc5bc}.practice-version-item.is-latest .practice-version-node{background:var(--forest);width:12px;height:12px;top:27px;left:-27px;box-shadow:0 0 0 4px #e1f1eb}.practice-version-number{width:42px;height:30px;color:var(--forest-deep);background:#edf5f1;border-radius:8px;place-items:center;font-size:10px;font-weight:850;display:grid}.practice-version-summary{gap:5px;min-width:0;display:grid}.practice-version-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.practice-version-summary small{color:var(--ink-soft);align-items:center;gap:5px;font-size:9px;display:inline-flex}.practice-version-current,.practice-version-invalid{color:#08725f;text-transform:uppercase;white-space:nowrap;background:#dff4ec;border-radius:999px;grid-area:1/3;justify-self:end;margin-right:25px;padding:5px 8px;font-size:8px;font-weight:850}.practice-version-invalid{color:#8b635b;background:#f6ebe7}.practice-version-item summary>.status{white-space:nowrap;grid-area:1/3;justify-self:end;margin-right:25px}.practice-version-content{background:#f5f8f6;border-radius:14px;gap:15px;margin:0 0 18px;padding:18px;display:grid}.practice-version-overview{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.practice-version-overview>div{gap:5px;display:grid}.practice-version-overview>div>span{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:800}.practice-version-overview>div>strong{font-size:17px}.practice-version-overview p{max-width:650px;color:var(--ink-soft);margin:0;font-size:10px;line-height:1.6}.practice-version-overview dl{grid-template-columns:repeat(4,minmax(64px,auto));gap:5px;margin:0;display:grid}.practice-version-overview dl>div{border-left:1px solid #d6e1dc;min-width:68px;padding-left:12px}.practice-version-overview dt{color:var(--ink-soft);font-size:8px}.practice-version-overview dd{color:var(--forest-deep);margin:5px 0 0;font-size:10px;font-weight:800}.practice-version-focus{flex-wrap:wrap;gap:6px;display:flex}.practice-version-focus span{color:var(--forest-deep);background:#e4f0eb;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750}.practice-version-exercises{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.practice-version-exercises>div{border-top:1px solid #d9e4df;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:9px 0;display:grid}.practice-version-exercises>div>span{color:#789188;font-size:9px;font-weight:850}.practice-version-exercises>div>div{gap:3px;min-width:0;display:grid}.practice-version-exercises strong{font-size:10px}.practice-version-exercises small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.practice-version-exercises b{text-transform:uppercase;font-size:8px}.practice-version-exercises b.true{color:#08725f}.practice-version-exercises b.false{color:#a34e37}.practice-version-restore-form{border-top:1px solid #d6e1dc;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr) auto;align-items:end;gap:14px;padding-top:16px;display:grid}.practice-version-restore-form>div{align-self:center}.practice-version-restore-form>div strong{font-size:11px}.practice-version-restore-form>div p{color:var(--ink-soft);margin:4px 0 0;font-size:9px;line-height:1.5}.practice-version-restore-form>label:not(.practice-version-confirm){color:var(--ink-soft);gap:5px;font-size:9px;font-weight:760;display:grid}.practice-version-restore-form textarea{resize:vertical;min-height:58px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cad9d2;border-radius:9px;padding:9px 10px}.practice-version-confirm{color:#6b7772;grid-column:2;align-items:flex-start;gap:7px;font-size:8px;line-height:1.45;display:flex}.practice-version-restore-form .button{white-space:nowrap;grid-area:1/3/span 2;align-self:end;gap:6px;min-height:38px}.practice-admin-list>a{align-items:flex-start}.practice-admin-list .status{flex:none}.practice-exercise-create{margin-top:16px}.practice-exercise-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:24px;display:grid}.admin-practice-main-stack{align-content:start;gap:18px;min-width:0;display:grid}.admin-practice-main-stack .practice-exercise-editor{grid-template-columns:1fr;margin-top:0}.practice-exercise-editor>.panel-heading{grid-column:1/-1}.practice-exercise-editor .panel-heading h3{margin:0;font-size:14px}.practice-exercise-form{margin-top:16px}.practice-role-card p,.practice-industry-summary p{color:var(--ink-soft);margin:14px 0 0;font-size:12px;line-height:1.7}.practice-workflow-panel{overflow:hidden}.practice-readiness-score{background:#f3f8f5;border-radius:12px;align-items:center;gap:11px;margin-top:15px;padding:14px;display:flex}.practice-readiness-score strong{color:var(--forest-deep);font-size:22px;line-height:1}.practice-readiness-score span{color:var(--ink-soft);font-size:10px;font-weight:760}.practice-readiness-list{gap:8px;margin-top:12px;display:grid}.practice-readiness-list>div{grid-template-columns:26px 1fr;align-items:start;gap:9px;display:grid}.practice-readiness-list>div>span{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.practice-readiness-list .passed>span{color:#08725f;background:#dff4ec}.practice-readiness-list .missing>span{color:#a34e37;background:#fce9e3}.practice-readiness-list div div{gap:2px;display:grid}.practice-readiness-list strong{font-size:10px}.practice-readiness-list small{color:var(--ink-soft);font-size:9px;line-height:1.45}.practice-workflow-form{border-top:1px solid var(--line);gap:10px;margin-top:15px;padding-top:15px;display:grid}.practice-workflow-form label{color:var(--ink-soft);gap:6px;font-size:9px;font-weight:760;display:grid}.practice-workflow-form input{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px}.practice-workflow-form>div{flex-wrap:wrap;gap:7px;display:flex}.practice-workflow-form .button{min-height:36px;padding-inline:11px;font-size:9px}.practice-review-overview .practice-review-lead{max-width:700px;color:var(--ink-soft);margin:16px 0;font-size:13px;line-height:1.7}.practice-review-overview dl{border-top:1px solid var(--line);gap:0;margin:0 0 18px;display:grid}.practice-review-overview dl>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:14px;padding:12px 0;display:grid}.practice-review-overview dt,.practice-review-transcript>span,.practice-review-question>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:820}.practice-review-overview dd{color:var(--ink);margin:0;font-size:12px;line-height:1.6}.practice-exercise-editor.is-review{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-review-exercise{gap:14px;display:grid}.practice-review-exercise audio{width:100%;height:38px}.review-truth{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.review-truth.true{color:#08725f;background:#dff4ec}.review-truth.false{color:#a34e37;background:#fce9e3}.practice-review-transcript,.practice-review-question{gap:6px;display:grid}.practice-review-transcript strong{font-size:19px;font-weight:650;line-height:1.45}.practice-review-question p{margin:0;font-size:11px;line-height:1.55}.practice-review-exercise ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.practice-review-exercise li{border:1px solid var(--line);border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:grid}.practice-review-exercise li>span:first-child{width:20px;height:20px;color:var(--ink-soft);background:#eef2ef;border-radius:50%;place-items:center;font-size:8px;display:grid}.practice-review-exercise li.correct{background:#f0faf6;border-color:#aad8c9}.practice-review-exercise li.correct>strong{color:#08725f;text-transform:uppercase;font-size:8px}.practice-review-explanation{color:var(--ink-soft);border-top:1px solid var(--line);margin:0;padding-top:12px;font-size:10px;line-height:1.6}.admin-team-panel{margin-top:18px}.admin-team-list{gap:9px;margin-top:16px;display:grid}.admin-team-list article{border:1px solid #e7ece9;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 14px;display:flex}.admin-team-list article>div{gap:3px;display:grid}.admin-team-list article strong{font-size:11px}.admin-team-list article span,.admin-team-list article small{color:var(--ink-soft);font-size:9px}.admin-team-list form{align-items:center;gap:8px;display:flex}.admin-team-list select{min-width:150px;min-height:38px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 9px;font-size:10px}.admin-team-list button{min-height:38px}.admin-delete-form.compact{border-top:1px solid #f0ded9;margin-top:18px;padding-top:16px}.admin-delete-form.compact .button{justify-self:start;min-height:38px;padding-inline:13px;font-size:10px}.practice-audio-uploader{background:#f7fbf9;border:1px solid #d9e5df;border-radius:13px;gap:12px;padding:15px;display:grid}.practice-audio-uploader-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.practice-audio-uploader-heading>span{color:var(--forest-deep);align-items:center;gap:7px;font-size:11px;font-weight:850;display:inline-flex}.practice-audio-uploader-heading small{color:var(--ink-soft);font-size:9px}.practice-audio-upload-button{cursor:pointer;min-height:74px;color:var(--forest);text-align:left;background:#fff;border:1px dashed #9fc9ba;border-radius:11px;align-items:center;gap:12px;padding:13px 15px;display:flex}.practice-audio-upload-button:hover{border-color:var(--forest);background:#f0f8f4}.practice-audio-upload-button:disabled{cursor:wait;opacity:.65}.practice-audio-upload-button>span{gap:4px;display:grid}.practice-audio-upload-button strong{font-size:11px}.practice-audio-upload-button small{color:var(--ink-soft);font-size:9px;font-weight:500}.practice-audio-asset{grid-template-columns:38px minmax(0,1fr) minmax(220px,.7fr) auto;align-items:center;gap:12px;display:grid}.practice-audio-asset-icon{width:38px;height:38px;color:var(--forest);background:var(--sage);border-radius:11px;place-items:center;display:grid}.practice-audio-asset-copy{gap:4px;min-width:0;display:grid}.practice-audio-asset-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.practice-audio-asset-copy small{color:var(--ink-soft);font-size:8px}.practice-audio-asset audio{width:100%;height:36px}.practice-audio-asset-actions{gap:6px;display:flex}.practice-audio-asset-actions button{cursor:pointer;min-height:36px;color:var(--forest);background:#fff;border:1px solid #cbded6;border-radius:9px;align-items:center;gap:5px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.practice-audio-asset-actions button.danger{color:#994b40;border-color:#edd0ca}.practice-audio-asset-actions button:disabled{cursor:wait;opacity:.55}.practice-audio-create-note,.practice-audio-upload-status{color:var(--ink-soft);margin:0;font-size:10px;line-height:1.5}.practice-audio-upload-status{color:var(--forest-deep);align-items:center;gap:6px;display:flex}.practice-audio-review-badge{border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:850;display:inline-flex}.practice-audio-review-badge.is-pending{color:#8b6716;background:#fff1cf}.practice-audio-review-badge.is-approved{color:#08725f;background:#dff4ec}.practice-audio-review-badge.is-re_record{color:#a34e37;background:#fce9e3}.practice-audio-asset-actions{flex-wrap:wrap;align-items:center}.practice-audio-cloudinary{color:#32647a;background:#e6f3f8;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.practice-audio-cloudinary-note{color:#8b6716;grid-column:2/-1;font-size:8px;line-height:1.45}.practice-audio-review-feedback{color:#8f493c;background:#fff4f0;border-left:3px solid #d97865;grid-column:2/-1;gap:4px;padding:10px 12px;display:grid}.practice-audio-review-feedback strong{font-size:10px}.practice-audio-review-feedback p,.practice-audio-review-feedback small{margin:0;font-size:9px;line-height:1.5}.practice-audio-upload-progress{background:#dce8e2;border-radius:999px;height:4px;overflow:hidden}.practice-audio-upload-progress span{border-radius:inherit;background:linear-gradient(90deg,#0e8b78,#35bba0);height:100%;transition:width .18s;display:block}.practice-audio-review-form{border-top:1px solid var(--line);gap:14px;margin-top:4px;padding-top:16px;display:grid}.practice-audio-review-form-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.practice-audio-review-form-heading>div{gap:3px;display:grid}.practice-audio-review-form-heading>div span{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.practice-audio-review-form-heading>div strong{font-size:11px}.practice-audio-review-form fieldset{border:0;margin:0;padding:0}.practice-audio-review-form legend,.practice-audio-review-form>label{color:var(--ink-soft);font-size:9px;font-weight:760}.practice-audio-review-issues{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.practice-audio-review-issues label{cursor:pointer;position:relative}.practice-audio-review-issues input{opacity:0;pointer-events:none;position:absolute}.practice-audio-review-issues span{color:var(--ink-soft);background:#fff;border:1px solid #dce5e0;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:700;display:block}.practice-audio-review-issues input:checked+span{color:#944b3e;background:#fff0ec;border-color:#e5aa9f}.practice-audio-review-form textarea{resize:vertical;width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;background:#fff;border-radius:9px;margin-top:7px;padding:10px 11px;line-height:1.5}.practice-audio-review-actions{justify-content:flex-end;gap:8px;display:flex}.practice-audio-review-actions .button{min-height:38px;padding-inline:12px;font-size:9px}.practice-audio-reviewed-at{color:var(--ink-soft);text-align:right;font-size:8px}.spin{animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.auth-page{background:radial-gradient(circle at 15% 10%,#e3f1eb 0,#0000 35%),#f7f6f0;place-items:center;min-height:calc(100vh - 150px);padding:54px 20px 90px;display:grid}.auth-card{border:1px solid var(--line);background:#fffffff0;border-radius:24px;width:min(100%,470px);padding:34px;box-shadow:0 25px 70px #18493e1f}.auth-card-admin{border-top:4px solid var(--forest-deep)}.auth-brand{align-items:center;gap:10px;font-weight:800;display:flex}.auth-icon{width:50px;height:50px;color:var(--forest);background:var(--sage-light);border-radius:15px;place-items:center;margin-top:28px;display:grid}.auth-heading{margin-top:18px}.auth-heading>span{color:var(--forest);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}.auth-heading h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:30px}.auth-heading p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.65}.auth-error{color:#8b3f35;background:#fff2ef;border:1px solid #efc5bd;border-radius:11px;margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.auth-notice{color:var(--forest-deep);background:#eef8f3;border:1px solid #bdd9ce;border-radius:11px;margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.home-auth-success{color:var(--forest-deep);background:#eef8f3;border:1px solid #bdd9ce;border-radius:12px;align-items:center;gap:8px;margin:0 0 18px;padding:11px 14px;font-size:13px;font-weight:700;line-height:1.45;display:flex}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-form>input[type=hidden]{display:none}.auth-form>label,.auth-form-field{color:var(--ink);gap:7px;font-size:12px;font-weight:750;display:grid}.auth-form-field>label{color:inherit;font:inherit}.auth-form>label input,.auth-form-field input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d5dfda;border-radius:11px;outline:none;padding:0 13px}.auth-form .button{margin-top:4px}.auth-code-form{gap:11px;margin-top:16px}.auth-code-form>label input{text-align:center;letter-spacing:.28em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.auth-code-form>label input::placeholder{color:#b8c0bd}.auth-code-help{color:var(--ink-soft);margin:-2px 0 0;font-size:11px;line-height:1.5}.auth-code-auto-status{color:var(--forest);text-align:center;margin:0;font-size:12px;font-weight:700;line-height:1.45}.auth-code-auto-status.is-submitting{color:var(--himi-red)}.auth-resend-form{margin-top:10px}.auth-change-email{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:10px;overflow:hidden}.auth-change-email summary{min-height:46px;color:var(--forest);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:750;list-style:none;display:flex}.auth-change-email summary::-webkit-details-marker{display:none}.auth-change-email summary:hover{background:#faf9f7}.auth-change-email summary:focus-visible{outline-offset:-3px;outline:3px solid #176b5b2e}.auth-change-email[open] summary{border-bottom:1px solid var(--line)}.auth-change-email-form{gap:10px;padding:14px;display:grid}.auth-change-email-form>p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.auth-change-email-form>label{color:var(--ink);gap:7px;font-size:12px;font-weight:750;display:grid}.auth-change-email-form input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d5dfda;border-radius:11px;outline:none;padding:0 13px;font-size:16px}.auth-change-email-form input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #176b5b1f}.auth-field-error{color:#8b3f35!important;margin:-2px 0 0!important;font-size:12px!important}.auth-switch{color:var(--ink-soft);text-align:center;justify-content:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.auth-switch>div{gap:9px;display:grid}.auth-switch p{margin:0}.auth-switch a{color:var(--forest);font-weight:750}.account-page{background:#f7f6f0;place-items:center;min-height:calc(100vh - 150px);padding:54px 20px 90px;display:grid}.account-card{border:1px solid var(--line);width:min(100%,620px);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:34px}.account-avatar{color:#fff;background:var(--forest);border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.account-card h1{margin:18px 0 4px;font-size:30px}.account-card p{color:var(--ink-soft);margin:0}.account-card dl{gap:10px;margin:28px 0;display:grid}.account-card dl>div{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex}.account-card dt{color:var(--ink-soft);font-size:12px}.account-card dd{color:var(--forest-deep);text-align:right;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:750;display:inline-flex}.account-security{border-top:1px solid var(--line);margin:30px 0;padding-top:26px}.account-security h2{margin:0 0 6px;font-size:20px}.account-security>p{font-size:13px}.bar-chart{border-bottom:1px solid var(--line);align-items:end;gap:12px;height:180px;margin-top:24px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:var(--forest);border-radius:7px 7px 0 0;width:min(34px,75%);min-height:8px}.bar-column span{color:var(--ink-soft);margin-bottom:-21px;font-size:8px}.activity-list{gap:6px;margin-top:15px;display:grid}.activity-item{border-bottom:1px solid #edf1ee;align-items:flex-start;gap:10px;padding:11px 0;display:flex}.activity-dot{background:var(--forest);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.activity-item p{margin:0;font-size:10px;line-height:1.5}.activity-item span{color:var(--ink-soft);margin-top:2px;font-size:8px;display:block}.site-footer{color:#d8e9e4;background:#0d342e;padding:58px 0 36px}.footer-grid{grid-template-columns:1.5fr repeat(3,.7fr);gap:50px;display:grid}.footer-brand .brand{color:#fff}.footer-brand p{color:#ffffff94;max-width:330px;margin:15px 0 0;font-size:12px;line-height:1.7}.footer-column{align-content:start;gap:10px;display:grid}.footer-column strong{color:#fff;margin-bottom:5px;font-size:12px}.footer-column a{color:#fff9;font-size:11px}.footer-column a:hover{color:#fff}.footer-bottom{color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;font-size:10px;display:flex}.mobile-nav{display:none}@media (width<=980px){.desktop-nav{display:none}.mobile-menu{display:block}.header-actions>.header-login,.header-actions>.button{display:none}.hero{grid-template-columns:1fr .75fr;gap:40px;min-height:0}.hero h1{font-size:clamp(46px,6.8vw,64px)}.floating-streak{right:-10px}.dashboard-grid{grid-template-columns:1fr 1fr}.continue-card{grid-column:1/-1}.course-grid{grid-template-columns:repeat(2,1fr)}.daily-section{gap:32px;padding:40px}.vocab-row{grid-template-columns:1fr auto}.vocab-example{grid-column:1/-1}.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-content-grid,.admin-detail-grid,.admin-detail-grid.lesson-layout,.practice-exercise-editor,.practice-exercise-editor.is-review,.practice-version-overview{grid-template-columns:1fr}.practice-version-overview dl{grid-template-columns:repeat(4,1fr)}.practice-version-restore-form{grid-template-columns:1fr 1fr}.practice-version-restore-form>div{grid-column:1}.practice-version-restore-form>label:not(.practice-version-confirm){grid-column:2}.practice-version-confirm{grid-column:1}.practice-version-restore-form .button{grid-area:2/2}.admin-team-list article{flex-direction:column;align-items:flex-start}.admin-team-list form{width:100%}.admin-team-list label{flex:1}.admin-team-list select{width:100%}.practice-audio-asset{grid-template-columns:38px minmax(0,1fr)}.practice-audio-asset audio,.practice-audio-asset-actions,.practice-audio-review-feedback,.practice-audio-cloudinary-note{grid-column:1/-1}.practice-review-queue-list>article{grid-template-columns:1fr;gap:16px}.practice-review-assignment-form .button{justify-self:stretch}}@media (width<=720px){body{padding-bottom:68px}.section-shell{width:min(100% - 30px,620px)}.practice-review-overview dl>div{grid-template-columns:1fr;gap:6px}.practice-workflow-form>div,.admin-team-list form{grid-template-columns:1fr;display:grid}.practice-review-queue{padding:17px 14px}.practice-review-queue-heading{flex-direction:column;align-items:stretch;gap:16px}.practice-review-queue-heading dl{width:100%}.practice-review-queue-heading dl>div:first-child{border-left:0;padding-left:0}.practice-review-queue-list>article{padding-block:16px}.practice-review-task-copy{padding-left:8px}.practice-review-assignment-form{grid-template-columns:1fr}.practice-review-assignment-form .button{grid-column:1}.practice-review-task-actions{flex-direction:column;align-items:stretch}.practice-review-task-actions form,.practice-review-task-actions .button{width:100%}.practice-version-history{padding-inline:14px}.practice-version-history>.panel-heading{align-items:flex-start}.practice-version-timeline{padding-left:22px}.practice-version-timeline:before{left:5px}.practice-version-node{left:-21px}.practice-version-item.is-latest .practice-version-node{left:-23px}.practice-version-item summary{padding-block:13px;grid-template-columns:40px minmax(0,1fr);gap:9px;padding-right:25px}.practice-version-summary{padding-right:18px}.practice-version-summary strong{white-space:normal}.practice-version-summary small{align-items:flex-start;line-height:1.45}.practice-version-item summary>.status,.practice-version-current,.practice-version-invalid{grid-area:2/2;justify-self:start;margin-right:0}.practice-version-content{padding:14px}.practice-version-overview dl{grid-template-columns:repeat(2,1fr);row-gap:12px}.practice-version-exercises,.practice-version-restore-form{grid-template-columns:1fr}.practice-version-restore-form>div,.practice-version-restore-form>label:not(.practice-version-confirm),.practice-version-confirm,.practice-version-restore-form .button{grid-area:auto/1}.practice-version-restore-form .button{width:100%}.site-header{position:relative}.header-inner{min-height:64px}.mobile-menu{display:none}.hero{padding-block:48px 60px;display:block}.hero:before{width:220px;height:220px;top:300px;right:-40px}.hero h1{margin-top:18px;font-size:clamp(43px,13vw,60px)}.hero-lead{font-size:15px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-proof{gap:10px 15px}.lesson-preview{margin:45px 5px 0;transform:none}.floating-streak{top:86px;right:-5px}.section-heading{align-items:flex-start}.compact-heading{align-items:end}.dashboard-grid,.course-grid,.learning-principles{grid-template-columns:1fr}.continue-card{align-items:flex-start}.mini-stat-card{min-height:95px}.desktop-link{display:none}.daily-section{border-radius:0;grid-template-columns:1fr;width:100%;margin-bottom:60px;padding:42px 22px}.daily-word{grid-template-columns:24px 1fr}.daily-word p{grid-column:2}.vip-banner{grid-template-columns:1fr;margin-bottom:30px;padding:32px 25px}.vip-banner-icon{width:48px;height:48px}.learning-principles{margin-bottom:60px}.page-hero{padding-block:48px 28px}.page-hero-inner{display:block}.hero-note{margin-top:25px}.explorer-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.explorer .course-grid{grid-template-columns:1fr}.lesson-page{padding-top:20px}.lesson-heading-row{display:block}.lesson-progress-badge{width:fit-content;margin-top:15px}.lesson-header-card,.lesson-content-card{padding:21px 18px}.lesson-tabs{overflow-x:auto}.vocab-row{padding:15px}.vocab-main{grid-template-columns:65px 1fr;gap:10px}.dialogue-line{max-width:90%}.lesson-challenge-heading,.challenge-result{flex-direction:column;align-items:stretch}.lesson-challenge-target{width:fit-content}.challenge-options{grid-template-columns:1fr}.lesson-complete-row{flex-direction:column;align-items:stretch}.daily-flow-next-step{grid-template-columns:38px minmax(0,1fr)}.daily-flow-next-step .button{grid-column:1/-1;width:100%}.practice-layout{grid-template-columns:1fr}.practice-info{padding-top:0}.practice-board{padding:14px}.flashcard{min-height:330px;padding:25px}.flashcard-hanzi{margin-top:55px;font-size:52px}.pricing-grid{grid-template-columns:1fr}.admin-top{flex-direction:column;align-items:flex-start}.admin-stats,.admin-grid,.admin-lower{grid-template-columns:1fr}.admin-nav{overflow-x:auto}.admin-nav a{flex:none}.admin-form-grid.two,.vocabulary-picker>div{grid-template-columns:1fr}.admin-editor-help,.practice-audio-uploader-heading{flex-direction:column;align-items:flex-start;gap:4px}.practice-audio-review-form-heading,.practice-audio-review-actions{flex-direction:column;align-items:stretch}.practice-audio-review-actions .button{justify-content:center}.data-table{min-width:540px}.table-scroll{overflow-x:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-nav{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #dfe8e2e6;border-radius:17px;grid-template-columns:repeat(4,1fr);min-height:58px;padding:6px;display:grid;position:fixed;bottom:9px;left:10px;right:10px;box-shadow:0 12px 35px #0f51462e}.mobile-nav a{min-height:46px;color:var(--ink-soft);border-radius:12px;align-content:center;place-items:center;gap:3px;font-size:8px;font-weight:700;display:grid}.mobile-nav a:hover{color:var(--forest);background:var(--sage-light)}}@media (width<=420px){.hero-actions .button{width:100%}.hero-proof{display:grid}.floating-streak{display:none}.lesson-preview{margin-inline:0;padding:22px 19px}.hanzi-display{font-size:42px}.continue-icon{display:none}.course-cover{min-height:125px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}body:has(.learner-dashboard){background:#f7f6f1}:is(body:has(.learner-dashboard)>.site-header,body:has(.learner-dashboard)>.site-footer,body:has(.learner-dashboard)>.mobile-nav){display:none}.learner-dashboard{color:#173a34;background:#f7f6f1;min-height:100vh}.learn-rail{z-index:80;background:#fffffff5;border-right:1px solid #dce5df;flex-direction:column;align-items:center;width:88px;padding:18px 8px 16px;display:flex;position:fixed;inset:0 auto 0 0}.rail-logo{background:#fff7e9;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f6a5833}.rail-nav{gap:7px;width:100%;margin-top:34px;display:grid}.rail-nav a,.rail-support{color:#60746f;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:61px;font-size:9px;font-weight:700;transition:background .2s,color .2s;display:flex}.rail-nav a:hover,.rail-nav a.active{color:#0f6a58;background:#e5f0ea}.rail-support{width:100%;margin-top:auto}.rail-support:hover{color:#0f6a58}.learn-topbar{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #dce5dfeb;justify-content:space-between;align-items:center;height:74px;padding:0 34px 0 28px;display:flex;position:fixed;top:0;left:88px;right:0}.learn-topbar .brand-mark{width:34px;height:34px;font-size:18px}.topbar-actions{align-items:center;gap:13px;display:flex}.streak-chip{color:#805716;align-items:center;gap:7px;font-size:12px;font-weight:720;display:inline-flex}.topbar-icon{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.user-chip{align-items:center;gap:9px;display:flex}.user-chip>span{color:#fff;background:#176b5b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid;position:relative;overflow:hidden}.user-chip-avatar.has-image{background:0 0}.user-chip-avatar>.user-chip-avatar-image{border-radius:inherit;object-fit:cover;object-position:center;max-width:none;display:block;width:100%!important;height:100%!important;inset:0!important}.learn-frame{grid-template-columns:minmax(0,1fr) 340px;gap:30px;margin-left:88px;padding:108px 38px 54px;display:grid}.learn-main-column{justify-self:center;width:100%;min-width:0;max-width:920px}.learn-aside-column{align-content:start;gap:16px;display:grid}.learn-greeting h1{letter-spacing:-.04em;margin:5px 0 29px;font-size:clamp(27px,2.5vw,38px);line-height:1.16}.learn-section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px;display:flex}.learn-section-title h2{letter-spacing:-.025em;margin:3px 0 0;font-size:20px}.learn-section-title a{color:#176b5b;align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.today-lesson{background:#edf4f0;border:1px solid #cadbd2;border-radius:18px;overflow:hidden}.today-lesson-heading{justify-content:space-between;gap:24px;padding:25px 28px 18px;display:flex}.today-lesson-heading>div>span{color:#176b5b;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:830}.today-lesson-heading h3{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(25px,3vw,37px);line-height:1.12}.today-lesson-heading p{color:#4f6862;max-width:610px;margin:0;font-size:13px;line-height:1.6}.lesson-order{color:#176b5b;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#ffffffa6;border:1px solid #c7dbd1;border-radius:9px;height:fit-content;padding:7px 9px;font-size:9px;font-weight:800}.lesson-word-grid{border-top:1px solid #d3e0d9;border-bottom:1px solid #d3e0d9;grid-template-columns:210px 1fr;margin:0 28px;display:grid}.lesson-character{border-right:1px solid #d3e0d9;align-content:center;place-items:center;min-height:188px;display:grid}.lesson-character strong{font-family:Georgia,Noto Serif SC,serif;font-size:59px;font-weight:500;line-height:1}.lesson-character span{color:#176b5b;margin-top:10px;font-size:20px;font-weight:750}.lesson-character small{color:#506862;margin-top:4px;font-size:13px}.lesson-context{align-content:center;padding:28px 26px;display:grid}.lesson-context>span{color:#176b5b;font-size:11px;font-weight:760}.lesson-context>strong{margin-top:15px;font-size:19px}.lesson-context>p{color:#4f6862;margin:7px 0 15px;font-size:13px}.audio-soon{color:#49625d;background:#ffffffb3;border:1px solid #d3e0d9;border-radius:10px;align-items:center;gap:8px;width:fit-content;min-height:40px;padding:0 12px;font-size:11px;display:inline-flex}.audio-soon small{color:#8a621d;text-transform:uppercase;background:#fff0d1;border-radius:5px;margin-left:4px;padding:3px 5px;font-size:8px;font-weight:800}.today-lesson-meta{color:#4f6862;flex-wrap:wrap;gap:21px;padding:17px 28px 19px;font-size:11px;display:flex}.today-lesson-meta span{align-items:center;gap:7px;display:inline-flex}.start-lesson-button{color:#fff;background:#116a58;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:14px;font-size:14px;font-weight:780;transition:transform .2s,background .2s;display:flex;box-shadow:0 10px 26px #116a5829}.start-lesson-button:hover{background:#0d594b;transform:translateY(-2px)}.learn-quick-actions{background:#fff;border:1px solid #dbe4de;border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:13px;display:grid}.learn-quick-actions a{color:#176b5b;justify-content:center;align-items:center;gap:9px;min-height:54px;font-size:11px;font-weight:750;display:flex}.learn-quick-actions a+a{border-left:1px solid #e3e9e5}.daily-tip{background:#eef3ef;border:1px solid #d9e4dd;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:14px 17px;display:grid}.tip-icon{color:#176b5b;background:#dce9e1;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.daily-tip div{min-width:0}.daily-tip strong{font-size:11px}.daily-tip p{color:#526a64;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;overflow:hidden}.learning-trail{background:#fff;border:1px solid #dbe4de;border-radius:14px;margin-top:14px;padding:19px 21px}.trail-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.trail-heading h2{margin:0;font-size:15px}.trail-heading a{color:#176b5b;align-items:center;gap:5px;font-size:9px;font-weight:750;display:inline-flex}.trail-steps{align-items:center;gap:10px;margin-top:17px;display:flex}.trail-step{color:#506862;white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:inline-flex}.trail-step i{border:1px solid #b9ccc2;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.trail-step.done i,.trail-step.current i{color:#fff;background:#176b5b;border-color:#176b5b}.trail-step.current{color:#163f37;font-weight:720}.trail-line{background:#c9d6cf;flex:1;min-width:28px;height:1px}.review-queue,.weekly-goal{background:#fff;border:1px solid #dbe4de;border-radius:17px;padding:21px}.aside-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.aside-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:18px}.aside-heading>a,.aside-heading>span{color:#176b5b;font-size:9px;font-weight:720}.review-list{border-top:1px solid #e5ebe7;margin-top:13px}.review-row{border-bottom:1px solid #e8edea;grid-template-columns:54px 1fr 1fr 32px;align-items:center;gap:8px;min-height:52px;display:grid}.review-row strong{font-family:Georgia,Noto Serif SC,serif;font-size:17px;font-weight:500}.review-row span,.review-row small{color:#60746f;font-size:9px}.review-row button{color:#748580;background:#fff;border:1px solid #dce5df;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.review-button{color:#176b5b;background:#e4efe9;border-radius:10px;justify-content:center;align-items:center;min-height:43px;margin-top:14px;font-size:11px;font-weight:780;display:flex}.review-empty{color:var(--ink-soft);text-align:center;margin:10px 0;font-size:12px}.goal-score{align-items:center;gap:16px;margin-top:23px;display:flex}.goal-score>strong{color:#176b5b;border:8px solid #176b5b;border-color:#176b5b #176b5b #dbe9e1 #dbe9e1;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:16px;display:grid}.goal-score div{gap:4px;display:grid}.goal-score span{color:#60746f;font-size:9px}.goal-progress{background:#e6ece8;border-radius:99px;height:5px;margin-top:18px;overflow:hidden}.goal-progress span{border-radius:inherit;background:#176b5b;height:100%;display:block}.week-dots{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:14px;display:grid}.week-dots span{color:#71817d;place-items:center;gap:4px;font-size:8px;display:grid}.week-dots i{border:1px solid #c9d6cf;border-radius:50%;width:17px;height:17px;display:block}.vip-mini-banner{color:#6f511c;background:#fff8e9;border:1px solid #e9d4a8;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:72px;padding:0 17px;display:grid}.vip-mini-banner div{gap:3px;display:grid}.vip-mini-banner span{opacity:.78;font-size:9px}.learner-mobile-nav{display:none}@media (width<=1120px){.learn-frame{grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding-inline:26px}.lesson-word-grid{grid-template-columns:170px 1fr}.lesson-character strong{font-size:50px}.trail-step{font-size:8px}}@media (width<=920px){.learn-rail{width:76px}.learn-topbar{left:76px}.learn-frame{grid-template-columns:1fr;margin-left:76px}.learn-main-column{max-width:none}.learn-aside-column{grid-template-columns:1fr 1fr}.vip-mini-banner{grid-column:1/-1}}@media (width<=720px){body:has(.learner-dashboard){padding-bottom:0}.learn-rail{display:none}.learn-topbar{height:66px;padding-inline:16px;left:0}.learn-topbar .brand{font-size:18px}.streak-chip{font-size:0}.streak-chip svg{width:19px;height:19px}.user-chip strong{display:none}.topbar-actions{gap:7px}.learn-frame{margin-left:0;padding:92px 15px 98px;display:block}.learn-greeting span{font-size:13px}.learn-greeting h1{margin-bottom:24px;font-size:28px}.learn-section-title{align-items:center}.learn-section-title h2{font-size:19px}.today-lesson-heading{padding:21px 19px 16px}.today-lesson-heading h3{font-size:27px}.today-lesson-heading p{font-size:12px}.lesson-word-grid{grid-template-columns:1fr;margin-inline:19px}.lesson-character{border-bottom:1px solid #d3e0d9;border-right:0;min-height:156px}.lesson-character strong{font-size:52px}.lesson-context{padding:22px 6px}.lesson-context>strong{font-size:17px;line-height:1.45}.today-lesson-meta{gap:12px;padding-inline:19px}.today-lesson-meta span{font-size:9px}.start-lesson-button{z-index:20;position:sticky;bottom:78px}.learn-quick-actions{grid-template-columns:1fr}.learn-quick-actions a{justify-content:flex-start;min-height:47px;padding-inline:17px}.learn-quick-actions a+a{border-top:1px solid #e3e9e5;border-left:0}.daily-tip p{white-space:normal}.trail-steps{flex-direction:column;align-items:flex-start}.trail-line{width:1px;min-width:1px;height:17px;margin-left:13px}.learn-aside-column{grid-template-columns:1fr;margin-top:17px;display:grid}.vip-mini-banner{grid-column:auto}.learner-mobile-nav{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d2dfd7eb;border-radius:18px;grid-template-columns:repeat(5,1fr);min-height:62px;padding:6px;display:grid;position:fixed;bottom:8px;left:9px;right:9px;box-shadow:0 14px 35px #13433a2e}.learner-mobile-nav a{color:#667a74;border-radius:12px;align-content:center;place-items:center;gap:3px;font-size:8px;font-weight:750;display:grid}.learner-mobile-nav a.active{color:#176b5b;background:#e5f0ea}}@media (width<=390px){.learn-topbar .brand-mark{width:31px;height:31px}.today-lesson-heading h3{font-size:25px}.lesson-order{display:none}.review-queue,.weekly-goal{padding:18px}}@media (width<=640px){.auth-page,.account-page{align-items:start;padding:28px 14px 78px}.auth-card,.account-card{border-radius:18px;padding:25px 20px}.auth-heading h1,.account-card h1{font-size:27px}.account-card dl>div{flex-direction:column;align-items:flex-start;gap:6px}.account-card dd{text-align:left}}body:has(.learner-dashboard){background:#fbfaf6;min-width:320px}.learner-dashboard{color:#092f2a;background-color:#fbfaf6;background-image:url(/assets/hanziwork-dashboard-background.webp);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.learn-rail{background:#00574d;border-right:1px solid #ffffff1a;width:100px;padding:20px 9px 18px;box-shadow:12px 0 34px #003d3614}.rail-logo{color:#fff;background:#007763;border:1px solid #ffffff1f;border-radius:16px 16px 16px 6px;width:54px;height:54px;font-size:27px;box-shadow:0 12px 28px #00231f47}.rail-nav{gap:9px;margin-top:34px}.rail-nav a,.rail-support{color:#ecfffbc7;border:1px solid #0000;border-radius:15px;gap:6px;min-height:68px;font-size:10px}.rail-nav a:hover,.rail-nav a.active{color:#fff;background:#d1f7ee1f;border-color:#e6fff9c7;box-shadow:0 8px 24px #001f1c24,inset 0 0 22px #b1efe412}.rail-support:hover{color:#fff;background:#ffffff14}.learn-topbar{-webkit-backdrop-filter:blur(20px)saturate(118%);backdrop-filter:blur(20px)saturate(118%);background:#fffdf8b8;border-bottom:1px solid #05594e12;height:88px;padding:0 38px 0 32px;left:100px;box-shadow:0 8px 30px #425e530a}.learn-topbar .brand{gap:12px;font-size:22px}.learn-topbar .brand-mark{background:#087763;border-radius:11px 11px 11px 4px;width:38px;height:38px;font-size:20px;box-shadow:0 9px 22px #005b4c2e}.topbar-actions{gap:14px}.streak-chip{color:#e85f20;background:#ffffffe6;border:1px solid #ffffffb8;border-radius:999px;min-height:44px;padding:0 17px;font-size:13px;box-shadow:0 10px 28px #26584e14}.streak-chip svg{color:#ff7618}.topbar-icon{color:#173f38}.topbar-icon:hover{background:#ffffffb8}.user-chip{gap:11px}.user-chip>span{background:#075d50;width:42px;height:42px;font-size:12px;box-shadow:0 8px 20px #004c4029}.user-chip strong{font-size:14px}.learn-frame{grid-template-columns:minmax(0,816px) 354px;justify-content:start;gap:64px;margin-left:100px;padding:116px 45px 48px 90px}.learn-main-column{max-width:none}.learn-aside-column{gap:18px;padding-top:24px}.learn-greeting span{color:#355c55;font-size:15px}.learn-greeting h1{color:#062e28;letter-spacing:-.045em;margin:8px 0 42px;font-size:clamp(34px,3vw,44px);font-weight:720;line-height:1.08}.learn-section-title{margin-bottom:15px}.learn-section-title h2{margin-top:5px;font-size:22px;font-weight:560}.learn-section-title a{color:#008d80;font-size:12px}.section-kicker{color:#008c7e}.today-lesson{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-color:#d5be91a3;border-radius:20px;box-shadow:0 20px 56px #29524717,0 2px 8px #49655b0a}.today-lesson-heading{padding:33px 36px 31px}.today-lesson-heading>div>span{color:#008777;font-size:11px}.today-lesson-heading h3{color:#08362f;margin:8px 0 9px;font-size:clamp(29px,2.8vw,40px);font-weight:700}.today-lesson-heading p{color:#526a65;font-size:13px}.lesson-order{color:#007f72;background:#ffffffd6;border-color:#007e7033;padding:8px 10px;font-size:10px}.lesson-word-grid{border-color:#ced8cfad;grid-template-columns:257px 1fr;margin-inline:36px}.lesson-character{border-color:#ced8cfad;min-height:244px}.lesson-character strong{color:#073a32;font-family:Songti SC,STSong,SimSun,Georgia,serif;font-size:68px}.lesson-character span{color:#008a79;font-size:21px}.lesson-character small,.lesson-context>p,.today-lesson-meta{color:#536c66}.lesson-context{padding:30px 32px}.lesson-context>span{color:#008475;font-size:12px}.lesson-context>strong{color:#082f2a;margin-top:17px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:20px}.lesson-context>p{margin:9px 0 17px;font-size:13px}.audio-soon{background:#ffffffd6;border-color:#bfcec6b8;min-height:42px;padding-inline:14px;box-shadow:0 5px 16px #2752470a}.today-lesson-meta{gap:24px;padding:18px 36px 21px;font-size:11px}.start-lesson-button{background:#006352;border-radius:14px;min-height:60px;margin-top:15px;font-size:16px;box-shadow:0 14px 34px #00504333}.start-lesson-button:hover{background:#004f43;box-shadow:0 17px 38px #004b3f3d}.learn-quick-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-color:#cbd8d0cc;border-radius:14px;margin-top:13px;box-shadow:0 10px 28px #2a50450d}.learn-quick-actions a{color:#00695c;min-height:56px;font-size:12px}.learn-quick-actions a:hover{background:#e1f6f1b3}.daily-tip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0fbf9d1;border-color:#82c8c561;border-radius:14px;margin-top:12px;padding:15px 18px;box-shadow:0 10px 28px #2a50450a}.tip-icon{color:#007d70;background:#dff3ee}.learning-trail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-color:#cad9d1d1;box-shadow:0 10px 28px #2a50450a}.review-queue,.weekly-goal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-color:#ced8d1d6;border-radius:19px;padding:23px;box-shadow:0 18px 48px #26504517}.aside-heading h2{color:#0a352f;margin-top:6px;font-size:20px}.aside-heading>a,.aside-heading>span{color:#008779;font-size:10px}.review-list{margin-top:15px}.review-row{grid-template-columns:58px 1fr 1fr 34px;min-height:56px}.review-row strong{color:#082f2a;font-family:Songti SC,STSong,SimSun,Georgia,serif;font-size:19px}.review-row span,.review-row small{font-size:10px}.review-row button{border-radius:10px;width:32px;height:32px}.review-button{color:#006e62;background:#def2ee;border-radius:11px;min-height:47px;font-size:12px}.weekly-goal{min-height:286px;padding-bottom:24px}.goal-score{gap:18px;margin-top:25px}.goal-score>strong{color:#007767;border-color:#008b7b #008b7b #d8e9e2 #d8e9e2;width:72px;height:72px;font-size:17px}.goal-score b{font-size:12px}.goal-score span{font-size:10px}.goal-progress span{background:#008f80}.week-dots span.done{color:#008376}.vip-mini-banner{color:#9b5d08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9ebe6;border-color:#e8a2249e;border-radius:17px;min-height:92px;padding-inline:20px;box-shadow:0 13px 35px #7c51100f}.vip-mini-banner strong{font-size:12px}.vip-mini-banner span{font-size:10px}@media (width<=1240px){.learn-frame{grid-template-columns:minmax(0,1fr) 310px;gap:22px;padding-inline:28px}.lesson-word-grid{grid-template-columns:205px 1fr}.lesson-character strong{font-size:58px}}@media (width<=920px){.learn-rail{width:78px}.learn-topbar{left:78px}.learn-frame{grid-template-columns:1fr;margin-left:78px;padding:112px 24px 46px}.learn-aside-column{grid-template-columns:1fr 1fr;padding-top:0}}@media (width<=720px){.learner-dashboard{background-position:65% 0;background-size:auto 1000px;background-attachment:scroll}.learn-topbar{background:#fffdf8e6;height:68px;padding-inline:15px;left:0}.learn-topbar .brand{gap:8px;font-size:18px}.learn-topbar .brand-mark{width:33px;height:33px;font-size:17px}.streak-chip{min-height:40px;padding-inline:12px}.learn-frame{width:auto;margin-left:0;padding:92px 14px 104px}.learn-greeting h1{margin:7px 0 30px;font-size:30px}.learn-section-title{align-items:flex-end}.learn-section-title h2{font-size:19px}.today-lesson{border-radius:18px}.today-lesson-heading{padding:22px 19px 17px}.today-lesson-heading h3{font-size:27px}.lesson-word-grid{grid-template-columns:1fr;margin-inline:19px}.lesson-character{min-height:160px}.lesson-character strong{font-size:56px}.lesson-context{padding:23px 4px}.today-lesson-meta{padding-inline:19px}.start-lesson-button{min-height:58px}.review-queue,.weekly-goal{padding:20px}.learn-aside-column{grid-template-columns:1fr}.weekly-goal{min-height:0}.vip-mini-banner{min-height:84px}.learner-mobile-nav{background:#ffffffeb;border-color:#add2c9b8}.learner-mobile-nav a.active{color:#006f62;background:#def2ed}}@media (width<=390px){.learn-greeting h1{font-size:28px}.learn-section-title a{font-size:10px}.review-row{grid-template-columns:52px 1fr 1fr 32px}}.practice-dashboard{background-color:#f7f7f2;background-image:radial-gradient(circle at 76% 8%,#deefe79e,#0000 27%),linear-gradient(#fffffcc2,#f7f7f2f5)}.practice-dashboard-frame{min-height:100vh;margin-left:100px;padding:138px clamp(28px,5vw,78px) 72px}.work-practice-layout{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:clamp(36px,5vw,76px);width:min(1280px,100%);margin-inline:auto;display:grid}.work-practice-main{min-width:0}.practice-hub-heading{max-width:920px}.practice-hub-kicker{color:#0b796c;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.practice-hub-heading h1{color:#082e29;letter-spacing:-.052em;max-width:none;margin:11px 0 15px;font-size:clamp(38px,3.6vw,54px);font-weight:720;line-height:1.02}.practice-hub-heading p{color:#5a706a;max-width:640px;margin:0;font-size:14px;line-height:1.72}.practice-industry-tabs{scrollbar-width:none;border-bottom:1px solid #dce4de;gap:32px;margin:34px 0 27px;display:flex;overflow-x:auto}.practice-industry-tabs::-webkit-scrollbar{display:none}.practice-industry-tabs button{cursor:pointer;color:#6f817c;min-width:max-content;min-height:48px;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0 1px 14px;font-size:13px;font-weight:680;display:inline-flex;position:relative}.practice-industry-tabs button:after{content:"";background:0 0;border-radius:999px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.practice-industry-tabs button:hover,.practice-industry-tabs button.active{color:#075e54}.practice-industry-tabs button.active:after{background:#087768}.practice-case-card{background:#fffffdf0;border:1px solid #cdd9d2eb;border-radius:24px;padding:clamp(25px,3vw,38px);position:relative;overflow:hidden;box-shadow:0 24px 64px #214c4014,0 2px 8px #214c4009}.practice-case-meta{color:#6d7f7a;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:16px;font-size:10px;font-weight:700;display:flex}.practice-case-meta>span{align-items:center;gap:6px;display:inline-flex}.practice-case-meta .free,.practice-case-meta .vip{color:#0b7468;background:#e9f4ef;border-radius:999px;margin-left:auto;padding:7px 9px}.practice-case-meta .vip{color:#95600c;background:#fff4db}.practice-case-title-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:25px;display:flex}.practice-case-title-row>div>span{color:#0b796c;font-size:11px;font-weight:750}.practice-case-title-row h2{color:#092f2a;letter-spacing:-.037em;margin:7px 0 9px;font-size:clamp(25px,2.4vw,35px);line-height:1.12}.practice-case-title-row p{color:#60736d;max-width:680px;margin:0;font-size:13px;line-height:1.65}.practice-lock-mark{color:#9a6a18;background:#fff5df;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.practice-case-situation{border-top:1px solid #e3e9e4;grid-template-columns:104px 1fr;gap:14px;margin-top:26px;padding:18px 0 0;display:grid}.practice-case-situation span,.practice-case-language>span{color:#7a8b86;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.practice-case-situation p{color:#314e47;margin:0;font-size:12px;line-height:1.65}.practice-case-language{background:#f0f6f2;border-radius:17px;margin-top:22px;padding:28px clamp(20px,3vw,34px) 26px}.practice-case-language>span{color:#0b796c}.practice-case-language strong{color:#082e28;letter-spacing:.01em;margin-top:17px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(24px,2.6vw,34px);font-weight:620;line-height:1.42;display:block}.practice-case-language p{color:#17796c;margin:13px 0 6px;font-size:13px;line-height:1.55}.practice-case-language small{color:#637771;font-size:12px;line-height:1.55}.practice-case-focus{flex-wrap:wrap;gap:8px 18px;margin-top:17px;display:flex}.practice-case-focus span{color:#49645d;align-items:center;gap:6px;font-size:11px;font-weight:650;display:inline-flex}.practice-case-focus svg{color:#148374}.practice-inline-upgrade{color:#855a16;background:#fff8e8;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:grid}.practice-inline-upgrade p{color:#6b5b3e;margin:0;font-size:11px;line-height:1.55}.practice-inline-upgrade strong{color:#745017}.practice-inline-upgrade a{color:#805411;white-space:nowrap;font-size:11px;font-weight:800}.practice-case-actions{align-items:center;gap:18px;margin-top:25px;display:flex}.practice-start-button{cursor:pointer;color:#fff;min-height:52px;font:inherit;background:#066457;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-size:12px;font-weight:780;display:inline-flex;box-shadow:0 13px 28px #035f5133}.practice-case-card.is-locked .practice-start-button{color:#603e0c;background:#f3c96e;box-shadow:0 12px 25px #97640f24}.practice-case-actions>span{color:#82918d;font-size:10px;line-height:1.45}.related-practice-cases{margin-top:31px}.related-cases-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:11px;display:flex}.related-cases-heading>div>span{color:#148073;font-size:10px;font-weight:760}.related-cases-heading h2{color:#173c35;letter-spacing:-.02em;margin:3px 0 0;font-size:18px}.related-cases-heading>span{color:#83918d;font-size:10px}.related-cases-list{border-top:1px solid #dbe4de}.related-cases-list>button{cursor:pointer;color:#315048;text-align:left;background:0 0;border:0;border-bottom:1px solid #dbe4de;grid-template-columns:38px 1fr auto 22px;align-items:center;gap:11px;width:100%;min-height:72px;padding:0 4px;display:grid}.related-cases-list>button:hover{color:#056759;background:#ffffff7a}.related-case-icon{color:#0b7d6e;background:#e3f1ec;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.related-case-icon.locked{color:#9a6b19;background:#fff3d9}.related-case-copy strong,.related-case-copy small{display:block}.related-case-copy strong{font-size:12px;font-weight:740}.related-case-copy small{color:#82918d;margin-top:4px;font-size:9px}.related-access{color:#986514;letter-spacing:.07em;background:#fff1d5;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850}.related-access.free{color:#087466;background:#e2f1eb}.work-practice-aside{gap:17px;padding-top:208px;display:grid}.practice-progress-panel,.practice-weekly-panel,.practice-vip-panel,.practice-industry-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffde6;border:1px solid #cedad3e0;border-radius:19px;box-shadow:0 18px 48px #264e4312}.practice-progress-panel{padding:22px}.practice-aside-title>span{color:#168174;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.practice-aside-title>strong{color:#153c35;margin-top:5px;font-size:16px;display:block}.practice-metric-list{border-top:1px solid #e2e8e4;margin-top:16px}.practice-metric-list>div,.practice-metric-list>button{color:#1d443d;text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8e4;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;min-height:68px;padding:0;display:grid}.practice-metric-list>button{cursor:pointer;font:inherit}.practice-metric-list>button:hover{color:#087064}.metric-icon{color:#08776a;background:#e5f2ed;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.metric-icon.warm{color:#a06a12;background:#fff2d8}.practice-metric-list strong,.practice-metric-list small{display:block}.practice-metric-list strong{font-size:18px;line-height:1}.practice-metric-list small{color:#748681;margin-top:4px;font-size:9px}.practice-progress-panel>p{color:#81908c;margin:14px 0 0;font-size:9px;line-height:1.55}.practice-weekly-panel{background:linear-gradient(145deg,#fffdf7,#fff7e6);border-color:#dbbe7ca6;padding:20px}.practice-weekly-label{color:#9a6a16;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.practice-weekly-panel h2{color:#3f3829;letter-spacing:-.02em;margin:7px 0 8px;font-size:17px}.practice-weekly-panel p{color:#766f62;margin:0;font-size:10px;line-height:1.55}.practice-weekly-panel>strong{color:#76520f;margin-top:12px;font-size:12px;line-height:1.5;display:block}.practice-weekly-panel a{color:#0c7266;align-items:center;gap:6px;margin-top:14px;font-size:10px;font-weight:800;display:inline-flex}.practice-vip-panel{color:#f8e7bd;background:#103f38;border-color:#cfa75b6b;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f3e372e}.practice-vip-panel:after{content:"汉";color:#fff0cb0e;font-family:Georgia,serif;font-size:118px;position:absolute;bottom:-33px;right:-8px}.practice-vip-icon{background:#fff0ca17;border:1px solid #f6d28542;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.practice-vip-label{color:#eccb85;letter-spacing:.11em;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:800;display:block}.practice-vip-panel h2{z-index:1;color:#fff9ea;letter-spacing:-.025em;margin:7px 0 9px;font-size:20px;line-height:1.25;position:relative}.practice-vip-panel p{z-index:1;color:#f4f8f2ad;margin:0;font-size:10px;line-height:1.62;position:relative}.practice-vip-panel a,.vip-active-note{z-index:1;color:#f1d18d;align-items:center;gap:7px;width:fit-content;margin-top:19px;font-size:10px;font-weight:800;display:inline-flex;position:relative}.practice-vip-panel.is-active{background:#075b50;border-color:#7bcab270}.practice-industry-note{box-shadow:none;padding:18px 20px}.practice-industry-note>span{color:#0d7166;font-size:10px;font-weight:800}.practice-industry-note p{color:#73847f;margin:5px 0 13px;font-size:9px;line-height:1.5}.practice-industry-note div{gap:5px;display:flex}.practice-industry-note i{background:#e6d6b8;border-radius:999px;width:18px;height:3px}.practice-industry-note i.available{background:#188174}.practice-session-card{flex-direction:column;min-height:620px;display:flex}.practice-session-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-back-button{cursor:pointer;color:#60746e;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:720;display:inline-flex}.practice-back-button:hover{color:#08685c}.practice-session-topline>span{color:#70827d;font-size:10px;font-weight:780}.scenario-progress{background:#e6ede8;border-radius:999px;height:4px;margin-top:18px;overflow:hidden}.scenario-progress span{border-radius:inherit;background:#0a7a6c;height:100%;transition:width .25s;display:block}.work-practice-layout.is-focused{grid-template-columns:minmax(0,960px);justify-content:center}.work-practice-layout.is-focused .work-practice-main{width:100%}.practice-listening-card{outline:none;min-height:680px}.listening-session-context{background:#fbfcfa;border:1px solid #e2eae5;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:13px;width:min(720px,100%);margin:24px auto 0;padding:13px 16px;display:grid}.listening-session-context span,.listening-answer-panel>span,.practice-listening-transcript>span,.practice-listening-correction>span{color:#0b796c;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:820}.listening-session-context p{color:#506861;margin:0;font-size:11px;line-height:1.55}.practice-audio-stage{text-align:center;background:linear-gradient(145deg,#f4faf7,#edf6f2);border:1px solid #dce9e3;border-radius:22px;justify-items:center;width:min(720px,100%);margin:16px auto 0;padding:28px 28px 25px;display:grid}.practice-audio-orb{color:#067466;background:#ffffffdb;border:1px solid #0e807029;border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 15px 34px #12625421}.practice-audio-stage.playing .practice-audio-orb{animation:1.25s ease-in-out infinite alternate practice-audio-breathe;transform:scale(1.045);box-shadow:0 18px 42px #08776633,0 0 0 8px #198e7b12}@keyframes practice-audio-breathe{to{transform:scale(.98);box-shadow:0 11px 30px #08776624,0 0 0 3px #198e7b0a}}.practice-audio-state{color:#0a7769;letter-spacing:.1em;text-transform:uppercase;margin-top:16px;font-size:9px;font-weight:820}.practice-audio-stage h2{color:#092f2a;letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(24px,2.6vw,32px);line-height:1.18}.practice-audio-stage>p{color:#62766f;max-width:480px;margin:9px 0 0;font-size:11px;line-height:1.6}.practice-audio-stage>small{color:#996a23;margin-top:10px;font-size:9px}.practice-audio-controls{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.practice-audio-controls button{cursor:pointer;color:#17675d;min-height:40px;font:inherit;background:#ffffffd1;border:1px solid #bed9d1;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:760;display:inline-flex}.practice-audio-controls button:hover:not(:disabled){background:#fff;border-color:#79b7aa}.practice-audio-controls button:disabled{cursor:wait;opacity:.48}.listening-answer-lock{color:#7c8c87;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:17px auto 0;font-size:10px;font-weight:680;display:flex}.listening-answer-panel{width:min(720px,100%);margin:21px auto 0}.listening-answer-panel>h3{color:#163d36;letter-spacing:-.015em;margin:6px 0 14px;font-size:17px;line-height:1.35}.binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.binary-answer-button{cursor:pointer;color:#31534b;text-align:left;background:#fff;border:1px solid #d9e3de;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:13px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.binary-answer-button:hover:not(:disabled){background:#f7fbf9;border-color:#88bfb3;transform:translateY(-2px)}.binary-answer-button>span:first-child{color:#0c776a;background:#e9f4f0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.binary-answer-button>span:nth-child(2){min-width:0}.binary-answer-button strong,.binary-answer-button small{display:block}.binary-answer-button strong{font-size:15px}.binary-answer-button small{color:#73857f;margin-top:3px;font-size:9px}.binary-answer-button kbd{color:#70817c;min-width:25px;height:25px;font:inherit;background:#f5f7f5;border:1px solid #dce4df;border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.binary-answer-button.correct{color:#08675b;background:#eaf7f2;border-color:#7dbbac}.binary-answer-button.correct>span:first-child{color:#fff;background:#118071}.binary-answer-button.incorrect{color:#8a453b;background:#fff3f0;border-color:#dfaaa2}.binary-answer-button.incorrect>span:first-child{color:#fff;background:#b75b4f}.binary-answer-button.muted{opacity:.58}.binary-answer-button:disabled{cursor:default}.practice-listening-feedback{color:#85513b;background:#fff6f0;border:1px solid #f1d4c7;border-radius:15px;width:min(720px,100%);margin:15px auto 0;padding:17px}.practice-listening-feedback.correct{color:#096c5f;background:#edf8f4;border-color:#b9ddd3}.practice-listening-feedback-title{align-items:center;gap:9px;display:flex}.practice-listening-feedback-title strong{font-size:12px}.practice-listening-transcript,.practice-listening-correction{border-top:1px solid #688b8130;margin-top:14px;padding-top:13px}.practice-listening-transcript strong,.practice-listening-correction strong{color:#153c35;margin-top:6px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:18px;font-weight:620;line-height:1.45;display:block}.practice-listening-correction>span{color:#9a641f}.practice-listening-feedback>div:last-child p{color:#61756e;margin:12px 0 0;font-size:10px;line-height:1.6}.practice-session-copy{max-width:720px;margin:42px 0 28px}.practice-session-copy>span{color:#0b796c;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:820}.practice-session-copy h2{color:#0a342e;letter-spacing:-.035em;margin:9px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.22}.practice-session-copy p{color:#146f63;margin:17px 0 0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:22px}.scenario-options{gap:10px;display:grid}.scenario-options button{cursor:pointer;color:#2c4d45;text-align:left;background:#fff;border:1px solid #dbe4de;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:12px 15px;display:grid}.scenario-options button:not(:disabled):hover{color:#08675b;background:#f6fbf8;border-color:#9ccbc0}.scenario-options button>span{color:#60756f;background:#edf2ef;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.scenario-options button strong{font-family:inherit;font-size:13px;font-weight:650;line-height:1.45}.scenario-options button.correct{color:#0a675a;background:#ebf8f3;border-color:#8fc7ba}.scenario-options button.correct>span{color:#fff;background:#128071}.scenario-options button.incorrect{color:#8a453b;background:#fff5f2;border-color:#e4b8b1}.scenario-options button:disabled{cursor:default}.scenario-options button:disabled:not(.correct):not(.incorrect){opacity:.58}.scenario-feedback{color:#895035;background:#fff2e9;border-radius:13px;gap:11px;margin-top:15px;padding:14px 16px;display:flex}.scenario-feedback.correct{color:#0a6e60;background:#eaf7f2}.scenario-feedback svg{flex:none;margin-top:1px}.scenario-feedback strong{font-size:11px}.scenario-feedback p{color:#667971;margin:3px 0 0;font-size:10px;line-height:1.55}.practice-session-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:24px;display:flex}.practice-session-actions>span{color:#82918d;font-size:9px}.practice-session-actions button,.scenario-complete-actions button,.scenario-complete-actions a{cursor:pointer;color:#fff;min-height:48px;font:inherit;background:#076457;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:11px;font-weight:780;text-decoration:none;display:inline-flex}.practice-session-actions button:disabled{cursor:not-allowed;background:#a9b8b3}.scenario-complete-card{text-align:center;align-content:center;place-items:center;min-height:620px;display:grid}.scenario-complete-icon{color:#a06a11;background:#fff0cf;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:19px;display:grid}.scenario-complete-card h2{color:#0a342e;letter-spacing:-.035em;margin:9px 0 8px;font-size:31px}.scenario-complete-card>p{color:#647771;max-width:530px;margin:0;font-size:12px;line-height:1.65}.scenario-complete-card>.practice-sync-status{color:#52716a;margin-top:10px;font-size:10px;font-weight:720}.scenario-complete-card>.practice-sync-status.is-error{color:#a15d2d}.scenario-quote{background:#f0f6f2;border-radius:16px;width:min(580px,100%);margin-top:25px;padding:22px}.scenario-quote strong,.scenario-quote span{display:block}.scenario-quote strong{color:#0a3e36;font-size:20px}.scenario-quote span{color:#657972;margin-top:8px;font-size:10px}.scenario-complete-actions{gap:10px;margin-top:23px;display:flex}.scenario-complete-actions button,.scenario-complete-actions a{color:#09675a;background:#fff;border:1px solid #b8d4cc}.scenario-complete-actions .primary{color:#fff;background:#076457;border-color:#076457}.scenario-complete-actions button:disabled{cursor:wait;opacity:.68}.practice-review-session .practice-session-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.practice-session-heading>div>span{color:#0b796c;font-size:10px;font-weight:800}.practice-session-heading h2{color:#123a33;margin:4px 0 0;font-size:22px}.practice-review-session .practice-board{border-color:#cdd9d2eb;box-shadow:0 24px 64px #214c4014}.practice-review-session .flashcard{background:#f0f6f2}.practice-dashboard button:focus-visible,.practice-dashboard a:focus-visible{outline-offset:3px;outline:3px solid #0d7e7045}@media (width<=1120px){.practice-dashboard-frame{padding-inline:28px}.work-practice-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}.work-practice-aside{padding-top:198px}}@media (width<=920px){.practice-dashboard-frame{margin-left:78px;padding:116px 24px 54px}.work-practice-layout{grid-template-columns:1fr}.work-practice-aside{grid-template-columns:1fr 1fr;padding-top:0}.practice-industry-note{grid-column:1/-1}}@media (width<=720px){.practice-dashboard-frame{margin-left:0;padding:94px 14px 108px}.practice-dashboard .streak-chip{justify-content:center;width:40px;min-height:40px;padding:0;font-size:0}.practice-dashboard .streak-chip svg{width:18px;height:18px}.practice-hub-heading h1{margin-top:9px;font-size:38px}.practice-hub-heading p{font-size:12px}.practice-industry-tabs{gap:24px;width:calc(100% + 28px);margin:27px -14px 19px;padding-inline:14px}.practice-industry-tabs button{min-height:45px;font-size:12px}.practice-case-card{border-radius:19px;padding:21px 17px}.practice-case-meta{gap:9px;font-size:8px}.practice-case-meta .free,.practice-case-meta .vip{padding:6px 7px}.practice-case-title-row{margin-top:20px}.practice-case-title-row h2{font-size:27px}.practice-lock-mark{display:none}.practice-case-situation{grid-template-columns:1fr;gap:7px}.practice-case-language{padding:22px 17px}.practice-case-language strong{font-size:24px}.practice-case-actions{flex-direction:column;align-items:stretch}.practice-start-button{width:100%}.practice-case-actions>span{text-align:center}.practice-inline-upgrade{grid-template-columns:auto 1fr}.practice-inline-upgrade a{grid-column:2}.related-cases-list>button{grid-template-columns:36px 1fr auto 18px}.related-access{display:none}.work-practice-aside{grid-template-columns:1fr}.practice-industry-note{grid-column:auto}.practice-session-card,.scenario-complete-card{min-height:570px}.practice-listening-card{min-height:calc(100dvh - 202px);padding:20px 16px}.listening-session-context{grid-template-columns:1fr;gap:5px;margin-top:18px}.practice-audio-stage{border-radius:18px;margin-top:12px;padding:23px 15px 20px}.practice-audio-orb{width:62px;height:62px}.practice-audio-stage h2{font-size:24px}.practice-audio-stage>p{font-size:10px}.listening-answer-panel>h3{font-size:15px}.binary-answer-grid{gap:8px}.binary-answer-button{border-radius:13px;grid-template-columns:36px 1fr;gap:9px;min-height:78px;padding:11px}.binary-answer-button>span:first-child{width:36px;height:36px}.binary-answer-button kbd,.binary-answer-button small{display:none}.practice-listening-feedback{padding:15px}.practice-listening-transcript strong,.practice-listening-correction strong{font-size:17px}.practice-session-copy{margin-top:32px}.practice-session-copy h2{font-size:27px}.practice-session-copy p{font-size:19px}.scenario-options button{grid-template-columns:31px 1fr auto;min-height:62px}.practice-session-actions{flex-direction:column;align-items:stretch}.practice-session-actions button{width:100%}.scenario-complete-actions{flex-direction:column;width:100%}.scenario-complete-actions button,.scenario-complete-actions a{width:100%}.practice-review-session .practice-session-heading{flex-direction:column;align-items:flex-start}}@media (width<=390px){.practice-hub-heading h1{font-size:34px}.practice-case-meta>span:nth-child(2){display:none}.practice-case-language strong{font-size:22px}.practice-audio-controls{width:100%}.practice-audio-controls button{flex:1 1 0;padding-inline:9px}.binary-answer-button strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.practice-audio-stage.playing .practice-audio-orb{animation:none}.binary-answer-button{transition:none}}body:has(.learner-app-shell){background:#fbfaf6;min-width:320px}:is(body:has(.learner-app-shell)>.site-header,body:has(.learner-app-shell)>.site-footer,body:has(.learner-app-shell)>.mobile-nav){display:none}.learner-app-shell{color:#092f2a;background:#fbfaf6;min-height:100vh}.learner-shell-content{min-height:100vh;margin-left:100px;padding-top:88px}.learner-shell-content>main,.learner-app-shell .learner-dashboard{min-height:calc(100vh - 88px)}.learner-app-shell .learn-frame{margin-left:0;padding-top:28px}.learner-app-shell .practice-dashboard-frame{margin-left:0;padding-top:50px}.learner-app-shell .topbar-icon:disabled{cursor:default}:is(.learner-app-shell:has(.game-immersive-dashboard) .learn-rail,.learner-app-shell:has(.game-immersive-dashboard) .learn-topbar,.learner-app-shell:has(.game-immersive-dashboard) .learner-mobile-nav,.learner-app-shell:has(.game-immersive-dashboard) .route-transition-progress){display:none}.learner-app-shell:has(.game-immersive-dashboard) .learner-shell-content{min-height:100dvh;margin-left:0;padding:0}.learner-app-shell:has(.game-immersive-dashboard) .learner-shell-content>main{min-height:100dvh}.learner-app-shell:has(.game-immersive-dashboard) .learner-dashboard{min-height:100dvh}@media (width<=920px){.learner-shell-content{margin-left:78px}.learner-app-shell .learn-frame,.learner-app-shell .practice-dashboard-frame{margin-left:0}}@media (width<=720px){body:has(.learner-app-shell){padding-bottom:0}.learner-shell-content{margin-left:0;padding-top:68px;padding-bottom:78px}.learner-shell-content>main,.learner-app-shell .learner-dashboard{min-height:calc(100vh - 68px)}.learner-app-shell .learn-frame{padding-top:24px;padding-bottom:20px}.learner-app-shell .practice-dashboard-frame{padding-top:26px;padding-bottom:20px}.learner-app-shell .streak-chip{justify-content:center;width:40px;min-height:40px;padding:0;font-size:0}.learner-app-shell .streak-chip svg{width:18px;height:18px}}@keyframes hw-route-progress{0%{transform:scaleX(.025)}48%{transform:scaleX(.64)}76%{transform:scaleX(.79)}to{transform:scaleX(.9)}}.route-transition-progress{z-index:2147483647;pointer-events:none;opacity:0;background:#ff5b551a;height:4px;transition:opacity .16s;position:fixed;top:0;left:100px;right:0;overflow:hidden}.route-transition-progress span{transform-origin:0;background:linear-gradient(90deg,#ff8178 0%,#ff5b55 58%,#e83f49 100%);border-radius:999px;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(.025);box-shadow:0 0 12px #ff5b556b}.route-transition-progress.active,.route-transition-progress.complete{opacity:1}.route-transition-progress.active span{animation:2.4s cubic-bezier(.16,.78,.22,1) forwards hw-route-progress}.route-transition-progress.complete span{animation:none;transform:scaleX(1)}.rail-nav a.pending,.learner-mobile-nav a[aria-current=page]{transition-duration:.1s}.course-library-page{background:#f8f7f2}.course-library-hero{color:#f7fbf8;background:#064f46;border:1px solid #00443b8c;border-radius:30px;grid-template-columns:minmax(0,.94fr) minmax(420px,.86fr);align-items:center;gap:clamp(32px,5vw,68px);min-height:430px;margin-top:38px;margin-bottom:34px;padding:clamp(30px,4vw,52px);display:grid;overflow:hidden;box-shadow:0 26px 70px #06463d24}.course-hero-copy{min-width:0}.course-hero-eyebrow{color:#0b5e52;letter-spacing:.04em;text-transform:uppercase;background:#dcefe8;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.course-hero-copy h1{color:#fffdf7;letter-spacing:-.06em;max-width:650px;margin:25px 0 18px;font-size:clamp(42px,4.45vw,66px);font-weight:680;line-height:.98}.course-hero-copy h1 span{color:#bfe6db}.course-hero-copy>p{color:#f1f9f5b8;max-width:600px;margin:0;font-size:14px;line-height:1.72}.course-hero-stats{border-top:1px solid #e5f9f229;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;padding-top:22px;display:flex}.course-hero-stats>span,.course-hero-stats>a{color:#f3fbf7c2;align-items:center;gap:7px;min-height:35px;font-size:11px;font-weight:670;display:inline-flex}.course-hero-stats strong{color:#fff;font-size:14px}.course-hero-stats>a{color:#164a42;background:#f6f1e6;border-radius:10px;margin-left:auto;padding:0 12px;font-weight:800}.course-hero-stats>a:hover{background:#fffdf8}.course-hero-media{grid-template-columns:1fr 1fr;gap:9px;min-width:0;display:grid;position:relative}.course-hero-image{background:#d8e9e2;border:1px solid #fff3;border-radius:15px;min-height:112px;position:relative;overflow:hidden}.course-hero-image-main{grid-column:1/-1;min-height:196px}.course-hero-image img{object-fit:cover}.course-hero-image-main img{object-position:68% center}.course-hero-caption{color:#143e37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7eb;border:1px solid #ffffffb3;border-radius:11px;max-width:245px;padding:11px 13px;position:absolute;bottom:13px;left:13px;box-shadow:0 12px 30px #07312b21}.course-hero-caption span,.course-hero-caption strong{display:block}.course-hero-caption span{color:#0b7b6d;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.course-hero-caption strong{margin-top:4px;font-size:10px;line-height:1.45}#course-catalog{scroll-margin-top:104px}.course-library-page .explorer-toolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffde6;border-color:#d3dfd8e6;position:sticky;top:104px;box-shadow:0 14px 36px #204c410f}.course-library-page .course-grid{gap:20px}.course-library-page .course-card{border-color:#dbe4de;border-radius:21px;min-height:392px;box-shadow:0 8px 26px #1943390b}.course-library-page .course-card:hover{box-shadow:0 22px 48px #1642381f}.course-cover{isolation:isolate;min-height:166px;position:relative;overflow:hidden}.course-cover-image{z-index:-2;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .22s}.course-cover-shade{z-index:-1;background:#05302a14;position:absolute;inset:0}.course-card-coming .course-cover-image{filter:saturate(.72)}.course-tag{z-index:1;color:#17483f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7e6;border-color:#ffffffc2;position:relative;box-shadow:0 8px 20px #11372f17}.course-hanzi{z-index:1;color:#fffdf7e6;text-shadow:0 4px 18px #00231e47;font-size:46px;position:relative}.course-card:hover .course-cover-image{transform:scale(1.035)}.course-body h3{font-size:21px}.course-library-hero-loading .course-hero-copy{gap:16px;display:grid}.course-library-hero-loading .course-hero-copy .skeleton-block{background:#ffffff29}.course-library-hero-loading .course-hero-copy .skeleton-block:first-child{width:130px;height:32px}.course-library-hero-loading .course-hero-copy .skeleton-block:nth-child(2){width:88%;height:54px}.course-library-hero-loading .course-hero-copy .skeleton-block:nth-child(3){width:72%;height:54px}.course-library-hero-loading .course-hero-copy .skeleton-block:nth-child(4){width:84%;height:13px}.course-library-hero-loading .course-hero-media{border-radius:17px;min-height:318px}.course-skeleton-search{width:min(360px,46%);height:42px}.course-skeleton-filters{gap:8px;display:flex}.course-skeleton-filters .skeleton-block{width:72px;height:38px}.course-skeleton-count{width:220px;height:11px;margin-bottom:16px}.course-skeleton-card{pointer-events:none}.course-skeleton-cover{border-radius:0;width:100%;min-height:166px}.course-skeleton-card .course-body{align-content:start;gap:12px;display:grid}.course-skeleton-card .course-body .skeleton-block:first-child{width:76%;height:22px}.course-skeleton-card .course-body .skeleton-block:nth-child(2){width:43%;height:10px}.course-skeleton-card .course-body .skeleton-block:nth-child(3){width:96%;height:12px;margin-top:9px}.course-skeleton-card .course-body .skeleton-block:nth-child(4){width:68%;height:12px}.practice-loading-main>.skeleton-block:first-child{width:120px;height:10px}.practice-loading-main>.skeleton-block:nth-child(2){width:min(560px,84%);height:52px;margin-top:13px}.practice-loading-main>.skeleton-block:nth-child(3){width:min(620px,92%);height:13px;margin-top:16px}.practice-loading-tabs{border-bottom:1px solid #dce4de;gap:28px;margin:34px 0 27px;padding-bottom:14px;display:flex}.practice-loading-tabs .skeleton-block{width:86px;height:12px}.practice-loading-card{align-content:start;gap:18px;min-height:430px;display:grid}.practice-loading-card .skeleton-block:first-child{width:32%;height:11px}.practice-loading-card .skeleton-block:nth-child(2){width:70%;height:34px;margin-top:15px}.practice-loading-card .skeleton-block:nth-child(3){width:92%;height:12px}.practice-loading-card .skeleton-block:nth-child(4){border-radius:17px;width:100%;height:150px;margin-top:18px}.practice-loading-aside{gap:14px;display:grid}.practice-loading-aside .skeleton-block{border-radius:18px;height:140px}@media (width<=1080px){.course-library-hero{grid-template-columns:1fr}.course-hero-media{grid-template-columns:1.35fr .65fr}.course-hero-image-main{grid-area:1/auto/span 2;min-height:240px}.course-hero-image{min-height:115px}}@media (width<=920px){.route-transition-progress{left:78px}.course-library-hero{width:min(100% - 40px,820px)}.course-library-page .explorer-toolbar{top:100px}}@media (width<=720px){.route-transition-progress{left:0}.course-library-hero{border-radius:24px;gap:27px;width:calc(100% - 24px);min-height:0;margin-top:14px;margin-bottom:22px;padding:28px 20px 20px}.course-hero-copy h1{margin-block:20px 15px;font-size:clamp(38px,11.5vw,52px)}.course-hero-copy>p{font-size:13px}.course-hero-stats{gap:8px 15px;margin-top:21px;padding-top:17px}.course-hero-stats>a{justify-content:center;width:100%;margin-left:0}.course-hero-media{grid-template-columns:1fr 1fr}.course-hero-image-main{grid-area:auto/1/auto/-1;min-height:168px}.course-hero-image{min-height:94px}.course-hero-caption{max-width:210px;bottom:9px;left:9px}.course-library-page .explorer{width:calc(100% - 24px);padding-bottom:54px}.course-library-page .explorer-toolbar{margin-bottom:18px;padding:12px;position:static}.course-library-page .course-card{min-height:378px}.course-cover,.course-skeleton-cover{min-height:156px}.course-skeleton-filters{overflow:hidden}.course-skeleton-search{width:100%}.practice-loading-tabs{gap:18px;overflow:hidden}.practice-loading-aside{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.route-transition-progress.active span{transform:scaleX(.9);animation:none!important}.route-transition-progress.complete span{transition-duration:1ms}}.learner-page-header-shell{padding-top:30px}.learner-page-header{border-bottom:1px solid #dfe6e1;align-items:center;min-height:206px;padding:28px 0 32px;display:grid}.learner-page-header.has-aside{grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:clamp(34px,6vw,82px)}.learner-page-header-copy{min-width:0}.learner-page-header-eyebrow{color:#0b796c;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:820;display:inline-flex}.learner-page-header-eyebrow svg{flex:none}.learner-page-header h1{color:#092f2a;letter-spacing:-.05em;max-width:760px;margin:13px 0 10px;font-size:clamp(36px,3.7vw,46px);font-weight:710;line-height:1.04}.learner-page-header p{color:#5c706a;max-width:650px;margin:0;font-size:14px;line-height:1.65}.learner-page-header-meta{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:22px;display:flex}.learner-page-header-meta>span,.learner-page-header-meta>a{color:#526a64;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.learner-page-header-meta svg,.learner-page-header-meta strong{color:#0b7165}.learner-page-header-meta strong{font-size:13px}.learner-page-header-aside{min-width:0}.course-header-image{background:#e8ece7;border:1px solid #d9e2dc;border-radius:13px;width:100%;min-height:146px;position:relative;overflow:hidden}.course-header-image img{object-fit:cover;object-position:69% center}.course-library-page .explorer{padding-top:28px}.course-library-page .explorer-toolbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-bottom:20px;padding:0;position:static;top:auto}.course-library-page .search-box{background:#fffffde6;border:1px solid #d8e1dc;border-radius:12px;min-height:46px;padding:0 14px}.course-library-page .search-box input{min-height:44px}.course-library-page .filter-chip{background:#fffffdd1;border-radius:9px;min-height:40px}.practice-page-intro{min-height:0;padding:0 0 24px}.practice-page-intro h1{max-width:760px;font-size:clamp(36px,3.7vw,48px)}.practice-industry-tabs{margin-top:22px}.practice-loading-header .learner-page-header-copy{gap:12px;display:grid}.practice-loading-header .skeleton-block:first-child{width:120px;height:10px}.practice-loading-header .skeleton-block:nth-child(2){width:min(560px,84%);height:42px}.practice-loading-header .skeleton-block:nth-child(3){width:min(620px,92%);height:13px}.practice-loading-header .skeleton-block:nth-child(4){width:280px;height:12px;margin-top:7px}.vip-page-header .learner-page-header-copy{max-width:820px}.pricing-grid{padding-top:34px}.account-page{background:#f8f7f2;min-height:calc(100vh - 88px);padding:0;display:block}.account-page-inner{padding-top:0;padding-bottom:90px}.account-page .learner-page-header-shell{padding-top:0}.account-header-avatar{color:#0b6f63;border-left:1px solid #dfe6e1;align-content:center;place-items:center;gap:10px;min-height:132px;display:grid}.account-header-avatar span{font-size:11px;font-weight:760}.account-card{width:min(760px,100%);box-shadow:none;border-radius:16px;margin-top:30px;padding:30px}.lesson-header-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:8px 0 0}.lesson-heading-row h1{font-size:clamp(30px,3.5vw,38px)}.course-library-hero-loading .learner-page-header-copy{gap:13px;display:grid}.course-library-hero-loading .learner-page-header-copy .skeleton-block:first-child{width:132px;height:10px}.course-library-hero-loading .learner-page-header-copy .skeleton-block:nth-child(2){width:min(560px,86%);height:44px}.course-library-hero-loading .learner-page-header-copy .skeleton-block:nth-child(3){width:min(430px,72%);height:12px}.course-library-hero-loading .learner-page-header-copy .skeleton-block:nth-child(4){width:245px;height:11px;margin-top:8px}@media (width<=920px){.learner-page-header.has-aside{grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:30px}.learner-page-header h1{font-size:clamp(34px,5vw,44px)}}@media (width<=720px){.learner-page-header-shell{width:calc(100% - 24px);padding-top:12px}.learner-page-header,.learner-page-header.has-aside{grid-template-columns:1fr;gap:18px;min-height:0;padding:18px 0 20px}.learner-page-header h1,.practice-page-intro h1{margin-block:10px 8px;font-size:clamp(30px,9.2vw,38px);line-height:1.08}.learner-page-header p{font-size:12px;line-height:1.58}.learner-page-header-meta{gap:8px 16px;margin-top:15px}.course-header-image{min-height:108px}.course-library-page .explorer{padding-top:18px}.course-library-page .explorer-toolbar{padding:0}.course-library-page .filter-list{scrollbar-width:none;flex-wrap:nowrap;width:100%;margin-right:0;padding-right:42px;overflow-x:auto}.course-library-page .filter-scroll-wrap{width:100%}.course-library-page .filter-scroll-cue{pointer-events:none;color:#0a6f61;background:linear-gradient(90deg,#fbfaf600,#fbfaf6 58%);place-items:center;width:38px;display:grid;position:absolute;top:0;bottom:0;right:0}.course-library-page .filter-list::-webkit-scrollbar{display:none}.practice-page-intro{padding-top:0}.account-page-inner{width:calc(100% - 24px);padding-bottom:24px}.account-header-avatar{border-top:1px solid #dfe6e1;border-left:0;grid-template-columns:auto 1fr;justify-content:start;place-items:center start;min-height:74px;padding-top:16px}.account-card{margin-top:18px;padding:22px 18px}.lesson-header-card{padding:2px 0 0}}.lesson-content-card-vocabulary{background:0 0;border:0;margin-top:0;padding:0}.lesson-vocab-deck{min-height:590px;color:var(--ink);align-content:start;justify-items:center;padding:28px 8px 4px;display:grid}.lesson-vocab-progress{justify-items:center;gap:12px;width:min(620px,100% - 132px);display:grid}.lesson-vocab-progress>strong{color:var(--forest);letter-spacing:.12em;font-size:12px;font-weight:840}.lesson-vocab-progress-segments{grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:12px;width:100%;display:grid}.lesson-vocab-progress-segments span{background:#dfe5e1;border-radius:999px;height:4px;transition:background-color .2s,transform .2s}.lesson-vocab-progress-segments span.filled{background:var(--forest);transform:scaleY(1.15)}.lesson-vocab-carousel{grid-template-columns:64px minmax(0,660px) 64px;justify-content:center;align-items:center;gap:18px;width:100%;max-width:900px;margin-top:28px;display:grid}.lesson-vocab-nav{cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;min-width:0;display:grid}.lesson-vocab-nav>span{width:52px;height:52px;color:var(--forest);background:#fff;border:1px solid #cfdbd5;border-radius:50%;place-items:center;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:grid;box-shadow:0 6px 16px #193f3612}.lesson-vocab-nav small{color:#71827d;white-space:nowrap;font-size:10px;font-weight:700}.lesson-vocab-nav:not(:disabled):hover>span{color:#fff;border-color:var(--forest);background:var(--forest);transform:translateY(-2px)}.lesson-vocab-nav:disabled{cursor:not-allowed;opacity:.34}.lesson-vocab-stack{isolation:isolate;min-width:0;min-height:472px;position:relative}.lesson-vocab-card-back{background:#fbfcfa;border:1px solid #dde4df;border-radius:20px;display:block;position:absolute}.lesson-vocab-card-back-one{z-index:2;inset:18px 26px -18px 22px}.lesson-vocab-card-back-two{z-index:1;background:#f7f9f6;inset:36px 0 -36px 44px}.lesson-vocab-card{z-index:3;text-align:center;background:#fff;border:1px solid #d8e0db;border-radius:20px;flex-direction:column;align-items:center;width:calc(100% - 52px);min-height:472px;padding:30px 46px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 46px #1f443b1a,0 2px 6px #1f443b0a}@keyframes lesson-card-forward{0%{opacity:.35;transform:translate(16px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes lesson-card-back{0%{opacity:.35;transform:translate(-16px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.lesson-vocab-order{color:#008577;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:850}.lesson-vocab-hanzi{color:#073d35;letter-spacing:-.07em;margin-top:20px;font-family:Songti SC,STSong,SimSun,Georgia,serif;font-size:clamp(58px,6.3vw,76px);font-weight:520;line-height:1}.lesson-phrase-hanzi{letter-spacing:-.045em;text-wrap:balance;max-width:100%;margin-top:24px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(31px,4.1vw,48px);font-weight:680;line-height:1.24}.lesson-phrase-pinyin{text-wrap:balance;max-width:92%;font-size:16px;line-height:1.45}.lesson-phrase-purpose{color:#60736d;letter-spacing:.035em;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:720}.lesson-phrase-translation strong{color:#008577;letter-spacing:.12em;text-transform:uppercase;font-family:inherit;font-size:10px;font-weight:820}.lesson-phrase-translation p{color:#344f48;margin-top:9px;font-size:15px}.lesson-vocab-pinyin{color:#008d7d;margin-top:13px;font-size:21px;font-weight:760}.lesson-vocab-meaning{color:#536862;margin-top:3px;font-size:17px}.lesson-vocab-audio{cursor:pointer;color:#fff;background:var(--forest-deep);border:0;border-radius:50%;place-items:center;width:70px;height:70px;margin-top:19px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 9px 20px #0d544733}.lesson-vocab-audio>span{color:#70817c;white-space:nowrap;font-size:9px;font-weight:700;position:absolute;top:calc(100% + 6px)}.lesson-vocab-audio:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #0d544740}.lesson-vocab-audio.playing{animation:.9s ease-in-out infinite alternate lesson-audio-pulse}@keyframes lesson-audio-pulse{to{box-shadow:0 0 0 8px #176b5b1c,0 12px 24px #0d544740}}.lesson-vocab-example{border-top:1px solid #e3e8e4;width:100%;margin-top:30px;padding-top:22px}.lesson-vocab-example strong{color:#103f37;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:18px;font-weight:680;line-height:1.45;display:block}.lesson-vocab-example p{color:#677873;margin:7px 0 0;font-size:12px;line-height:1.5}.lesson-vocab-save{cursor:pointer;color:#008577;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;margin-top:auto;padding:0 12px;font-size:11px;font-weight:740;display:inline-flex}.lesson-vocab-save.saved{color:var(--forest);background:var(--sage-light)}.lesson-vocab-save:disabled{cursor:default}@keyframes lesson-spinner{to{transform:rotate(360deg)}}.lesson-vocab-continue{cursor:pointer;color:#fff;background:var(--forest-deep);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:min(340px,100% - 32px);min-height:54px;margin-top:36px;padding:0 21px;font-size:14px;font-weight:780;transition:background-color .18s,transform .18s;display:inline-flex;box-shadow:0 10px 24px #0d544726}.lesson-vocab-continue:hover{background:#0a4d42;transform:translateY(-2px)}.lesson-vocab-keyboard{color:#85928e;margin:10px 0 0;font-size:10px}.lesson-vocab-keyboard kbd{color:#60736d;text-align:center;background:#fff;border:1px solid #d5ddd8;border-bottom-width:2px;border-radius:5px;min-width:20px;padding:2px 5px;font-family:inherit;font-size:9px;display:inline-block}.lesson-content-card-vocabulary .lesson-complete-row{border:1px solid var(--line);background:#ffffffd1;border-radius:14px;margin-top:30px;padding:17px 19px}.lesson-vocab-empty{text-align:center;align-content:center;place-items:center;min-height:360px;display:grid}.lesson-vocab-empty h2,.lesson-vocab-empty p{margin:0}.lesson-vocab-empty p{color:var(--ink-soft);margin-top:8px}@media (width<=980px){.lesson-vocab-deck{padding-inline:0}.lesson-vocab-progress{width:min(540px,100% - 100px)}.lesson-vocab-carousel{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}.lesson-vocab-nav>span{width:46px;height:46px}.lesson-vocab-card{width:calc(100% - 34px);padding-inline:32px}.lesson-vocab-card-back-one{right:17px}.lesson-vocab-card-back-two{left:30px}}@media (width<=720px){.lesson-vocab-deck{min-height:0;padding-top:22px}.lesson-vocab-progress{width:100%;padding-inline:8px}.lesson-vocab-progress-segments{gap:7px}.lesson-vocab-carousel{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.lesson-vocab-stack{grid-area:1/1/auto/-1;min-height:398px}.lesson-vocab-card{border-radius:18px;width:calc(100% - 24px);min-height:392px;padding:22px 18px 18px}.lesson-vocab-card-back{border-radius:18px}.lesson-vocab-card-back-one{inset:12px 12px -12px 10px}.lesson-vocab-card-back-two{inset:24px 0 -24px 20px}.lesson-vocab-hanzi{margin-top:14px;font-size:59px}.lesson-phrase-hanzi{margin-top:16px;font-size:clamp(27px,8.3vw,38px);line-height:1.28}.lesson-phrase-pinyin{max-width:100%;font-size:14px}.lesson-vocab-pinyin{margin-top:9px;font-size:19px}.lesson-vocab-audio{width:62px;height:62px;margin-top:14px}.lesson-vocab-example{margin-top:22px;padding-top:16px}.lesson-vocab-example strong{font-size:16px}.lesson-vocab-save{min-height:34px}.lesson-vocab-nav{background:#fff;border:1px solid #d7e0db;border-radius:12px;min-height:48px;padding:4px 11px;display:flex}.lesson-vocab-nav-next{justify-content:flex-end}.lesson-vocab-nav>span{background:var(--sage-light);width:38px;height:38px;box-shadow:none;border:0}.lesson-vocab-nav small{font-size:10px}.lesson-vocab-nav-prev{grid-area:2/1}.lesson-vocab-nav-next{grid-area:2/2}.lesson-vocab-continue{width:100%;margin-top:20px}.lesson-content-card-vocabulary .lesson-complete-row{margin-top:22px}}@media (prefers-reduced-motion:reduce){.lesson-vocab-card.move-forward,.lesson-vocab-card.move-back,.lesson-vocab-audio.playing,.lesson-vocab-spinner{animation:none}.lesson-vocab-progress-segments span,.lesson-vocab-nav>span,.lesson-vocab-audio,.lesson-vocab-continue{transition:none}}.practice-dashboard:has(.work-practice-layout.is-focused){background-color:#fafaf6;background-image:none}.learner-app-shell .practice-dashboard-frame:has(.work-practice-layout.is-focused){padding:24px clamp(28px,5vw,76px) 48px}.work-practice-layout.is-focused{grid-template-columns:minmax(0,1fr);width:min(1280px,100%)}.practice-listening-card{color:#113b35;min-height:calc(100dvh - 160px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.practice-listening-card .practice-session-topline{min-height:26px}.practice-listening-card .practice-session-topline>span{color:#1763b0;letter-spacing:.025em;text-transform:uppercase;order:-1;font-size:11px;font-weight:820}.practice-listening-card .practice-back-button{color:#78908a;opacity:.58;border-radius:50%;justify-content:center;width:30px;height:30px}.practice-listening-card .practice-back-button:hover,.practice-listening-card .practice-back-button:focus-visible{color:#08685c;opacity:1;background:#edf4f1}.practice-listening-card .scenario-progress{background:#e4eae7;border-radius:999px;height:3px;margin-top:12px}.practice-listening-card .scenario-progress span{background:#1763b0}.practice-listening-layout{grid-template-columns:minmax(210px,280px) minmax(0,1fr);align-items:start;gap:clamp(48px,8vw,124px);min-height:502px;margin-top:clamp(54px,6vw,82px);display:grid}.practice-listening-card .listening-session-context{background:0 0;border:0;border-radius:0;width:auto;margin:0;padding:4px 0 0;display:block}.practice-listening-card .listening-session-context>span{color:#118071;letter-spacing:.1em;font-size:11px;font-weight:820}.practice-listening-card .listening-session-context h2{color:#123c36;letter-spacing:-.038em;max-width:250px;margin:17px 0 0;font-size:clamp(25px,2.2vw,32px);font-weight:760;line-height:1.22}.practice-listening-card .listening-session-context p{color:#687d77;max-width:220px;margin-top:24px;font-size:14px;line-height:1.65}.practice-live-metrics{gap:12px;margin-top:32px;display:grid}.practice-live-metrics>div{color:#118071;border-top:1px solid #dce4e0;align-items:center;gap:10px;padding-top:12px;display:flex}.practice-live-metrics span,.practice-live-metrics strong,.practice-live-metrics small{display:block}.practice-live-metrics strong{color:#173f39;letter-spacing:0;text-transform:none;font-size:14px;font-weight:790}.practice-live-metrics small{color:#71827d;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700}.practice-listening-card .practice-audio-stage{background:0 0;border:0;border-radius:0;align-content:start;width:auto;min-height:502px;margin:0;padding:0}.practice-listening-card .practice-audio-stage.has-outcome{align-content:center}.practice-listening-card .practice-audio-stage h2{color:#113b35;letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(36px,4vw,54px);font-weight:710;line-height:1.08}.practice-listening-card .practice-audio-state{color:#118071;letter-spacing:.16em;margin-top:34px;font-size:10px}.practice-listening-card .practice-audio-orb{cursor:pointer;color:#076b5f;width:128px;height:128px;box-shadow:none;background:#e9f3ef;border:0;border-radius:50%;place-items:center;margin-top:22px;transition:transform .2s,background-color .2s;display:grid}.practice-listening-card .practice-audio-orb:hover:not(:disabled),.practice-listening-card .practice-audio-orb:focus-visible{background:#dfeee8;transform:scale(1.035)}.practice-listening-card .practice-audio-stage.playing .practice-audio-orb{box-shadow:none;animation:1.2s ease-in-out infinite alternate practice-session-pulse}@keyframes practice-session-pulse{to{transform:scale(.96)}}.practice-audio-time{color:#153f39;letter-spacing:.08em;margin-top:18px;font-size:15px;font-weight:790}.practice-listening-card .practice-audio-controls{gap:0;margin-top:24px}.practice-listening-card .practice-audio-controls button{color:#118071;background:0 0;border:0;border-radius:0;min-height:34px;padding:0 18px;font-size:12px;font-weight:760}.practice-listening-card .practice-audio-controls button+button{border-left:1px solid #d7dfdb}.practice-listening-card .practice-audio-controls button:hover:not(:disabled){color:#075f54;background:0 0}.practice-listening-card .practice-audio-stage>small{color:#697a75;margin-top:26px;font-size:12px;line-height:1.55}.practice-listening-card .practice-audio-stage>small.is-warning{color:#9b623e}.practice-listening-card .listening-answer-lock{border-top:1px solid #dde3df;min-height:118px;margin-top:0}.practice-listening-card .listening-answer-panel{border-top:1px solid #dce2de;width:100%;margin:0;padding-top:34px}.listening-answer-heading{justify-content:space-between;align-items:center;gap:22px;display:flex}.practice-listening-card .listening-answer-heading h3{color:#173f39;letter-spacing:-.025em;margin:0;font-size:clamp(20px,1.8vw,25px);font-weight:560;line-height:1.35}.listening-countdown{font-variant-numeric:tabular-nums;flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative}.listening-countdown-ring,.listening-countdown>strong{grid-area:1/1}.listening-countdown-ring{width:100%;height:100%;overflow:visible}.listening-countdown-ring circle{fill:none;stroke-width:4px;vector-effect:non-scaling-stroke}.listening-countdown-ring-track{stroke:#d8dddb}.listening-countdown-ring-value{stroke:#292b2a;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .1s linear,stroke .2s;transform:rotate(-90deg)}.listening-countdown>strong{color:#ef242a;font-size:42px;font-weight:520;line-height:1}.listening-countdown-centered{width:132px;height:132px;margin-top:28px}.listening-countdown-centered>strong{font-size:54px}.practice-listening-card .listening-meaning-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.practice-listening-card .listening-meaning-options button{border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;min-height:112px;padding:18px}.practice-listening-card .listening-meaning-options button>span{border-radius:50%;width:38px;height:38px;font-size:12px}.practice-listening-card .listening-meaning-options button strong{color:inherit;font-size:14px;line-height:1.55}.practice-listening-card .listening-meaning-options button kbd{color:#6c7f79;width:28px;height:28px;font:inherit;background:#ffffffb3;border:1px solid #d9e2de;border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.practice-listening-card .listening-meaning-options button.selected{color:#086b5f;background:#edf8f4;border-color:#5fa99a;box-shadow:inset 0 0 0 1px #11807124}.practice-listening-card .listening-meaning-options button.selected>span{color:#fff;background:#118071}.practice-listening-card .listening-meaning-options button:disabled:not(.selected){opacity:.58}.practice-listening-outcome{color:#714635;text-align:center;background:#fff7f2;border:1px solid #f0d3c5;border-radius:22px;justify-items:center;width:min(620px,100%);margin:auto;padding:30px clamp(24px,4vw,42px);display:grid}.practice-listening-outcome.is-correct{color:#096c5f;background:#eff9f5;border-color:#b9ddd3}.practice-listening-outcome-icon{color:#b85a43;background:#ffe8de;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.practice-listening-outcome.is-correct .practice-listening-outcome-icon{color:#087667;background:#dcefe8}.practice-listening-outcome-kicker{color:currentColor;letter-spacing:.14em;text-transform:uppercase;margin-top:18px;font-size:10px;font-weight:820}.practice-listening-card .practice-listening-outcome h2{color:#173f39;letter-spacing:-.04em;overflow-wrap:anywhere;width:100%;margin-top:9px;font-size:clamp(27px,3vw,38px);font-weight:720;line-height:1.16}.practice-listening-outcome>p{color:#63766f;max-width:500px;margin:12px 0 0;font-size:13px;line-height:1.65}.practice-listening-outcome-answer{text-align:left;background:#ffffffc2;border:1px solid #14635721;border-radius:14px;gap:6px;width:100%;margin-top:22px;padding:18px 20px;display:grid}.practice-listening-outcome-answer span{color:#118071;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:820}.practice-listening-outcome-answer span:not(:first-child){margin-top:12px}.practice-listening-outcome-answer strong{color:#173f39;font-size:15px;line-height:1.5}.practice-listening-outcome-answer strong[lang=zh]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:20px;font-weight:620}.practice-listening-outcome>.practice-listening-outcome-explanation{margin-top:14px;font-size:11px}.practice-listening-outcome-controls{justify-content:center;gap:8px;margin-top:20px;display:flex}.practice-listening-outcome-controls button,.practice-listening-next{cursor:pointer;color:#0d7669;min-height:40px;font:inherit;background:#fff;border:1px solid #bed9d1;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:11px;font-weight:760;display:inline-flex}.practice-listening-next{color:#fff;background:#ff5145;border-color:#ff5145;margin-top:14px}.practice-listening-outcome-controls button:hover,.practice-listening-outcome-controls button:focus-visible{background:#f7fbf9;border-color:#65a99c}.practice-listening-next:hover,.practice-listening-next:focus-visible{background:#e74439;border-color:#e74439}.practice-listening-card .listening-answer-panel>h3{color:#173f39;letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(20px,1.8vw,25px);font-weight:560;line-height:1.35}.practice-listening-card .binary-answer-grid{gap:16px}.practice-listening-card .binary-answer-button{color:#0b7467;background:#e9f7f1;border:0;border-radius:8px;grid-template-columns:64px 1fr auto;gap:20px;min-height:128px;padding:20px 28px;transition:transform .18s,background-color .18s,box-shadow .18s}.practice-listening-card .binary-answer-button:nth-child(2){color:#e34f35;background:#fff0eb}.practice-listening-card .binary-answer-button:hover:not(:disabled){background:#dff2eb;border-color:#0000;transform:translateY(-2px);box-shadow:0 12px 26px #10524614}.practice-listening-card .binary-answer-button:nth-child(2):hover:not(:disabled){background:#ffe7e1;box-shadow:0 12px 26px #aa483114}.practice-listening-card .binary-answer-button>span:first-child{width:64px;height:64px;color:inherit;background:0 0;border-radius:0}.practice-listening-card .binary-answer-button>span:first-child svg{stroke-width:1.9px;width:48px;height:48px}.practice-listening-card .binary-answer-button strong{color:inherit;text-transform:uppercase;font-size:21px;font-weight:780}.practice-listening-card .binary-answer-button small{color:#3f5d56;margin-top:6px;font-size:13px}.practice-listening-card .binary-answer-button kbd{min-width:34px;height:34px;color:inherit;background:#ffffff9e;border-color:currentColor;border-radius:8px;font-size:11px}.practice-listening-card .binary-answer-button.correct{color:#08675b;background:#d8f0e7}.practice-listening-card .binary-answer-button.incorrect{color:#b94535;background:#ffe0da}.practice-listening-card .binary-answer-button.correct>span:first-child,.practice-listening-card .binary-answer-button.incorrect>span:first-child{color:inherit;background:0 0}.practice-listening-card .practice-listening-feedback{width:100%;margin-top:18px}.practice-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(520px,100%);margin:22px auto 0;display:grid}.practice-result-metrics>div{color:#118071;text-align:left;background:#f4faf7;border:1px solid #d8e8e2;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;display:flex}.practice-result-metrics span,.practice-result-metrics strong,.practice-result-metrics small{display:block}.practice-result-metrics strong{color:#173f39;font-size:19px}.practice-result-metrics small{color:#6d807a;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:720}.practice-listening-card .practice-session-actions{justify-content:flex-end;margin-top:26px;padding-top:0}.practice-listening-card .practice-session-actions button:disabled{color:#aab5b1;background:0 0;padding-right:0}@media (width<=920px){.learner-app-shell .practice-dashboard-frame:has(.work-practice-layout.is-focused){padding:24px 28px 44px}.practice-listening-layout{grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:38px;min-height:0;margin-top:44px}.practice-listening-card .practice-audio-stage h2{font-size:clamp(32px,5vw,44px)}}@media (width<=720px){.learner-app-shell .practice-dashboard-frame:has(.work-practice-layout.is-focused){padding:18px 16px 28px}.practice-listening-card{min-height:auto}.practice-listening-card .practice-session-topline{min-height:30px}.practice-listening-layout{grid-template-columns:1fr;gap:34px;margin-top:34px;display:grid}.practice-listening-card .listening-session-context{border-bottom:1px solid #dce2de;padding-bottom:25px}.practice-listening-card .listening-session-context h2{max-width:330px;margin-top:11px;font-size:27px}.practice-listening-card .listening-session-context p{max-width:390px;margin-top:14px;font-size:13px}.practice-listening-card .practice-audio-stage h2{font-size:clamp(30px,10vw,38px)}.practice-listening-card .practice-audio-stage{min-height:440px}.practice-listening-card .practice-audio-state{margin-top:26px}.practice-listening-card .practice-audio-orb{width:104px;height:104px;margin-top:18px}.practice-listening-card .practice-audio-controls{width:auto;margin-top:18px}.practice-listening-card .practice-audio-controls button{flex:0 auto;padding-inline:12px;font-size:11px}.practice-listening-card .practice-audio-stage>small{margin-top:19px;font-size:11px}.practice-listening-card .listening-answer-panel,.practice-listening-card .listening-answer-lock{margin-top:36px}.practice-listening-card .listening-answer-panel{padding-top:28px}.practice-listening-card .listening-answer-panel>h3{margin-bottom:18px;font-size:20px}.listening-answer-heading{align-items:flex-start}.practice-listening-card .listening-answer-heading h3{font-size:20px}.listening-countdown{width:76px;height:76px}.listening-countdown>strong{font-size:34px}.listening-countdown-centered{width:104px;height:104px}.listening-countdown-centered>strong{font-size:44px}.practice-listening-outcome{border-radius:18px;padding:24px 18px}.practice-listening-card .practice-listening-outcome h2{width:calc(100% - 12px);font-size:clamp(25px,6vw,30px)}.practice-listening-outcome-controls{flex-wrap:wrap}.practice-listening-next{width:100%}.practice-listening-card .listening-meaning-options{grid-template-columns:1fr;gap:10px}.practice-listening-card .listening-meaning-options button{min-height:76px;padding:13px 14px}.practice-listening-card .binary-answer-grid{grid-template-columns:1fr;gap:10px}.practice-listening-card .binary-answer-button{grid-template-columns:48px 1fr auto;gap:12px;min-height:94px;padding:15px 17px}.practice-listening-card .binary-answer-button>span:first-child{width:48px;height:48px}.practice-listening-card .binary-answer-button>span:first-child svg{width:34px;height:34px}.practice-listening-card .binary-answer-button strong{font-size:17px}.practice-listening-card .binary-answer-button small{font-size:11px;display:block}.practice-listening-card .binary-answer-button kbd{display:grid}.practice-listening-card .practice-session-actions{margin-top:22px}.practice-listening-card .practice-session-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.practice-listening-card .practice-audio-stage.playing .practice-audio-orb{animation:none}}.practice-dashboard:has(.work-practice-layout.is-catalog){background:#fffdfa}.learner-app-shell .practice-dashboard-frame:has(.work-practice-layout.is-catalog){min-height:calc(100vh - 88px);padding:14px 0 0}.work-practice-layout.is-catalog{width:100%;max-width:none;margin:0;display:block}.practice-catalog-header{justify-content:space-between;align-items:end;gap:48px;padding:0 clamp(34px,6vw,84px) 20px;display:flex}.practice-catalog-header>div:first-child>span{color:#087568;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:820}.practice-catalog-header h1{color:#0b352f;letter-spacing:-.052em;margin:10px 0;font-size:clamp(36px,3.4vw,48px);font-weight:735;line-height:1.05}.practice-catalog-header>div:first-child>p{color:#5d716b;max-width:650px;margin:0;font-size:14px;line-height:1.6}.practice-catalog-today{color:#536963;align-items:flex-start;gap:12px;min-width:240px;padding-bottom:4px;display:flex}.practice-catalog-today svg{margin-top:3px}.practice-catalog-today span,.practice-catalog-today strong,.practice-catalog-today small{display:block}.practice-catalog-today strong{color:#435b55;text-transform:capitalize;font-size:13px;font-weight:640}.practice-catalog-today small{color:#73847f;margin-top:7px;font-size:12px}.work-practice-layout.is-catalog .practice-industry-tabs{border-color:#dde4df;gap:clamp(28px,4.5vw,64px);margin:0;padding:0 clamp(34px,6vw,84px)}.work-practice-layout.is-catalog .practice-industry-tabs button{min-height:58px;padding-bottom:15px;font-size:13px}.practice-feature{background:#edf6f2;grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:420px;display:grid;overflow:hidden}.practice-feature-copy{min-width:0;padding:32px clamp(38px,5vw,84px) 26px}.practice-feature-kicker{color:#087568;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;font-weight:830;display:inline-flex}.practice-feature-kicker i{background:#16877a;border-radius:999px;width:30px;height:2px;display:block}.practice-feature h2{color:#0a342e;letter-spacing:-.048em;max-width:720px;margin:17px 0 10px;font-size:clamp(34px,3.2vw,45px);font-weight:740;line-height:1.06}.practice-feature-brief{color:#556b65;max-width:650px;margin:0;font-size:14px;line-height:1.58}.practice-feature-meta{color:#465f58;border-bottom:1px solid #70928947;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px;padding-bottom:16px;font-size:12px;display:flex}.practice-feature-meta>span{align-items:center;gap:7px;display:inline-flex}.practice-feature-meta .free,.practice-feature-meta .vip{color:#087367;font-weight:760}.practice-feature-meta .vip{color:#a6670a}.practice-feature-language{margin-top:18px}.practice-feature-language strong,.practice-feature-language p,.practice-feature-language small{display:block}.practice-feature-language strong{color:#102e29;letter-spacing:.01em;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(25px,2.3vw,34px);font-weight:560;line-height:1.35}.practice-feature-language p{color:#08776a;margin:8px 0 0;font-size:12px;line-height:1.5}.practice-feature-language small{color:#687b75;margin-top:5px;font-size:11px;line-height:1.5}.practice-feature-actions{align-items:center;gap:26px;margin-top:20px;display:flex}.practice-feature .practice-start-button{min-width:224px;min-height:52px;box-shadow:none;border-radius:8px;font-size:13px}.practice-preview-button{cursor:pointer;color:#174e46;min-height:44px;font:inherit;background:0 0;border:0;border-bottom:1px solid #1c7569;align-items:center;gap:9px;padding:0 0 2px;font-size:12px;font-weight:720;display:inline-flex}.practice-preview-button:hover,.practice-preview-button[aria-pressed=true]{color:#087164}.practice-preview-warning{color:#9a5f24;margin-top:9px;font-size:10px;display:block}.practice-feature .practice-inline-upgrade{border-radius:8px;margin-top:18px;padding:11px 13px}.practice-feature-media{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);background:#dce9e4;min-height:420px;margin-left:-55px;position:relative;overflow:hidden}.practice-feature-media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.practice-next-cases{background:#fffdfa;padding:18px clamp(34px,6vw,84px) 0}.practice-next-cases>h2{color:#087568;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:830}.practice-next-cases>div{border-top:1px solid #dce3de}.practice-next-cases button{cursor:pointer;color:#22443d;text-align:left;width:100%;min-height:62px;font:inherit;background:0 0;border:0;border-bottom:1px solid #dce3de;grid-template-columns:42px minmax(200px,250px) minmax(220px,1fr) 78px 82px 22px;align-items:center;gap:14px;padding:0;display:grid}.practice-next-cases button:hover{color:#086e62;background:#f7faf7}.practice-next-index{color:#087568;font-size:16px;font-weight:820}.practice-next-cases button>strong{font-size:13px;line-height:1.4}.practice-next-cases button>small{color:#71817d;font-size:10px;line-height:1.45}.practice-next-duration,.practice-next-access{color:#667a74;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.practice-next-access{color:#a9680b;font-weight:780}.practice-next-access.free{color:#087367}.practice-catalog-footer{color:#47635c;grid-template-columns:repeat(4,auto) minmax(130px,1fr);align-items:center;gap:24px;min-height:60px;margin:0 clamp(34px,6vw,84px);display:grid}.practice-catalog-footer>span,.practice-catalog-footer>button,.practice-catalog-vip{min-height:44px;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:inline-flex}.practice-catalog-footer>button{cursor:pointer}.practice-catalog-footer strong{color:#173f38;font-size:17px}.practice-catalog-vip{color:#a86308;justify-self:end;font-weight:760}.practice-catalog-vip.active{color:#087367}@media (width<=1040px){.practice-catalog-header{align-items:flex-start}.practice-catalog-today{min-width:205px}.practice-feature{grid-template-columns:minmax(0,55%) minmax(0,45%)}.practice-feature-copy{padding-inline:40px}.practice-feature-language small{display:none}.practice-next-cases button{grid-template-columns:38px minmax(200px,1fr) 76px 80px 20px}.practice-next-cases button>small{display:none}}@media (width<=720px){.learner-app-shell .practice-dashboard-frame:has(.work-practice-layout.is-catalog){padding:15px 0 96px}.practice-catalog-header{padding:0 16px 18px}.practice-catalog-header h1{max-width:340px;margin-top:8px;font-size:34px;line-height:1.08}.practice-catalog-header>div:first-child>p{font-size:12px;line-height:1.55}.practice-catalog-today{display:none}.work-practice-layout.is-catalog .practice-industry-tabs{gap:25px;width:100%;margin:0;padding-inline:16px}.work-practice-layout.is-catalog .practice-industry-tabs button{min-height:52px;font-size:12px}.practice-feature{flex-direction:column;display:flex}.practice-feature-media{clip-path:none;order:-1;min-height:218px;margin:0}.practice-feature-copy{padding:25px 16px 29px}.practice-feature h2{margin-top:13px;font-size:31px;line-height:1.1}.practice-feature-brief{font-size:12px}.practice-feature-meta{gap:8px 14px;margin-top:17px;padding-bottom:17px;font-size:10px}.practice-feature-language{margin-top:18px}.practice-feature-language strong{font-size:25px;line-height:1.42}.practice-feature-language p{font-size:11px}.practice-feature-language small{font-size:10px;display:block}.practice-feature-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:21px}.practice-feature .practice-start-button{width:100%}.practice-preview-button{align-self:center;width:fit-content}.practice-next-cases{padding:23px 16px 0}.practice-next-cases button{grid-template-columns:34px minmax(0,1fr) 66px 18px;gap:10px;min-height:72px}.practice-next-cases button>strong{font-size:12px}.practice-next-duration,.practice-next-cases button>small{display:none}.practice-next-access{justify-self:end;font-size:9px}.practice-catalog-footer{grid-template-columns:1fr 1fr;gap:8px 16px;min-height:0;margin:0 16px;padding:18px 0 8px}.practice-catalog-footer>span,.practice-catalog-footer>button{font-size:10px}.practice-catalog-footer strong{font-size:15px}.practice-catalog-vip{border-top:1px solid #e2e7e3;grid-column:1/-1;justify-content:space-between;justify-self:stretch;min-height:48px}}@media (prefers-reduced-motion:reduce){.practice-feature button,.practice-next-cases button{transition:none}}.practice-loading-catalog-head{min-height:148px;padding:18px clamp(34px,6vw,84px) 24px}.practice-loading-catalog-head .skeleton-block:first-child{width:110px;height:10px}.practice-loading-catalog-head .skeleton-block:nth-child(2){width:min(630px,72%);height:45px;margin-top:14px}.practice-loading-catalog-head .skeleton-block:nth-child(3){width:min(600px,66%);height:13px;margin-top:13px}.work-practice-layout.is-catalog .practice-loading-tabs{border-bottom:1px solid #e1e6e2;align-items:center;gap:clamp(25px,4.5vw,64px);min-height:59px;padding:0 clamp(34px,6vw,84px);display:flex}.work-practice-layout.is-catalog .practice-loading-tabs .skeleton-block{width:78px;height:10px}.practice-loading-feature{background:#edf6f2;grid-template-columns:58% 42%;min-height:420px;display:grid}.practice-loading-feature>div{padding:42px clamp(38px,5vw,84px)}.practice-loading-feature>div .skeleton-block:first-child{width:108px;height:10px}.practice-loading-feature>div .skeleton-block:nth-child(2){width:72%;height:42px;margin-top:18px}.practice-loading-feature>div .skeleton-block:nth-child(3){width:88%;height:12px;margin-top:13px}.practice-loading-feature>div .skeleton-block:nth-child(4){width:78%;height:72px;margin-top:36px}.practice-loading-feature>div .skeleton-block:nth-child(5){border-radius:8px;width:220px;height:52px;margin-top:25px}.practice-loading-feature>.skeleton-block{background:#dfe9e4;border-radius:0;width:100%;height:100%}.practice-loading-rows{padding:18px clamp(34px,6vw,84px)}.practice-loading-rows .skeleton-block{background:linear-gradient(90deg,#edf2ee 20%,#f7f8f5 50%,#edf2ee 80%);border-bottom:1px solid #e0e6e2;border-radius:0;width:100%;height:62px}@media (width<=720px){.practice-loading-catalog-head{min-height:145px;padding:12px 16px 18px}.practice-loading-catalog-head .skeleton-block:nth-child(2){width:94%;height:68px}.work-practice-layout.is-catalog .practice-loading-tabs{padding-inline:16px;overflow:hidden}.practice-loading-feature{flex-direction:column-reverse;display:flex}.practice-loading-feature>.skeleton-block{flex:0 0 218px;height:218px}.practice-loading-feature>div{padding:26px 16px 30px}.practice-loading-rows{padding-inline:16px}}.game-session-world .memory-grid button>span,.game-session-world .connect-board button>span,.game-session-world .quiz-options button>span,.game-session-world .flashcard-face>strong{overflow-wrap:anywhere;min-width:0}.game-session-world .memory-grid button.is-revealed>span:not([lang]){font-size:clamp(13px,1.8vw,20px);line-height:1.4}.writing-course-shell{width:min(960px,100%);margin:auto;padding:clamp(24px,5vw,64px) 24px}.writing-course-back{color:#176d59;cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-weight:700;display:inline-flex}.writing-course-kicker{color:#203f35;letter-spacing:-.035em;margin-top:32px;font-family:inherit;font-size:clamp(18px,1.6vw,22px);font-weight:760;line-height:1.2;display:block}.writing-course-shell h1{color:#203f35;letter-spacing:-.035em;margin:12px 0;font-family:inherit;font-size:clamp(28px,4vw,42px);font-weight:760;line-height:1.1}.writing-course-shell>p{color:#52665d;line-height:1.7}.writing-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.writing-course-card{text-align:left;cursor:pointer;background:#fffdf5;border:1px solid #cee0cd;border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex;box-shadow:0 5px #dce6d2}.writing-course-card:hover{background:#f3f9eb;border-color:#32866b}.writing-course-card:focus-visible,.writing-course-back:focus-visible{outline-offset:4px;outline:3px solid #32866b}.writing-course-number{color:#486d2d;background:#e4efce;border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.writing-course-card>strong{color:#203f35;font-size:25px}.writing-course-card>span:not(.writing-course-number){color:#52665d;font-size:14px;line-height:1.6}.writing-course-card>small{color:#176d59;align-items:center;gap:8px;margin-top:auto;font-weight:800;display:flex}.writing-course-status{margin-top:24px;font-size:13px}@media (width<=640px){.writing-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.writing-course-card{padding:18px}}.writing-game-dashboard{background-color:#fbf7ed;background-image:url(/assets/writing/bamboo-garden-session-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;overflow:hidden}.writing-course-selection-page{min-height:100dvh;color:var(--himi-black);background:var(--himi-white);font-family:var(--font-roboto), "Roboto", Arial, sans-serif;overflow:hidden auto}.writing-course-shell--split{grid-template-columns:minmax(370px,35vw) minmax(0,1fr);width:100%;min-height:100dvh;margin:0;padding:0;display:grid}.writing-course-intro{isolation:isolate;background-color:var(--himi-red-soft);background-image:url(/assets/writing/bamboo-garden-session-bg.webp);background-position:18% bottom;background-repeat:no-repeat;background-size:auto 100%;flex-direction:column;min-width:0;min-height:100dvh;padding:32px clamp(30px,3.2vw,52px) 30px;display:flex;position:relative;overflow:hidden}.writing-course-selection-page .writing-course-back{z-index:3;border:1px solid var(--himi-line);width:fit-content;min-height:46px;color:var(--himi-black);background:#ffffffe6;border-radius:999px;padding:0 18px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 6px 18px #3a4e4114}.writing-course-selection-page .writing-course-back:hover{color:var(--himi-red);border-color:var(--himi-red);box-shadow:0 9px 22px var(--himi-red)}@supports (color:color-mix(in lab, red, red)){.writing-course-selection-page .writing-course-back:hover{box-shadow:0 9px 22px color-mix(in srgb, var(--himi-red) 14%, transparent)}}.writing-course-selection-page .writing-course-back:hover{transform:translateY(-1px)}.writing-course-copy{z-index:3;width:min(100%,438px);margin-top:clamp(42px,8vh,82px);position:relative}.writing-course-copy .writing-course-kicker{color:var(--himi-red);letter-spacing:-.035em;margin:0 0 12px;font-family:inherit;font-size:clamp(17px,1.45vw,20px);font-weight:760;line-height:1.2}.writing-course-copy h1{color:var(--himi-black);letter-spacing:-.035em;margin:16px 0 14px;font-size:clamp(46px,4.4vw,68px);font-weight:760;line-height:1.08}.writing-course-mascot{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 20px #3a4f3726);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(84%,430px);height:auto;max-height:47vh;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.writing-course-facts{z-index:4;border:1px solid var(--himi-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:calc(100% - clamp(60px,6.4vw,104px));min-height:92px;padding:15px 12px;display:grid;position:absolute;bottom:28px;left:clamp(30px,3.2vw,52px);right:clamp(30px,3.2vw,52px);box-shadow:0 12px 32px #3a4e411a}.writing-course-facts>span{min-width:0;min-height:55px;color:var(--himi-black);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.writing-course-facts>span+span{border-left:1px solid var(--himi-line)}.writing-course-facts svg{color:var(--himi-red);stroke-width:2px}.writing-course-facts strong{font-size:12px;line-height:1.2}.writing-course-picker{background:var(--himi-white);flex-direction:column;justify-content:center;min-width:0;min-height:100dvh;padding:clamp(28px,5vh,64px) clamp(24px,4vw,64px);display:flex}.writing-course-picker .writing-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);width:100%;margin:0;display:grid}.writing-course-picker .writing-course-card{border:1px solid var(--himi-line);background:var(--himi-white);min-width:0;min-height:clamp(170px,23vh,250px);color:var(--himi-black);text-align:left;box-shadow:0 5px 0 var(--himi-red-soft), 0 16px 30px #2222220e;border-radius:22px;flex-direction:column;align-items:stretch;gap:18px;padding:clamp(22px,2.2vw,32px);transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:flex;position:relative;overflow:hidden}.writing-course-picker .writing-course-card:hover{border-color:var(--himi-red);background:var(--himi-red-soft);box-shadow:0 7px 0 var(--himi-red), 0 20px 34px #ff4c3b1a}@supports (color:color-mix(in lab, red, red)){.writing-course-picker .writing-course-card:hover{box-shadow:0 7px 0 color-mix(in srgb, var(--himi-red) 22%, var(--himi-white)), 0 20px 34px #ff4c3b1a}}.writing-course-picker .writing-course-card:hover{transform:translateY(-3px)}.writing-course-picker .writing-course-card.is-featured{border:2px solid var(--himi-red);background:var(--himi-red-soft);box-shadow:0 5px 0 var(--himi-red), 0 20px 34px #ff4c3b1a}@supports (color:color-mix(in lab, red, red)){.writing-course-picker .writing-course-card.is-featured{box-shadow:0 5px 0 color-mix(in srgb, var(--himi-red) 26%, var(--himi-white)), 0 20px 34px #ff4c3b1a}}.writing-course-picker .writing-course-card.is-loading{cursor:progress;opacity:.72}.writing-course-card-heading{align-items:center;gap:18px;display:flex}.writing-course-picker .writing-course-number{background:var(--himi-red-soft);width:52px;height:52px;color:var(--himi-red);border-radius:15px;flex:0 0 52px;font-size:20px;font-weight:850}.writing-course-picker .is-featured .writing-course-number{background:var(--himi-red);color:#fff;box-shadow:0 8px 16px #ff4c3b38}.writing-course-card-heading>strong{color:var(--himi-black);font-size:clamp(25px,2vw,32px);font-weight:800;line-height:1.15}.writing-course-picker .writing-course-description{max-width:calc(100% - 42px);color:var(--himi-muted);font-size:clamp(14px,1.12vw,17px);line-height:1.55}.writing-course-picker .writing-course-action{color:var(--himi-red);transition:color .2s,transform .2s}.writing-course-picker .writing-course-card:not(.is-featured) .writing-course-action{justify-content:center;gap:0;width:42px;height:42px;margin:0;font-size:0;position:absolute;bottom:22px;right:22px}.writing-course-picker .writing-course-card:hover .writing-course-action{color:var(--himi-red);transform:translate(2px)}.writing-course-picker .is-featured .writing-course-action{background:var(--himi-red);color:#fff;border-radius:12px;justify-content:center;width:min(220px,72%);min-height:50px;margin-top:auto;padding:10px 18px;font-size:15px;box-shadow:0 9px 18px #ff4c3b30}.writing-course-picker .is-featured:hover .writing-course-action{color:#fff}.writing-course-recommended{background:var(--himi-red);color:#fff;letter-spacing:.02em;border-radius:0 18px 0 14px;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:0;right:0}.writing-course-picker .writing-course-status{min-height:22px;color:var(--himi-muted);text-align:center;margin:22px 0 0;font-size:13px}.writing-course-picker .writing-course-status[role=alert]{color:var(--himi-red);font-weight:700}@media (width<=1180px){.writing-course-shell--split{grid-template-columns:minmax(340px,36vw) minmax(0,1fr)}.writing-course-copy h1{font-size:clamp(42px,4.8vw,56px)}.writing-course-picker{padding-inline:26px}.writing-course-picker .writing-course-card{padding:22px}}@media (width<=920px){.writing-course-shell--split{display:block}.writing-course-intro{background-position:100% 100%;background-size:cover;min-height:440px;padding:24px 28px 26px}.writing-course-copy{width:min(60%,440px);margin-top:28px}.writing-course-copy h1{font-size:clamp(38px,7vw,54px)}.writing-course-mascot{width:min(36%,270px);max-height:300px;bottom:82px;left:auto;right:5%;transform:none}.writing-course-facts{width:auto;bottom:20px;left:28px;right:28px}.writing-course-picker{min-height:0;padding:30px 28px 42px}.writing-course-picker .writing-course-card{min-height:190px}}@media (width<=700px){.writing-course-intro{min-height:420px;padding:18px 16px 20px}.writing-course-selection-page .writing-course-back{min-height:42px;padding-inline:14px;font-size:13px}.writing-course-copy{width:62%;margin-top:24px}.writing-course-copy .writing-course-kicker{margin-bottom:8px;font-size:15px}.writing-course-copy h1{margin:10px 0;font-size:clamp(31px,9.5vw,42px);line-height:1.08}.writing-course-mascot{width:min(43%,190px);max-height:205px;bottom:84px;right:-2px}.writing-course-facts{border-radius:19px;min-height:76px;padding:10px 4px;bottom:14px;left:16px;right:16px}.writing-course-facts>span{gap:4px;min-height:48px}.writing-course-facts svg{width:20px;height:20px}.writing-course-facts strong{font-size:10px}.writing-course-picker{padding:20px 14px 34px}.writing-course-picker .writing-course-grid{grid-template-columns:1fr;gap:14px}.writing-course-picker .writing-course-card{border-radius:19px;gap:12px;min-height:148px;padding:20px}.writing-course-picker .writing-course-card.is-featured{min-height:184px}.writing-course-picker .writing-course-number{border-radius:13px;flex-basis:44px;width:44px;height:44px;font-size:18px}.writing-course-card-heading{gap:14px}.writing-course-card-heading>strong{font-size:24px}.writing-course-picker .writing-course-description{max-width:calc(100% - 68px);font-size:14px}.writing-course-picker .writing-course-card:not(.is-featured) .writing-course-action{width:auto;height:38px;color:var(--himi-red);gap:6px;font-size:12px;bottom:16px;right:18px}.writing-course-picker .is-featured .writing-course-action{width:min(220px,75%);min-height:46px}.writing-course-recommended{min-height:29px;padding-inline:11px;font-size:10px}.writing-course-picker .writing-course-status{margin-top:18px;padding-inline:8px;font-size:12px;line-height:1.5}}@media (width<=380px){.writing-course-intro{min-height:400px}.writing-course-copy{width:65%}.writing-course-copy h1{font-size:29px}.writing-course-mascot{width:42%;bottom:87px}.writing-course-picker .writing-course-card{padding:18px}}@media (prefers-reduced-motion:reduce){.writing-course-selection-page .writing-course-back,.writing-course-picker .writing-course-card,.writing-course-picker .writing-course-action{transition:none}}.writing-page-shell{align-items:center;width:100%;min-height:100dvh;margin-left:0;padding:clamp(18px,2.6vh,28px) clamp(26px,3.4vw,52px);display:grid}.writing-page-title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.writing-current-word>span,.writing-howto>span{color:#08766a;letter-spacing:.1em;font-size:10px;font-weight:820}.writing-game-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:clamp(22px,2.5vw,38px);width:min(1320px,100%);margin-inline:auto;display:grid}.writing-arena-column{min-width:0}.writing-arena{isolation:isolate;background:#eff5c8;border:1px solid #0f594933;border-radius:24px;height:clamp(430px,56vh,520px);min-height:430px;position:relative;overflow:hidden;box-shadow:0 22px 48px #1a4c3c1f}.writing-arena-background{z-index:0;object-fit:cover;object-position:center;filter:saturate(.92)contrast(.97);width:100%;height:100%;position:absolute;inset:0}.writing-arena:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fffde538 0%,#fffde50a 28%,#ebf5c214 68%,#d8ebaa2e 100%);position:absolute;inset:0}.writing-game-back{z-index:32;cursor:pointer;color:#0c766a;background:#fffdf5;border:1px solid #e2d8bb;border-radius:14px;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 8px 20px #1f483a1a}.writing-game-back span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.writing-game-back:hover{color:#075f57;background:#f2fbf6;transform:translateY(-2px);box-shadow:0 10px 24px #1f483a24}.writing-arena-metrics{z-index:30;align-items:stretch;gap:10px;display:flex;position:absolute;top:16px;right:16px}.writing-arena-metrics>span{color:#0a4d44;background:#fffdf5;border:1px solid #e2d8bb;border-radius:13px;place-content:center;justify-items:center;gap:5px;min-width:88px;min-height:66px;padding:10px 12px 9px;display:grid;box-shadow:0 8px 20px #1f483a14}.writing-arena-metrics strong{font-size:20px;line-height:1}.writing-arena-metrics em{color:#647873;font-size:10px;font-style:normal;font-weight:650}.writing-arena-metrics small{color:#365f56;letter-spacing:.06em;font-size:8px;font-weight:820}.writing-arena-topline{z-index:6;color:#164e43;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:58px;padding:0 220px 0 72px;display:grid;position:relative}.writing-arena-controls{align-items:center;gap:7px;display:flex}.writing-arena-controls button,.writing-current-word button{cursor:pointer;color:#0c6f61;background:#fffff8c2;border:1px solid #0870612e;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.writing-arena-controls button:disabled{cursor:default;opacity:.45}.writing-arena-topline>span:nth-child(2){letter-spacing:.06em;background:#2178571f;border-radius:999px;justify-self:center;padding:7px 14px;font-size:10px;font-weight:820}.writing-hearts{color:#f0a330;gap:5px;display:flex}.writing-target-ribbon{z-index:4;color:#21463d;background:#f6eb51e0;border:1px solid #74861f3d;border-radius:12px 12px 4px 4px;justify-items:center;min-width:154px;padding:10px 20px 11px;display:grid;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 9px 25px #4a60241a}.writing-target-ribbon span,.writing-target-ribbon small{font-size:8px;font-weight:750}.writing-target-ribbon strong{margin:1px 0;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:25px;font-weight:650}.writing-falling-word{width:136px;min-height:72px;left:var(--word-lane);z-index:5;color:#fff;will-change:transform;display:block;position:absolute;top:68px;transform:translate(-50%)}.writing-word-face{background:#087462;border:1px solid #ffffff40;border-radius:11px;align-content:center;place-items:center;padding:10px 14px 8px;display:grid;position:absolute;inset:0;box-shadow:0 12px 25px #00554533}.writing-word-face>span,.writing-word-half{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:25px;font-weight:650;line-height:1.1}.writing-word-face>small{color:#ffffffc7;margin-top:4px;font-size:9px}.writing-word-half{text-align:center;opacity:0;align-content:center;place-items:center;padding:10px 14px 8px;display:none;position:absolute;inset:0}.writing-arena.is-ready .writing-falling-word,.writing-arena.is-paused .writing-falling-word,.writing-arena.is-slicing .writing-falling-word,.writing-arena.is-complete .writing-falling-word,.writing-arena.is-gameover .writing-falling-word{animation-play-state:paused}.writing-falling-word.is-sliced{z-index:10}.writing-falling-word.is-sliced .writing-word-face{animation:10ms step-end .86s forwards writing-word-face-cut}.writing-falling-word.is-sliced .writing-word-half{color:#fff;background:#087462;border-radius:10px;display:grid;box-shadow:0 12px 25px #00554533}.writing-falling-word.is-sliced .writing-word-half.is-left{clip-path:polygon(0 0,56% 0,44% 100%,0 100%);animation:.82s cubic-bezier(.16,.78,.28,1) .86s forwards writing-slice-left}.writing-falling-word.is-sliced .writing-word-half.is-right{clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%);animation:.82s cubic-bezier(.16,.78,.28,1) .86s forwards writing-slice-right}.writing-penguin{aspect-ratio:1;z-index:3;pointer-events:none;filter:drop-shadow(0 17px 18px #234b2f24);transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity, filter;width:clamp(145px,17vw,220px);position:absolute;top:61%;left:2%;transform:rotate(-4deg)}.writing-penguin>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.writing-penguin-cape{z-index:0;clip-path:polygon(0 44%,38% 45%,44% 57%,38% 76%,18% 80%,0 73%);opacity:0;transform-origin:37% 56%;will-change:transform, opacity;transform:rotate(3deg)skewY(-2deg)scaleX(.34)}.writing-penguin-body{z-index:1}.writing-arena.is-slicing .writing-penguin{z-index:8;animation:1.55s cubic-bezier(.18,.74,.22,1) both writing-penguin-strike}.writing-arena.is-slicing .writing-penguin-cape{animation:1.55s cubic-bezier(.22,.7,.2,1) both writing-penguin-cape-flutter}.writing-slice-impact{width:clamp(220px,28vw,340px);height:auto;left:var(--strike-x);top:var(--strike-y);z-index:11;pointer-events:none;opacity:0;transform-origin:50%;will-change:transform, opacity;position:absolute;transform:translate(-50%,-50%)scale(.42)}.writing-arena.is-slicing .writing-slice-impact{animation:1.48s ease-out both writing-slice-impact}.writing-hit-score{min-width:96px;left:var(--strike-x);top:var(--strike-y);z-index:12;pointer-events:none;color:#805b10;opacity:0;text-shadow:0 2px #ffffefe0;background:#fff89df5;border:1px solid #926e1638;border-radius:11px;justify-items:center;gap:2px;padding:7px 11px;display:grid;position:absolute;transform:translate(32px,-6px);box-shadow:0 9px 22px #5c4e162e}.writing-hit-score strong{font-size:14px;font-weight:860}.writing-hit-score small{color:#3e503e;text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-size:10px;font-weight:780;overflow:hidden}.writing-arena.is-slicing .writing-hit-score{animation:.72s cubic-bezier(.18,.72,.24,1) .84s both writing-hit-score}.writing-arena.is-slicing{animation:1.55s linear both writing-arena-hit}.writing-gsap-motion.is-slicing,.writing-gsap-motion.is-slicing .writing-penguin,.writing-gsap-motion.is-slicing .writing-penguin-cape,.writing-gsap-motion.is-slicing .writing-slice-impact,.writing-gsap-motion.is-slicing .writing-hit-score,.writing-gsap-motion .writing-falling-word.is-sliced .writing-word-face,.writing-gsap-motion .writing-falling-word.is-sliced .writing-word-half{animation:none}.writing-combo{z-index:4;color:#996318;align-items:center;gap:6px;min-height:28px;font-size:11px;font-weight:820;display:inline-flex;position:absolute;bottom:20px;right:20px}.writing-game-overlay{z-index:20;color:#103f37;text-align:center;background:#fffdf2;place-content:center;justify-items:center;padding:30px;display:none;position:absolute;inset:0}.writing-arena.is-ready .writing-game-overlay,.writing-arena.is-complete .writing-game-overlay,.writing-arena.is-gameover .writing-game-overlay{display:grid}.writing-overlay-mark{color:#087565;background:#edf7e8;border:1px solid #0875652e;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.writing-overlay-kicker{color:#087568;letter-spacing:.1em;margin-top:16px;font-size:10px;font-weight:830}.writing-game-overlay h2{letter-spacing:-.045em;margin:7px 0 9px;font-size:clamp(27px,3vw,40px)}.writing-game-overlay p{color:#5d706a;max-width:490px;margin:0;font-size:13px;line-height:1.65}.writing-primary-action{cursor:pointer;color:#fff;min-width:218px;min-height:49px;font:inherit;background:#087565;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin-top:20px;font-size:12px;font-weight:760;display:inline-flex}.writing-completion-actions{grid-template-columns:1.08fr 1fr 1fr;gap:10px;width:min(590px,100%);margin-top:20px;display:grid}.writing-completion-actions .writing-primary-action,.writing-completion-action{cursor:pointer;min-width:0;min-height:49px;font:inherit;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 16px;font-size:11px;font-weight:780;display:inline-flex}.writing-completion-actions .writing-primary-action{color:#fff;background:#ff4c3b}.writing-completion-actions .writing-primary-action:hover{background:#e83f30}.writing-completion-action{color:#ff4c3b;background:#fff;border:1px solid #ff4c3b6b}.writing-completion-action:hover{background:#fff2f0;border-color:#ff4c3b}.writing-game-overlay .daily-game-flow-action{color:#087565;min-width:218px;min-height:49px;font:inherit;background:#fff;border:1px solid #9fc9bf;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:11px;font-weight:780;text-decoration:none;display:inline-flex}.writing-game-overlay button.daily-game-flow-action:disabled{cursor:wait;opacity:.7}.writing-game-overlay>small{color:#7a8984;margin-top:11px;font-size:9px}.writing-pause-overlay{z-index:18;cursor:pointer;color:#fff;min-height:46px;font:inherit;background:#084c41e6;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:12px;font-weight:760;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.writing-answer-bar{padding:15px 18px 0}.writing-answer-bar>label{color:#516b64;margin-bottom:7px;font-size:10px;font-weight:760;display:block}.writing-answer-bar>div{color:#0d7466;background:#fff;border:0;border-radius:12px;grid-template-columns:auto 1fr 42px;align-items:center;gap:11px;min-height:55px;padding:0 8px 0 16px;display:grid;box-shadow:0 10px 28px #1942380f}.writing-answer-bar input{color:#153b34;min-width:0;height:51px;font:inherit;background:0 0;border:0;outline:0;font-size:16px;font-weight:650}.writing-answer-bar input::placeholder{color:#95a29e;font-size:12px;font-weight:480}.writing-answer-bar>div>button{cursor:pointer;color:#fff;background:#087565;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.writing-answer-bar>div>button:disabled{cursor:default;color:#82938e;background:#e6ece9}.writing-answer-bar>span{color:#7a8984;align-items:center;gap:5px;min-height:28px;padding-top:7px;font-size:9px;display:flex}.writing-answer-bar.has-error>div{border-color:#e89b86;animation:.34s both writing-input-shake}.writing-answer-bar.has-error>span{color:#b64f35}.writing-session-aside{padding-top:7px}.writing-session-details-content{gap:22px;display:grid}.writing-session-summary{display:none}.writing-current-word,.writing-howto{border-bottom:1px solid #dce4df;padding-bottom:22px}.writing-current-word>div{justify-content:space-between;align-items:center;gap:18px;margin-top:13px;display:flex}.writing-current-word strong{color:#0d3d35;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:44px;font-weight:620}.writing-current-word b{color:#08776a;margin-top:3px;font-size:15px;display:block}.writing-current-word p,.writing-session-note p{color:#60736d;margin:12px 0 0;font-size:11px;line-height:1.65}.writing-howto ol{gap:11px;margin:13px 0 0;padding:0;list-style:none;display:grid}.writing-howto li{color:#526a63;grid-template-columns:26px 1fr;align-items:start;gap:9px;font-size:10px;line-height:1.5;display:grid}.writing-howto li b{color:#087568;font-size:10px}.writing-session-note{background:#fff9e9;border:1px solid #e5d5a8;border-radius:12px;padding:15px 16px}.writing-session-note>span{color:#996318;align-items:center;gap:7px;font-size:10px;font-weight:780;display:flex}.writing-session-note p{color:#76694d;margin-top:7px}@keyframes writing-word-fall{0%{transform:translate(-50%)}to{transform:translate(-50%,calc(min(61vh,570px) - 176px))}}@keyframes writing-penguin-strike{0%{opacity:1;filter:drop-shadow(0 17px 18px #234b2f24);transform:translate(0)rotate(-4deg)scale(1)}16%{opacity:1;transform:translate(-24px,17px)rotate(-10deg)scale(1.03)}54%{opacity:1;filter:drop-shadow(-18px 19px 11px #234b2f1c);transform:translate3d(var(--strike-approach-x), var(--strike-approach-y), 0) rotate(3deg) scale(.95)}64%{opacity:1;filter:drop-shadow(-24px 22px 9px #234b2f14);transform:translate3d(var(--strike-impact-x), var(--strike-impact-y), 0) rotate(11deg) scale(.92)}71%{opacity:1;filter:drop-shadow(-24px 22px 9px #234b2f14);transform:translate3d(var(--strike-impact-x), var(--strike-impact-y), 0) rotate(11deg) scale(.92)}to{opacity:0;filter:drop-shadow(-30px 25px 6px #234b2f00);transform:translate3d(var(--strike-exit-x), var(--strike-exit-y), 0) rotate(19deg) scale(.78)}}@keyframes writing-penguin-cape-flutter{0%,9%{opacity:0;transform:rotate(3deg)skewY(-2deg)scaleX(.34)}16%{opacity:.72;transform:rotate(6deg)skewY(-5deg)scaleX(.72)}24%{opacity:1;transform:rotate(2deg)skewY(-3deg)scaleX(.98)}52%{opacity:1;transform:rotate(-5deg)skewY(5deg)scaleX(1.08)}64%{opacity:1;transform:rotate(7deg)skewY(-6deg)scaleX(.94)}76%{opacity:1;transform:rotate(-3deg)skewY(4deg)scaleX(1.05)}92%{opacity:.9;transform:rotate(-1deg)skewY(2deg)scaleX(1.02)}to{opacity:0;transform:rotate(-4deg)skewY(3deg)scaleX(.86)}}@keyframes writing-slice-impact{0%,55%{opacity:0;transform:translate(-50%,-50%)scale(.42)rotate(-7deg)}64%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(-2deg)}72%{opacity:.96;transform:translate(-50%,-50%)scale(1.02)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(3deg)}}@keyframes writing-word-face-cut{to{opacity:0}}@keyframes writing-slice-left{0%{opacity:1;transform:translate(0)rotate(0)}22%{opacity:1;transform:translate(-8px,8px)rotate(-4deg)}to{opacity:0;transform:translate(-46px,78px)rotate(-18deg)}}@keyframes writing-slice-right{0%{opacity:1;transform:translate(0)rotate(0)}22%{opacity:1;transform:translate(9px,7px)rotate(4deg)}to{opacity:0;transform:translate(48px,70px)rotate(17deg)}}@keyframes writing-hit-score{0%{opacity:0;transform:translate(32px,-4px)scale(.84)}24%{opacity:1;transform:translate(38px,-18px)scale(1.04)}to{opacity:0;transform:translate(43px,-58px)scale(.96)}}@keyframes writing-arena-hit{0%,63%,74%,to{transform:translate(0)}65%{transform:translate(2px,-1px)}68%{transform:translate(-2px,1px)}71%{transform:translate(1px)}}@keyframes writing-input-shake{25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}@media (width<=1080px){.writing-page-shell{width:100%;margin-left:0;padding-inline:24px}.writing-game-layout{grid-template-columns:minmax(0,1fr) 245px}.writing-current-word strong{font-size:38px}}@media (width<=820px){.writing-page-shell{align-items:start}.writing-game-layout{grid-template-columns:1fr;max-width:720px}.writing-session-details-content{grid-template-columns:1fr 1fr}.writing-session-note{grid-column:1/-1}}@media (width<=720px){.writing-game-dashboard{min-height:100dvh;overflow:visible}.writing-page-shell{width:100%;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin-left:0}.writing-game-dashboard{background-position:18%;background-size:auto 100%}.writing-game-layout{width:100%}.writing-arena-metrics{gap:6px;top:10px;right:10px}.writing-game-back{border-radius:13px;width:44px;height:44px;top:10px;left:10px}.writing-arena-metrics>span{border-radius:11px;min-width:65px;min-height:54px;padding:7px 8px 6px}.writing-arena-metrics strong{font-size:17px}.writing-arena-metrics small{font-size:8px}.writing-arena-topline{grid-template-columns:auto 1fr;gap:8px;min-height:58px;padding:0 156px 0 60px}.writing-arena-topline>span:nth-child(2){display:none}.writing-arena{border-radius:22px;height:clamp(460px,62dvh,520px);min-height:460px;box-shadow:0 18px 38px #1a4c3c1f}.writing-arena-background{object-position:86% center}.writing-falling-word{width:118px;min-height:66px;left:clamp(36%, var(--word-lane), 70%)}.writing-falling-word>span{font-size:22px}.writing-penguin{width:174px;top:auto;bottom:-42px;left:-44px}.writing-slice-impact{width:244px}.writing-target-ribbon{bottom:13px}.writing-combo{bottom:15px;right:12px}.writing-game-overlay{padding:24px 20px}.writing-game-overlay h2{font-size:29px}.writing-game-overlay p{max-width:320px;font-size:11px}.writing-completion-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.writing-completion-actions .writing-primary-action{grid-column:1/-1}.writing-completion-actions .writing-primary-action,.writing-completion-action{min-height:44px;padding-inline:10px;font-size:10px}.writing-answer-bar{bottom:max(8px, env(safe-area-inset-bottom));z-index:40;background:#fbf7edf5;padding:12px 0 5px;position:sticky}.writing-answer-bar>label{display:none}.writing-answer-bar>span{padding-left:3px}.writing-session-aside{background:#fffdf5f5;border:1px solid #0f59491f;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 16px 34px #1a4c3c17}.writing-session-summary{cursor:pointer;color:#0d4b42;-webkit-tap-highlight-color:transparent;align-items:center;gap:11px;min-height:76px;padding:12px 14px;list-style:none;display:flex}.writing-session-summary::-webkit-details-marker{display:none}.writing-session-summary-icon{color:#087568;background:#edf7e8;border:1px solid #08756529;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.writing-session-summary-copy{flex:1;gap:3px;min-width:0;display:grid}.writing-session-summary-copy small{color:#60736d;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:760}.writing-session-summary-copy strong{color:#123f37;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.writing-session-summary-copy strong span{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:20px;font-weight:650}.writing-session-summary-action{color:#087568;align-items:center;gap:4px;font-size:10px;font-weight:780;display:inline-flex}.writing-session-summary-action svg{transition:transform .2s}.writing-session-details[open] .writing-session-summary-action svg{transform:rotate(180deg)}.writing-session-details-content{background:#fffdf5d1;border-top:1px solid #0f59491a;grid-template-columns:1fr;gap:17px;padding:18px}.writing-session-details:not([open])>.writing-session-details-content{display:none}.writing-session-note{grid-column:auto}.writing-current-word{grid-template-columns:1fr auto;display:grid}.writing-current-word>span,.writing-current-word>b,.writing-current-word>p{grid-column:1}.writing-current-word>div{grid-area:1/2/span 4;margin:0}.writing-current-word strong{font-size:38px}}@media (width<=390px){.writing-page-shell{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}.writing-arena-metrics{gap:4px;right:8px}.writing-arena-metrics>span{min-width:58px;padding-inline:6px}.writing-arena-metrics strong{font-size:15px}.writing-arena-topline{padding-right:132px}.writing-arena{border-radius:19px}.writing-falling-word{width:105px}.writing-penguin{width:150px}.writing-game-overlay{padding-inline:15px}.writing-answer-bar>div{grid-template-columns:auto minmax(0,1fr) 46px}.writing-answer-bar input{padding-inline:8px;font-size:16px}}@media (width>=560px) and (width<=720px) and (height<=500px) and (orientation:landscape){.writing-page-shell{padding-top:max(6px, env(safe-area-inset-top));padding-right:max(8px, env(safe-area-inset-right));padding-bottom:max(6px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left))}.writing-arena{height:300px;min-height:300px}.writing-game-back{top:7px;left:7px}.writing-arena-metrics{top:7px;right:7px}.writing-arena-metrics>span{min-height:46px}.writing-arena-topline{min-height:50px}.writing-falling-word{width:100px;min-height:58px}.writing-penguin{width:126px;top:57%}.writing-target-ribbon{bottom:9px}.writing-game-overlay{padding:14px 18px}.writing-overlay-mark{width:46px;height:46px}.writing-game-overlay h2{margin-block:5px;font-size:25px}.writing-primary-action{min-height:44px;margin-top:12px}.writing-answer-bar{padding-top:7px}.writing-session-aside{padding:0}.writing-session-details-content{grid-template-columns:1fr 1fr;padding:14px}.writing-session-note{grid-column:1/-1}}@media (width>=721px){.writing-session-details:not([open])>.writing-session-details-content{display:grid}}@media (height<=820px) and (width>=821px){.writing-page-shell{padding-block:12px}.writing-arena{height:clamp(390px,52vh,450px);min-height:390px}.writing-game-overlay{padding-block:18px}.writing-overlay-mark{width:50px;height:50px}.writing-overlay-kicker{margin-top:11px}.writing-game-overlay h2{margin-block:5px 7px;font-size:clamp(25px,2.6vw,35px)}.writing-primary-action{margin-top:15px}.writing-answer-bar{padding-top:10px}.writing-session-aside{gap:15px}.writing-current-word,.writing-howto{padding-bottom:15px}}@media (prefers-reduced-motion:reduce){.writing-penguin,.writing-penguin-cape,.writing-falling-word,.writing-word-half,.writing-slice-impact,.writing-hit-score,.writing-arena.is-slicing,.writing-answer-bar>div{animation-timing-function:linear!important}}.writing-game-dashboard:not(.writing-course-selection-page){width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.writing-game-dashboard:not(.writing-course-selection-page) .writing-page-shell{width:100%;height:100dvh;min-height:0;margin:0;padding:0;display:block}.writing-game-dashboard:not(.writing-course-selection-page) .writing-game-layout{width:100%;max-width:none;height:100%;min-height:0;margin:0;display:block}.writing-game-dashboard:not(.writing-course-selection-page) .writing-arena-column{grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.writing-game-dashboard:not(.writing-course-selection-page) .writing-arena{width:100%;height:auto;min-height:0;box-shadow:none;border:0;border-radius:0}.writing-game-dashboard:not(.writing-course-selection-page) .writing-answer-bar{padding:12px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:#fbf7edfa;position:relative;bottom:auto}@media (width<=720px){body:has(.writing-game-dashboard:not(.writing-course-selection-page)){overscroll-behavior:none;overflow:hidden}.writing-game-dashboard:not(.writing-course-selection-page){height:var(--writing-session-height,100svh);overscroll-behavior:none;min-height:0;position:fixed;inset:0}.writing-game-dashboard:not(.writing-course-selection-page) .writing-page-shell{height:var(--writing-session-height,100svh)}.writing-game-dashboard:not(.writing-course-selection-page) .writing-answer-bar{z-index:50;transform:translate3d(0, calc(-1 * var(--writing-keyboard-offset,0px)), 0);will-change:transform}}.game-session-dashboard{background:#fffaf0;min-height:100dvh;overflow:hidden}.game-session-shell{width:100%;max-width:none;height:100dvh;min-height:100dvh;margin-left:0;padding:20px clamp(22px,3.4vw,60px)}.game-session-sr-copy{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-session-hud{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:18px;left:20px;right:20px}.game-back-button{color:#0c766a;pointer-events:auto;background:#fffdf7;border:1px solid #e6ddc9;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;box-shadow:0 7px 18px #4d5c451a}.game-back-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-back-button:hover{color:#075f57;background:#f2fbf6;transform:translateY(-2px);box-shadow:0 9px 22px #29625024}.game-session-metrics{pointer-events:auto;grid-template-columns:repeat(3,minmax(104px,1fr));gap:9px;display:grid}.game-session-metrics>span{color:#0f8275;background:#fffdf8f2;border:1px solid #e7deca;border-radius:17px;align-items:center;gap:9px;min-width:0;min-height:58px;padding:8px 12px;display:flex;box-shadow:0 9px 22px #515d481f}.game-session-metrics>span:nth-child(2)>svg{color:#f4b83f}.game-session-metrics>span:nth-child(3)>svg{color:#64ad94}.game-session-metrics>span>span{gap:2px;display:grid}.game-session-metrics small{color:#365b53;letter-spacing:.08em;margin:0;font-size:9px;font-weight:830}.game-session-metrics strong{color:#0a4038;font-size:20px;line-height:1}.game-session-world{--game-accent:#0f8275;--game-accent-soft:#0f827529;--game-world-glow:radial-gradient(circle at 14% 18%, #ffffff73, transparent 31%);--game-world-wash:linear-gradient(135deg, #ecfbf52e, #fff6de1f);--game-world-pattern:radial-gradient(circle, #0f82752e 0 2px, transparent 3px);--game-world-pattern-size:76px 76px;--game-world-pattern-opacity:.5;isolation:isolate;background-color:#fffaf0;background-image:var(--game-world-glow), var(--game-world-wash), url(/assets/games/game-island-session-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:34px;width:min(1600px,100%);height:100%;min-height:650px;margin:0 auto;position:relative;overflow:hidden}.game-session-world:before{content:"";z-index:0;pointer-events:none;opacity:var(--game-world-pattern-opacity);background-image:var(--game-world-pattern);background-position:50%;background-repeat:repeat;background-size:var(--game-world-pattern-size);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000b3 18%,#0000 43% 57%,#000000b3 82%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000b3 18%,#0000 43% 57%,#000000b3 82%,#000 100%)}.game-session-world.is-memory{--game-accent:#ae5145;--game-accent-soft:#ae51452b;--game-world-glow:radial-gradient(circle at 11% 22%, #ff8e7b5c, transparent 29%), radial-gradient(circle at 88% 30%, #a98ce147, transparent 31%);--game-world-wash:linear-gradient(135deg, #ffece26b, #f7edff33 54%, #fff4d347);--game-world-pattern:linear-gradient(#bd5f5033 1px, transparent 1px), linear-gradient(90deg, #7e60b82e 1px, transparent 1px);--game-world-pattern-size:74px 74px, 74px 74px;--game-world-pattern-opacity:.58}.game-session-world.is-connect{--game-accent:#337ba1;--game-accent-soft:#337ba129;--game-world-glow:radial-gradient(circle at 9% 28%, #4fb1d44d, transparent 30%), radial-gradient(circle at 91% 18%, #5ed3bd4a, transparent 28%);--game-world-wash:linear-gradient(145deg, #def6ff66, #e1fff733 58%, #eff4ff4d);--game-world-pattern:radial-gradient(circle, #337ba18c 0 3px, transparent 4px), linear-gradient(35deg, transparent 48%, #337ba130 49%, #337ba130 51%, transparent 52%);--game-world-pattern-size:82px 82px, 126px 82px;--game-world-pattern-opacity:.54}.game-session-world.is-listen{--game-accent:#966514;--game-accent-soft:#96651429;--game-world-glow:radial-gradient(circle at 12% 18%, #ffc54f57, transparent 28%), radial-gradient(circle at 88% 36%, #ffda7d52, transparent 32%);--game-world-wash:linear-gradient(135deg, #fff7d57a, #ffecbf2e 48%, #e3fbec40);--game-world-pattern:repeating-radial-gradient(circle at 82% 42%, transparent 0 44px, #9665143d 45px 47px, transparent 48px 76px);--game-world-pattern-size:cover;--game-world-pattern-opacity:.62}.game-session-world.is-write{--game-accent:#7659a2;--game-accent-soft:#7659a229;--game-world-glow:radial-gradient(circle at 12% 22%, #a27dd54d, transparent 29%), radial-gradient(circle at 90% 18%, #6ecdb438, transparent 30%);--game-world-wash:linear-gradient(145deg, #f4e9ff70, #edf6ff2e 55%, #ffefe142);--game-world-pattern:repeating-linear-gradient(0deg, transparent 0 50px, #7659a233 51px 52px), linear-gradient(90deg, transparent 0 13%, #cd666433 13% 13.3%, transparent 13.3% 100%);--game-world-pattern-size:100% 100%, 100% 100%;--game-world-pattern-opacity:.56}.game-session-world.is-flash{--game-accent:#8b579c;--game-accent-soft:#8b579c29;--game-world-glow:radial-gradient(circle at 10% 20%, #f494b54d, transparent 30%), radial-gradient(circle at 89% 24%, #b78fde4d, transparent 31%);--game-world-wash:linear-gradient(140deg, #ffe7f16b, #f2e8ff33 55%, #e2f9f13d);--game-world-pattern:repeating-linear-gradient(135deg, #8b579c30 0 2px, transparent 2px 34px), repeating-linear-gradient(45deg, #da6f9424 0 2px, transparent 2px 42px);--game-world-pattern-size:100px 100px, 126px 126px;--game-world-pattern-opacity:.55}.game-session-world.is-quiz{--game-accent:#0c7469;--game-accent-soft:#0c746929;--game-world-glow:radial-gradient(circle at 10% 18%, #ffab5b52, transparent 27%), radial-gradient(circle at 89% 22%, #49bea94d, transparent 30%);--game-world-wash:linear-gradient(135deg, #defbf066, #ffefd233 52%, #ffe4dd47);--game-world-pattern:radial-gradient(circle, #0c74696b 0 3px, transparent 4px), linear-gradient(28deg, transparent 47%, #eb91394d 48% 52%, transparent 53%);--game-world-pattern-size:92px 78px, 116px 96px;--game-world-pattern-opacity:.55}.game-session-mascot{z-index:3;pointer-events:none;filter:drop-shadow(0 16px 16px #2843362b);width:clamp(170px,17.5vw,278px);height:auto;position:absolute;bottom:clamp(82px,10vh,112px);left:2.2%;transform:rotate(-2deg)}.game-session-world .game-play-card{z-index:2;width:min(960px,100% - 360px);min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;padding:86px 0 78px;position:relative}.memory-game-stage,.connect-game-stage{flex-direction:column;display:flex}.game-instruction{color:#47675f;background:#fffaf0;border:0;border-radius:16px;order:2;width:min(760px,92%);min-height:46px;margin:24px auto 0;padding:0 16px;font-size:11px;box-shadow:0 7px 18px #445b4a1a}.game-instruction b{color:#0b7468}.game-session-world .game-instruction b{color:var(--game-accent)}.memory-grid{order:1;grid-template-columns:repeat(4,minmax(130px,1fr));gap:18px;width:min(860px,100%);max-width:none;margin:20px auto 0}.memory-grid button{color:#fffdf4f0;text-shadow:0 2px 2px #4b4c421f;background:#9fdcca;border:8px solid #fff9e9;border-radius:24px;min-height:152px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s;box-shadow:0 7px #e1d8c2,0 17px 26px #415b4726,inset 0 0 0 2px #ffffff5c}.memory-grid button:nth-child(4n+2){background:#ff9784}.memory-grid button:nth-child(4n+3){background:#b9a1e7}.memory-grid button:nth-child(4n+4){background:#f8c75e}.memory-grid button:hover{transform:translateY(-4px);box-shadow:0 9px #ddd2bb,0 22px 30px #415b4733,inset 0 0 0 2px #fff6}.memory-grid button:active{transform:translateY(2px)scale(.98);box-shadow:0 4px #ddd2bb,0 10px 18px #415b4724}.memory-grid button span{font-size:36px;font-weight:850}.memory-grid button.is-revealed{color:#143f38;background:#fffdf5;border:8px solid #fff9e9;box-shadow:0 7px #ddd3bd,0 16px 24px #415b4724}.memory-grid button.is-matched{color:#08786d;background:#e8fbf4}.connect-board{order:1;width:min(880px,100%);max-width:none;margin:14px auto 0}.connect-column-label{color:#285c52;font-size:10px}.connect-board button{background:#fffdf6;border:6px solid #fff9e9;border-radius:18px;min-height:67px;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 5px #ddd4be,0 10px 20px #415b471c}.connect-board button:hover{transform:translateY(-2px)}.connect-board button.is-selected{background:#dff6ee;border-color:#fff9e9;box-shadow:0 5px #8ec6b6,0 11px 22px #2d715b26}.connect-board button.is-matched{background:#dff7ea;border-color:#fff9e9}.connect-board button.is-wrong{background:#ffe4dd;border-color:#fff9e9}.connect-line-column{color:#168b7e}.listen-game-stage,.write-game-stage,.quiz-game-stage,.flash-game-stage{padding-inline:clamp(16px,3vw,46px)}@media (width>=901px){.hsk-flashcard-session .flash-game-stage{transform-origin:top;scale:.85}}.listen-prompt,.write-prompt,.quiz-question{border-radius:28px;width:min(620px,100%);margin-inline:auto;padding-top:0}.listen-prompt>button,.quiz-question>button{background:var(--game-accent);border:7px solid #fff9e9;transition:transform .18s,box-shadow .18s;box-shadow:0 7px #cfc5aa,0 16px 26px #1e62522e}.listen-prompt>button:hover,.quiz-question>button:hover{transform:translateY(-3px)scale(1.03)}.listen-prompt h2,.write-prompt h2,.quiz-question h2{color:#0b4038}.listen-options button,.quiz-options button{background:#fffdf7;border:5px solid #fff9e9;border-radius:18px;min-height:64px;transition:transform .18s,box-shadow .18s;box-shadow:0 5px #ded5c0,0 11px 20px #415b471c}.listen-options button:hover,.quiz-options button:hover{transform:translateY(-2px)}.listen-options button:nth-child(2),.quiz-options button:nth-child(2){background:#fff3d0}.listen-options button:nth-child(3),.quiz-options button:nth-child(3){background:#eee8ff}.listen-options button:nth-child(4),.quiz-options button:nth-child(4){background:#ffe8e1}.listen-options button.is-correct,.quiz-options button.is-correct{background:#daf6e9;border-color:#fff9e9}.listen-options button.is-wrong,.quiz-options button.is-wrong{background:#ffe0da;border-color:#fff9e9}.game-next-button{background:var(--game-accent);border:5px solid #fff9e9;border-radius:18px;min-height:48px;box-shadow:0 5px #cfc5aa,0 13px 22px #2565552b}.write-answer-form>div{background:#fffdf7;border:6px solid #fff9e9;border-radius:20px;box-shadow:0 6px #ddd4be,0 14px 24px #415b471f}.write-answer-form button{background:var(--game-accent);border-radius:13px}.flashcard-3d{margin-top:20px}.flashcard-face{color:#fffdf4;background:var(--game-accent);border:9px solid #fff8e7;border-radius:30px;box-shadow:0 9px #d9cfb8,0 24px 38px #2a594a2e}.flashcard-back{color:#173f37;background:#fff3d1;border-color:#fff8e7}.flash-audio-row button,.flash-rating-actions button{border-width:5px;border-color:#fff8e7;border-radius:16px;box-shadow:0 4px #d9cfb8,0 10px 18px #415b471a}.game-result{background:#fffdf6;border:8px solid #fff9e9;border-radius:32px;width:min(610px,94%);min-height:420px;margin:24px auto;padding:34px;box-shadow:0 8px #ddd4be,0 24px 40px #36584429}.game-session-tip{z-index:4;color:#385b53;background:#fffaebf2;border-radius:99px;align-items:center;gap:9px;max-width:590px;min-height:46px;padding:0 17px;font-size:11px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #4358461f}.game-session-tip svg{color:#e4a62f;flex:none}.game-session-tip strong{color:var(--game-accent)}@media (width<=1250px){.game-session-shell{padding-inline:22px}.game-session-metrics{grid-template-columns:repeat(3,minmax(94px,1fr))}.game-session-metrics>span{min-height:54px;padding:7px 10px}.game-session-metrics>span>svg{width:19px}.game-session-world{min-height:680px}.game-session-world .game-play-card{width:min(880px,100% - 250px)}.game-session-mascot{width:205px;left:1%}}@media (width<=900px){.game-session-dashboard{overflow:visible}.game-session-shell{width:100%;height:auto;min-height:100dvh;margin-left:0;padding:14px 14px 24px}.game-session-hud{gap:10px;top:13px;left:13px;right:13px}.game-session-metrics{grid-template-columns:repeat(3,1fr);gap:7px;width:min(360px,100% - 54px)}.game-session-metrics>span{border-radius:15px;gap:6px;min-width:0;min-height:52px;padding:6px 8px}.game-session-metrics>span>svg{width:18px}.game-session-metrics strong{font-size:17px}.game-session-metrics small{font-size:7px}.game-session-world{background-size:auto 100%;border-radius:27px;height:auto;min-height:780px}.game-session-world .game-play-card{width:min(650px,100% - 36px);min-height:780px;padding:82px 8px 120px}.game-session-mascot{width:140px;bottom:118px;left:8px}.memory-grid{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;width:min(560px,100%)}.memory-grid button{border-width:6px;border-radius:20px;min-height:116px}.connect-board{grid-template-columns:1fr 34px 1fr}.connect-board button{border-width:4px;min-height:57px}.game-session-tip{max-width:calc(100% - 190px);font-size:9px;bottom:22px;left:auto;right:16px;transform:none}}@media (width<=560px){.game-session-shell{padding:max(10px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left))}.game-session-hud{gap:7px;top:10px;left:10px;right:10px}.game-back-button{border-radius:13px;width:44px;height:44px}.game-session-metrics{gap:5px;width:calc(100% - 51px)}.game-session-metrics>span{border-radius:13px;justify-content:center;min-height:48px;padding:5px 4px}.game-session-metrics>span>svg{display:none}.game-session-metrics strong{font-size:15px}.game-session-metrics small{font-size:8px}.game-session-world{background-position:top;border-radius:23px;min-height:815px}.game-session-world:before{opacity:.4}.game-session-world .game-play-card{width:100%;min-height:815px;padding:72px 12px 120px}.memory-grid{gap:9px;width:100%}.memory-grid button{border-width:5px;border-radius:17px;min-height:105px}.memory-grid button span{font-size:25px}.game-instruction{width:100%;min-height:52px;font-size:11px}.game-instruction b{white-space:nowrap}.connect-board{gap:5px}.connect-board button{padding-inline:8px}.connect-line-column{width:28px}.listen-game-stage,.write-game-stage,.quiz-game-stage,.flash-game-stage{padding-inline:10px}.listen-options,.quiz-options,.write-answer-form>div{grid-template-columns:1fr}.write-answer-form input{text-align:center;min-height:54px}.write-answer-form button{min-height:47px}.flashcard-3d{width:100%;height:290px}.flash-audio-row,.flash-rating-actions{width:100%}.game-session-mascot{width:105px;bottom:128px}.game-session-tip{max-width:calc(100% - 125px);min-height:44px;padding-inline:12px;font-size:10px;right:10px}}@media (width<=390px){.game-session-shell{padding-right:max(6px, env(safe-area-inset-right));padding-left:max(6px, env(safe-area-inset-left))}.game-session-hud{gap:5px;top:7px;left:7px;right:7px}.game-session-metrics{gap:4px;width:calc(100% - 49px)}.game-session-metrics>span{border-radius:12px;padding-inline:3px}.game-session-metrics strong{font-size:14px}.game-session-metrics small{letter-spacing:.04em;font-size:7px}.game-session-world{border-radius:20px}.game-session-world .game-play-card{padding-inline:8px}.memory-grid{gap:7px}.memory-grid button{border-width:4px;min-height:94px}.game-instruction{grid-template-columns:auto minmax(0,1fr);gap:5px 8px;min-height:62px;padding:9px 11px;display:grid}.game-instruction b{grid-column:2;margin-left:0}.connect-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.connect-line-column{display:none}.connect-board button{padding-inline:7px}.flashcard-3d{height:260px}.flashcard-face{padding:20px}.game-result{width:100%;min-height:390px;padding:22px 16px}.game-result>div{flex-direction:column;width:100%}.game-result button,.game-result a{width:100%}.game-session-mascot{width:88px}.game-session-tip{max-width:calc(100% - 105px)}}@media (width>=560px) and (width<=900px) and (height<=500px) and (orientation:landscape){.game-session-shell{padding-top:max(6px, env(safe-area-inset-top));padding-right:max(8px, env(safe-area-inset-right));padding-bottom:max(6px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left))}.game-session-world{background-size:cover;border-radius:20px;min-height:max(360px,100dvh - 12px)}.game-session-hud{top:7px;left:8px;right:8px}.game-back-button{width:44px;height:44px}.game-session-metrics{width:min(320px,100% - 54px)}.game-session-metrics>span{min-height:46px}.game-session-world .game-play-card{width:min(620px,100% - 108px);min-height:max(360px,100dvh - 12px);padding:64px 6px 58px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.memory-grid button{border-width:4px;border-radius:16px;min-height:90px}.memory-grid button span{font-size:24px}.game-instruction{min-height:44px;margin-top:10px;font-size:9px}.connect-board{margin-top:4px}.connect-board button{min-height:48px}.listen-prompt,.write-prompt,.quiz-question{padding-top:0}.listen-options,.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-options button,.quiz-options button{min-height:48px}.flashcard-3d{width:min(420px,100%);height:205px;margin-top:4px}.flash-audio-row,.flash-rating-actions{width:min(420px,100%);margin-top:8px}.game-result{min-height:270px;margin-block:0;padding:20px}.game-session-mascot{width:82px;bottom:52px;left:5px}.game-session-tip{max-width:360px;min-height:38px;font-size:8px;bottom:7px;right:8px}}@media (prefers-reduced-motion:reduce){.game-back-button,.connect-board button,.listen-prompt>button,.quiz-question>button,.listen-options button,.quiz-options button{transition:none}}.learner-dashboard.review-home-dashboard{background-color:#fffdf7;background-image:url(/assets/backgrounds/home-mint-sky.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.course-library-page{background-color:#eef9f6;background-image:url(/assets/backgrounds/courses-mint-sky.webp);background-position:top;background-repeat:no-repeat;background-size:100%}.practice-dashboard.practice-route-loading{background-color:#effaf7;background-image:url(/assets/backgrounds/practice-mint-sky.webp);background-position:top;background-repeat:no-repeat;background-size:100%}.practice-dashboard:has(.work-practice-layout.is-catalog){background-color:#effaf7;background-image:url(/assets/backgrounds/practice-mint-sky.webp);background-position:top;background-repeat:no-repeat;background-size:100%}.practice-dashboard:has(.work-practice-layout.is-catalog) .practice-next-cases{background:#fffdfae6}@media (width<=720px){.learner-dashboard.review-home-dashboard{background-position:46% 0;background-size:auto 920px}.course-library-page{background-position:top;background-size:auto 760px}.course-library-page .learner-page-header-copy{padding-top:48px}.practice-dashboard:has(.work-practice-layout.is-catalog) .practice-catalog-header>div:first-child{padding-top:48px}.practice-dashboard.practice-route-loading{background-position:52% 0;background-size:auto 860px}.practice-dashboard:has(.work-practice-layout.is-catalog){background-position:52% 0;background-size:auto 860px}.practice-dashboard:has(.work-practice-layout.is-catalog) .practice-next-cases{background:#fffdfaf0}}.admin-vip-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.admin-vip-summary article{min-height:82px;color:var(--forest);border:1px solid var(--line);background:#ffffffe0;border-radius:14px;align-items:center;gap:13px;padding:17px 19px;display:flex}.admin-vip-summary article>div{gap:3px;display:grid}.admin-vip-summary strong{color:var(--ink);font-size:21px}.admin-vip-summary span{color:var(--ink-soft);font-size:10px}.admin-vip-panel{margin-top:16px}.admin-vip-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.admin-vip-heading>div{max-width:690px}.admin-vip-heading>div>span{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.admin-vip-heading h2{margin:5px 0 0;font-size:19px}.admin-vip-heading p{color:var(--ink-soft);margin:7px 0 0;font-size:11px;line-height:1.55}.admin-vip-heading>a{color:var(--forest);white-space:nowrap;font-size:10px;font-weight:800}.admin-vip-list{border-bottom:1px solid var(--line);margin-top:18px}.admin-vip-member{border-top:1px solid var(--line);grid-template-columns:minmax(215px,1fr) minmax(190px,.72fr) minmax(330px,1.25fr);align-items:center;gap:22px;padding:18px 4px;display:grid}.admin-vip-identity{align-items:center;gap:11px;min-width:0;display:flex}.admin-vip-avatar{width:39px;height:39px;color:var(--forest-deep);background:var(--sage-light);border-radius:12px;flex:none;place-items:center;font-size:13px;font-weight:850;display:grid}.admin-vip-identity>div,.admin-vip-status{gap:4px;min-width:0;display:grid}.admin-vip-identity strong,.admin-vip-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-vip-identity span:not(.admin-vip-avatar),.admin-vip-identity small,.admin-vip-status small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-vip-status>span{color:#596965;background:#edf1ef;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:850}.admin-vip-status.is-active>span{color:#0b6f5f;background:#ddf1e8}.admin-vip-status.is-active strong{color:var(--forest-deep)}.admin-vip-actions{gap:8px;display:grid}.admin-vip-grant-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.admin-vip-grant-form label{color:var(--ink-soft);gap:5px;font-size:8px;font-weight:780;display:grid}.admin-vip-grant-form select{width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d5dfda;border-radius:9px;padding:0 9px;font-size:9px}.admin-vip-grant-form .button{min-height:38px;padding-inline:12px;font-size:9px}.admin-vip-grant-form select:disabled,.admin-vip-grant-form .button:disabled{cursor:not-allowed;opacity:.55}.admin-vip-revoke-form{justify-content:flex-end;align-items:center;gap:9px;display:flex}.admin-vip-revoke-form label{color:#8a5a52;align-items:center;gap:6px;font-size:8px;display:inline-flex}.admin-vip-revoke-form input{accent-color:#a64e42}.admin-vip-revoke-form .button{min-height:31px;padding-inline:10px;font-size:8px}.admin-vip-ineligible{color:#955246;text-align:right;font-size:8px}.account-vip-status{background:#f7f8f6;border:1px solid #e3e8e5;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:6px 0 28px;padding:18px;display:grid}.account-vip-status.is-active{background:linear-gradient(120deg,#edf8f3,#fbf8ed);border-color:#bcd9ce}.account-vip-icon{color:#7b6841;background:#eee9da;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.account-vip-status.is-active .account-vip-icon{color:var(--forest);background:#d8eee5}.account-vip-status>div{gap:4px;min-width:0;display:grid}.account-vip-status>div>span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:780}.account-vip-status h2{margin:0;font-size:17px}.account-vip-status p{align-items:center;gap:5px;font-size:10px;line-height:1.5;display:flex}.account-vip-status>a{color:var(--forest);white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.vip-request-feedback{gap:10px;padding-top:26px;display:grid}.vip-request-notice{color:#0d6d5c;background:#eff8f4;border:1px solid #c8dfd5;border-radius:12px;align-items:flex-start;gap:9px;margin:0;padding:12px 15px;font-size:11px;line-height:1.55;display:flex}.vip-request-notice.error{color:#91493e;background:#fff3f0;border-color:#ecc8c1}.vip-request-notice svg{flex:none;margin-top:1px}.vip-current-status{border-block:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;padding:15px 2px;display:grid}.vip-current-status+.vip-current-status{border-top:0}.vip-current-status-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.vip-current-status.is-active .vip-current-status-icon{color:var(--forest);background:#dff0e8}.vip-current-status.is-pending .vip-current-status-icon{color:#9b6b19;background:#fff0cf}.vip-current-status>div{gap:3px;min-width:0;display:grid}.vip-current-status>div>span{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:850}.vip-current-status strong{font-size:14px}.vip-current-status small{color:var(--ink-soft);font-size:9px}.vip-current-status>a,.vip-current-status form button{color:var(--forest);font:inherit;white-space:nowrap;font-size:10px;font-weight:800}.vip-current-status form button{background:var(--sage-light);cursor:pointer;border:0;border-radius:9px;padding:8px 10px}.vip-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vip-plan-card{min-height:100%}.vip-plan-request-form{gap:10px;margin-top:auto;display:grid}.vip-plan-request-form button:disabled{cursor:not-allowed;opacity:.6}.vip-trial-used-note{color:#536d66;background:#f1f8f5;border:1px solid #cfe2db;border-radius:12px;align-items:flex-start;gap:8px;margin:-5px 0 14px;padding:11px 12px;font-size:10px;line-height:1.45;display:flex}.vip-trial-used-note svg{color:#17836f;flex:none;margin-top:1px}.vip-trial-used-note strong{color:#145d50;display:block}.vip-plan-request-form .button{will-change:transform;justify-content:center;align-items:center;gap:7px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .24s ease-out,border-color .24s ease-out,color .24s ease-out;display:inline-flex;transform:translateY(0)}.vip-plan-request-form .button svg{transition:transform .28s cubic-bezier(.22,1,.36,1)}.vip-plan-request-form .button:hover:not(:disabled){transform:translateY(-3px)}.vip-plan-request-form .button:hover:not(:disabled) svg{transform:translate(2px,-1px)}.vip-plan-request-form .button:active:not(:disabled){transition-duration:.1s;transform:translateY(-1px)scale(.985)}@media (prefers-reduced-motion:reduce){.vip-plan-request-form .button{transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out}.vip-plan-request-form .button svg{transition:none}.vip-plan-request-form .button:hover:not(:disabled){transform:translateY(-2px)}.vip-plan-request-form .button:hover:not(:disabled) svg{transform:none}.vip-plan-request-form .button:active:not(:disabled){transform:translateY(0)scale(.99)}}.vip-dialog-backdrop{z-index:1200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1414147a;place-items:center;padding:24px;animation:.18s ease-out vip-backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.vip-transfer-dialog{width:min(680px,100%);max-height:calc(100vh - 48px);color:var(--ink);background:#fff;border:1px solid #e7604326;border-radius:24px;padding:28px;animation:.22s cubic-bezier(.2,.85,.35,1) vip-dialog-in;position:relative;overflow-y:auto;box-shadow:0 34px 100px #22222242}.vip-dialog-close{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:#f4f4f1;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:17px;right:17px}.vip-dialog-close:hover{color:var(--ink);background:#ecece7}.vip-dialog-heading{align-items:flex-start;gap:14px;padding-right:38px;display:flex}.vip-dialog-icon{color:#fff;background:linear-gradient(145deg, var(--himi-orange), var(--himi-red));border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 22px #e7604338}.vip-dialog-heading>div{gap:4px;min-width:0;display:grid}.vip-dialog-heading>div>span,.vip-success-eyebrow{color:var(--himi-red);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.vip-dialog-heading h2,.vip-transfer-success h2{margin:0;font-size:24px;line-height:1.18}.vip-dialog-heading p,.vip-transfer-success>p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.vip-transfer-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.vip-transfer-summary>div{border:1px solid var(--himi-line);background:#fbfaf8;border-radius:14px;gap:4px;min-width:0;padding:15px;display:grid}.vip-transfer-summary span,.vip-transfer-account span,.vip-transfer-reference span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:780}.vip-transfer-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.vip-transfer-summary small{color:var(--ink-soft);font-size:9px}.vip-payment-qr-layout{grid-template-columns:minmax(210px,.78fr) minmax(220px,1fr);align-items:stretch;gap:12px;margin-top:12px;display:grid}.vip-payment-qr{border:1px solid var(--himi-line);background:#fff;border-radius:16px;justify-items:center;gap:7px;padding:11px;display:grid}.vip-payment-qr img{border-radius:9px;width:min(100%,255px);height:auto}.vip-payment-qr>span{color:var(--forest);align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.vip-transfer-account{background:#f3faf7;border:1px solid #cfe4da;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;padding:15px;display:grid}.vip-payment-qr-layout .vip-transfer-account{grid-template-columns:1fr;align-content:center;margin-top:0}.vip-transfer-account>div{gap:5px;min-width:0;display:grid}.vip-transfer-account strong{overflow-wrap:anywhere;font-size:11px}.vip-transfer-demo-note{color:#8c651f;background:#fff9eb;border:1px solid #ead6a7;border-radius:14px;align-items:flex-start;gap:11px;margin-top:10px;padding:14px 15px;display:flex}.vip-transfer-demo-note>svg{flex:none;margin-top:1px}.vip-transfer-demo-note>div{gap:3px;display:grid}.vip-transfer-demo-note strong{font-size:10px}.vip-transfer-demo-note p{color:#846e46;margin:0;font-size:9px;line-height:1.5}.vip-transfer-reference{color:var(--himi-red);background:var(--himi-red-soft);border:1px dashed #e7604366;border-radius:14px;align-items:center;gap:11px;margin-top:10px;padding:13px 15px;display:flex}.vip-transfer-reference>div{gap:4px;min-width:0;display:grid}.vip-transfer-reference strong{overflow-wrap:anywhere;color:var(--ink);letter-spacing:.04em;font-size:12px}.vip-transfer-steps{gap:9px;margin:17px 0 0;padding:0;list-style:none;display:grid}.vip-transfer-steps li{color:var(--ink-soft);grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;font-size:10px;line-height:1.45;display:grid}.vip-transfer-steps li>span{width:25px;height:25px;color:var(--himi-red);background:var(--himi-red-soft);border-radius:8px;place-items:center;font-size:9px;font-weight:850;display:grid}.vip-transfer-steps strong{color:var(--ink)}.vip-transfer-actions{border-top:1px solid var(--himi-line);grid-template-columns:.72fr 1fr;gap:10px;margin-top:22px;padding-top:17px;display:grid}.vip-transfer-actions .button{justify-content:center;align-items:center;gap:7px;min-height:43px;display:inline-flex}.vip-transfer-actions .button:disabled{cursor:wait;opacity:.7}.vip-payment-waiting{color:#8c651f;background:#fff9eb;border:1px solid #ead6a7;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-size:9px;font-weight:800;display:flex}.vip-payment-loading,.vip-payment-problem{min-height:190px;color:var(--forest);border:1px solid var(--himi-line);text-align:center;background:#fbfaf8;border-radius:16px;place-content:center;justify-items:center;gap:8px;margin-top:12px;padding:24px;display:grid}.vip-payment-loading strong,.vip-payment-problem strong{color:var(--ink);font-size:12px}.vip-payment-loading span{color:var(--ink-soft);font-size:9px}.vip-payment-problem{color:#a06022}.vip-payment-problem>div{gap:4px;display:grid}.vip-payment-problem p{max-width:420px;color:var(--ink-soft);margin:0;font-size:9px;line-height:1.55}.vip-payment-problem .button{align-items:center;gap:6px;min-height:38px;margin-top:5px;display:inline-flex}.vip-payment-plan-code{color:var(--ink-soft);text-align:right;margin-top:10px;font-size:8px;display:block}.is-spinning{animation:.9s linear infinite vip-spin}.vip-transfer-dialog.is-success{border-color:#ff5d4f29;width:min(700px,100%);padding:34px 42px 30px;animation:.42s cubic-bezier(.18,.88,.28,1.18) vip-success-dialog-in;overflow:hidden;box-shadow:0 34px 100px #2222223d,0 16px 42px #ff5d4f1a}.vip-transfer-success{text-align:center;justify-items:center;width:min(580px,100%);margin-inline:auto;display:grid}.vip-transfer-success>*{opacity:0;animation:.38s cubic-bezier(.2,.85,.35,1) forwards vip-success-content-in}.vip-transfer-success>:nth-child(2){animation-delay:80ms}.vip-transfer-success>:nth-child(3){animation-delay:.12s}.vip-transfer-success>:nth-child(4){animation-delay:.16s}.vip-transfer-success>:nth-child(5){animation-delay:.2s}.vip-transfer-success>:nth-child(6){animation-delay:.28s}.vip-success-mark{place-items:center;width:114px;height:72px;display:grid;position:relative}.vip-success-icon{color:#fff;background:#19a965;border-radius:999px;place-items:center;width:62px;height:62px;animation:.5s cubic-bezier(.16,1.25,.4,1) 60ms both vip-success-check-pop;display:grid;box-shadow:0 14px 30px #19a9653d}.vip-success-sparkle{color:#ffb33e;filter:drop-shadow(0 5px 9px #ffb33e3d);animation:.45s cubic-bezier(.16,1.2,.4,1) .42s both vip-success-sparkle-in,3.2s ease-in-out 1s infinite vip-success-sparkle-idle;display:inline-flex;position:absolute}.vip-success-sparkle.is-left{top:28px;left:3px}.vip-success-sparkle.is-right{top:6px;right:4px}.vip-success-eyebrow{color:#15955b;letter-spacing:.12em;margin-top:4px;font-size:10px}.vip-transfer-success h2{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(29px,4.1vw,40px);line-height:1.08}.vip-transfer-success h2 em{color:var(--himi-red);font-style:normal}.vip-transfer-success>p{color:#667873;max-width:500px;margin:10px 0 0;font-size:13px;line-height:1.55}.vip-success-ticket{color:#fff;text-align:left;isolation:isolate;background:#ff634f;border:1px solid #ff4a3dad;border-radius:22px;width:100%;margin-top:24px;position:relative;box-shadow:0 20px 46px #e7523e30;animation-name:vip-success-ticket-in!important;animation-duration:.52s!important;animation-timing-function:cubic-bezier(.18,.9,.28,1.08)!important}.vip-success-ticket-main{align-items:center;gap:18px;min-height:132px;padding:26px 188px 24px 26px;display:flex}.vip-success-ticket-crown{color:#ff4e45;background:#fff;border:7px solid #ffffff61;border-radius:999px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 24px #83241a1f}.vip-success-ticket-copy{justify-items:start;gap:10px;min-width:0;display:grid}.vip-success-ticket-copy strong{letter-spacing:-.025em;font-size:29px;line-height:1.08}.vip-success-ticket-copy>span{color:#137b4e;letter-spacing:.06em;text-transform:uppercase;background:#edfff5;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:9px;font-weight:900;display:inline-flex}.vip-success-ticket-copy>span svg{color:#1cab68;filter:drop-shadow(0 0 3px #1cab6859)}.vip-success-ticket-expiry{color:#6d7d79;background:#fffaf7;border-radius:0 0 20px 20px;align-items:center;gap:8px;min-height:60px;padding:14px 188px 14px 28px;display:flex}.vip-success-ticket-expiry svg{color:#5d716d}.vip-success-ticket-expiry span{font-size:11px}.vip-success-ticket-expiry strong{color:var(--ink);font-size:15px}.vip-success-mascot{z-index:2;filter:drop-shadow(0 14px 14px #49211929);transform-origin:62% 90%;width:205px;height:auto;animation:.62s cubic-bezier(.16,1.2,.38,1) .32s both vip-success-mascot-pop,3.4s ease-in-out 1.2s infinite vip-success-mascot-idle;position:absolute;bottom:-2px;right:-13px}.vip-ticket-sparkle{z-index:3;color:#ffc34d;filter:drop-shadow(0 4px 6px #7a40142e);display:inline-flex;position:absolute}.vip-ticket-sparkle.is-top{animation:3.1s ease-in-out .4s infinite vip-success-sparkle-idle;top:-13px;left:-11px}.vip-ticket-sparkle.is-bottom{animation:2.8s ease-in-out .8s infinite vip-success-sparkle-idle;bottom:48px;right:-8px}.vip-success-actions{justify-items:center;gap:8px;width:min(470px,100%);margin-top:22px;display:grid}.vip-success-account-link{color:#536864;min-height:34px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:11px;font-weight:760;text-decoration:underline;transition:color .2s,background-color .2s}.vip-success-account-link:hover{color:var(--forest);background:#f1f7f4}.vip-success-account-link:focus-visible{outline-offset:2px;outline:3px solid #147e6038}@keyframes vip-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes vip-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vip-success-dialog-in{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vip-success-content-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes vip-success-check-pop{0%{opacity:0;transform:scale(.45)rotate(-8deg)}72%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vip-success-sparkle-in{0%{opacity:0;transform:scale(.3)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vip-success-sparkle-idle{0%,to{opacity:.74;transform:translateY(0)rotate(0)scale(.94)}50%{opacity:1;transform:translateY(-3px)rotate(7deg)scale(1.08)}}@keyframes vip-success-ticket-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vip-success-mascot-pop{0%{opacity:0;transform:translate(22px,16px)rotate(7deg)scale(.82)}75%{opacity:1;transform:translate(-2px,-3px)rotate(-2deg)scale(1.03)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes vip-success-mascot-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1.5deg)}}@keyframes vip-spin{to{transform:rotate(360deg)}}.admin-vip-requests{margin-top:16px}.admin-vip-heading>strong{color:var(--forest);white-space:nowrap;font-size:10px}.admin-vip-request-list{border-bottom:1px solid var(--line);margin-top:18px}.admin-vip-request{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) minmax(160px,.65fr) minmax(220px,1fr);align-items:start;gap:18px;padding:19px 4px;display:grid}.admin-vip-request-main{align-items:center;gap:11px;min-width:0;display:flex}.admin-vip-request-main>div,.admin-vip-request-plan,.admin-vip-request-note{gap:4px;min-width:0;display:grid}.admin-vip-request-main strong,.admin-vip-request-plan strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-vip-request-main span:not(.admin-vip-avatar),.admin-vip-request-main small,.admin-vip-request-plan span,.admin-vip-request-plan small,.admin-vip-request-note>span{color:var(--ink-soft);font-size:8px}.admin-vip-request-note p{color:var(--ink-soft);margin:0;font-size:9px;line-height:1.55}.admin-vip-request-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;display:grid}.admin-vip-request-actions form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.admin-vip-request-actions input{min-height:38px;font:inherit;background:#fff;border:1px solid #d5dfda;border-radius:9px;padding:0 10px;font-size:9px}.admin-vip-request-actions .button{min-height:38px;padding-inline:12px;font-size:9px}.admin-vip-request-actions .admin-vip-ineligible{text-align:left;grid-column:1/-1}.account-vip-request{background:#fffaf0;border:1px solid #ead7ad;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:-16px 0 28px;padding:16px 18px;display:grid}.account-vip-request .account-vip-icon{color:#9b6b19;background:#fff0cf}.account-vip-request>div{gap:4px;min-width:0;display:grid}.account-vip-request>div>span{color:#8d6728;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.account-vip-request h2{margin:0;font-size:16px}.account-vip-request p{color:var(--ink-soft);margin:0;font-size:10px}.account-vip-request button{color:#8a5a28;font:inherit;cursor:pointer;background:#f7e9cc;border:0;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800}@media (width<=980px){.admin-vip-summary,.vip-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-vip-member{grid-template-columns:minmax(0,1fr) minmax(210px,.75fr)}.admin-vip-actions{grid-column:1/-1}.admin-vip-request{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}.admin-vip-request-note{grid-column:1/-1}}@media (width<=720px){.admin-vip-summary{grid-template-columns:1fr;gap:8px}.admin-vip-summary article{min-height:67px}.admin-vip-heading{flex-direction:column;align-items:flex-start;gap:10px}.admin-vip-panel,.admin-vip-requests{padding-inline:16px}.admin-vip-panel .admin-search{grid-template-columns:1fr}.admin-vip-member{grid-template-columns:1fr;gap:13px;padding-block:17px}.admin-vip-grant-form{grid-template-columns:1fr}.admin-vip-grant-form .button{width:100%}.admin-vip-revoke-form{flex-direction:column;align-items:stretch}.admin-vip-revoke-form .button{width:100%}.admin-vip-ineligible{text-align:left}.admin-vip-request{grid-template-columns:1fr;gap:12px}.admin-vip-request-note,.admin-vip-request-actions{grid-column:auto}.admin-vip-request-actions,.admin-vip-request-actions form{grid-template-columns:1fr}.admin-vip-request-actions .button{width:100%}.vip-pricing-grid{grid-template-columns:1fr}.vip-current-status{grid-template-columns:auto minmax(0,1fr)}.vip-current-status>a,.vip-current-status>form{grid-column:1/-1}.vip-current-status>form button{width:100%}.vip-dialog-backdrop{align-items:end;padding:12px}.vip-transfer-dialog{border-radius:22px 22px 16px 16px;width:100%;max-height:calc(100vh - 24px);padding:23px 18px 18px}.vip-transfer-dialog.is-success{padding:25px 18px 16px;overflow-y:auto}.vip-dialog-heading{padding-right:32px}.vip-dialog-heading h2,.vip-transfer-success h2{font-size:21px}.vip-transfer-summary,.vip-payment-qr-layout{grid-template-columns:1fr}.vip-payment-qr img{width:min(100%,280px)}.vip-transfer-account{grid-template-columns:1fr}.vip-transfer-actions{grid-template-columns:1fr 1fr}.vip-transfer-success h2{max-width:330px;font-size:27px}.vip-transfer-success>p{max-width:350px;font-size:11px}.vip-success-ticket{margin-top:19px}.vip-success-ticket-main{gap:12px;min-height:116px;padding:21px 125px 19px 18px}.vip-success-ticket-crown{border-width:6px;width:52px;height:52px}.vip-success-ticket-crown svg{width:26px;height:26px}.vip-success-ticket-copy{gap:8px}.vip-success-ticket-copy strong{font-size:21px}.vip-success-ticket-copy>span{padding:5px 8px;font-size:7px}.vip-success-ticket-expiry{flex-wrap:wrap;gap:5px 7px;min-height:54px;padding:11px 120px 11px 18px}.vip-success-ticket-expiry span{font-size:9px}.vip-success-ticket-expiry strong{font-size:12px}.vip-success-mascot{width:142px;right:-14px}.vip-success-actions{margin-top:18px}.account-vip-status{grid-template-columns:auto minmax(0,1fr)}.account-vip-status>a{border-top:1px solid #13574a1f;grid-column:1/-1;padding-top:10px}.account-vip-request{grid-template-columns:auto minmax(0,1fr)}.account-vip-request form{grid-column:1/-1}.account-vip-request button{width:100%}}.learner-app-shell .topbar-icon{color:var(--ink);position:relative}.learner-app-shell .topbar-icon.has-notifications{color:var(--forest);background:#edf7f2}.topbar-notification-count{color:#fff;background:#e76642;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding-inline:4px;font-size:7px;font-weight:900;line-height:1;display:grid;position:absolute;top:3px;right:2px}.notifications-page{background:#f8f7f2;min-height:calc(100vh - 74px)}.notifications-page-inner{padding-bottom:100px}.notification-hero{isolation:isolate;border-bottom:1px solid var(--himi-red);align-items:center;min-height:238px;padding:31px clamp(26px,4vw,50px) 29px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.notification-hero{border-bottom:1px solid color-mix(in srgb, var(--himi-red) 12%, var(--himi-line))}}.notification-hero{background-color:#fff7f2;background-image:url(/assets/notifications/himi-notification-header.webp);background-position:100%;background-repeat:no-repeat;background-size:auto 100%}.notification-hero-copy{z-index:1;width:min(650px,62%);position:relative}.notification-hero h1{color:var(--himi-black);letter-spacing:-.045em;margin:0 0 9px;font-size:clamp(40px,4vw,52px);font-weight:800;line-height:1}.notification-hero-meta{color:var(--himi-muted);font-variant-numeric:tabular-nums;align-items:center;font-size:12px;font-weight:650;display:flex}.notification-hero-meta>span{align-items:center;gap:8px;display:inline-flex}.notification-hero-meta svg,.notification-hero-meta strong{color:var(--himi-red)}.notification-hero-meta strong{font-size:15px}.notification-hero-note{z-index:1;width:150px;color:var(--himi-red);margin:0;position:absolute;top:72px;right:clamp(245px,23%,315px)}@supports (color:color-mix(in lab, red, red)){.notification-hero-note{color:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange))}}.notification-hero-note{letter-spacing:-.01em;font-size:13px;font-weight:700;line-height:1.45;transform:rotate(-2deg)}.notifications-header-aside{min-height:132px;color:var(--forest);background:linear-gradient(145deg,#e0f2ea8a,#fffaec8c);border-left:1px solid #dfe6e1;align-content:center;place-items:center;gap:4px;display:grid}.notifications-header-aside strong{margin-top:3px;font-size:22px;line-height:1}.notifications-header-aside span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.notification-message{color:#0e6d5d;background:#eff8f4;border:1px solid #c9dfd6;border-radius:11px;align-items:center;gap:8px;width:100%;margin:22px 0 0;padding:11px 14px;font-size:10px;display:flex}.notification-message.error{color:#944d42;background:#fff3f0;border-color:#ebc9c2}.notification-feed{background:#ffffffe0;border:0;border-radius:18px;width:100%;min-height:440px;margin-top:28px;padding:30px clamp(24px,3vw,42px) 10px}.notification-feed-heading{justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:19px;display:flex}.notification-feed-heading>div{gap:5px;display:grid}.notification-feed-heading h2{letter-spacing:-.03em;margin:0;font-size:22px}.notification-feed-heading>div>p{color:var(--himi-muted);margin:0;font-size:11px}.notification-feed-heading form button,.notification-all-read{min-height:34px;color:var(--forest);background:var(--sage-light);font:inherit;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=410px){.vip-dialog-backdrop{padding:8px}.vip-transfer-dialog.is-success{max-height:calc(100vh - 16px);padding:22px 13px 12px}.vip-success-mark{height:63px}.vip-success-icon{width:54px;height:54px}.vip-success-eyebrow{font-size:8px}.vip-transfer-success h2{max-width:275px;margin-top:6px;font-size:24px}.vip-transfer-success>p{margin-top:7px;font-size:10px}.vip-success-ticket-main{padding-right:106px}.vip-success-ticket-crown{width:46px;height:46px}.vip-success-ticket-copy strong{font-size:18px}.vip-success-ticket-expiry{padding-right:98px}.vip-success-mascot{width:124px}.vip-success-actions{margin-top:14px}}@media (prefers-reduced-motion:reduce){.vip-dialog-backdrop,.vip-transfer-dialog,.vip-transfer-dialog.is-success,.vip-transfer-success>*,.vip-success-icon,.vip-success-sparkle,.vip-ticket-sparkle,.vip-success-mascot{animation:none!important}.vip-transfer-success>*{opacity:1}}.notification-feed-heading form button{cursor:pointer}.notification-all-read{color:var(--ink-soft);background:#f1f3f1}.notification-list{border-top:1px solid var(--line)}.notification-item{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:18px 2px;display:grid}.notification-item:last-child{border-bottom:0}.notification-item.is-read{opacity:.68}.notification-item-icon{color:#48645d;background:#edf2ef;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.notification-item-icon.vip_request_approved{color:#0c7663;background:#ddf2e9}.notification-item-icon.vip_request_rejected{color:#a85c45;background:#fff0e9}.notification-open-form{min-width:0}.notification-open{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.notification-item-title{align-items:center;gap:7px;font-size:14px;font-weight:820;display:flex}.notification-item-title i{background:#e76642;border-radius:50%;flex:none;width:7px;height:7px}.notification-item-message{max-width:80ch;color:var(--ink-soft);font-size:12px;line-height:1.55}.notification-open small{color:#82908c;font-size:10px}.notification-item-actions{align-items:center;gap:5px;display:flex}.notification-item-actions button{width:34px;height:34px;color:var(--forest);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.notification-item-actions button:hover{background:var(--sage-light)}.notification-empty{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:clamp(28px,5vw,72px);min-height:340px;padding:clamp(28px,4vw,52px);display:grid}.notification-empty-copy{flex-direction:column;justify-content:center;align-items:flex-start;max-width:620px;display:flex}.notification-empty-icon{width:62px;height:62px;color:var(--himi-red);background:var(--himi-red-soft);border-radius:16px;place-items:center;display:grid}.notification-empty-copy h2{color:var(--himi-black);letter-spacing:-.03em;margin:22px 0 9px;font-size:clamp(27px,2.4vw,38px);line-height:1.08}.notification-empty-copy p{max-width:58ch;color:var(--himi-muted);margin:0;font-size:14px;line-height:1.65}.notification-empty-action{min-height:46px;color:var(--himi-black);background:var(--himi-red);border-radius:13px;align-items:center;gap:9px;margin-top:26px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.notification-empty-action:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff4c3b33}.notification-empty-action:focus-visible{outline:2px solid var(--himi-black);outline-offset:3px}.notification-empty-guide{background:linear-gradient(145deg, var(--himi-red-soft), var(--himi-orange-soft));border-radius:16px;align-self:center;padding:clamp(24px,3vw,34px)}.notification-empty-guide h3{color:var(--himi-black);letter-spacing:-.02em;margin:0 0 18px;font-size:16px}.notification-empty-guide ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.notification-empty-guide li{border-bottom:1px solid var(--himi-red);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-height:66px;padding:10px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.notification-empty-guide li{border-bottom:1px solid color-mix(in srgb, var(--himi-red) 12%, transparent)}}.notification-empty-guide li:last-child{border-bottom:0}.notification-empty-guide li>span{width:40px;height:40px;color:var(--himi-red);background:#ffffffc2;border-radius:12px;place-items:center;display:grid}.notification-empty-guide li div{gap:3px;display:grid}.notification-empty-guide strong{color:var(--himi-black);font-size:12px}.notification-empty-guide small{color:var(--himi-muted);font-size:10px;line-height:1.45}@media (width<=720px){.notifications-page-inner{padding-inline:12px;padding-bottom:92px}.notification-hero{background-position:100% 100%;background-size:auto 46%;border-radius:0 0 22px 22px;align-items:flex-start;min-height:318px;padding:23px 18px 132px}.notification-hero-copy{width:100%}.notification-hero h1{margin:0 0 8px;font-size:clamp(34px,10.5vw,42px)}.notification-hero-meta{max-width:58%;font-size:11px}.notification-hero-note{display:none}.notifications-header-aside{border-top:1px solid #dfe6e1;border-left:0;min-height:92px}.notification-message{margin-top:14px}.notification-feed{border-radius:16px;margin-top:16px;padding:21px 16px 4px}.notification-feed-heading{flex-direction:column;align-items:flex-start;gap:12px}.notification-feed-heading form,.notification-feed-heading form button{width:100%}.notification-feed-heading form button{justify-content:center;min-height:44px}.notification-item{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;min-height:0;padding-block:16px}.notification-item-icon{border-radius:12px;width:39px;height:39px}.notification-item-actions{grid-column:2;justify-content:flex-end}.notification-item-actions button{width:44px;height:44px}.notification-item-message{font-size:11px}.notification-empty{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:28px 2px 18px}.notification-empty-copy{text-align:center;align-items:center}.notification-empty-copy p{font-size:12px}.notification-empty-guide{text-align:left;width:100%;padding:22px 20px}}.auth-page-login-scene{--auth-coral:#ff5c59;--auth-coral-deep:#ed4f4d;--auth-cream:#fffaf0;--auth-scene-min-height:720px;min-height:max(100dvh, var(--auth-scene-min-height));isolation:isolate;background:#fffaf0;padding:0;display:block;position:relative;overflow:hidden}.auth-page-register-scene{--auth-scene-min-height:780px}.auth-scene-stage{z-index:0;aspect-ratio:3/2;width:max(100vw,150dvh);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}:is(body:has(.auth-page-login-scene)>.site-header,body:has(.auth-page-login-scene)>.site-footer,body:has(.auth-page-login-scene)>.mobile-nav){display:none}body:has(.auth-page-login-scene){min-height:100dvh}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:100dvh}body:has(.auth-register-is-success){overflow:hidden}.auth-login-scene-art{z-index:0;opacity:0;background:url(/assets/auth/login-paper-scene-desktop-v2.webp) 50%/100% 100% no-repeat;position:absolute;inset:0;transform:translateY(14px)scale(1.012)}.auth-login-scene-foreground{z-index:8;clip-path:inset(44% 45% 0 0);opacity:0;pointer-events:none;transform-origin:28% 65%;background:url(/assets/auth/login-bag-scene.webp) 50%/cover no-repeat;position:absolute;inset:0}.auth-password-mascot{z-index:2;opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0;overflow:hidden}.auth-password-mascot:before{content:"";filter:blur(11px);background:#fffaf1fb;border-radius:46%;width:28vw;height:21vw;position:absolute;top:calc(50vh - 17.8vw);left:59vw}.auth-password-mascot img{opacity:0;filter:drop-shadow(0 15px 17px #284b4124);transform-origin:50% 88%;width:20.2vw;height:auto;transition:opacity .19s,transform .36s cubic-bezier(.2,.82,.28,1);display:block;position:absolute;top:calc(50vh - 17.5vw);left:64.7vw;transform:translateY(14px)scale(.94)}.auth-password-is-active .auth-password-mascot{opacity:1}.auth-password-is-active .auth-password-mascot img{opacity:1;transform:translateY(0)scale(1)}.auth-registration-success{z-index:20;opacity:0;background:#fffaf0;place-items:center;padding:clamp(24px,5vw,72px);animation:.28s ease-out forwards auth-success-overlay;display:grid;position:fixed;inset:0;overflow:hidden}.auth-registration-success-inner{text-align:center;justify-items:center;width:min(560px,100%);display:grid}.auth-registration-success img{object-fit:contain;filter:drop-shadow(0 24px 30px #1c493f29);transform-origin:50% 84%;width:min(440px,78vw);max-height:62dvh;animation:.92s cubic-bezier(.16,1,.3,1) both auth-success-penguin;display:block}.auth-registration-success-copy{color:#113f38;opacity:0;margin-top:clamp(-32px,-3vw,-18px);animation:.42s ease-out .58s forwards auth-success-copy;transform:translateY(12px)}.auth-registration-success-copy>span{color:#0d806e;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.auth-registration-success-copy h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(32px,5vw,48px);line-height:1}.auth-registration-success-copy p{color:#60756f;margin:12px 0 0;font-size:14px}.auth-gsap-motion .auth-login-scene-art,.auth-gsap-motion .auth-login-scene-foreground,.auth-gsap-motion .auth-motion-walker,.auth-gsap-motion .auth-motion-walker-sprite,.auth-gsap-motion .auth-motion-walker-shadow,.auth-gsap-motion .auth-card-login-scene,.auth-gsap-motion .auth-registration-success,.auth-gsap-motion .auth-registration-success img,.auth-gsap-motion .auth-registration-success-copy{animation:none}.auth-register-is-success .auth-password-mascot,.auth-register-is-success .auth-motion-walker,.auth-register-is-success .auth-card-login-scene{pointer-events:none}.auth-scene-brand,.auth-scene-home,.auth-scene-replay{z-index:10;color:#123f38;opacity:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.auth-scene-brand{letter-spacing:-.04em;gap:12px;font-size:clamp(20px,1.75vw,27px);font-weight:850;top:clamp(24px,4.2vh,48px);left:clamp(28px,4.2vw,66px)}.auth-scene-home{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf4d1;border:1px solid #19635429;border-radius:999px;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:780;transition:transform .18s,border-color .18s,background-color .18s;top:clamp(31px,5vh,56px);right:clamp(28px,4.2vw,66px);box-shadow:0 10px 28px #2b534914}.auth-scene-home:hover{background:#fffdf8;border-color:#1963544d;transform:translateY(-2px)}.auth-scene-home:active{transform:translateY(0)scale(.97)}.auth-scene-replay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffcf4d1;border:1px solid #19635429;border-radius:50%;width:42px;height:42px;transition:transform .18s,border-color .18s,background-color .18s;top:clamp(31px,5vh,56px);right:clamp(190px,14vw,222px);box-shadow:0 10px 28px #2b534914}.auth-scene-replay:hover{background:#fffdf8;border-color:#1963544d;transform:translateY(-2px)rotate(-18deg)}.auth-scene-replay:active{transform:translateY(0)rotate(-18deg)scale(.94)}.auth-scene-replay:focus-visible{outline-offset:3px;outline:3px solid #11806d47}.auth-motion-walker{z-index:9;aspect-ratio:320/420;opacity:0;pointer-events:none;transform-origin:50% 100%;will-change:transform, opacity;width:clamp(112px,10.4vw,158px);position:absolute;bottom:clamp(120px,20vh,190px);left:0}.auth-motion-walker-sprite{z-index:1;filter:drop-shadow(0 13px 14px #23493f26);transform-origin:50% 92%;will-change:background-position, transform;background:url(/assets/auth/penguin-walk-cycle-v2.webp) 0 0/800% 100% no-repeat;display:block;position:absolute;inset:0}.auth-motion-walker-shadow{z-index:0;filter:blur(5px);transform-origin:50%;will-change:transform, opacity;background:#1c4a3f2e;border-radius:50%;height:7%;position:absolute;bottom:0;left:17%;right:17%}.auth-card-login-scene{box-sizing:border-box;z-index:7;width:32.85%;box-shadow:none;opacity:0;transform-origin:50% 82%;will-change:transform, opacity;background:0 0;border:0;border-radius:0;padding:clamp(27px,2.45vw,42px);position:absolute;top:10.6%;left:23.35%;transform:translateY(54px)scale(.975)}.auth-card-register-scene{padding-block:clamp(22px,1.8vw,30px);top:11.7%}.auth-login-motion-ready .auth-login-scene-art{animation:.42s cubic-bezier(.2,.78,.24,1) 1.98s forwards auth-scene-reveal}.auth-login-motion-ready .auth-login-scene-foreground{animation:1.46s cubic-bezier(.2,.78,.24,1) 2.76s both auth-bag-foreground}.auth-login-motion-ready .auth-scene-brand,.auth-login-motion-ready .auth-scene-home,.auth-login-motion-ready .auth-scene-replay{animation:.48s 3.76s forwards auth-interface-fade}.auth-login-motion-ready .auth-motion-walker{animation:2.31s cubic-bezier(.3,.04,.18,1) forwards auth-walker-travel}.auth-login-motion-ready .auth-motion-walker-sprite{animation:.77s linear 3 auth-walk-sprite,.1925s ease-in-out 12 alternate auth-walk-bob}.auth-login-motion-ready .auth-motion-walker-shadow{animation:.1925s ease-in-out 12 alternate auth-walk-shadow}.auth-login-motion-ready .auth-card-login-scene{animation:1.36s cubic-bezier(.2,.72,.22,1) 2.42s forwards auth-sheet-rise}.auth-card-login-scene:after{content:none}.auth-card-login-scene .auth-heading{margin-top:0}.auth-card-login-scene .auth-heading>span{display:none}.auth-card-login-scene .auth-heading h1{color:#113f38;letter-spacing:-.055em;max-width:390px;margin:0;font-size:clamp(34px,3vw,43px);line-height:1.02}.auth-card-login-scene .auth-heading p{color:#657771;max-width:360px;margin-top:13px;font-size:14px;line-height:1.6}.auth-card-login-scene .auth-form{gap:14px;margin-top:23px}.auth-card-login-scene .auth-form label,.auth-card-login-scene .auth-form-field{color:#254e47;gap:8px;font-size:12px}.auth-input-shell{display:block;position:relative}.auth-input-shell>svg{z-index:1;color:#729188;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-form>label .auth-input-shell input,.auth-form-field .auth-input-shell input{padding-left:46px}.auth-password-input-shell input::-ms-reveal{display:none}.auth-password-toggle{z-index:2;color:#60756f;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:11px;place-items:center;width:44px;height:44px;padding:0;transition:color .16s,background-color .16s,transform .16s;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-password-toggle:hover{color:#113f38;background:#176b5b14}.auth-password-toggle:active{transform:translateY(-50%)scale(.94)}.auth-password-toggle:focus-visible{outline:2px solid var(--himi-black,#222);outline-offset:-3px;background:var(--himi-red-soft,#fff0ee)}.auth-card-login-scene .auth-input-shell input{background:#ffffffe6;border-color:#d8e1dd;border-radius:14px;min-height:51px;font-size:14px;transition:border-color .18s,box-shadow .18s,transform .18s}.auth-card-login-scene .auth-input-shell input::placeholder{color:#9ba8a4}.auth-card-login-scene .auth-input-shell:focus-within>svg{color:#12816e}.auth-card-login-scene .auth-input-shell input:focus{transform:translateY(-1px)}.auth-card-login-scene .auth-form .button{background:var(--auth-coral);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:2px;font-size:14px;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 13px 24px #ff5c593d}.auth-card-login-scene .auth-form .button:hover{background:var(--auth-coral-deep);transform:translateY(-2px);box-shadow:0 16px 28px #ff5c594d}.auth-card-login-scene .auth-form .button:active{transform:translateY(0)scale(.98)}.auth-card-login-scene .auth-switch{border-top:1px solid #e7e8e2;margin-top:18px;padding-top:16px;font-size:12px}.auth-card-login-scene .auth-switch>div{gap:10px;width:100%}.auth-card-login-scene .auth-switch a{color:#0d7866}.auth-card-login-scene .auth-switch a:hover{color:var(--auth-coral-deep)}.auth-card-register-scene .auth-heading h1{font-size:clamp(31px,2.6vw,37px)}.auth-card-register-scene .auth-heading p{margin-top:8px;font-size:12px;line-height:1.42}.auth-card-register-scene .auth-form{gap:8px;margin-top:13px}.auth-card-register-scene .auth-form label,.auth-card-register-scene .auth-form-field{gap:5px;font-size:11px}.auth-card-register-scene .auth-input-shell input{min-height:45px;font-size:13px}.auth-card-register-scene .auth-form .button{min-height:47px}.auth-card-register-scene .auth-switch{margin-top:10px;padding-top:10px}@keyframes auth-walker-travel{0%{opacity:0;transform:translate(-130%)scale(.92)}7%{opacity:1;transform:translate(-82%,-2px)scale(.92)}16%{opacity:1;transform:translate(2vw)scale(.94)}28%{opacity:1;transform:translate(15vw,-2px)scale(.98)}40%{opacity:1;transform:translate(29vw)scale(1.02)}52%{opacity:1;transform:translate(43vw,-2px)scale(1.08)}64%{opacity:1;transform:translate(55vw)scale(1.16)}72%{opacity:1;transform:translate(62vw,-2px)scale(1.3)}79%{opacity:1;transform:translate(67vw)scale(1.52)}85%{opacity:1;transform:translate(70vw,-1px)scale(1.78)}91%{opacity:.72;transform:translate(71.5vw)scale(1.98)}96%{opacity:.24;transform:translate(72.2vw)scale(2.12)}to{opacity:0;transform:translate(72.4vw)scale(2.18)}}@keyframes auth-walk-sprite{0%,12.49%{background-position:0 0}12.5%,24.99%{background-position:14.2857% 0}25%,37.49%{background-position:28.5714% 0}37.5%,49.99%{background-position:42.8571% 0}50%,62.49%{background-position:57.1429% 0}62.5%,74.99%{background-position:71.4286% 0}75%,87.49%{background-position:85.7143% 0}87.5%,to{background-position:100% 0}}@keyframes auth-walk-bob{0%{transform:translateY(0)rotate(-.65deg)}to{transform:translateY(-3px)rotate(.65deg)}}@keyframes auth-walk-shadow{0%{opacity:.42;transform:scaleX(1)}to{opacity:.27;transform:scaleX(.84)}}@keyframes auth-walker-travel-mobile{0%{opacity:0;transform:translate(-130%)scale(.94)}7%{opacity:1;transform:translate(-70%,-2px)scale(.94)}18%{opacity:1;transform:translate(4vw)scale(.97)}34%{opacity:1;transform:translate(24vw,-2px)scale(1.02)}50%{opacity:1;transform:translate(45vw)scale(1.08)}65%{opacity:1;transform:translate(62vw,-2px)scale(1.18)}77%{opacity:1;transform:translate(72vw)scale(1.4)}85%{opacity:1;transform:translate(77vw,-1px)scale(1.72)}92%{opacity:.66;transform:translate(79vw)scale(1.96)}to{opacity:0;transform:translate(80vw)scale(2.18)}}@keyframes auth-bag-foreground{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}43%{opacity:1;transform:translateY(0)scale(1)}52%{opacity:1;transform:translateY(-7px)scale(1.006)}61%{opacity:1;transform:translateY(2px)scale(.998)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}@keyframes auth-scene-reveal{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-sheet-rise{0%{opacity:0;clip-path:inset(42% 36% round 24px);transform:translate3d(calc(var(--auth-center-x) + var(--auth-pocket-x)), var(--auth-pocket-y), 0) scale(.2, .12) rotate(-1.2deg)}18%{opacity:1;clip-path:inset(31% 27% round 24px);transform:translate3d(calc(var(--auth-center-x) + var(--auth-pocket-x)), calc(var(--auth-pocket-y) - 8px), 0) scale(.36, .27) rotate(-.7deg)}52%{opacity:1;clip-path:inset(2% round 27px);transform:translate3d(calc(var(--auth-center-x) + 5px), -16px, 0) scale(.96, .985) rotate(.24deg)}74%{opacity:1;clip-path:inset(0 round 27px);transform:translate3d(calc(var(--auth-center-x) - 2px), 5px, 0) scale(1.006) rotate(-.08deg)}to{opacity:1;clip-path:inset(0 round 27px);transform:translate3d(var(--auth-center-x), 0, 0) scale(1) rotate(0deg)}}@keyframes auth-interface-fade{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-success-overlay{0%{opacity:0}to{opacity:1}}@keyframes auth-success-penguin{0%{opacity:0;transform:translateY(96px)scale(.7)rotate(-7deg)}45%{opacity:1;transform:translateY(-18px)scale(1.045)rotate(3.5deg)}68%{transform:translateY(7px)scale(.985)rotate(-1.2deg)}84%{transform:translateY(-4px)scale(1.012)rotate(.5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes auth-success-copy{to{opacity:1;transform:translateY(0)}}@media (width>=901px) and (height<=820px){.auth-card-login-scene{width:390px;padding:25px 30px;top:88px}.auth-card-register-scene{padding:18px 28px;top:82px}.auth-card-register-scene .auth-heading h1{font-size:29px}.auth-card-register-scene .auth-heading p{margin-top:7px;font-size:12px;line-height:1.4}.auth-card-register-scene .auth-form{gap:8px;margin-top:14px}.auth-card-register-scene .auth-input-shell input{min-height:43px}.auth-card-register-scene .auth-form .button{min-height:45px}.auth-card-register-scene .auth-switch{margin-top:10px;padding-top:10px}.auth-card-login-scene .auth-heading h1{font-size:32px}.auth-card-login-scene .auth-heading p{margin-top:8px;line-height:1.45}.auth-card-login-scene .auth-form{gap:11px;margin-top:18px}.auth-card-login-scene .auth-input-shell input{min-height:47px}.auth-card-login-scene .auth-form .button{min-height:48px}.auth-card-login-scene .auth-switch{margin-top:14px;padding-top:13px}}@media (width<=900px){.auth-page-login-scene{--auth-scene-min-height:760px;min-height:max(100dvh, var(--auth-scene-min-height));overflow:hidden auto}.auth-page-register-scene{--auth-scene-min-height:844px}.auth-page-forgot-scene{--auth-scene-min-height:700px}.auth-scene-stage{width:auto;height:max(100dvh, var(--auth-scene-min-height));aspect-ratio:2/3;top:0;left:50%;transform:translate(-50%)}.auth-login-scene-art{background:url(/assets/auth/login-paper-scene-mobile-v2.webp) 50%/100% 100% no-repeat;position:absolute}.auth-login-scene-foreground,.auth-password-mascot{display:none}.auth-scene-brand{gap:9px;font-size:20px;top:18px;left:18px}.auth-scene-brand .brand-mark{width:37px;height:37px}.auth-scene-home{min-height:38px;padding:0 12px;font-size:12px;top:20px;right:16px}.auth-scene-replay{width:38px;height:38px;top:20px;right:162px}.auth-card-login-scene{border-radius:0;width:64%;max-width:none;margin:0;padding:22px 24px;position:absolute;top:13.7%;left:18%}.auth-card-register-scene{padding:19px 23px;top:12.2%}.auth-page-forgot-scene{display:block}.auth-page-forgot-scene .auth-card-forgot-scene{margin:0;top:15.5%}.auth-card-login-scene .auth-heading h1{font-size:clamp(29px,7vw,37px)}.auth-card-login-scene .auth-form{gap:14px;margin-top:22px}.auth-card-login-scene .auth-input-shell input{min-height:50px}.auth-card-login-scene .auth-form .button{min-height:51px}.auth-card-register-scene .auth-heading h1{font-size:clamp(27px,6.5vw,32px)}.auth-card-register-scene .auth-heading p{margin-top:7px;font-size:11px;line-height:1.42}.auth-card-register-scene .auth-form{gap:8px;margin-top:12px}.auth-card-register-scene .auth-form label,.auth-card-register-scene .auth-form-field{gap:5px;font-size:11px}.auth-card-register-scene .auth-input-shell input{min-height:44px;font-size:14px}.auth-card-register-scene .auth-form .button{min-height:46px}.auth-card-register-scene .auth-switch{margin-top:10px;padding-top:10px}.auth-motion-walker{width:84px;bottom:18%}.auth-login-motion-ready .auth-motion-walker{animation-name:auth-walker-travel-mobile}}@media (width<=480px){.auth-scene-home{justify-content:center;width:40px;padding:0;font-size:0}.auth-scene-home svg{width:18px;height:18px}.auth-scene-replay{right:64px}.auth-card-login-scene{width:64%;margin:0;padding:21px 22px}.auth-card-register-scene{padding:18px 21px}.auth-card-login-scene .auth-heading p{font-size:13px}.auth-card-login-scene .auth-switch{font-size:11px}.auth-registration-success{padding:18px}.auth-registration-success img{width:min(390px,96vw);max-height:59dvh}.auth-registration-success-copy{margin-top:-18px}.auth-registration-success-copy p{font-size:13px}}@media (prefers-reduced-motion:reduce){.auth-motion-walker,.auth-login-scene-foreground,.auth-scene-replay{display:none}.auth-login-scene-art,.auth-scene-brand,.auth-scene-home,.auth-card-login-scene{opacity:1;animation:none;transform:none}.auth-password-mascot,.auth-password-mascot img{transition:none}.auth-registration-success{opacity:1;animation:none}.auth-registration-success img,.auth-registration-success-copy{opacity:1;animation:none;transform:none}}.account-page{color:#103d37;background:#fbfaf6;min-height:calc(100vh - 88px);padding:0;overflow:hidden}.account-page-inner{width:min(1240px,100% - 72px);margin-inline:auto;padding:40px 0 64px}.account-page-title{z-index:2;color:#075f54;letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.25vw,32px);font-weight:720;line-height:1.15;position:relative}.account-feedback{width:fit-content;max-width:100%;margin:18px 0 0}.account-profile-hero{isolation:isolate;grid-template-columns:168px minmax(0,1fr);align-items:start;gap:56px;min-height:288px;display:grid;position:relative}.account-profile-hero:after{content:"";z-index:-1;opacity:.68;pointer-events:none;background-image:linear-gradient(90deg,#fbfaf6 0%,#fbfaf62e 32%),url(/assets/hanziwork-dashboard-background.webp);background-position:50%,right 19%;background-repeat:no-repeat;background-size:cover,980px;position:absolute;inset:-76px -80px -22px 42%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 28% 100%)}.account-profile-avatar{color:#fff;background:linear-gradient(145deg,#087e70,#00574d 72%);border-radius:50%;place-items:center;width:156px;height:156px;margin-top:48px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.account-avatar-uploader{width:168px;min-width:0}.account-profile-avatar-initials{z-index:1;letter-spacing:-.04em;font-size:42px;font-weight:760;position:relative}.account-profile-avatar-media{z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.account-profile-avatar-media>.account-profile-avatar-image{border-radius:inherit;object-fit:cover;object-position:center;max-width:none;display:block;width:100%!important;height:100%!important;inset:0!important}.account-profile-avatar>button{z-index:2;color:#fff;cursor:pointer;background:#0a927f;border:4px solid #fbfaf6;border-radius:50%;place-items:center;width:43px;height:43px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;bottom:12px;right:-1px}.account-profile-avatar>button:hover:not(:disabled){transform:translateY(-1px)scale(1.04);box-shadow:0 7px 18px #02574c3b}.account-profile-avatar>button:focus-visible{outline-offset:3px;outline:3px solid #ff761852}.account-profile-avatar>button:disabled{cursor:progress}.account-avatar-status{color:#44706a;text-align:center;width:100%;margin:10px 0 0;font-size:11px;font-weight:650;line-height:1.4}.account-avatar-status.is-error{color:#b33a32}.account-profile-copy{z-index:1;min-width:0;margin-top:63px;position:relative}.account-profile-copy h2{color:#07584f;letter-spacing:-.048em;margin:0;font-size:clamp(35px,3.4vw,45px);font-weight:740;line-height:1}.account-profile-copy>p{color:#5f6766;margin:12px 0 0;font-size:16px}.account-profile-email{color:#53605e;align-items:center;gap:10px;min-width:0;margin-top:16px;font-size:14px;display:flex}.account-profile-email>span{overflow-wrap:anywhere;min-width:0}.account-profile-email em,.account-information dd em{color:#087466;white-space:nowrap;background:#e4f4ef;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-style:normal;font-weight:720;display:inline-flex}.account-vip-outline{color:#075f54;background:#ffffff7a;border:1px solid #cedbd7;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:fit-content;min-height:46px;margin-top:28px;padding:0 26px;font-size:14px;font-weight:700;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.account-vip-outline:hover{background:#ffffffd6;border-color:#8cbcb2;transform:translateY(-1px)}.account-membership-band{background:linear-gradient(90deg,#e7f5f0bd,#f1f8f6a8);border:1px solid #cfe2dc;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:88px;padding:16px 22px;display:grid}.account-membership-band.is-active{background:linear-gradient(90deg,#e4f4ef,#f9f6e5b8);border-color:#b9d9cf}.account-membership-icon{color:#087e70;background:#dcefea;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.account-membership-band>div{min-width:0}.account-membership-band h2{color:#0a4b43;margin:0;font-size:17px;font-weight:730}.account-membership-band p{color:#63716e;margin:5px 0 0;font-size:12px;line-height:1.45}.account-membership-band>a{color:#087466;white-space:nowrap;align-items:center;gap:13px;font-size:13px;font-weight:720;display:inline-flex}.account-membership-band>a:hover svg{transform:translate(3px)}.account-membership-band>a svg{transition:transform .18s}.account-pending-request{color:#76531d;background:#fffaf0;border:1px solid #ead7ac;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:12px;padding:13px 17px;display:grid}.account-pending-request>div{gap:3px;display:grid}.account-pending-request strong{font-size:13px}.account-pending-request span{color:#806e4f;font-size:11px}.account-pending-request button{color:#76531d;font:inherit;cursor:pointer;background:#f4e7ca;border:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:720}.account-information,.account-security-panel{margin-top:28px}.account-information h2,.account-security-panel h2{color:#07584f;letter-spacing:-.02em;margin:0 0 10px 6px;font-size:18px;font-weight:730}.account-information dl{margin:0}.account-information dl>div{border-bottom:1px solid #dfe4e1;grid-template-columns:minmax(240px,.85fr) minmax(0,1.25fr);align-items:center;gap:24px;min-height:47px;padding:0 10px;display:grid}.account-information dt,.account-information dd{color:#5c6664;align-items:center;gap:16px;margin:0;font-size:12px;display:flex}.account-information dt svg{color:#087a6d;flex:none}.account-information dd{gap:10px;min-width:0}.account-information dd>span{overflow-wrap:anywhere;min-width:0}.account-security-list{background:#ffffff47;border:1px solid #dbe2de;border-radius:8px;overflow:hidden}.account-security-row{color:#07584f;width:100%;min-height:62px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 18px;display:grid}.account-security-row:hover{background:#e7f4f085}.account-security-row>svg:first-child{color:#087a6d}.account-security-row>svg:last-child{color:#64706d;transition:transform .18s}.account-security-row>span{gap:3px;min-width:0;display:grid}.account-security-row strong{font-size:13px;font-weight:690}.account-security-row small{color:#7a8381;font-size:11px;line-height:1.35}.account-security-details,.account-logout-form{border-top:1px solid #dfe4e1}.account-security-details summary{list-style:none}.account-security-details summary::-webkit-details-marker{display:none}.account-security-details[open] summary>svg:last-child{transform:rotate(90deg)}.account-password-editor{background:#f7f9f6c2;padding:5px 63px 22px}.account-password-editor>p{color:#697572;margin:0 0 15px;font-size:11px}.account-password-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.account-password-form label{gap:6px;font-size:11px}.account-password-form input{min-height:44px}.account-password-form button{grid-column:1/-1;width:fit-content;min-height:42px;margin-top:2px}.account-logout-form button{color:#0a5c52}.account-page-footer{color:#8a9390;gap:9px;margin:30px 6px 0;font-size:11px;display:flex}@media (width<=920px){.account-page-inner{width:min(100% - 40px,920px)}.account-profile-hero{grid-template-columns:138px minmax(0,1fr);gap:38px}.account-profile-avatar{width:132px;height:132px;margin-top:58px}.account-avatar-uploader{width:138px}.account-profile-copy{margin-top:63px}.account-profile-avatar-initials{font-size:36px}.account-profile-hero:after{inset-inline-start:34%}}@media (width<=720px){.account-page{min-height:calc(100dvh - 68px)}.account-page-inner{width:calc(100% - 32px);padding:24px 0 36px}.account-page-title{font-size:26px}.account-profile-hero{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:18px;min-height:0;padding:27px 0 24px}.account-profile-hero:after{opacity:.46;background-position:50%,right 12%;background-size:cover,700px;inset:-50px -22px 0 18%}.account-profile-avatar{width:92px;height:92px;margin-top:0}.account-avatar-uploader{width:96px}.account-profile-avatar-initials{font-size:28px}.account-profile-avatar>button{border-width:3px;width:31px;height:31px;bottom:5px;right:-2px}.account-profile-avatar>button svg{width:19px;height:19px}.account-avatar-status{width:132px;margin-left:-18px}.account-profile-copy h2{margin-top:3px;font-size:30px}.account-profile-copy{margin-top:0}.account-profile-copy>p{margin-top:8px;font-size:13px}.account-profile-email{flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:11px;font-size:11px}.account-profile-email>span{max-width:calc(100% - 30px)}.account-profile-email em{margin-left:25px}.account-vip-outline{gap:9px;min-height:42px;margin-top:18px;padding-inline:17px;font-size:12px}.account-membership-band{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.account-membership-icon{width:42px;height:42px}.account-membership-band h2{font-size:15px}.account-membership-band p{font-size:11px}.account-membership-band>a{border-top:1px solid #08746624;grid-column:1/-1;justify-content:space-between;padding-top:13px;font-size:12px}.account-pending-request{grid-template-columns:auto minmax(0,1fr)}.account-pending-request form{grid-column:1/-1}.account-pending-request button{width:100%}.account-information,.account-security-panel{margin-top:24px}.account-information h2,.account-security-panel h2{margin-left:2px;font-size:17px}.account-information dl>div{grid-template-columns:1fr;gap:7px;min-height:58px;padding:9px 5px}.account-information dt,.account-information dd{gap:11px;font-size:11px}.account-information dd{flex-wrap:wrap;padding-left:31px}.account-security-row{grid-template-columns:27px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 13px}.account-security-row>svg:first-child{width:20px;height:20px}.account-security-row strong{font-size:12px}.account-security-row small{font-size:10px}.account-password-editor{padding:5px 16px 20px}.account-password-form{grid-template-columns:1fr}.account-password-form button{grid-column:auto;width:100%}.account-page-footer{margin-top:24px}}@media (width<=420px){.account-profile-hero{grid-template-columns:78px minmax(0,1fr);gap:14px}.account-profile-avatar{width:74px;height:74px}.account-avatar-uploader{width:78px}.account-profile-avatar-initials{font-size:23px}.account-avatar-status{width:118px;margin-left:-20px}.account-profile-copy h2{font-size:27px}.account-vip-outline{margin-left:-92px}}@media (prefers-reduced-motion:reduce){.account-vip-outline,.account-profile-avatar>button,.account-membership-band>a svg,.account-security-row>svg:last-child{transition:none}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--control-min:44px;--focus-color:#08786d;--focus-halo:#08786d33;--text-muted:#536a64}html{scrollbar-color:#a9c9c0 #f3f5f1;scrollbar-width:thin;scroll-padding-top:104px}body{text-rendering:optimizelegibility;min-width:320px}button,input,select,textarea{font:inherit}button:not(:disabled),a[href],summary{touch-action:manipulation}button:not(:disabled),summary{cursor:pointer}input,select,textarea{caret-color:var(--forest)}::placeholder{color:#71817c;opacity:1}:where(a[href],button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-color);outline-offset:3px;box-shadow:0 0 0 5px var(--focus-halo)}:where(button,input,select,textarea):disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.62}[aria-busy=true]{cursor:progress}.skip-link{z-index:200;min-height:var(--control-min);color:#fff;background:var(--forest-deep);border-radius:12px;align-items:center;padding:0 16px;font-size:14px;font-weight:780;transition:transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:fixed;top:12px;left:116px;transform:translateY(calc(-100% - 18px));box-shadow:0 12px 28px #08483e38}.skip-link:focus-visible{box-shadow:0 0 0 4px var(--focus-color), 0 12px 28px #08483e38;outline-color:#fff;transform:translateY(0)}.learner-shell-content{min-width:0;scroll-margin-top:96px}.learner-shell-content:focus{outline:none}.learner-app-shell .topbar-icon,.learner-app-shell .user-chip{min-width:var(--control-min);min-height:var(--control-min)}.learner-app-shell .topbar-icon{width:var(--control-min);height:var(--control-min)}.learner-app-shell .user-chip{border-radius:999px;padding:1px 7px 1px 1px}.learner-app-shell[aria-busy=true] .rail-nav a.pending,.learner-app-shell[aria-busy=true] .learner-mobile-nav a[aria-current=page]{cursor:progress}.course-body h2{letter-spacing:-.025em;margin:0;font-size:21px;line-height:1.25}.course-meta,.course-card-footer,.learner-page-header-meta,.game-journey-progress,.game-journey-featured-meta,.practice-feature-meta,.today-session-progress-copy{font-variant-numeric:tabular-nums}.course-library-page .filter-chip,.auth-scene-brand,.auth-scene-home,.auth-scene-replay,.auth-switch a{min-height:var(--control-min)}.auth-switch a{align-items:center;display:inline-flex}@media (width<=720px){html{scroll-padding-top:82px}.skip-link{top:9px;left:12px}.learner-shell-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.learner-mobile-nav{bottom:max(8px, env(safe-area-inset-bottom));min-height:66px}.learner-mobile-nav a{min-height:50px;padding:5px 2px;font-size:10px;line-height:1.15}.learner-page-header-eyebrow{font-size:11px}.learner-page-header p{font-size:13px;line-height:1.6}.learner-page-header-meta>span,.learner-page-header-meta>a,.course-meta,.course-card-footer,.explorer-count{font-size:12px}.course-library-page .filter-chip{min-height:var(--control-min);font-size:13px}.course-body h2{font-size:20px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.game-journey-header>span,.game-journey-featured-card>small,.game-progress-sync,.game-journey-featured-meta span,.game-journey-station-copy small,.game-journey-skills>strong,.game-journey-skills small{font-size:11px;line-height:1.35}.game-journey-featured-card p{font-size:12px;line-height:1.58}.game-journey-featured-card button,.auth-card-login-scene .auth-form label,.auth-card-login-scene .auth-form-field{font-size:13px}.auth-card-login-scene .auth-switch{font-size:12px}}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}:root{--himi-red:#ff4c3b;--himi-orange:#ff8e2d;--himi-black:#222}.brand-wordmark{color:var(--himi-black);font-size:inherit;letter-spacing:-.035em;white-space:nowrap;align-items:baseline;gap:.28em;font-weight:800;line-height:1;display:inline-flex}.brand-wordmark>strong{color:var(--himi-red);font:inherit}.brand-wordmark>span{color:var(--himi-black)}.brand-mark,.learner-app-shell .rail-logo{box-shadow:none;background:#fff;border:1px solid #22222214;overflow:hidden}.brand-mark{border-radius:16px;width:52px;height:52px}.brand-mark img,.rail-logo img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.learner-app-shell .rail-logo{border-radius:18px;flex:0 0 60px;width:60px;min-width:60px;height:60px;min-height:60px}.learn-topbar .brand-mark{width:50px;height:50px;box-shadow:none;background:#fff;border-radius:15px}.auth-scene-brand .brand-mark{width:60px;height:60px}.auth-scene-brand .auth-brand-mark{filter:drop-shadow(0 8px 12px #2222221f);background:0 0;border-color:#0000;border-radius:50%}@media (width<=700px){.brand-wordmark{gap:.22em}.learn-topbar .brand-mark{width:46px;height:46px}.auth-scene-brand .brand-mark{width:52px;height:52px}}.admin-page.admin-page{min-height:100vh;color:var(--admin-text);background:var(--admin-bg);padding:0}.admin-page .admin-top{border-bottom:1px solid var(--admin-border);background:#ffffffeb;align-items:center;gap:24px;min-height:112px;margin:0 -32px;padding:22px 32px 19px}.admin-page .admin-title>span{color:var(--admin-accent-dark);letter-spacing:.09em;font-size:8px;font-weight:800}.admin-page .admin-title h1{color:#202329;letter-spacing:-.035em;margin:4px 0 0;font-size:24px;font-weight:690;line-height:1.15}.admin-page .admin-title p{color:var(--admin-muted);margin-top:6px;font-size:10px;line-height:1.5}.admin-page .admin-back{color:#686e77;margin-bottom:6px;font-size:9px}.admin-shell .admin-nav,.admin-page .admin-nav{box-shadow:none;background:0 0;border:0;border-radius:0;gap:21px;margin:23px 0 0;padding:0;display:grid}.admin-shell .admin-nav a,.admin-page .admin-nav a{color:#707680;border-radius:8px;gap:10px;min-height:38px;padding:0 10px;font-size:10px;font-weight:650}.admin-shell .admin-nav a:hover,.admin-page .admin-nav a:hover{color:#30343a;background:#f0f1f2}.admin-shell .admin-nav a.active,.admin-shell .admin-nav a[aria-current=page],.admin-page .admin-nav a.active,.admin-page .admin-nav a[aria-current=page]{color:#2d3036;box-shadow:0 1px 3px #191d2314, inset 3px 0 var(--admin-accent);background:#fff}.admin-page .admin-stats{border:1px solid var(--admin-border);background:#fff;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:20px;overflow:hidden;box-shadow:0 2px 8px #181c2206}.admin-page .admin-stat{border:0;border-left:1px solid var(--admin-border);background:#fff;border-radius:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:17px 20px;display:grid}.admin-page .admin-stat:first-child{border-left:0}.admin-page .admin-stat-icon{width:34px;height:34px;color:var(--admin-accent-dark);background:#fff8f4;border:1px solid #f5d7c5;border-radius:9px}.admin-page .admin-stat strong{color:#23262c;margin-top:4px;font-size:22px;font-weight:670;line-height:1}.admin-page .admin-stat>div>span{color:#777d86;font-size:9px;font-weight:650}.admin-page .admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:14px;margin-top:16px}.admin-page .admin-panel{border:1px solid var(--admin-border);background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #181c2206}.admin-page .panel-heading h2{color:#292c32;letter-spacing:-.018em;font-size:14px;font-weight:690}.admin-page .panel-heading>div>span,.admin-page .panel-heading>span{color:#969ba4;font-size:8px;font-weight:650}.admin-page .panel-heading a{color:var(--admin-accent-dark);border:1px solid #f1d5c4;border-radius:7px;padding:7px 9px;font-size:8px}.admin-page .data-table{margin-top:12px}.admin-page .data-table th,.admin-page .data-table td{color:#565c65;border-bottom-color:#eef0f2;height:50px;padding:9px 13px;font-size:9px}.admin-page .data-table th{color:#9b9fa7;background:#fafafa;height:34px;font-size:7px;font-weight:740}.admin-page .table-mark{color:#ba581e;background:#fff0e7;border-radius:8px;width:28px;height:28px;font-size:12px}.admin-page .status{border:1px solid #0000;border-radius:5px;padding:4px 7px;font-size:7px;font-weight:760}.admin-page .status.published,.admin-page .status.live{color:#23725f;background:#f0f8f5;border-color:#cce5dc}.admin-page .pipeline{gap:0;margin-top:13px}.admin-page .pipeline-step{border-bottom:1px solid #eef0f2;grid-template-columns:28px minmax(0,1fr) auto;min-height:55px;padding:9px 0}.admin-page .pipeline-step>span:first-child{color:#8a9099;background:#fafafa;border:1px solid #e3e5e8;border-radius:7px;width:26px;height:26px;font-size:8px}.admin-page .pipeline-step strong{color:#3d424a;font-size:9px}.admin-page .pipeline-step div span,.admin-page .pipeline-step>strong{font-size:8px}.admin-page .pipeline-step>strong{color:var(--admin-accent-dark)}.admin-page .admin-lower,.admin-page .admin-content-grid,.admin-page .admin-detail-grid,.admin-page .admin-team-panel,.admin-page .practice-review-queue{margin-top:14px}.admin-page .admin-content-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:14px}.admin-page .admin-record-list{border-top:1px solid #eceef0;gap:0;margin-top:12px}.admin-page .admin-record-list>a{border:0;border-bottom:1px solid #eceef0;border-radius:0;min-height:55px;padding:10px 4px}.admin-page .admin-record-list>a:hover{background:#fff8f4;border-color:#eceef0;padding-inline:9px}.admin-page .admin-record-list strong{color:#34383f;font-size:10px}.admin-page .admin-record-list small,.admin-page .admin-record-list b{font-size:8px}.admin-page .admin-team-list{border-top:1px solid #eceef0;gap:0;margin-top:12px}.admin-page .admin-team-list article{border:0;border-bottom:1px solid #eceef0;border-radius:0;min-height:62px;padding:10px 4px}.admin-page .activity-list{gap:0;margin-top:10px}.admin-page .activity-item{min-height:47px;padding:9px 2px}.admin-page .activity-dot{background:var(--admin-accent);width:6px;height:6px}.admin-page .activity-item p{color:#42474f;font-size:9px}.admin-page .activity-item span{color:#999ea7;font-size:7px}.admin-loading-page{display:block}.admin-loading-header{border-bottom:1px solid var(--admin-border);background:#fff;flex-direction:column;gap:9px;min-height:112px;margin:0 -32px;padding:31px 32px;display:flex}.admin-loading-content{padding:22px 0}.admin-loading-content>p{color:var(--admin-muted);align-items:center;gap:9px;margin:0 0 18px;font-size:11px;font-weight:650;display:flex}.admin-loading-stats{border:1px solid var(--admin-border);background:var(--admin-border);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.admin-loading-panels{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:14px;margin-top:16px;display:grid}.admin-loading-block{background:linear-gradient(100deg,#eceff1 20%,#f7f8f9 42%,#eceff1 64%) 0 0/220% 100%;border-radius:8px;animation:1.3s ease-in-out infinite admin-loading-sheen;display:block}.admin-loading-block.eyebrow{width:110px;height:8px}.admin-loading-block.title{width:min(290px,70%);height:26px}.admin-loading-block.card{border-radius:0;height:92px}.admin-loading-block.panel{height:310px}.admin-loading-spinner{border:2px solid #f3d7c7;border-top-color:var(--admin-accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite admin-loading-spin}@keyframes admin-loading-sheen{to{background-position-x:-220%}}@keyframes admin-loading-spin{to{transform:rotate(360deg)}}@media (width<=1120px){.admin-loading-header,.admin-page .admin-top{margin-inline:-22px;padding-inline:22px}.admin-page .admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}}@media (width<=900px){.admin-loading-header{margin-inline:-18px;padding:24px 18px}.admin-loading-content{padding:18px 0}.admin-shell .admin-nav,.admin-page .admin-nav{gap:5px;min-width:0;margin:0;display:flex;overflow-x:auto}.admin-shell .admin-nav a,.admin-page .admin-nav a{white-space:nowrap;min-height:36px}.admin-page .admin-top{margin-inline:-18px;padding-inline:18px}.admin-page .admin-stats{grid-template-columns:repeat(2,1fr)}.admin-page .admin-stat:nth-child(3){border-top:1px solid var(--admin-border);border-left:0}.admin-page .admin-stat:nth-child(4){border-top:1px solid var(--admin-border)}.admin-page .admin-grid,.admin-page .admin-content-grid,.admin-page .admin-detail-grid,.admin-page .admin-detail-grid.lesson-layout{grid-template-columns:1fr}}@media (width<=620px){.admin-loading-header{min-height:0;margin-inline:-12px;padding:18px 12px}.admin-loading-content{padding:14px 0}.admin-loading-stats,.admin-loading-panels{grid-template-columns:1fr}.admin-loading-block.card{height:70px}.admin-loading-block.panel{height:220px}.admin-page .admin-top{align-items:flex-start;min-height:0;margin-inline:-12px;padding:16px 12px}.admin-page .admin-title h1{font-size:21px}.admin-page .admin-title p{font-size:9px}.admin-page .admin-stats{grid-template-columns:1fr}.admin-page .admin-stat,.admin-page .admin-stat:nth-child(2),.admin-page .admin-stat:nth-child(3),.admin-page .admin-stat:nth-child(4){border-top:1px solid var(--admin-border);border-left:0;min-height:74px}.admin-page .admin-stat:first-child{border-top:0}.admin-page .admin-panel{padding:14px}.admin-page .admin-grid,.admin-page .admin-grid>*,.admin-page .admin-panel{min-width:0}.admin-page .admin-grid>*{width:auto}.admin-page .table-scroll{overscroll-behavior-inline:contain;width:calc(100% + 28px);max-width:calc(100% + 28px);margin-inline:-14px;overflow-x:auto}.admin-page .table-scroll .data-table{width:540px;min-width:540px;margin-inline:0}}.practice-dashboard:has(.practice-meaning-session){background:#fff}:is(.learner-app-shell:has(.practice-meaning-session) .learn-rail,.learner-app-shell:has(.practice-meaning-session) .learn-topbar,.learner-app-shell:has(.practice-meaning-session) .learner-mobile-nav,.learner-app-shell:has(.practice-meaning-session) .route-transition-progress){display:none}.learner-app-shell:has(.practice-meaning-session) .learner-shell-content{min-height:100dvh;margin-left:0;padding:0}.learner-app-shell:has(.practice-meaning-session) .learner-shell-content>main{min-height:100dvh}.learner-app-shell:has(.practice-meaning-session) .learner-dashboard{min-height:100dvh}.learner-app-shell .practice-dashboard-frame:has(.practice-meaning-session){padding:0 20px 20px}.work-practice-layout.is-focused:has(.practice-meaning-session){width:100%;max-width:none}.practice-listening-card.practice-meaning-session{color:#263b37;background:#fff;grid-template-rows:auto auto;align-content:start;min-height:calc(100dvh - 20px);padding:0;display:grid;position:relative;overflow:hidden}.practice-meaning-session-nav{z-index:4;position:absolute;top:4px;right:4px}.practice-meaning-session-nav>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.practice-meaning-session .practice-back-button{color:#8ba09b;opacity:.68;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.practice-meaning-session .scenario-progress{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;top:0;left:0;overflow:hidden}.practice-meaning-session .scenario-progress span{border-radius:inherit;background:#ff5046;height:100%;display:block}.practice-meaning-audio{text-align:center;flex-direction:column;align-items:center;min-height:324px;padding:28px 20px 14px;display:flex}.practice-meaning-prompt{color:#607a74;font-size:14px;font-weight:720;line-height:1.4}.practice-meaning-audio-row{justify-content:center;align-items:center;gap:28px;margin-top:32px;display:flex;transform:translate(31px)}.practice-meaning-replay{cursor:pointer;color:#fff;background:#ff4f45;border:6px solid #ffe1ca;border-radius:50%;place-items:center;width:110px;height:110px;padding:0;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;box-shadow:0 18px 35px #ff4f4533}.practice-meaning-replay:hover:not(:disabled),.practice-meaning-replay:focus-visible{background:#f6473d;transform:translateY(-2px)scale(1.025);box-shadow:0 22px 38px #ff4f4540}.practice-meaning-replay:disabled{cursor:default;opacity:1}.practice-meaning-replay.is-playing{animation:1s ease-in-out infinite alternate practice-meaning-pulse}.practice-meaning-wave{color:#ff8f8d;animation:1s ease-in-out infinite alternate practice-meaning-wave}.practice-meaning-countdown{width:54px;height:54px}.practice-meaning-countdown .listening-countdown-ring circle{stroke-width:5px}.practice-meaning-countdown .listening-countdown-ring-track{stroke:#f7dfd8}.practice-meaning-countdown .listening-countdown-ring-value{stroke:#ff5046}.practice-meaning-countdown>strong{color:#ff4f45;font-size:23px;font-weight:650}.practice-meaning-replay-label{color:#2b2928;margin-top:18px;font-size:20px;font-weight:720;line-height:1.3}.practice-meaning-speed{cursor:pointer;color:#55756e;min-height:43px;font:inherit;background:#fff;border:1px solid #cedfda;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:0 15px;font-size:13px;font-weight:650;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.practice-meaning-speed:hover:not(:disabled),.practice-meaning-speed:focus-visible,.practice-meaning-speed[aria-pressed=true]{color:#087668;background:#f4faf7;border-color:#8fc2b7}.practice-meaning-speed:disabled{cursor:default;opacity:.64}.practice-meaning-audio>small.is-warning{color:#a36345;margin-top:12px;font-size:11px}.practice-meaning-answer-area{width:100%;padding:18px clamp(0px,1.7vw,20px) 0}.practice-meaning-session .listening-meaning-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0;display:grid}.practice-meaning-session .listening-meaning-options button{cursor:pointer;color:#222726;text-align:left;background:#fff;border:1px solid #d3e1dd;border-radius:15px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:15px;min-height:84px;padding:16px 20px;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:grid}.practice-meaning-session .listening-meaning-options button:hover:not(:disabled),.practice-meaning-session .listening-meaning-options button:focus-visible{background:#fbfefd;border-color:#80b7aa;transform:translateY(-1px);box-shadow:0 9px 22px #195c5012}.practice-meaning-session .listening-meaning-options button>span{color:#50756d;background:#edf4f2;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:720;display:grid}.practice-meaning-session .listening-meaning-options button strong{min-width:0;color:inherit;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.45}.practice-meaning-session .listening-meaning-options button.selected{color:#086b5f;background:#edf8f4;border-color:#5fa99a;box-shadow:inset 0 0 0 1px #1180711f}.practice-meaning-session .listening-meaning-options button.selected>span{color:#fff;background:#118071}.practice-meaning-session .listening-meaning-options button:disabled:not(.selected){cursor:default;opacity:1}.practice-meaning-helper{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.practice-meaning-outcome-shell{place-items:center;min-height:calc(100dvh - 130px);padding:42px 18px 24px;display:grid}@keyframes practice-meaning-pulse{to{transform:scale(.96);box-shadow:0 12px 24px #ff4f4529}}@keyframes practice-meaning-wave{to{opacity:.62;transform:scaleY(.82)}}@media (width<=720px){.learner-app-shell .practice-dashboard-frame:has(.practice-meaning-session){padding:0 14px calc(20px + env(safe-area-inset-bottom))}.practice-listening-card.practice-meaning-session{grid-template-rows:auto auto;min-height:calc(100dvh - 112px);overflow:visible}.practice-meaning-audio{min-height:340px;padding:42px 10px 28px}.practice-meaning-audio-row{gap:18px;margin-top:26px;transform:translate(25px)}.practice-meaning-replay{width:98px;height:98px}.practice-meaning-replay-label{font-size:18px}.practice-meaning-session .listening-meaning-options{grid-template-columns:1fr;gap:10px}.practice-meaning-session .listening-meaning-options button{min-height:72px;padding:13px 14px}.practice-meaning-outcome-shell{min-height:calc(100dvh - 112px);padding-inline:0}}@media (prefers-reduced-motion:reduce){.practice-meaning-replay,.practice-meaning-wave{transition:none;animation:none}}html[data-vip-prompt-open=true]{overflow:hidden}.vip-upgrade-inline-form{margin:0;display:inline-flex}.vip-upgrade-inline-form .button{cursor:pointer;border-style:solid}.vip-upgrade-dialog{background:0 0;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;inset:0;overflow:hidden}.vip-upgrade-dialog[open]{display:grid}.vip-upgrade-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1f1c94}.vip-upgrade-sheet{color:#173f38;text-align:center;background:#fffdf8;border:1px solid #ead9b9;border-radius:26px;width:min(500px,100vw - 32px);max-height:calc(100dvh - 48px);padding:34px;position:relative;overflow:auto;box-shadow:0 32px 90px #0a2a2447}.vip-upgrade-close{color:#5e6f6a;cursor:pointer;background:#f2f3ef;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.vip-upgrade-icon{color:#986719;background:#fff0ce;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.vip-upgrade-kicker{color:#986719;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:820}.vip-upgrade-sheet h2{color:#173f38;letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(25px,4vw,32px);line-height:1.16}.vip-upgrade-sheet>p{color:#60716c;margin:16px auto 0;font-size:14px;line-height:1.65}.vip-upgrade-sheet>p strong{color:#3d4f4a}.vip-upgrade-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.vip-upgrade-actions .button{cursor:pointer;border-style:solid;width:100%}@media (width<=520px){.vip-upgrade-dialog{align-items:end;padding:16px}.vip-upgrade-sheet{border-radius:24px;width:100%;max-height:calc(100dvh - 24px);padding:30px 22px 22px}.vip-upgrade-actions{grid-template-columns:1fr}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--motion-fast:.15s;--motion-base:.21s;--motion-slow:.26s;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-ease-soft:cubic-bezier(.2, .8, .2, 1)}.page-loading-shell{width:min(1180px,100% - 40px);min-height:calc(100dvh - 92px);margin:0 auto;padding:clamp(34px,6vw,76px) 0 72px}.page-loading-heading{gap:14px;margin-bottom:34px;display:grid}.page-loading-heading .skeleton-block:first-child{width:124px;height:11px}.page-loading-heading .skeleton-block:nth-child(2){width:min(520px,78%);height:48px}.page-loading-heading .skeleton-block:nth-child(3){width:min(650px,92%);height:14px}.page-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.page-loading-card{border:1px solid color-mix(in srgb, var(--forest) 10%, #fff);background:#ffffffc7;border-radius:24px;align-content:center;gap:16px;min-height:188px;padding:28px;display:grid}.page-loading-card-featured{grid-column:1/-1;min-height:260px}.page-loading-card .skeleton-block:first-child{border-radius:14px;width:72px;height:44px}.page-loading-card .skeleton-block:nth-child(2){width:min(420px,74%);height:24px}.page-loading-card .skeleton-block:nth-child(3){width:min(560px,92%);height:13px}@media (width<=720px){.page-loading-shell{width:min(100% - 28px,680px);min-height:calc(100dvh - 78px);padding:26px 0 104px}.page-loading-heading{margin-bottom:24px}.page-loading-heading .skeleton-block:nth-child(2){width:90%;height:40px}.page-loading-grid{grid-template-columns:1fr;gap:14px}.page-loading-card-featured{grid-column:auto;min-height:210px}.page-loading-card{border-radius:20px;min-height:150px;padding:22px}}@keyframes hw-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes hw-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hw-spin{to{transform:rotate(360deg)}}@keyframes hw-shimmer{to{background-position-x:-220%}}.button,.answer-button,.filter-chip,.icon-link,.round-button,.start-lesson-button,.review-button,.course-card,.learn-quick-actions a,.rail-nav a,.rail-support,.topbar-icon,.mobile-nav a,.learner-mobile-nav a{transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) var(--motion-ease)}.desktop-nav a,.text-link,.footer-column a,.course-card .course-hanzi,.course-card .icon-link,.learn-section-title a svg,.trail-heading a svg,.vip-mini-banner>svg:last-child,.start-lesson-button svg:last-child{transition:transform var(--motion-base) var(--motion-ease), color var(--motion-fast) ease}.button:active,.answer-button:active,.filter-chip:active,.round-button:active,.start-lesson-button:active,.review-button:active,.mobile-nav a:active,.learner-mobile-nav a:active,.learn-quick-actions a:active{transform:scale(.97)}.search-box{transition:background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:11px}.search-box:focus-within{background:var(--sage-light);box-shadow:0 0 0 4px #176b5b1a}.filter-chip{white-space:nowrap}.filter-chip.active{box-shadow:0 8px 18px #176b5b29}.filter-chip:active{transform:scale(.97)}.explorer-count,.course-motion-item,.explorer>.empty-state{animation:course-item-enter .22s var(--motion-ease) both}@keyframes course-item-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.course-motion-item{min-width:0;height:100%}.course-motion-item>.course-card{height:100%}.course-card{backface-visibility:hidden;transform-origin:bottom;transition:color var(--motion-fast) ease, border-color .28s ease, background-color var(--motion-fast) ease, box-shadow .42s var(--motion-ease), transform .42s var(--motion-ease);transform:translate(0,0)}.course-card .course-cover-image,.hsk-entry-card .hsk-entry-mascot{transition:transform .52s var(--motion-ease), filter .28s ease}.course-card .course-tag,.course-card .course-body h2,.course-card .free-label{transition:color .24s ease, transform .42s var(--motion-ease)}.course-card .course-cover-shade{transition:background-color .36s}.course-card .course-hanzi{transform-origin:70% 70%}.practice-round,.flashcard-motion-shell{min-width:0}.flashcard-motion-shell{border-radius:20px}.flashcard{background:linear-gradient(145deg, var(--sage-light), #e8f2ec);transition:background-color var(--motion-base) ease, box-shadow var(--motion-base) ease;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #176b5b09}.flashcard-hanzi{margin-top:30px;line-height:1.05}.flashcard-answer-slot{place-items:center;min-height:54px;margin-top:10px;display:grid}.flashcard-meaning{margin:0}.flashcard-hint{margin-top:20px}.flashcard-motion-shell.is-known .flashcard{background:linear-gradient(145deg,#eff8f3,#e0f1e8);box-shadow:inset 0 0 0 2px #176b5b38,0 14px 34px #176b5b14}.flashcard-motion-shell.is-hard .flashcard{background:linear-gradient(145deg,#fffaf0,#f8efdd);box-shadow:inset 0 0 0 2px #dd9b423d}.practice-round{animation:practice-round-enter .22s var(--motion-ease) both}.practice-progress>span{transition:width .34s var(--motion-ease)}.flashcard-motion-shell.is-known{animation:practice-card-known .28s var(--motion-ease)}.flashcard-motion-shell.is-hard{animation:.24s ease-out practice-card-hard}.flashcard:active,.answer-button:not(:disabled):active,.practice-finish .button:active{transform:scale(.97)}.flashcard-meaning{animation:practice-answer-in .22s var(--motion-ease) both}.practice-finish{animation:practice-finish-in .3s var(--motion-ease) both}.practice-finish-icon{animation:.5s ease-out both practice-trophy-in}@keyframes practice-round-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes practice-card-known{0%,to{transform:scale(1)}55%{transform:scale(1.018)}}@keyframes practice-card-hard{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}@keyframes practice-answer-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes practice-finish-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes practice-trophy-in{0%{opacity:0;transform:rotate(0)scale(.84)}70%{opacity:1;transform:rotate(4deg)scale(1.08)}to{opacity:1;transform:rotate(0)scale(1)}}.answer-button:not(:disabled){box-shadow:0 7px 18px #1c433a0b}.answer-button.known:not(:disabled){box-shadow:0 10px 24px #176b5b2e}.lesson-tab{transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease;border-bottom:0;position:relative}.lesson-tab.active{border-color:#0000}.lesson-tab-indicator{background:var(--forest);border-radius:999px 999px 0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.lesson-tab-panel-viewport{min-width:0;overflow:clip}.lesson-tab-panel{min-width:0}.lesson-complete-message{flex:1;min-width:0}.lesson-complete-icon{justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.page-hero-inner>*,.practice-info,.practice-board,.auth-card,.price-card,.learn-greeting,.learn-section-title,.today-lesson,.start-lesson-button,.learn-quick-actions,.daily-tip,.learning-trail,.learn-aside-column>*{animation:hw-rise var(--motion-slow) var(--motion-ease) both}.page-hero-inner>:nth-child(2),.practice-board,.learn-section-title,.learn-aside-column>:first-child{animation-delay:45ms}.today-lesson,.learn-aside-column>:nth-child(2){animation-delay:85ms}.start-lesson-button,.learn-aside-column>:nth-child(3){animation-delay:.12s}.learn-quick-actions{animation-delay:.145s}.daily-tip{animation-delay:.17s}.learning-trail{animation-delay:.195s}.lesson-tab-panel{animation:hw-rise .15s var(--motion-ease) both}.skeleton-block{animation:1.35s ease-in-out infinite hw-shimmer}.price-card:nth-child(2){animation-delay:45ms}.price-card:nth-child(3){animation-delay:90ms}.goal-progress span,.course-progress span,.preview-progress span{transform-origin:0;animation:hw-grow .52s var(--motion-ease) both}}@media (hover:hover) and (pointer:fine){.button:hover,.start-lesson-button:hover{transform:translateY(-2px)}.course-card:not(.course-card-coming):is(:hover,:focus-visible){transform:translateY(-8px)scale(1.012)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-cover-image{transform:scale(1.06)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .hsk-entry-mascot{transform:translateY(-7px)scale(1.04)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-cover-shade{background-color:#05302a06}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-tag{transform:translateY(-2px)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-hanzi{transform:translate(-2px,-3px)scale(1.045)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-body h2{color:var(--forest);transform:translateY(-1px)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .icon-link{color:#fff;border-color:var(--forest);background:var(--forest);transform:translate(3px,-3px)scale(1.04)}.course-card-coming:hover .course-cover-image{transform:none}.text-link:hover svg,.learn-section-title a:hover svg,.trail-heading a:hover svg,.start-lesson-button:hover svg:last-child,.vip-mini-banner:hover>svg:last-child{transform:translate(3px)}.learn-quick-actions a:hover,.rail-nav a:hover,.topbar-icon:hover{transform:translateY(-1px)}}@media (width<=980px){:root{--motion-base:.19s;--motion-slow:.24s}.lesson-tab-indicator{left:8px;right:8px}}@media (width<=640px){.filter-list{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.filter-list::-webkit-scrollbar{display:none}.filter-chip{flex:none}.flashcard{min-height:315px;padding:24px 18px}.flashcard-hanzi{margin-top:22px;font-size:clamp(48px,16vw,58px)}.flashcard-answer-slot{min-height:48px;margin-top:8px}.flashcard-hint{margin-top:16px}.answer-actions{gap:8px}.answer-button{min-height:50px;padding-inline:10px}.lesson-tab{flex:none;padding-inline:13px}.lesson-tab-panel-viewport{overflow:hidden}.lesson-loading-row{grid-template-columns:30% 1fr}.lesson-loading-row .skeleton-block:last-child{grid-column:1/-1;width:72%}.course-card:hover,.button:hover,.start-lesson-button:hover{transform:none}}@media (hover:none){.button:hover,.course-card:hover,.start-lesson-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.game-journey-featured-card button{transition-duration:.22s,.32s,.32s!important}.game-journey-station{transition-duration:.48s,.36s!important}.game-journey-station-number{transition-duration:.46s,.36s!important}.game-journey-station-visual>img{transition-duration:.52s,.36s!important}.writing-topic-card{transition-duration:.24s,.24s,.32s,.32s!important}.writing-topic-characters span{transition-duration:.24s,.28s,.3s!important}.writing-lesson-card{transition-duration:.24s,.24s,.32s,.32s!important}.writing-lesson-card-characters span{transition-duration:.24s,.28s,.3s!important}.typing-level-card{transition-duration:.22s,.22s,.22s!important}.typing-hanzi-preview span{transition-duration:.2s,.22s!important}.typing-character-progress>span{transition-duration:.18s!important}.himi-writing-character-grid button{transition-duration:.22s,.22s,.22s,.28s,.28s!important}.himi-writing-character-grid button>span{transition-duration:.28s!important}.himi-writing-character-grid button small{transition-duration:.22s,.28s!important}.video-category-filters button{transition-duration:.24s!important}.course-card{transition-duration:.18s,.22s,.18s,.26s,.26s!important}.course-card .course-cover-image,.hsk-entry-card .hsk-entry-mascot{transition-duration:.3s,.18s!important}.course-card .course-tag,.course-card .course-body h2,.course-card .free-label,.course-card .course-hanzi,.course-card .icon-link{transition-duration:.18s,.24s!important}.course-card .course-cover-shade{transition-duration:.22s!important}.course-card:not(.course-card-coming):is(:hover,:focus-visible){transform:translateY(-4px)scale(1.006)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-cover-image{transform:scale(1.03)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .hsk-entry-mascot{transform:translateY(-3px)scale(1.02)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .course-hanzi{transform:translate(-1px,-1px)scale(1.02)}.course-card:not(.course-card-coming):is(:hover,:focus-visible) .icon-link{transform:translate(2px,-2px)scale(1.02)}.vip-plan-request-form .button{transition-duration:.22s,.18s,.18s,.18s!important}}:root{--responsive-page-gutter:clamp(12px, 3vw, 38px);--responsive-touch-target:44px}html,body,img,svg,video,canvas,iframe{max-width:100%}iframe,video{display:block}:where(.learner-shell-content,.learn-frame,.learn-main-column,.learn-aside-column,.section-shell,.course-library-page,.video-library-page,.practice-dashboard,.game-center-dashboard,.lesson-page,.vip-page,.admin-page,.account-page){min-width:0}:where(.course-card,.learning-video-card,.practice-feature-card,.lesson-header-card,.lesson-content-card,.pricing-card,.admin-panel,.account-panel) :where(h1,h2,h3,p,span,strong,small,a){overflow-wrap:anywhere}@media (width>=721px) and (width<=920px){.review-peek-card.peek-2{display:none}.learn-aside-column,.practice-side-column{min-width:0}}@media (width<=720px){:root{--responsive-page-gutter:clamp(12px, 4vw, 18px)}body{overscroll-behavior-x:none}.learner-app-shell .learn-topbar{display:none}.learner-app-shell .learner-shell-content{padding-top:0}.learner-mobile-nav{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));padding-bottom:max(6px, env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(0,1fr))}.learner-mobile-nav a{min-width:0;min-height:50px;font-size:clamp(8px,2.35vw,10px);overflow:hidden}.learner-mobile-nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}:where(.course-library-page .filter-list,.video-category-filters,.practice-industry-tabs,.lesson-tabs,.admin-nav,.today-session-steps){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}:where(button,[role=button],input,select,textarea){min-height:var(--responsive-touch-target)}.admin-stats,.admin-vip-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-grid,.admin-detail-grid,.admin-detail-grid.lesson-layout,.admin-grid,.admin-lower{grid-template-columns:minmax(0,1fr)}.admin-team-list article,.admin-vip-heading,.admin-panel-heading{flex-direction:column;align-items:stretch}.admin-team-list form,.admin-search,.admin-vip-request-actions,.admin-vip-request-actions form{grid-template-columns:minmax(0,1fr);width:100%}.admin-team-list select,.admin-search .button,.admin-vip-request-actions .button{width:100%;min-width:0}.legal-page,.auth-page,.account-page{padding-left:var(--responsive-page-gutter);padding-right:var(--responsive-page-gutter)}.legal-card,.auth-card,.account-shell{width:100%;min-width:0}.vip-page{min-height:100dvh;padding-bottom:calc(86px + env(safe-area-inset-bottom));overflow-x:clip}.vip-page>.section-shell{width:auto;margin-left:max(var(--responsive-page-gutter), env(safe-area-inset-left));margin-right:max(var(--responsive-page-gutter), env(safe-area-inset-right))}.vip-page>.vip-page-header{padding-top:max(12px, env(safe-area-inset-top))}.vip-page-header .himi-section-banner.is-vip{background-position:66%;border-radius:22px;min-height:clamp(292px,82vw,326px);padding:20px clamp(14px,5vw,20px) 120px}.vip-page-header .is-vip .himi-section-banner-copy{max-width:100%;margin:0;padding:13px 14px 15px}.vip-page-header .is-vip h1{font-size:clamp(30px,9.6vw,41px)}.vip-page-header .is-vip .himi-section-banner-copy>p{max-width:31ch;font-size:clamp(11px,3.1vw,12px)}.vip-request-feedback{gap:10px;padding-top:14px}.vip-request-notice{border-radius:15px;width:100%;padding:13px 14px;font-size:clamp(11px,3vw,12px)}.vip-current-status{border:1px solid var(--line);background:#ffffffd6;border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:0;padding:14px}.vip-current-status+.vip-current-status{border-top:1px solid var(--line)}.vip-current-status>div{gap:4px}.vip-current-status>div>span{font-size:9px}.vip-current-status strong{font-size:14px;line-height:1.35}.vip-current-status small{font-size:10px;line-height:1.5}.vip-current-status>a,.vip-current-status>form{grid-column:1/-1;width:100%}.vip-current-status>a,.vip-current-status>form button{min-height:var(--responsive-touch-target);background:var(--sage-light);border-radius:11px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;display:inline-flex}.vip-current-status>form button{width:100%}.vip-pricing-grid{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:18px 24px}.vip-plan-card,.vip-plan-card.featured{border-radius:20px;min-height:0;padding:20px;transform:none}.vip-plan-card:not(.featured) .price-name{margin-top:0}.vip-plan-card.featured .price-name{margin-top:15px}.vip-plan-card .price{flex-wrap:wrap;row-gap:0;margin-top:10px}.vip-plan-card .price strong{font-size:clamp(32px,10vw,38px)}.vip-plan-card .price-description{min-height:0;margin:8px 0 17px;font-size:12px}.vip-plan-card .feature-list{gap:11px;margin-bottom:20px;padding-top:17px;font-size:12px;line-height:1.45}.vip-plan-request-form{gap:11px}.vip-plan-request-form label>span{font-size:10px}.vip-plan-request-form input{border-radius:11px;min-height:46px;padding-inline:12px;font-size:16px}.vip-plan-card .button{min-height:48px;padding-inline:14px}.account-page{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(var(--responsive-page-gutter), env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(var(--responsive-page-gutter), env(safe-area-inset-left));overflow-x:clip}.account-page-inner{width:min(100%,640px);padding:4px 0 0}.account-page-title{font-size:clamp(24px,7.2vw,27px)}.account-feedback{width:100%;margin-top:12px}.account-profile-hero{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:15px;padding:22px 2px 24px}.account-profile-hero:after{opacity:.32;background-position:50%,right 7% center;background-size:cover,270px;inset:-34px -28px 0 14%}.account-profile-avatar{width:84px;height:84px}.account-profile-avatar-initials{font-size:26px}.account-profile-copy h2{overflow-wrap:anywhere;font-size:clamp(25px,8vw,30px);line-height:1.08}.account-profile-email{align-items:center}.account-profile-email>span{max-width:100%}.account-profile-email em{margin-left:0}.account-vip-outline{min-height:var(--responsive-touch-target);text-align:center;max-width:100%;margin:16px 0 0;padding-inline:15px}.account-membership-band{border-radius:17px;gap:12px;min-height:0;padding:14px}.account-membership-band>a{min-height:var(--responsive-touch-target);padding:11px 3px 0}.account-pending-request{border-radius:16px;padding:14px}.account-pending-request button{min-height:var(--responsive-touch-target)}.account-information dl{border:1px solid var(--line);background:#ffffffa8;border-radius:16px;overflow:hidden}.account-information dl>div{min-height:0;padding:12px}.account-information dl>div:last-child{border-bottom:0}.account-information dd{padding-left:31px}.account-security-list{background:#ffffffb8;border-radius:16px}.account-security-row{min-height:70px;padding:11px 13px}.account-security-row strong{font-size:13px}.account-security-row small{font-size:11px;line-height:1.4}.account-password-editor{padding:13px 14px 18px}.account-password-editor>p{margin-bottom:13px;line-height:1.5}.account-password-form input{min-height:48px;font-size:16px}.account-password-form button{min-height:48px}.account-page-footer{text-align:center;flex-wrap:wrap;justify-content:center;margin:24px 0 0}}@media (width<=430px){.account-profile-hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:11px;padding-top:20px}.account-profile-avatar{width:82px;height:82px}.account-profile-copy{width:100%}.account-profile-copy>p{margin-top:7px}.account-profile-email{justify-content:center}.account-profile-email em{margin-inline:0}.account-vip-outline{width:100%}}@media (width<=359px){.learner-mobile-nav{gap:1px;padding-inline:4px;left:6px;right:6px}.learner-mobile-nav a{padding-inline:1px;font-size:8px}.learner-mobile-nav a svg{width:18px;height:18px}.auth-card-login-scene,.legal-card{border-radius:22px}.vip-page>.section-shell{margin-left:max(10px, env(safe-area-inset-left));margin-right:max(10px, env(safe-area-inset-right))}.vip-page-header .himi-section-banner.is-vip{border-radius:19px;min-height:286px;padding:16px 13px 106px}.vip-page-header .is-vip .himi-section-banner-copy{padding:12px}.vip-page-header .is-vip h1{font-size:29px}.vip-page-header .himi-section-banner-mascot.himi-vip-banner-mascot{width:174px;bottom:-23px;right:-9px}.vip-plan-card,.vip-plan-card.featured{border-radius:18px;padding:17px}.account-page{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.account-page-title{font-size:23px}.account-profile-copy h2{font-size:26px}.account-membership-band,.account-pending-request{padding:12px}.account-security-row{gap:8px;padding-inline:11px}}@media (height<=500px) and (width>=721px) and (width<=920px){.learner-app-shell .learn-topbar{height:72px}.learner-app-shell .learn-topbar .brand-mark{width:42px;height:42px}.learner-app-shell .streak-chip{min-height:40px}.learn-frame{padding-top:92px}.auth-page-login-scene{min-height:100dvh}}@media (orientation:landscape) and (height<=500px) and (width>=560px) and (width<=980px){.vip-page{padding-bottom:28px;overflow-x:clip}.vip-page>.section-shell{width:auto;margin-left:max(16px, env(safe-area-inset-left));margin-right:max(16px, env(safe-area-inset-right))}.vip-page-header{padding-top:max(12px, env(safe-area-inset-top))}.vip-page-header .himi-section-banner.is-vip{background-position:58%;grid-template-columns:minmax(0,1fr) 245px;min-height:218px;padding:18px 26px}.vip-page-header .is-vip .himi-section-banner-copy{max-width:390px;box-shadow:none;background:0 0;margin:0;padding:0}.vip-page-header .is-vip h1{font-size:clamp(32px,5vw,40px)}.vip-page-header .is-vip .himi-section-banner-copy>p{margin-top:10px;font-size:11px}.vip-page-header .himi-section-banner-mascot.himi-vip-banner-mascot{width:224px;bottom:-35px;right:-2px}.vip-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-page{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 38px max(20px, env(safe-area-inset-left));overflow-x:clip}.account-page-inner{width:min(100%,880px);padding:4px 0 0}.account-profile-hero{grid-template-columns:108px minmax(0,1fr);align-items:center;gap:28px;min-height:202px;padding:18px 0}.account-profile-avatar{width:104px;height:104px;margin-top:0}.account-profile-copy{margin-top:0}.account-profile-copy h2{font-size:32px}.account-vip-outline{min-height:44px;margin-top:16px}}@media (width>=1600px){.section-shell,.course-library-page>:where(section,div),.video-library-page>:where(header,section){margin-left:auto;margin-right:auto}}@media (width<=720px){body:has(.auth-page-login-scene){width:100%;min-width:0;min-height:100dvh;overflow-x:clip}body:has(.auth-page-login-scene)>.standalone-route-shell{width:100%;min-width:0;min-height:100dvh;overflow-x:clip}.auth-page-login-scene{width:100%;min-width:0;min-height:100dvh;padding:0 max(12px, env(safe-area-inset-right)) max(112px, calc(72px + env(safe-area-inset-bottom))) max(12px, env(safe-area-inset-left));overflow-x:clip}.auth-scene-brand{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));max-width:calc(100% - 132px - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));gap:8px;min-width:0;min-height:44px;font-size:clamp(17px,4.8vw,20px)}.auth-scene-brand .brand-mark{border-radius:14px;flex:0 0 44px;width:44px;min-width:44px;height:44px}.auth-scene-brand .brand-wordmark{min-width:0}.auth-scene-home,.auth-scene-replay{top:max(12px, env(safe-area-inset-top));width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.auth-scene-home{right:max(12px, env(safe-area-inset-right));font-size:0}.auth-scene-replay{right:calc(max(12px, env(safe-area-inset-right)) + 52px)}.auth-scene-home svg,.auth-scene-replay svg{flex:none;width:19px;height:19px}.auth-card-login-scene{width:min(100%,458px);min-width:0;max-width:100%;margin:calc(max(12px, env(safe-area-inset-top)) + 62px) auto 0;border-radius:clamp(20px,6vw,24px) clamp(20px,6vw,24px) 18px 18px;padding:clamp(21px,6vw,28px);position:relative;top:auto;left:auto}.auth-card-register-scene{margin-bottom:0}.auth-page-forgot-scene{min-height:100dvh;padding-top:calc(max(12px, env(safe-area-inset-top)) + 62px);justify-content:center;align-items:center;display:flex}.auth-page-forgot-scene .auth-card-forgot-scene{margin:0 auto}.auth-card-login-scene :where(.auth-heading,.auth-form,.auth-form label,.auth-form-field,.auth-input-shell,.auth-switch,.auth-switch>div,.auth-switch p){min-width:0;max-width:100%}.auth-card-login-scene .auth-heading h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(28px,8vw,35px);line-height:1.06}.auth-card-login-scene .auth-heading p{overflow-wrap:anywhere;max-width:100%;margin-top:11px;font-size:13px;line-height:1.55}.auth-card-login-scene .auth-form{gap:13px;margin-top:20px}.auth-card-login-scene .auth-form label,.auth-card-login-scene .auth-form-field{gap:7px;font-size:13px}.auth-card-login-scene .auth-input-shell input{width:100%;min-width:0;min-height:50px;padding-right:13px;font-size:16px}.auth-card-login-scene .auth-form .button{width:100%;min-width:0;min-height:50px}.auth-card-login-scene .auth-switch{margin-top:18px;padding-top:14px;font-size:12px;line-height:1.45}.auth-card-login-scene .auth-switch>div{gap:4px}.auth-card-login-scene .auth-switch p{overflow-wrap:anywhere}.auth-registration-success{padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}}@media (width<=359px){.auth-page-login-scene{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}.auth-scene-brand{left:max(10px, env(safe-area-inset-left));max-width:calc(100% - 124px - max(10px, env(safe-area-inset-left)) - max(10px, env(safe-area-inset-right)));gap:6px;font-size:16px}.auth-scene-brand .brand-mark{flex-basis:42px;width:42px;min-width:42px;height:42px}.auth-scene-home{right:max(10px, env(safe-area-inset-right))}.auth-scene-replay{right:calc(max(10px, env(safe-area-inset-right)) + 50px)}.auth-card-login-scene{border-radius:20px 20px 16px 16px;padding:20px 17px}.auth-card-login-scene .auth-heading h1{font-size:27px}}@media (orientation:landscape) and (height<=500px) and (width>=560px) and (width<=980px){body:has(.auth-page-login-scene){min-width:0;min-height:100dvh;overflow-x:clip}body:has(.auth-page-login-scene)>.standalone-route-shell{min-width:0;min-height:100dvh;overflow-x:clip}.auth-page-login-scene,.auth-page-forgot-scene{width:100%;min-width:0;min-height:100dvh;padding:0 max(16px, env(safe-area-inset-right)) max(48px, calc(24px + env(safe-area-inset-bottom))) max(16px, env(safe-area-inset-left));display:block;overflow-x:clip}.auth-scene-brand{top:max(10px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));gap:8px;font-size:18px}.auth-scene-brand .brand-mark{border-radius:13px;flex:0 0 42px;width:42px;min-width:42px;height:42px}.auth-scene-home,.auth-scene-replay{top:max(10px, env(safe-area-inset-top));width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.auth-scene-home{right:max(16px, env(safe-area-inset-right));font-size:0}.auth-scene-replay{right:calc(max(16px, env(safe-area-inset-right)) + 52px)}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:min(100%,500px);min-width:0;max-width:100%;margin:calc(max(10px, env(safe-area-inset-top)) + 58px) auto 0;padding:22px 26px;position:relative;top:auto;left:auto}.auth-card-login-scene :where(.auth-heading,.auth-form,.auth-form label,.auth-form-field,.auth-input-shell,.auth-switch,.auth-switch>div,.auth-switch p){min-width:0;max-width:100%}.auth-card-register-scene{margin-bottom:0}.auth-card-login-scene .auth-heading h1{font-size:30px}.auth-card-login-scene .auth-heading p{margin-top:8px;line-height:1.45}.auth-card-login-scene .auth-form{gap:11px;margin-top:17px}.auth-card-login-scene .auth-input-shell input,.auth-card-login-scene .auth-form .button{width:100%;min-width:0;min-height:48px}.auth-card-login-scene .auth-input-shell input{font-size:16px}.auth-card-login-scene .auth-switch{margin-top:13px;padding-top:10px}}@media (prefers-reduced-motion:reduce){.learner-mobile-nav,.review-peek-card,.course-card,.learning-video-card{scroll-behavior:auto}}@media (width<=720px){body:has(.auth-page-login-scene){min-height:max(100dvh, var(--auth-scene-min-height));overflow-x:clip}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:max(100dvh, var(--auth-scene-min-height));overflow-x:clip}body:has(.auth-page-login-scene){padding-bottom:0}.auth-page-login-scene,.auth-page-forgot-scene{width:100%;min-height:max(100dvh, var(--auth-scene-min-height));padding:0;display:block;overflow:clip auto}.auth-page-login-scene{--auth-scene-min-height:760px}.auth-page-register-scene{--auth-scene-min-height:844px}.auth-page-forgot-scene{--auth-scene-min-height:700px}.auth-scene-stage{width:auto;height:max(100dvh, var(--auth-scene-min-height));aspect-ratio:2/3;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-login-scene-art{background:url(/assets/auth/login-paper-scene-mobile-v2.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:64%;min-width:0;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:22px 24px;position:absolute;top:13.7%;left:18%}.auth-card-register-scene{margin:0;padding:19px 23px;top:12.2%}.auth-page-forgot-scene .auth-card-forgot-scene{top:15.5%}.auth-card-login-scene .auth-heading h1{font-size:clamp(29px,7vw,35px)}.auth-card-login-scene .auth-heading p{margin-top:10px;font-size:13px;line-height:1.5}.auth-card-login-scene .auth-form{gap:12px;margin-top:20px}.auth-card-login-scene .auth-input-shell input,.auth-card-login-scene .auth-form .button{min-height:50px}.auth-card-login-scene .auth-switch{margin-top:16px;padding-top:13px;font-size:12px}.auth-card-register-scene .auth-heading h1{font-size:clamp(27px,6.5vw,31px)}.auth-card-register-scene .auth-heading p{margin-top:7px;font-size:11px;line-height:1.42}.auth-card-register-scene .auth-form{gap:8px;margin-top:12px}.auth-card-register-scene .auth-form label,.auth-card-register-scene .auth-form-field{gap:5px;font-size:11px}.auth-card-register-scene .auth-input-shell input{min-height:44px;font-size:14px}.auth-card-register-scene .auth-form .button{min-height:46px}.auth-card-register-scene .auth-switch{margin-top:10px;padding-top:10px}}@media (width<=359px){.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{border-radius:0;width:64%;padding-inline:20px}.auth-card-register-scene{padding-inline:19px}.auth-card-login-scene .auth-heading h1{font-size:27px}}@media (orientation:landscape) and (height<=500px) and (width>=721px) and (width<=980px){.auth-page-login-scene,.auth-page-forgot-scene{min-height:max(100dvh,720px);padding:0;display:block;overflow:clip auto}body:has(.auth-page-login-scene){min-height:max(100dvh,720px);padding:0;display:block;overflow:clip auto}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:max(100dvh,720px);padding:0;display:block;overflow:clip auto}.auth-page-register-scene{min-height:max(100dvh,760px)}.auth-scene-stage{aspect-ratio:3/2;width:auto;height:max(100dvh,720px);position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-page-register-scene .auth-scene-stage{height:max(100dvh,760px)}.auth-login-scene-art{background:url(/assets/auth/login-paper-scene-desktop-v2.webp) 50%/100% 100% no-repeat}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:32.85%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:24px;position:absolute;top:10.6%;left:23.35%}.auth-card-register-scene{padding:18px 22px;top:7.8%}}@media (width>=901px) and (height<=900px){body:has(.auth-page-login-scene){min-height:max(100dvh,560px);padding-bottom:0;overflow-x:clip}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:max(100dvh,560px);padding-bottom:0;overflow-x:clip}.auth-page-login-scene,.auth-page-forgot-scene{--auth-scene-min-height:560px;width:100%;min-height:max(100dvh, var(--auth-scene-min-height));overflow:clip hidden}.auth-scene-stage{aspect-ratio:3/2;width:max(100vw,150dvh,1275px);height:auto;top:0;left:50%;transform:translate(-50%)}.auth-page-login-scene:not(.auth-page-register-scene):not(.auth-page-forgot-scene) .auth-scene-stage{top:12px}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:390px;max-width:390px;padding:20px 28px;top:100px;left:calc(39.775% - 195px)}.auth-card-login-scene .auth-heading h1{font-size:clamp(28px,2.4vw,32px);line-height:1.04}.auth-card-login-scene .auth-heading p{margin-top:7px;font-size:12px;line-height:1.42}.auth-card-login-scene .auth-form{gap:9px;margin-top:14px}.auth-card-login-scene .auth-form label,.auth-card-login-scene .auth-form-field{gap:5px;font-size:11px}.auth-card-login-scene .auth-input-shell input{min-height:44px;font-size:14px}.auth-card-login-scene .auth-form .button{min-height:46px}.auth-card-login-scene .auth-switch{margin-top:10px;padding-top:10px;font-size:11px}.auth-card-login-scene .auth-switch>div{gap:7px}.auth-card-register-scene{padding:15px 27px;top:100px}.auth-card-register-scene .auth-heading h1{font-size:28px}.auth-card-register-scene .auth-heading p{margin-top:5px;font-size:10px;line-height:1.36}.auth-card-register-scene .auth-form{gap:5px;margin-top:9px}.auth-card-register-scene .auth-form label,.auth-card-register-scene .auth-form-field{gap:3px;font-size:10px}.auth-card-register-scene .auth-input-shell input{min-height:40px;font-size:12px}.auth-card-register-scene .auth-password-input-shell input{min-height:44px}.auth-card-register-scene .auth-form .button{min-height:44px;margin-top:1px}.auth-card-register-scene .auth-switch{margin-top:7px;padding-top:7px;font-size:10px}}@media (width>=1601px) and (height<=900px){.auth-page-login-scene,.auth-page-forgot-scene{min-height:max(100dvh,680px)}body:has(.auth-page-login-scene){min-height:max(100dvh,680px)}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:max(100dvh,680px)}.auth-page-login-scene,.auth-page-forgot-scene{overflow-y:auto}.auth-scene-stage{width:min(max(100vw,150dvh,1275px),2560px);top:0;transform:translate(-50%)}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{top:clamp(100px,7.7vw,197px)}}@media (width>=1601px) and (height>=821px) and (height<=900px){.auth-card-login-scene{width:clamp(390px,75vw - 810px,630px);max-width:630px;left:calc(39.775% + -1*clamp(195px,37.5vw - 405px,315px))}}@media (width>=901px) and (height>=901px) and (aspect-ratio>=3/2){.auth-scene-stage{top:0;transform:translate(-50%)}.auth-card-login-scene{width:min(32.85%,630px);left:max(23.35%,39.775% - 315px)}}@media (width>=901px) and (width<=1100px) and (orientation:portrait){body:has(.auth-page-login-scene){min-height:max(100dvh, var(--auth-scene-min-height));overflow-x:clip}body:has(.auth-page-login-scene)>.standalone-route-shell{min-height:max(100dvh, var(--auth-scene-min-height));overflow-x:clip}.auth-page-login-scene,.auth-page-forgot-scene{width:100%;min-height:max(100dvh, var(--auth-scene-min-height));overflow:clip auto}.auth-page-login-scene{--auth-scene-min-height:760px}.auth-page-register-scene{--auth-scene-min-height:844px}.auth-page-forgot-scene{--auth-scene-min-height:700px}.auth-scene-stage{width:auto;height:max(100dvh, var(--auth-scene-min-height));aspect-ratio:2/3;top:0;left:50%;transform:translate(-50%)}.auth-login-scene-art{background-image:url(/assets/auth/login-paper-scene-mobile-v2.webp)}.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:64%;max-width:none;margin:0;padding:22px 24px;top:13.7%;left:18%}.auth-card-register-scene{padding:19px 23px;top:12.2%}.auth-page-forgot-scene .auth-card-forgot-scene{top:15.5%}}@media (width<=359px){.auth-card-login-scene,.auth-page-forgot-scene .auth-card-forgot-scene{width:min(64%,100vw - 24px);padding-inline:17px;left:max(18%,50% - 50vw + 12px)}.auth-card-login-scene .auth-heading h1{font-size:clamp(25px,8vw,27px)}}@media (width<=720px){.auth-card-register-scene .auth-input-shell input{font-size:16px}body:has(.auth-page-login-scene)>.himi-chatbot-widget{display:none}}:root{--paper:#fff}html,body,.standalone-route-shell,.learner-app-shell,.learner-shell-content,.learner-dashboard,.learner-dashboard.review-home-dashboard,.course-library-page,.practice-dashboard,.practice-dashboard.practice-route-loading,.lesson-page,.game-center-dashboard,.game-session-dashboard,.writing-game-dashboard,.auth-page,.account-page,.notifications-page,.legal-page,.admin-page,.video-library-page,.video-detail-page{background-color:#fff;background-image:none}body:has(.learner-app-shell){background-color:#fff;background-image:none}body:has(.learner-dashboard){background-color:#fff;background-image:none}.practice-dashboard:has(.work-practice-layout.is-catalog){background-color:#fff;background-image:none}.practice-dashboard:has(.work-practice-layout.is-focused){background-color:#fff;background-image:none}.auth-page.auth-page-login-scene{background-color:#fffaf0}.writing-game-dashboard{background-color:#fff;background-image:none!important}.writing-arena-background{display:block}@media (width<=720px){.learner-dashboard.review-home-dashboard,.course-library-page,.practice-dashboard.practice-route-loading{background-color:#fff;background-image:none!important}.practice-dashboard:has(.work-practice-layout.is-catalog){background-color:#fff;background-image:none!important}}:root{--ink:var(--himi-black);--ink-soft:var(--himi-muted);--forest:var(--himi-red);--forest-deep:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--sage:color-mix(in srgb, var(--himi-red) 13%, var(--himi-white));--sage-light:color-mix(in srgb, var(--himi-red) 6%, var(--himi-white));--paper:var(--himi-white);--surface:var(--himi-white);--sand:color-mix(in srgb, var(--himi-orange) 13%, var(--himi-white));--amber:var(--himi-orange);--line:var(--himi-line);--shadow:0 18px 55px #22222217;--focus-color:var(--himi-black);--focus-halo:color-mix(in srgb, var(--himi-red) 26%, transparent);--text-muted:var(--himi-muted)}html,body{color:var(--himi-black);background:var(--himi-white)}::selection{color:var(--himi-black);background:color-mix(in srgb, var(--himi-orange) 58%, var(--himi-white))}:where(a[href],button,input,select,textarea,summary):focus-visible{outline-color:var(--focus-color);box-shadow:0 0 0 5px var(--focus-halo)}.button-primary,.round-button-main{color:var(--himi-on-red);border-color:var(--himi-red);background:var(--himi-red);box-shadow:0 10px 25px color-mix(in srgb, var(--himi-red) 24%, transparent)}.button-primary:hover,.round-button-main:hover{color:var(--himi-on-red);border-color:var(--himi-red);background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 13px 28px color-mix(in srgb, var(--himi-red) 30%, transparent)}.button-secondary{color:var(--himi-black);background:color-mix(in srgb, var(--himi-orange) 28%, var(--himi-white))}.button-secondary:hover{background:color-mix(in srgb, var(--himi-orange) 40%, var(--himi-white))}.section-kicker,.card-label,.free-label,.text-link{color:var(--himi-red)}.text-link:hover{color:var(--forest-deep)}.learner-app-shell .learn-rail,.learner-app-shell .learn-topbar{border-color:var(--line);background-color:#fffffff7;box-shadow:8px 0 24px #2222220b}.learner-app-shell .rail-toggle:hover{color:var(--himi-on-orange);border-color:var(--himi-white);background:var(--himi-orange)}.learner-app-shell .rail-toggle:focus-visible,.learner-app-shell .rail-nav a:focus-visible,.learner-app-shell .rail-practice-trigger:focus-visible,.learner-app-shell .rail-support:focus-visible,.learner-app-shell .rail-pro-card:focus-visible,.learner-app-shell .rail-membership-card:focus-visible,.learner-app-shell .rail-brand:focus-visible{outline-color:var(--himi-black);box-shadow:0 0 0 5px var(--focus-halo)}.learner-app-shell .rail-nav a,.learner-app-shell .rail-practice-trigger,.learner-app-shell .rail-support{color:#655e5b}.learner-app-shell .rail-nav a.active,.learner-app-shell .rail-practice-trigger.active,.learner-app-shell .rail-practice-menu a.active{color:var(--himi-on-red);background:var(--himi-red)}.learner-app-shell .rail-nav a:hover,.learner-app-shell .rail-support:hover{color:var(--himi-black);background:color-mix(in srgb, var(--himi-red) 12%, var(--himi-white))}.learner-app-shell .rail-nav a.active:hover{color:var(--himi-on-red);background:var(--himi-red);transform:none}.learner-app-shell .rail-nav a.active:before,.learner-app-shell .rail-practice-trigger.active:before{background:var(--himi-red)}.learner-app-shell .rail-pro-card{color:var(--himi-black);border-color:color-mix(in srgb, var(--himi-red) 32%, var(--himi-white));background:color-mix(in srgb, var(--himi-red) 9%, var(--himi-white));box-shadow:0 12px 28px color-mix(in srgb, var(--himi-red) 12%, transparent)}.learner-app-shell .rail-pro-card:hover{border-color:color-mix(in srgb, var(--himi-red) 52%, var(--himi-white));box-shadow:0 16px 32px color-mix(in srgb, var(--himi-red) 18%, transparent)}.learner-app-shell .rail-pro-crown{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 8px 20px color-mix(in srgb, var(--himi-red) 24%, transparent)}.learner-app-shell .rail-pro-title{color:var(--himi-black)}.learner-app-shell .rail-pro-title strong{color:var(--himi-red)}.learner-app-shell .rail-pro-copy{color:#655e5b}.learner-app-shell .rail-pro-action{color:var(--himi-on-red);background:var(--himi-red)}.learner-app-shell .rail-pro-arrow{color:var(--himi-black);background:var(--himi-white)}.learner-app-shell .streak-chip{color:var(--himi-black);border-color:color-mix(in srgb, var(--himi-orange) 28%, var(--himi-white));background:color-mix(in srgb, var(--himi-orange) 8%, var(--himi-white))}.learner-app-shell .user-chip>span,.learner-app-shell .topbar-notification-count{color:var(--himi-on-orange);background:var(--himi-orange)}.learner-app-shell .route-transition-progress span{background:linear-gradient(90deg, var(--himi-red), var(--himi-orange))}.learner-app-shell .rail-brand .brand-wordmark strong,.brand-wordmark>strong{color:var(--himi-red)}.learner-app-shell .learner-mobile-nav a.active,.learner-app-shell .mobile-practice-trigger.active{color:var(--himi-on-red);background:var(--himi-red)}@media (width<=720px){.learner-app-shell .learner-mobile-nav a.active,.learner-app-shell .mobile-practice-trigger.active,.learner-app-shell .mobile-practice-trigger[aria-expanded=true]{color:var(--himi-red);background:0 0}}:where(input,textarea):is(:focus,:focus-visible){outline-offset:0!important;box-shadow:none!important;outline:none!important}:where(.search-box,.account-password-input-shell,.himi-chatbot-input-shell,.himi-writing-search,.vsets-search,.dictation-input):focus-within{box-shadow:none!important;outline:none!important}.home-portal-art:after{content:"";pointer-events:none;background:linear-gradient(90deg, #ffffffb8 0%, #fff3 43%, transparent 72%), radial-gradient(circle at 82% 56%, color-mix(in srgb, var(--himi-orange) 13%, transparent), transparent 30%), linear-gradient(145deg, transparent 54%, color-mix(in srgb, var(--himi-red) 7%, transparent));position:absolute;inset:0}.home-portal-copy h1,.home-portal-dialogue,.home-portal-dialogue>strong{color:var(--himi-black)}.home-portal-copy>p,.home-portal-dialogue>small{color:#625b58}.home-portal-dialogue{border-color:color-mix(in srgb, var(--himi-red) 16%, transparent);box-shadow:0 18px 42px #2222221f}.home-portal-dialogue>span{color:var(--himi-red)}.home-portal-dialogue-wave b{background:var(--himi-orange)}.home-portal-primary{color:var(--himi-on-red);border:1px solid color-mix(in srgb, var(--himi-black) 10%, transparent);background:var(--himi-red);box-shadow:0 15px 36px color-mix(in srgb, var(--himi-red) 24%, transparent)}.home-portal-primary:hover{color:var(--himi-on-red);background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 20px 42px color-mix(in srgb, var(--himi-red) 30%, transparent)}.home-portal-secondary{color:var(--himi-black)}.home-portal-secondary>span{color:var(--himi-on-orange);border-color:color-mix(in srgb, var(--himi-orange) 24%, transparent);background:var(--himi-orange);box-shadow:0 12px 30px color-mix(in srgb, var(--himi-orange) 18%, transparent)}.home-portal-primary:focus-visible,.home-portal-secondary:focus-visible{outline-color:var(--himi-black);box-shadow:0 0 0 5px var(--focus-halo)}.home-portal-success{color:var(--himi-black);border-color:color-mix(in srgb, var(--himi-orange) 30%, transparent)}.course-library-page.hsk-curriculum-page,.course-library-page,.course-roadmap-page{color:var(--himi-black);background-color:var(--himi-white);background-image:none}.course-catalog-heading>span,.industry-course-heading>span,.course-progress-row strong{color:var(--himi-red)}.course-catalog-heading h1,.industry-course-heading h2,.course-body h3,.course-roadmap-header h1{color:var(--himi-black)}.course-library-page .explorer-toolbar,.course-library-page .course-card,.course-roadmap-overview{border-color:var(--line);background:var(--himi-white);box-shadow:0 8px 26px #2222220e}.course-library-page .course-card:hover{border-color:color-mix(in srgb, var(--himi-orange) 42%, var(--himi-white));box-shadow:0 22px 48px #2222221c}.course-library-page .course-tag{color:var(--himi-black);border-color:var(--line);background:#ffffffe6}.course-library-page .search-box{border-color:var(--line);color:#625b58;background:var(--himi-white)}.course-library-page .search-box:focus-within{border-color:var(--line);box-shadow:none}.course-library-page .search-box input:focus{box-shadow:none;outline:none}.course-library-page .filter-chip{color:var(--himi-black);border-color:var(--line);background:var(--himi-white)}.course-library-page .filter-chip:hover{border-color:var(--himi-orange);background:color-mix(in srgb, var(--himi-orange) 9%, var(--himi-white))}.course-library-page .filter-chip.active{color:var(--himi-on-red);border-color:var(--himi-red);background:var(--himi-red)}.course-progress span,.course-roadmap-progress-track>span{background:var(--himi-orange)}.icon-link:hover{color:var(--himi-on-red);border-color:var(--himi-red);background:var(--himi-red)}.hsk-curriculum{--hsk-accent:var(--himi-red);--hsk-accent-deep:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--hsk-accent-soft:color-mix(in srgb, var(--himi-red) 8%, var(--himi-white));--hsk-ink:var(--himi-black);--hsk-muted:#625b58}.hsk-level-tabs button.is-active{color:var(--himi-on-red)}.hsk-topic-list button.is-active{color:var(--himi-black)}.hsk-lesson-start{color:var(--himi-red)}.hsk-level-tabs button.is-active>span,.hsk-topic-list button.is-active .hsk-topic-icon,.hsk-lesson-row.is-active .hsk-lesson-index{color:var(--himi-on-orange);background:var(--himi-orange)}.himi-section-banner.is-practice,.himi-section-banner.is-listening,.himi-section-banner.is-videos,.himi-section-banner.is-writing{--himi-banner-accent:var(--himi-red);--himi-banner-accent-soft:color-mix(in srgb, var(--himi-red) 12%, var(--himi-white))}.himi-section-banner.is-vip{--himi-banner-accent:var(--himi-orange);--himi-banner-accent-soft:color-mix(in srgb, var(--himi-orange) 15%, var(--himi-white))}.himi-section-banner h1{color:var(--himi-black)}.himi-section-banner-copy>p{color:#625b58}.learner-page-header{border-color:var(--himi-line)}.learner-page-header-eyebrow,.learner-page-header-meta svg,.learner-page-header-meta strong{color:var(--himi-red)}.learner-page-header h1{color:var(--himi-black)}.learner-page-header p,.learner-page-header-meta>span,.learner-page-header-meta>a{color:var(--himi-muted)}.listening-studio{--listening-ink:var(--himi-black);--listening-muted:#625b58;--listening-coral:var(--himi-red);color:var(--himi-black);background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--himi-orange) 15%, transparent), transparent 28%), radial-gradient(circle at 7% 83%, color-mix(in srgb, var(--himi-red) 8%, transparent), transparent 31%), var(--himi-white)}.listening-mode-switcher{border-color:var(--line);background:#fffffff0;box-shadow:0 14px 38px #22222214}.listening-mode-switcher a{color:#625b58}.listening-mode-switcher a:hover{color:var(--himi-black);background:color-mix(in srgb, var(--himi-orange) 9%, var(--himi-white))}.listening-mode-switcher a.is-active{color:var(--himi-on-red);background-color:var(--himi-red);box-shadow:0 9px 22px color-mix(in srgb, var(--himi-red) 24%, transparent);background-image:none}.listening-mode-icon{color:var(--himi-on-orange);background:var(--himi-orange)}.listening-mode-switcher a.is-active .listening-mode-icon{color:var(--himi-black);background:color-mix(in srgb, var(--himi-white) 76%, transparent)}.listening-primary-action{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 14px 28px color-mix(in srgb, var(--himi-red) 24%, transparent)}.listening-primary-action:hover{color:var(--himi-on-red);background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 18px 34px color-mix(in srgb, var(--himi-red) 29%, transparent)}.listening-section-heading h2,.listening-level-picker button strong,.listening-lesson-title,.listening-complete h1{color:var(--himi-black)}.listening-section-kicker,.listening-complete-eyebrow{color:var(--himi-red)}.listening-level-picker button{--level-accent:var(--himi-red);--level-soft:color-mix(in srgb, var(--himi-red) 10%, var(--himi-white));--level-on:var(--himi-on-red);color:#625b58;border-color:var(--line);background:#ffffffeb}.listening-level-picker button:nth-child(2),.listening-level-picker button:nth-child(5){--level-accent:var(--himi-orange);--level-soft:color-mix(in srgb, var(--himi-orange) 13%, var(--himi-white));--level-on:var(--himi-on-orange)}.listening-level-picker button:nth-child(3),.listening-level-picker button:nth-child(6){--level-accent:var(--himi-black);--level-soft:color-mix(in srgb, var(--himi-black) 7%, var(--himi-white));--level-on:var(--himi-white)}.listening-level-picker button:nth-child(4),.listening-level-picker button:nth-child(7){--level-accent:var(--himi-red);--level-soft:color-mix(in srgb, var(--himi-red) 10%, var(--himi-white));--level-on:var(--himi-on-red)}.listening-level-symbol{color:var(--level-on);background:var(--level-accent);box-shadow:0 5px 0 color-mix(in srgb, var(--level-accent) 64%, var(--himi-black))}.listening-level-picker button.is-active{color:var(--himi-black);border-color:var(--level-accent);background:var(--level-soft);box-shadow:0 12px 26px #22222217}.listening-lesson-card{border-color:var(--line);background:#fffffff5;box-shadow:0 14px 34px #2221}.listening-lesson-card:hover{border-color:color-mix(in srgb, var(--himi-orange) 48%, var(--himi-white));box-shadow:0 18px 40px #2222221a}.listening-lesson-meta{color:#625b58}.listening-lesson-icon{color:var(--himi-red);background:color-mix(in srgb, var(--himi-red) 9%, var(--himi-white))}.listening-lesson-cta,.listening-typing-form button,.listening-feedback>button,.listening-complete-actions button{color:var(--himi-on-red);background:var(--himi-red)}.listening-progress>span{background:var(--himi-orange)}.listening-play-button{color:var(--himi-on-red);border-color:color-mix(in srgb, var(--himi-orange) 24%, var(--himi-white));background:var(--himi-red);box-shadow:0 18px 38px color-mix(in srgb, var(--himi-red) 24%, transparent)}.listening-play-button:hover{box-shadow:0 22px 42px color-mix(in srgb, var(--himi-red) 30%, transparent)}.listening-complete-score{color:var(--himi-red)}.listening-complete-actions button.is-secondary{color:var(--himi-black);border-color:var(--himi-orange);background:var(--himi-white)}.auth-page-login-scene{--auth-coral:var(--himi-red);--auth-coral-deep:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));--auth-cream:color-mix(in srgb, var(--himi-orange) 5%, var(--himi-white));background-color:var(--auth-cream)}.auth-card-login-scene .auth-heading h1,.auth-card-login-scene .auth-form label,.auth-card-login-scene .auth-form-field{color:var(--himi-black)}.auth-card-login-scene .auth-heading p,.auth-card-login-scene .auth-switch{color:#625b58}.auth-card-login-scene .auth-input-shell:focus-within>svg,.auth-card-login-scene .auth-switch a{color:var(--himi-red)}.auth-card-login-scene .auth-input-shell input:focus{border-color:var(--himi-red);box-shadow:0 0 0 4px var(--focus-halo)}.auth-form .auth-password-input-shell input{padding-right:54px}.auth-card-login-scene .auth-password-input-shell:focus-within input{border-color:var(--himi-red);box-shadow:0 0 0 4px var(--focus-halo)}.auth-card-login-scene .auth-form .button{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 13px 24px color-mix(in srgb, var(--himi-red) 24%, transparent)}.auth-card-login-scene .auth-form .button:hover{color:var(--himi-on-red);background:var(--auth-coral-deep);box-shadow:0 16px 28px color-mix(in srgb, var(--himi-red) 30%, transparent)}.auth-scene-home{color:var(--himi-black)}.learning-mode-placeholder{background:radial-gradient(circle at 16% 16%, color-mix(in srgb, var(--himi-orange) 18%, transparent), transparent 32%), radial-gradient(circle at 87% 82%, color-mix(in srgb, var(--himi-red) 10%, transparent), transparent 34%), var(--himi-white)}.learning-mode-placeholder-card{color:var(--himi-black);border-color:var(--line);box-shadow:0 28px 80px #2222221a}.learning-mode-placeholder-icon{color:var(--himi-on-orange);background:var(--himi-orange);box-shadow:0 16px 34px color-mix(in srgb, var(--himi-orange) 24%, transparent)}.learning-mode-placeholder-eyebrow,.learning-mode-placeholder h1{color:var(--himi-black)}.learning-mode-placeholder-card>a{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 12px 28px color-mix(in srgb, var(--himi-red) 24%, transparent)}.learning-mode-placeholder-card>a:hover{color:var(--himi-on-red);background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 15px 32px color-mix(in srgb, var(--himi-red) 30%, transparent)}.site-header{border-color:var(--himi-line);background:#fffffff2}.desktop-nav,.mobile-menu-panel{color:var(--himi-muted)}.desktop-nav a:hover,.mobile-menu-panel a:hover{color:var(--himi-red)}.site-footer{color:color-mix(in srgb, var(--himi-white) 80%, var(--himi-black));background:var(--himi-black)}.legal-page{color:var(--himi-black);background:radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--himi-orange) 10%, transparent), transparent 26%), var(--himi-white)}.legal-card{color:var(--himi-black);border-color:var(--himi-line);box-shadow:0 22px 58px #22222214}.legal-kicker,.legal-card a{color:var(--himi-red)}.legal-lead,.legal-card section p{color:var(--himi-muted)}.legal-card section{border-color:var(--himi-line)}.account-page,.notifications-page{color:var(--himi-black);background:var(--himi-white)}.account-page-title,.account-profile-copy h2,.account-membership-band h2,.account-information h2,.account-security-panel h2,.account-security-row,.account-logout-form button{color:var(--himi-black)}.account-profile-hero:after{opacity:.26;background-image:linear-gradient(90deg, var(--himi-white) 0%, #ffffff47 32%), url(/assets/brand/himi-mascot-icon.webp);background-position:50%,right 10% center;background-repeat:no-repeat;background-size:cover,330px}.account-profile-avatar{color:var(--himi-on-red);background:linear-gradient(145deg, var(--himi-red), var(--himi-orange));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--himi-white) 24%, transparent), 0 14px 32px color-mix(in srgb, var(--himi-red) 18%, transparent)}.account-profile-avatar>button{color:var(--himi-on-orange);border-color:var(--himi-white);background:var(--himi-orange)}.account-profile-copy>p,.account-profile-email,.account-membership-band p,.account-information dt,.account-information dd,.account-security-row small,.account-password-editor>p,.account-page-footer{color:var(--himi-muted)}.account-vip-outline,.account-membership-band>a,.account-information dt svg,.account-security-row>svg:first-child{color:var(--himi-red)}.account-vip-outline{border-color:color-mix(in srgb, var(--himi-red) 28%, var(--himi-white));background:#ffffffd6}.account-vip-outline:hover{border-color:var(--himi-red);background:var(--himi-red-soft)}.account-membership-band,.account-membership-band.is-active{border-color:color-mix(in srgb, var(--himi-orange) 32%, var(--himi-white));background:linear-gradient(90deg, var(--himi-red-soft), var(--himi-orange-soft))}.account-membership-icon{color:var(--himi-red);background:var(--himi-red-soft)}.account-information dl>div,.account-security-details,.account-logout-form{border-color:var(--himi-line)}.account-security-list{border-color:var(--himi-line);background:var(--himi-white)}.account-security-row:hover,.account-password-editor{background:var(--himi-red-soft)}.account-security-row>svg:last-child{color:var(--himi-muted)}.notifications-header-aside{color:var(--himi-red);border-color:var(--himi-line);background:linear-gradient(145deg, var(--himi-red-soft), var(--himi-orange-soft))}.notification-feed{border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 18px 46px #2222220e}.notification-list,.notification-item{border-color:var(--himi-line)}.notification-feed-heading form button,.notification-item-actions button,.notification-empty-icon{color:var(--himi-red)}.notification-feed-heading form button{color:var(--himi-black)}.notification-feed-heading form button,.notification-empty-icon{background:var(--himi-red-soft)}.notification-item-icon:not(.vip_request_approved):not(.vip_request_rejected){color:var(--himi-red);background:var(--himi-red-soft)}.notification-item-title i{background:var(--himi-red)}.notification-item-message,.notification-open small{color:var(--himi-muted)}.hsk-lesson-page{--hsk-learn-accent:var(--himi-red);--hsk-learn-deep:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--hsk-learn-coral:var(--himi-orange);--hsk-learn-ink:var(--himi-black);--hsk-learn-muted:var(--himi-muted);--hsk-learn-line:var(--himi-line)}.learner-shell-content:has(.hsk-lesson-page){background:linear-gradient(180deg, var(--himi-red-soft) 0, var(--himi-white) 360px)}.hsk-learning-progress-copy,.hsk-mode-intro>strong,.hsk-flashcard-answer b,.hsk-flashcard-example small,.hsk-result-card small,.hsk-pronunciation-card>small,.hsk-pronunciation-card>b,.hsk-shadowing-example small,.hsk-character-detail b{color:var(--himi-red)}.hsk-learning-progress>span,.hsk-step-progress>span{background:linear-gradient(90deg, var(--himi-red), var(--himi-orange))}.hsk-learning-tabs button:hover,.hsk-learning-tabs button.is-active,.hsk-speech-toolbar button[aria-pressed=true],.hsk-pronunciation-list button.is-active,.hsk-hanzi-list button.is-active{border-color:color-mix(in srgb, var(--himi-red) 30%, var(--himi-white));background:var(--himi-red-soft)}.hsk-learning-greeting,.hsk-lesson-launch-actions a.is-primary,.hsk-audio-orb,.hsk-exercise-listen,.hsk-primary-action,.hsk-result-card>span,.hsk-pronunciation-play,.hsk-writing-modes button[aria-pressed=true]{color:var(--himi-on-red)}.hsk-learning-tabs button.is-active{color:var(--himi-red)}.hsk-learning-tabs button.is-active small{color:var(--himi-on-orange);background:var(--himi-orange)}#hsk-tab-vocabulary.is-active>span{color:var(--himi-red)}#hsk-tab-vocabulary.is-active>small{color:var(--himi-on-red);background:var(--himi-red)}.hsk-guided-page{background:var(--himi-white)}.learner-app-shell:has(.hsk-guided-page){background:var(--himi-white)}.learner-app-shell:has(.hsk-guided-page)>.learner-shell-content{background:var(--himi-white)}.hsk-guided-page{--guided-green:var(--himi-red);--guided-green-deep:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--guided-mint:var(--himi-red-soft);--guided-ink:var(--himi-black);--guided-muted:var(--himi-muted);--guided-line:var(--himi-line)}.hsk-guided-header,.hsk-guided-footer{border-color:var(--himi-line);box-shadow:0 4px 18px #2222220d}.hsk-guided-progress>span{background:linear-gradient(90deg, var(--himi-red), var(--himi-orange))}.hsk-guided-sections button:not(.is-active):hover,.hsk-guided-pinyin[aria-pressed=true],.hsk-guided-writing-modes button[aria-pressed=true]{color:var(--himi-black);background:var(--himi-red-soft)}.hsk-guided-sections button.is-active,.hsk-guided-sections button.is-active b,.hsk-guided-dialogue-title>button,.hsk-guided-writing-picker button[aria-pressed=true],.hsk-guided-listen,.hsk-guided-completion>span,.hsk-guided-completion nav a:last-child,.hsk-guided-footer>button.is-primary{color:var(--himi-on-red)}.practice-dashboard{color:var(--himi-black);background-color:var(--himi-white);background-image:radial-gradient(circle at 76% 8%, color-mix(in srgb, var(--himi-orange) 11%, transparent), transparent 27%), linear-gradient(180deg, var(--himi-white), color-mix(in srgb, var(--himi-red) 3%, var(--himi-white)))}.practice-hub-kicker,.practice-case-title-row>div>span,.practice-case-language>span,.related-cases-heading>div>span,.practice-aside-title>span,.listening-session-context span,.listening-answer-panel>span,.listening-transcript>span,.practice-session-copy>span,.practice-session-heading>div>span{color:var(--himi-red)}.practice-hub-heading h1,.practice-case-title-row h2,.practice-case-language strong,.related-cases-heading h2,.practice-aside-title>strong,.practice-audio-stage h2,.listening-answer-panel>h3,.practice-session-copy h2,.scenario-complete-card h2,.scenario-quote strong,.practice-session-heading h2{color:var(--himi-black)}.practice-hub-heading p,.practice-case-title-row p,.practice-case-language small,.practice-case-actions>span,.related-cases-heading>span,.practice-audio-stage>p,.scenario-complete-card>p,.scenario-quote span{color:var(--himi-muted)}.practice-industry-tabs{border-color:var(--himi-line)}.practice-industry-tabs button:hover,.practice-industry-tabs button.active,.practice-weekly-panel a,.practice-back-button:hover,.practice-audio-state,.practice-session-copy p{color:var(--himi-red)}.practice-industry-tabs button.active:after,.scenario-progress span{background:var(--himi-orange)}.practice-case-card,.practice-progress-panel,.practice-industry-note,.practice-session-card{border-color:var(--himi-line);background:#fffffff5;box-shadow:0 22px 58px #22222213}.practice-case-language,.scenario-quote,.practice-audio-stage,.listening-session-context{border-color:var(--himi-line);background:var(--himi-red-soft)}.practice-start-button,.practice-session-actions button,.scenario-complete-actions .primary{color:var(--himi-on-red);border-color:var(--himi-red);background:var(--himi-red);box-shadow:0 13px 28px color-mix(in srgb, var(--himi-red) 22%, transparent)}.practice-start-button:hover{background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange))}.practice-case-meta .free,.related-access.free,.related-case-icon,.metric-icon,.binary-answer-button>span:first-child{color:var(--himi-black);background:var(--himi-orange-soft)}.practice-audio-orb,.practice-audio-controls button,.scenario-options button:not(:disabled):hover,.scenario-complete-actions button,.scenario-complete-actions a{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 28%, var(--himi-white))}.game-center-dashboard{color:var(--himi-black);background:var(--himi-white)}.game-center-hero{color:var(--himi-white);background:linear-gradient(132deg, var(--himi-red) 0 66%, var(--himi-orange) 66%);box-shadow:0 26px 66px color-mix(in srgb, var(--himi-red) 18%, transparent)}.game-center-hero-copy>p,.game-center-overview small{color:color-mix(in srgb, var(--himi-white) 82%, transparent)}.game-featured-number,.game-journey-featured-number,.game-journey-station-number{color:var(--himi-on-orange);background:var(--himi-orange);box-shadow:0 8px 20px color-mix(in srgb, var(--himi-orange) 24%, transparent)}.game-featured-copy>span,.game-catalog-heading span,.game-card-cta,.game-journey-header>span,.game-journey-featured-card>small,.game-journey-skills>strong{color:var(--himi-red)}.game-featured-copy h2,.game-catalog-heading h2,.game-catalog-card,.game-journey-header h1,.game-journey-featured-card h2,.game-journey-station{color:var(--himi-black)}.game-featured-copy>p,.game-catalog-heading p,.game-card-description,.game-card-meta,.game-journey-header p,.game-journey-featured-card p,.game-journey-featured-meta span,.game-journey-station-copy small{color:var(--himi-muted)}.game-featured-card,.game-catalog-card,.game-journey-featured-card,.game-journey-skills{border-color:var(--himi-line);box-shadow:0 16px 40px #22222213}.game-featured-card>button,.game-next-button,.game-journey-featured-card button{color:var(--himi-on-red);background:var(--himi-red)}.game-session-dashboard,.writing-game-dashboard{--game-accent:var(--himi-red);--game-accent-soft:var(--himi-red-soft);--game-brand-edge:color-mix(in srgb, var(--himi-orange) 24%, var(--himi-line));--game-brand-lift:0 5px 0 var(--game-brand-edge), 0 12px 24px #22222214;color:var(--himi-black)}.writing-course-card,.writing-course-current{color:var(--himi-black);border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 4px 0 var(--himi-red-soft), 0 12px 24px #2222220a}.writing-course-card:hover,.writing-course-card[aria-busy=true]{border-color:var(--himi-red);background:var(--himi-red-soft)}.writing-course-card:focus-visible,.writing-course-back:focus-visible{outline-color:var(--himi-black);box-shadow:0 0 0 5px var(--focus-halo)}.writing-course-number{color:var(--himi-black);background:var(--himi-orange-soft)}.writing-course-shell h1,.writing-course-card>strong{color:var(--himi-black)}.writing-course-shell>p,.writing-course-card>span:not(.writing-course-number),.writing-course-current>span{color:var(--himi-muted)}.writing-course-kicker,.writing-course-card>small,.writing-course-back{color:var(--forest-deep)}.game-journey-station .game-journey-station-icon{color:var(--himi-red);background:var(--himi-white);border-color:var(--himi-red-soft)}.game-session-dashboard .game-session-world{--game-accent:var(--himi-red);--game-accent-soft:var(--himi-red-soft);--game-world-glow:radial-gradient(circle at 12% 12%, var(--himi-red-soft), transparent 45%);--game-world-wash:linear-gradient(145deg, #fffffff0, color-mix(in srgb, var(--himi-orange-soft) 88%, transparent));--game-world-pattern:radial-gradient(circle, var(--himi-orange) 0 2px, transparent 3px);--game-world-pattern-size:76px 76px;--game-world-pattern-opacity:.18;color:var(--himi-black);background-color:var(--himi-white)}.game-session-world :is(.game-back-button,.game-session-metrics>span,.game-instruction,.game-session-tip,.game-result){color:var(--himi-black);border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 8px 22px #2222220f}.game-session-world :is(.game-session-metrics strong,.listen-prompt h2,.write-prompt h2,.quiz-question h2,.write-answer-form input){color:var(--himi-black)}.game-session-world :is(.game-session-metrics small,.game-instruction,.game-session-tip,.connect-column-label,.listen-prompt p,.write-prompt p,.write-answer-form label,.write-answer-form>span,.flash-audio-row>span){color:var(--himi-muted)}.game-session-world :is(.game-session-metrics>span>svg,.game-session-tip>svg){color:var(--himi-orange)}.game-session-world :is(.game-instruction svg,.game-instruction b,.game-session-tip strong,.connect-line-column,.listen-prompt>span,.write-prompt>span,.quiz-question>span,.quiz-question>small){color:var(--forest-deep)}.game-session-world :is(.memory-grid button,.connect-board button,.listen-options button,.quiz-options button,.flashcard-face){color:var(--himi-black);border-color:var(--himi-white);background:var(--himi-white);box-shadow:var(--game-brand-lift);text-shadow:none}.game-session-world .memory-grid button{color:var(--himi-on-red);background:var(--himi-red)}.game-session-world .memory-grid button:nth-child(2n){color:var(--himi-black);background:var(--himi-orange)}.game-session-world .memory-grid button:hover{box-shadow:0 7px 0 var(--game-brand-edge), 0 18px 28px #2222221a}.game-session-world .memory-grid button.is-revealed{color:var(--himi-black);background:var(--himi-white)}.game-session-world .connect-board button.is-selected{color:var(--forest-deep);border-color:var(--himi-red);background:var(--himi-red-soft);box-shadow:var(--game-brand-lift)}.game-session-world :is(.listen-options button>span,.quiz-options button>b){color:var(--himi-black);background:var(--himi-orange-soft)}.game-session-world .quiz-options button>span{background:0 0}.game-session-world :is(.listen-options button,.quiz-options button):hover{background:var(--himi-orange-soft)}.game-session-world :is(.memory-grid button.is-matched,.connect-board button.is-matched,.listen-options button.is-correct,.quiz-options button.is-correct){color:#176349;background:#edf8f1;border-color:#b4d8c7}.game-session-world :is(.connect-board button.is-wrong,.listen-options button.is-wrong,.quiz-options button.is-wrong){color:#a32f25;border-color:var(--himi-red);background:var(--himi-red-soft)}.game-session-world :is(.game-next-button,.listen-prompt>button,.quiz-question>button,.write-answer-form button,.game-result button:first-child,.game-result .daily-game-flow-action){color:var(--himi-on-red);border-color:var(--himi-white);background:var(--himi-red);box-shadow:var(--game-brand-lift)}.game-session-world .write-answer-form>div{border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 8px 22px #2222220f}.game-session-world .write-answer-form input::placeholder,.game-session-world .write-prompt p b{color:var(--himi-muted)}.game-session-world .write-answer-form.is-correct>div{border-color:#b4d8c7}.game-session-world .write-answer-form.is-correct>span{color:#176349}.game-session-world .write-answer-form.is-wrong>div{border-color:var(--himi-red)}.game-session-world .write-answer-form.is-wrong>span{color:#a32f25}.game-session-world .flashcard-face.flashcard-front{color:var(--himi-on-red);background:var(--himi-red)}.game-session-world .flashcard-face.flashcard-back{color:var(--himi-black);background:var(--himi-orange-soft)}.game-session-world .flashcard-face b{color:var(--forest-deep)}.game-session-world :is(.flash-audio-row button,.flash-rating-actions button,.game-result button,.game-result a){color:var(--himi-black);border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 4px 0 var(--game-brand-edge)}.game-session-world .flash-rating-actions button:last-child{color:var(--himi-on-red);background:var(--himi-red)}.game-session-world .flash-rating-actions button:first-child{background:var(--himi-orange-soft)}.game-session-world .flash-save-status{color:#a32f25;text-align:center;width:min(580px,90%);margin:10px 0 0;font-size:12px;font-weight:700}@media (prefers-reduced-motion:no-preference){.game-session-world .flash-rating-actions{animation:.22s cubic-bezier(.22,1,.36,1) both himi-flash-actions-enter}}@keyframes himi-flash-actions-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.game-session-world.is-flash .game-session-mascot{width:88px;bottom:330px;left:14px}}.game-session-world .game-result button:first-child,.game-session-world .game-result .daily-game-flow-action{color:var(--himi-on-red);background:var(--himi-red)}.game-session-world .game-result>span{color:var(--himi-black);background:var(--himi-orange-soft)}.game-session-world .game-result>small{color:var(--forest-deep)}.game-session-world .game-result>strong{color:var(--himi-red)}.game-session-world button:disabled:not(.is-matched):not(.is-correct):not(.is-wrong){color:var(--himi-muted);border-color:var(--himi-line);box-shadow:none;opacity:1;background:#f3f0ee}.writing-game-dashboard .writing-arena{border-color:var(--himi-line);background:linear-gradient(145deg, var(--himi-white), var(--himi-orange-soft));box-shadow:0 18px 42px #22222214}.writing-game-dashboard .writing-arena-background{opacity:.22}.writing-game-dashboard .writing-arena:after{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--himi-orange-soft) 55%, transparent))}.writing-game-dashboard :is(.writing-game-back,.writing-arena-metrics>span,.writing-arena-controls button,.writing-current-word button,.writing-session-summary){color:var(--himi-black);border-color:var(--himi-line);background:var(--himi-white);box-shadow:0 6px 18px #2222220f}.writing-game-dashboard .writing-game-back:hover{background:var(--himi-red-soft)}.writing-game-dashboard :is(.writing-arena-topline,.writing-current-word strong,.writing-game-overlay,.writing-answer-bar input){color:var(--himi-black)}.writing-game-dashboard :is(.writing-arena-metrics em,.writing-arena-metrics small,.writing-course-current>span,.writing-game-overlay p,.writing-game-overlay>small,.writing-answer-bar>label,.writing-answer-bar>span,.writing-current-word p,.writing-session-note p,.writing-howto li,.writing-session-summary-copy>small){color:var(--himi-muted)}.writing-game-dashboard :is(.writing-current-word>span,.writing-current-word b,.writing-howto>span,.writing-howto li b,.writing-overlay-kicker,.writing-session-summary-action){color:var(--forest-deep)}.writing-game-dashboard .writing-hearts{color:var(--himi-red)}.writing-game-dashboard .writing-arena-topline>span:nth-child(2){background:var(--himi-orange-soft)}.writing-game-dashboard :is(.writing-target-ribbon,.writing-overlay-mark,.writing-session-note,.writing-session-summary-icon){color:var(--himi-black);border-color:var(--himi-line);background:var(--himi-orange-soft);box-shadow:none}.writing-game-dashboard :is(.writing-word-face,.writing-word-half){color:var(--himi-on-red);border-color:var(--himi-white);background:var(--himi-red);box-shadow:0 10px 24px color-mix(in srgb, var(--himi-red) 18%, transparent)}.writing-game-dashboard .writing-word-face>small{color:var(--himi-on-red)}.writing-game-dashboard .writing-game-overlay{background:var(--himi-white)}.writing-game-dashboard :is(.writing-primary-action,.writing-pause-overlay,.writing-answer-bar>div>button){color:var(--himi-on-red);background:var(--himi-red)}.writing-game-dashboard .writing-game-overlay .daily-game-flow-action{color:var(--forest-deep);border-color:var(--himi-line);background:var(--himi-red-soft)}.writing-game-dashboard :is(.writing-combo,.writing-session-note>span){color:var(--forest-deep)}.writing-game-dashboard .writing-answer-bar>div{color:var(--forest-deep);background:var(--himi-white);box-shadow:0 8px 24px #2222220f}.writing-game-dashboard .writing-answer-bar input::placeholder{color:var(--himi-muted)}.writing-game-dashboard .writing-answer-bar.has-error>span{color:#a32f25}.writing-game-dashboard .writing-answer-bar>div>button:disabled{color:var(--himi-muted);background:#f3f0ee}.writing-game-dashboard .writing-answer-bar{background:var(--himi-white)}.writing-game-dashboard .writing-session-aside{border-color:var(--himi-line);background:var(--himi-white)}.writing-game-dashboard .writing-session-summary-copy strong{color:var(--himi-black)}.writing-game-dashboard .writing-hit-score{color:var(--forest-deep);border-color:var(--himi-line);background:var(--himi-orange-soft);box-shadow:0 8px 22px #22222214}.writing-game-dashboard .writing-hit-score small{color:var(--himi-black)}.video-library-page,.video-detail-page{--video-coral:var(--himi-red);--video-mint:var(--himi-red-soft);--video-cream:var(--himi-orange-soft);color:var(--himi-black);background:radial-gradient(circle at 86% 2%, color-mix(in srgb, var(--himi-orange) 14%, transparent), transparent 24%), var(--himi-white)}.video-library-header{border-color:color-mix(in srgb, var(--himi-orange) 30%, var(--himi-white));background:linear-gradient(128deg, var(--himi-white), var(--himi-orange-soft) 58%, var(--himi-red-soft));box-shadow:0 18px 48px #22222214}.video-detail-eyebrow,.video-featured-copy>span,.learning-video-card h3 a:hover,.video-card-footer>a,.video-empty-state button,.youtube-source-note a,.video-progress-copy strong,.interactive-transcript-heading>div>span,.transcript-copy small,.transcript-copy>span,.transcript-repeat,.related-video-list small{color:var(--himi-red)}.video-category-filters button.active,.transcript-repeat[aria-pressed=true]{color:var(--himi-on-red);background:var(--himi-red)}.video-detail-back{color:var(--himi-red);border-color:var(--himi-line)}.video-detail-back:hover{color:var(--himi-on-red);border-color:var(--himi-red);background:var(--himi-red)}.learning-video-card,.video-learning-player,.transcript-line,.video-about-card,.related-video-list>a{border-color:var(--himi-line);box-shadow:0 16px 40px #22222212}.video-study-sidebar .video-lesson-link{color:var(--himi-white);border-color:var(--himi-black);background:var(--himi-black)}.youtube-study-studio{--studio-ink:var(--himi-black);--studio-teal:var(--himi-red);--studio-teal-dark:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--studio-coral:var(--himi-red);--studio-cream:var(--himi-orange-soft);--studio-line:var(--himi-line)}.youtube-video-cover{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--himi-red) 62%, var(--himi-black)), var(--himi-black) 72%)}.youtube-transcript-line[aria-current=true],.dictation-reveal{border-color:color-mix(in srgb, var(--himi-red) 28%, var(--himi-white));background:linear-gradient(135deg, var(--himi-red-soft), var(--himi-orange-soft))}.writing-catalog-page,.writing-lesson-page,.himi-writing-studio{--writing-red:var(--himi-red);--writing-red-deep:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--writing-teal:var(--himi-red);--writing-ink:var(--himi-black);--writing-muted:var(--himi-muted);--writing-cream:var(--himi-orange-soft);--writing-line:var(--himi-line);color:var(--himi-black);background:radial-gradient(circle at 94% 4%, color-mix(in srgb, var(--himi-orange) 14%, transparent), transparent 24%), var(--himi-white)}.writing-topic-card,.writing-single-lesson,.himi-writing-session-header,.himi-writing-library,.himi-writing-practice,.himi-writing-character-info>*{border-color:var(--himi-line);box-shadow:0 16px 42px #22222212}.writing-lesson-hero{background:linear-gradient(125deg, var(--himi-red-soft), var(--himi-orange-soft));box-shadow:0 22px 60px #22222214}.writing-topic-card-topline>span,.writing-topic-card.is-level-2 .writing-topic-card-topline>span,.writing-topic-card.is-level-5 .writing-topic-card-topline>span{color:var(--himi-on-red);background:var(--himi-red)}.writing-topic-card.is-level-3 .writing-topic-card-topline>span,.writing-topic-card.is-level-6 .writing-topic-card-topline>span{color:var(--himi-on-orange);background:var(--himi-orange)}.writing-single-lesson-index,.himi-writing-session-header>strong{color:var(--himi-red);background:var(--himi-red-soft)}.writing-topic-card-footer a,.writing-single-lesson-action a,.himi-writing-character-grid button.active,.himi-writing-board-actions button.primary{color:var(--himi-on-red)}.himi-writing-character-grid button.active>span,.himi-writing-character-grid button.active small{color:#fff}.himi-writing-character-grid button.active>svg{color:var(--himi-black)}.himi-writing-groups button.active,.himi-writing-navigation button:hover{color:var(--himi-on-orange);background:var(--himi-orange)}.vip-page>.vip-page-header{padding-top:18px}.vip-page-header .himi-section-banner.is-vip{background-position:50%;border-radius:23px;grid-template-columns:minmax(340px,.88fr) minmax(390px,1.12fr);min-height:224px;padding:26px clamp(28px,3.6vw,48px)}.vip-page-header .is-vip h1{font-size:clamp(34px,3vw,43px);line-height:.98}.vip-page-header .is-vip .himi-section-banner-copy>p{max-width:470px;margin-top:13px;font-size:13px}.vip-page-header .himi-section-banner-mascot.himi-vip-banner-mascot{width:clamp(238px,21vw,285px);bottom:-47px;right:clamp(12px,2.4vw,36px)}.vip-page-header+.vip-request-feedback{padding-top:10px}.vip-page .vip-current-status{gap:11px;min-height:58px;padding:9px 2px}.vip-page .vip-current-status-icon{border-radius:10px;width:34px;height:34px}.vip-page .vip-current-status-icon svg{width:17px;height:17px}.vip-page .vip-current-status strong{font-size:12px}.vip-page .vip-current-status small{font-size:8px}.vip-page-header+.vip-request-feedback,.vip-pricing-grid{color:var(--himi-black)}.vip-plan-card{isolation:isolate;border-color:var(--himi-line);transition:background-color .36s,border-color .36s,box-shadow .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 18px 46px #22222212}.vip-plan-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 8%,#ffffff94 50%,#0000 92%);width:46%;height:145%;position:absolute;top:-22%;left:-58%;transform:skew(-15deg)}.vip-plan-card:after{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff80694d 0%,#ffb1911f 48%,#0000 72%);border-radius:50%;width:210px;height:210px;transition:opacity .42s,transform .56s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-104px;right:-72px;transform:scale(.55)}.vip-plan-card>*{z-index:1;position:relative}.vip-plan-badges{flex-wrap:wrap;align-items:center;gap:7px;min-height:29px;display:flex}.vip-sale-tag{transform-origin:50%;align-items:center;width:fit-content;padding-top:5px;display:inline-flex;position:relative;transform:rotate(-2deg)}.vip-sale-badge{isolation:isolate;color:#fff;clip-path:polygon(0 0,77% 0,100% 50%,77% 100%,0 100%);filter:drop-shadow(0 7px 8px #b619193d);letter-spacing:.11em;text-transform:uppercase;background:linear-gradient(145deg,#ff302b 0%,#ee1818 58%,#d90f16 100%);justify-content:center;align-items:center;gap:4px;min-width:87px;min-height:31px;padding:6px 20px 6px 10px;font-size:9px;font-weight:850;display:inline-flex;position:relative;overflow:hidden}.vip-sale-badge:before{content:"";z-index:2;background:#fff4ec;border:2px solid #ffffffd1;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:inset 0 1px 2px #50141240,0 1px 2px #5014122e}.vip-sale-badge:after{content:"";z-index:-1;opacity:.72;clip-path:polygon(0 0,87% 0,100% 50%,87% 100%,0 100%);border:1px dashed #ffffffc7;position:absolute;inset:3px 15px 3px 3px}.vip-sale-badge strong{color:#fff6c7;letter-spacing:0;text-shadow:0 1px 2px #6f101059;font-size:10px;line-height:1}.vip-sale-cord{z-index:0;border:1.5px solid #3c3c3c;border-color:#3c3c3c #3c3c3c #0000 #0000;border-radius:50%;width:23px;height:14px;position:absolute;top:-4px;right:-4px;transform:rotate(-21deg)}.vip-plan-card :is(.price-badge,.vip-sale-tag,.price-name,.price,.feature-list li,.feature-list svg){transition:transform .38s cubic-bezier(.16,1,.3,1)}.vip-plan-card.featured{color:var(--himi-black);background:#ffd0c4;border-color:#ff8879;box-shadow:0 22px 52px #e054432e}.vip-plan-card.featured .price span,.vip-plan-card.featured .price-description,.vip-plan-card.featured .feature-list{color:#6f6865}.vip-plan-card.featured .feature-list{border-color:#efb9ad}.vip-plan-card.featured .feature-list svg{color:var(--himi-red)}.vip-plan-card.featured .price-badge{color:var(--himi-on-orange);background:var(--himi-orange)}.vip-plan-card.featured .vip-sale-badge{color:#fff;background:linear-gradient(145deg,#f52b25 0%,#dc1518 100%)}.vip-plan-card:not(.featured) .feature-list svg{color:var(--himi-red)}@media (hover:hover) and (pointer:fine){.vip-plan-card:hover{background:#fffaf8;border-color:#f2c2b8;transform:translateY(-7px)scale(1.012);box-shadow:0 28px 58px #5d393124}.vip-plan-card.featured:hover{background:#ffc3b5;border-color:#ff6f60;transform:translateY(-13px)scale(1.012);box-shadow:0 32px 66px #e054433d}.vip-plan-card:hover:before{animation:.88s cubic-bezier(.16,1,.3,1) both himi-vip-card-sheen}.vip-plan-card:hover:after{opacity:1;transform:scale(1.12)}.vip-plan-card:hover .price-badge{transform:translateY(-3px)rotate(-1deg)}.vip-plan-card:hover .vip-sale-tag{transform:translateY(-3px)rotate(2deg)}.vip-plan-card:hover :is(.price-name,.price){transform:translateY(-3px)}.vip-plan-card:hover .feature-list li{transform:translate(4px)}.vip-plan-card:hover .feature-list svg{transform:scale(1.1)}.vip-plan-card:hover .vip-plan-request-form .button:not(:hover){transform:translateY(-2px);box-shadow:0 12px 24px #e0544329}.vip-plan-card:hover .feature-list li:nth-child(2){transition-delay:25ms}.vip-plan-card:hover .feature-list li:nth-child(3){transition-delay:50ms}.vip-plan-card:hover .feature-list li:nth-child(4){transition-delay:75ms}}@keyframes himi-vip-card-sheen{0%{opacity:0;left:-58%}24%{opacity:.72}to{opacity:0;left:118%}}@media (prefers-reduced-motion:reduce){.vip-plan-card,.vip-plan-card:after,.vip-plan-card :is(.price-badge,.vip-sale-tag,.price-name,.price,.feature-list li,.feature-list svg){transition:none}.vip-plan-card:hover,.vip-plan-card.featured:hover,.vip-plan-card:hover :is(.price-badge,.vip-sale-tag,.price-name,.price,.feature-list li,.feature-list svg),.vip-plan-card:hover .vip-plan-request-form .button:not(:hover){transform:none}.vip-plan-card:hover:after{opacity:0;transform:none}.vip-plan-card:hover:before{animation:none}}.vip-plan-card:focus-within{border-color:#ff8d7d;box-shadow:0 0 0 4px #ff4c3b1a,0 24px 52px #5d39311c}@media (width<=720px){.vip-page>.vip-page-header{padding-top:max(10px, env(safe-area-inset-top))}.vip-page-header .himi-section-banner.is-vip{background-position:64%;border-radius:19px;grid-template-columns:1fr;min-height:218px;padding:15px 14px 76px}.vip-page-header .is-vip .himi-section-banner-copy{border-radius:14px;max-width:min(100%,330px);margin:0;padding:11px 12px 12px}.vip-page-header .is-vip h1{font-size:clamp(25px,7.8vw,32px)}.vip-page-header .is-vip .himi-section-banner-copy>p{max-width:31ch;margin-top:9px;font-size:10px}.vip-page-header .himi-section-banner-mascot.himi-vip-banner-mascot{width:154px;bottom:-24px;right:-3px}.vip-page-header+.vip-request-feedback{padding-top:8px}.vip-page .vip-current-status{border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;min-height:0;padding:10px 11px}.vip-page .vip-current-status>a,.vip-page .vip-current-status>form{grid-column:auto;width:auto}.vip-page .vip-current-status>a,.vip-page .vip-current-status>form button{min-height:36px;padding:0 10px;font-size:9px}.vip-page .vip-current-status small{display:none}}@media (width<=420px){.vip-page .vip-current-status{grid-template-columns:34px minmax(0,1fr)}.vip-page .vip-current-status>a,.vip-page .vip-current-status>form{grid-column:1/-1}}.auth-page:not(.auth-page-login-scene){color:var(--himi-black);background:radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--himi-orange) 11%, transparent), transparent 35%), var(--himi-white)}.auth-card{border-color:var(--himi-line);box-shadow:0 25px 70px #2222221a}.auth-card-admin{border-top-color:var(--himi-red)}.auth-icon,.auth-heading>span,.auth-switch a{color:var(--himi-red)}.auth-icon{background:var(--himi-red-soft)}.auth-form>label input,.auth-form-field input{border-color:var(--himi-line)}.auth-form>label input:focus,.auth-form-field input:focus{border-color:var(--himi-red);box-shadow:0 0 0 4px var(--focus-halo)}.admin-page{--admin-accent:var(--himi-red);--admin-accent-dark:color-mix(in srgb, var(--himi-red) 72%, var(--himi-black));--admin-bg:#f8f7f6;--admin-border:var(--himi-line);--admin-muted:var(--himi-muted);--admin-text:var(--himi-black)}.admin-page .admin-stat-icon,.admin-page .table-mark,.admin-page .admin-user-identity>span{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 22%, var(--himi-white));background:var(--himi-red-soft)}.admin-page .admin-period-filter a[aria-current=page],.admin-page .admin-record-list>a:hover{color:var(--himi-black);background:var(--himi-orange-soft)}.learner-app-shell,.learner-app-shell .learn-rail,.learner-app-shell .learn-topbar,.learner-app-shell .rail-brand,.learner-app-shell .brand,.learner-app-shell .learner-shell-content,.learner-app-shell .user-chip,.learner-app-shell .user-chip strong{color:var(--himi-black)}.course-roadmap-header,.roadmap-lesson-list,.course-roadmap-overview{border-color:var(--himi-line)}.course-roadmap-eyebrow,.course-roadmap-progress-row,.course-roadmap-progress-row small,.roadmap-stage-copy p,.roadmap-lesson-row,.roadmap-lesson-copy>span,.roadmap-lesson-minutes,.roadmap-overview-stat p{color:var(--himi-muted)}.course-roadmap-header h1,.roadmap-stage-copy h2,.course-roadmap-overview h2,.roadmap-overview-stat strong{color:var(--himi-black)}.course-roadmap-switch,.roadmap-signin-note{color:var(--himi-red)}.course-roadmap-progress-track>span{background:linear-gradient(90deg, var(--himi-red), var(--himi-orange))}.roadmap-stage.is-active:not(:last-child) .roadmap-stage-rail:after{background:color-mix(in srgb, var(--himi-orange) 62%, var(--himi-white))}.roadmap-stage-marker.is-active{color:var(--himi-on-orange);background:var(--himi-orange);box-shadow:0 0 0 5px var(--himi-orange-soft), 0 4px 10px color-mix(in srgb, var(--himi-orange) 22%, transparent)}.roadmap-stage.is-active .roadmap-stage-card{border-color:color-mix(in srgb, var(--himi-red) 32%, var(--himi-white));box-shadow:0 6px 20px #22222213}.roadmap-stage-status.is-active{color:var(--himi-red);background:var(--himi-red-soft)}.roadmap-lesson-row.is-current{color:var(--himi-black);background:var(--himi-red-soft)}.roadmap-lesson-row.is-current .roadmap-lesson-state,.roadmap-lesson-row.is-current .roadmap-lesson-copy>strong{color:var(--himi-red)}.roadmap-lesson-cta{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 6px 15px color-mix(in srgb, var(--himi-red) 22%, transparent)}.roadmap-lesson-cta:hover{background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange))}.lesson-page,.lesson-header-card,.lesson-content-card,.lesson-vocab-deck{color:var(--himi-black)}.lesson-vocab-order,.lesson-vocab-pinyin,.lesson-vocab-save{color:var(--himi-red)}.lesson-vocab-hanzi,.lesson-vocab-example strong{color:var(--himi-black)}.lesson-vocab-save:hover{background:var(--himi-red-soft)}.lesson-vocab-card,.lesson-vocab-card-back{border-color:var(--himi-line);box-shadow:0 20px 46px #22222217}.lesson-vocab-nav>span{color:var(--himi-red);border-color:var(--himi-line)}.lesson-vocab-nav:not(:disabled):hover>span{color:var(--himi-on-orange);border-color:var(--himi-orange);background:var(--himi-orange)}.video-detail-meta span,.video-card-meta span{color:var(--himi-black);background:var(--himi-orange-soft)}.writing-topic-characters span{background:var(--himi-red-soft)}.game-journey-progress{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-orange) 36%, var(--himi-white))}.game-journey-done,.game-journey-station-complete{color:var(--himi-red);background:var(--himi-red-soft)}.practice-feature-kicker,.practice-next-cases h2,.practice-next-index,.practice-feature-language p{color:var(--himi-red)}.practice-feature-meta .free,.practice-next-access.free{color:var(--himi-black);background:var(--himi-orange-soft)}.practice-preview-button{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 28%, var(--himi-white))}.practice-next-cases button,.practice-next-cases button strong{color:var(--himi-black)}.practice-catalog-footer,.practice-catalog-footer button{color:var(--himi-muted)}.practice-catalog-footer strong{color:var(--himi-black)}@media (width<=720px){.home-portal-art:before{--home-portal-curve-height:clamp(560px, 74vh, 660px);width:max(620px,170vw);height:var(--home-portal-curve-height);top:calc(260px - var(--home-portal-curve-height));z-index:1;content:"";pointer-events:none;background:#fffffff7;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 22px 38px #ffffff57}.home-portal-art:after{z-index:2;background:linear-gradient(180deg, #ffffff1f 0%, #ffffff1a 24%, #ffffff0a 40%, transparent 56%), linear-gradient(90deg, #ffffff70 0%, #fff3 64%, transparent 100%), radial-gradient(circle at 82% 56%, color-mix(in srgb, var(--himi-orange) 10%, transparent), transparent 30%)}.home-portal-copy>p{color:color-mix(in srgb, var(--himi-black) 86%, var(--himi-white));font-weight:650}}.learner-app-shell .learner-shell-content{container:learner-content/inline-size}:where(.course-roadmap-page,.lesson-page){width:100%;max-width:100%;overflow-x:clip}:where(.course-roadmap-shell,.lesson-responsive-shell),:where(.course-roadmap-layout,.course-roadmap-stages,.lesson-main),:where(.roadmap-stage-card,.roadmap-lesson-list,.lesson-tab-panel-viewport){min-width:0}.lesson-responsive-shell{width:min(1180px,100% - clamp(28px,4vw,56px))}.lesson-breadcrumb{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.lesson-breadcrumb::-webkit-scrollbar{display:none}.lesson-breadcrumb>*{flex:none}.lesson-breadcrumb>span[aria-current=page]{color:#35534c;min-width:0;font-weight:680}.lesson-heading-row>div:first-child,.lesson-complete-message,.daily-flow-next-step>div,.lesson-scenario-video-heading>div{min-width:0}.lesson-heading-row h1,.lesson-heading-row p,.lesson-scenario-video-heading :is(h2,p),.lesson-interactive-heading :is(h2,p),.challenge-question :is(legend,label,p){overflow-wrap:anywhere;text-wrap:pretty}.lesson-tabs{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;-webkit-overflow-scrolling:touch;max-width:100%;scroll-padding-inline:12px}.lesson-tab{scroll-snap-align:start;touch-action:manipulation;position:relative}.lesson-tab:focus-visible{z-index:1;outline-offset:-3px;border-radius:9px 9px 0 0;outline:3px solid #08796d3d}.lesson-content-card,.lesson-vocab-card,.pronunciation-practice-card,.challenge-question,.lesson-complete-row form,.lesson-complete-row .button{max-width:100%}@container learner-content (width<=1020px){.course-roadmap-shell,.lesson-responsive-shell{width:calc(100% - 32px)}.course-roadmap-layout{grid-template-columns:minmax(0,1fr)}.course-roadmap-aside{grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);position:static}.course-roadmap-coach{min-height:170px}.lesson-content-card:not(.lesson-content-card-vocabulary){padding:24px}.lesson-vocab-deck{padding-inline:0}.lesson-vocab-progress{width:min(540px,100% - 100px)}.lesson-vocab-carousel{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}.lesson-vocab-nav>span{width:46px;height:46px}.lesson-vocab-card{width:calc(100% - 34px);padding-inline:32px}.lesson-vocab-card-back-one{right:17px}.lesson-vocab-card-back-two{left:30px}.challenge-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@container learner-content (width<=820px){.course-roadmap-header{gap:18px}.roadmap-stage-summary{grid-template-columns:132px minmax(0,1fr) auto;gap:14px}.roadmap-stage-image{width:132px}.roadmap-lesson-row{grid-template-columns:25px minmax(0,1fr) 62px minmax(0,140px) 19px;gap:8px;padding-inline:12px}.lesson-page{padding-top:24px}.lesson-heading-row h1{font-size:clamp(28px,5.3cqi,36px)}.lesson-content-card:not(.lesson-content-card-vocabulary){padding:21px 20px}.lesson-interactive-heading,.lesson-challenge-heading{gap:18px}.pronunciation-practice-layout{grid-template-columns:minmax(0,1fr)}.pronunciation-target-list{overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:inline proximity;max-height:none;display:flex;overflow-x:auto}.pronunciation-target-list button{scroll-snap-align:start;flex:none;width:min(190px,42cqi);min-width:150px}.pronunciation-practice-card{min-height:460px}.video-player-toolbar{grid-template-columns:auto minmax(80px,1fr)}.video-player-options{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-player-options button{justify-content:center}.transcript-line{grid-template-columns:minmax(0,1fr)}.transcript-repeat{justify-content:center;margin:0 12px 11px 54px}}@container learner-content (width<=680px){.course-roadmap-shell,.lesson-responsive-shell{width:calc(100% - 24px)}.course-roadmap-header{flex-direction:column;align-items:flex-start;gap:9px;min-height:0;padding-bottom:16px}.course-roadmap-header>div,.course-roadmap-progress-row{width:100%}.course-roadmap-progress-row{grid-template-columns:auto minmax(72px,1fr) auto;gap:10px}.course-roadmap-layout{gap:18px;padding-top:16px}.course-roadmap-aside{grid-template-columns:minmax(0,1fr);gap:16px}.roadmap-stage{grid-template-columns:36px minmax(0,1fr)}.roadmap-stage-marker{width:32px;height:32px;margin-top:18px;font-size:14px}.roadmap-stage-summary{grid-template-columns:clamp(88px,26cqi,112px) minmax(0,1fr);align-items:stretch;gap:11px;min-height:94px}.roadmap-stage-image{grid-row:1/span 2;width:100%;height:100%;min-height:94px}.roadmap-stage-copy{align-self:end;padding:11px 6px 2px 0}.roadmap-stage-copy h2{white-space:normal;font-size:15px}.roadmap-stage-status{grid-column:2;align-self:start;width:fit-content;min-height:28px;margin:0 7px 8px 0;padding-inline:8px;font-size:9.5px}.roadmap-lesson-list{margin:0 8px 8px}.roadmap-lesson-row{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) 20px;gap:3px 8px;min-height:68px;padding:11px 12px}.roadmap-lesson-state{grid-area:1/1/span 2}.roadmap-lesson-copy{flex-wrap:wrap;grid-area:1/2;gap:3px 5px}.roadmap-lesson-copy>i{display:none}.roadmap-lesson-copy>strong{white-space:normal;flex-basis:100%;width:100%;font-size:13px;line-height:1.35}.roadmap-lesson-minutes{text-align:left;grid-area:2/2;font-size:10.5px}.roadmap-lesson-chevron{grid-area:1/3/span 2}.roadmap-lesson-cta,.roadmap-lesson-vip{grid-area:3/2/auto/4;width:100%;min-height:44px;margin-top:6px}.roadmap-lesson-row.is-current,.roadmap-lesson-row.is-vip-locked{grid-template-rows:auto auto auto}.lesson-page{min-height:0;padding-block:16px 96px}.lesson-breadcrumb{white-space:nowrap;gap:5px;margin-bottom:14px;padding-bottom:2px;font-size:11px}.lesson-breadcrumb>span[aria-current=page]{text-overflow:ellipsis;max-width:68cqi;overflow:hidden}.lesson-header-card{padding-top:0}.lesson-heading-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.lesson-heading-row h1{margin-block:6px;font-size:clamp(25px,8cqi,32px);line-height:1.12}.lesson-heading-row p{font-size:12px}.lesson-progress-badge{min-width:78px;margin-top:0;padding:9px 8px}.lesson-progress-badge strong{font-size:16px}.lesson-tabs{gap:2px;margin-top:14px}.lesson-tab{min-height:48px;padding-inline:13px;font-size:12px}.lesson-content-card:not(.lesson-content-card-vocabulary){border-radius:16px;margin-top:12px;padding:18px 16px}.lesson-content-card-vocabulary{margin-top:0;padding:0}.lesson-scenario-video-heading{margin-bottom:14px}.lesson-scenario-video-heading h2,.lesson-interactive-heading h2,.lesson-challenge-heading h2{font-size:clamp(22px,6.6cqi,27px);line-height:1.2}.lesson-interactive-heading,.lesson-challenge-heading{flex-direction:column;align-items:flex-start;gap:12px}.lesson-interactive-heading-icon{display:none}.lesson-phrase-grid{grid-template-columns:minmax(0,1fr);margin-top:20px}.lesson-phrase-card{min-height:0;padding:18px}.lesson-vocab-deck{min-height:0;padding-top:20px}.lesson-vocab-progress{width:100%;padding-inline:8px}.lesson-vocab-progress-segments{gap:7px}.lesson-vocab-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.lesson-vocab-stack{grid-area:1/1/auto/-1;min-height:398px}.lesson-vocab-card{border-radius:18px;width:calc(100% - 24px);min-height:392px;padding:22px 18px 18px}.lesson-vocab-card-back{border-radius:18px}.lesson-vocab-card-back-one{inset:12px 12px -12px 10px}.lesson-vocab-card-back-two{inset:24px 0 -24px 20px}.lesson-vocab-nav{background:#fff;border:1px solid #d7e0db;border-radius:12px;min-height:48px;padding:4px 11px;display:flex}.lesson-vocab-nav-prev{grid-area:2/1}.lesson-vocab-nav-next{grid-area:2/2;justify-content:flex-end}.lesson-vocab-nav>span{background:var(--sage-light);width:38px;height:38px;box-shadow:none;border:0}.lesson-vocab-continue{width:100%;margin-top:20px}.pronunciation-target-list button{width:min(180px,72cqi)}.pronunciation-practice-card{min-height:0;padding:26px 18px 18px}.pronunciation-practice-card>strong{margin-top:20px;font-size:clamp(28px,9cqi,38px)}.pronunciation-actions{flex-wrap:wrap}.pronunciation-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.pronunciation-next-row{margin-top:24px}.challenge-options{grid-template-columns:minmax(0,1fr)}.challenge-question{padding:15px 13px}.challenge-result,.lesson-complete-row{flex-direction:column;align-items:stretch}.challenge-result .button,.lesson-complete-row form,.lesson-complete-row .button,.lesson-complete-row form .button{width:100%}.daily-flow-next-step{grid-template-columns:38px minmax(0,1fr);padding-inline:0}.daily-flow-next-step .button{grid-column:1/-1;width:100%}.lesson-loading-tabs{gap:12px;overflow:hidden}.lesson-loading-tabs .skeleton-block{flex:0 0 64px}.lesson-loading-row{grid-template-columns:25% minmax(0,1fr);gap:10px;min-height:72px;padding:14px}.lesson-loading-row .skeleton-block:last-child{grid-column:1/-1}.lesson-locked-panel{min-height:330px}.lesson-locked-panel h2{font-size:27px}.video-learning-player{border-radius:15px}.video-player-toolbar{gap:10px;padding:12px}.interactive-transcript{padding:13px}.interactive-transcript-heading{align-items:flex-start}}@container learner-content (width<=420px){.course-roadmap-shell,.lesson-responsive-shell{width:calc(100% - 16px)}.course-roadmap-header h1{font-size:23px}.roadmap-stage{grid-template-columns:30px minmax(0,1fr)}.roadmap-stage-marker{width:28px;height:28px;font-size:12px}.roadmap-stage-summary{grid-template-columns:clamp(76px,24cqi,90px) minmax(0,1fr);gap:8px}.roadmap-stage-copy h2{font-size:14px}.roadmap-stage-status{padding-inline:6px;font-size:9px}.roadmap-lesson-list{margin-inline:5px}.roadmap-lesson-row{gap-inline:6px;grid-template-columns:21px minmax(0,1fr) 17px;padding-inline:9px}.roadmap-lesson-cta,.roadmap-lesson-vip{grid-column:1/-1}.lesson-page{padding-top:11px}.lesson-heading-row{grid-template-columns:minmax(0,1fr)}.lesson-progress-badge{align-items:baseline;gap:7px;width:fit-content;display:flex}.lesson-progress-badge strong,.lesson-progress-badge span{display:inline}.lesson-progress-badge span{margin-top:0}.lesson-content-card:not(.lesson-content-card-vocabulary){padding:16px 13px}.lesson-tab{padding-inline:12px}.lesson-vocab-card{width:calc(100% - 18px);padding-inline:14px}.lesson-vocab-card-back-one{inset-inline:9px}.lesson-vocab-card-back-two{left:16px}.lesson-vocab-keyboard{display:none}.lesson-phrase-card{padding:16px 14px}.pronunciation-actions{grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-actions button{width:100%}.pronunciation-error,.pronunciation-next-row,.interactive-transcript-heading,.youtube-source-note{flex-direction:column;align-items:stretch}.pronunciation-error button,.pronunciation-next-row>button{width:100%}.pronunciation-result{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.pronunciation-feedback{text-align:center}.pronunciation-dimensions{width:100%}.video-player-options button{gap:4px;min-width:0;padding-inline:6px;font-size:8px}.transcript-line-main{grid-template-columns:23px minmax(0,1fr) 26px;gap:7px;padding:11px 9px 8px}.transcript-repeat{min-height:44px;margin-left:39px}.challenge-result{padding:13px}.daily-flow-next-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.daily-flow-next-mark{width:32px;height:32px}}@media (width<=720px){.course-roadmap-page,.lesson-page{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));padding-bottom:calc(106px + env(safe-area-inset-bottom))}}@media (width<=720px) and (height<=520px) and (orientation:landscape){.lesson-page{padding-top:max(8px, env(safe-area-inset-top))}.lesson-breadcrumb{margin-bottom:8px}.lesson-heading-row h1{font-size:25px}.lesson-heading-row p{display:none}.lesson-tabs{margin-top:8px}.pronunciation-practice-card{min-height:340px}}@media (pointer:coarse){:where(.course-roadmap-switch,.roadmap-lesson-row,.roadmap-lesson-cta,.roadmap-lesson-vip,.lesson-tab,.lesson-vocab-nav,.lesson-vocab-save,.pronunciation-target-list button,.pronunciation-actions button,.pronunciation-next-row button,.challenge-options label,.transcript-repeat){min-height:44px}}@media (prefers-reduced-motion:reduce){.course-roadmap-progress-track>span,.roadmap-stage-expand,.lesson-tab-panel,.lesson-vocab-card,.lesson-vocab-nav>span,.video-progress-track>span,.transcript-line{transition-duration:.01ms!important;animation:none!important}}@container learner-content (width>=681px) and (width<=1180px){.course-roadmap-shell{width:calc(100% - clamp(24px,3cqi,40px))}.course-roadmap-header h1{text-wrap:balance;max-width:24ch}.roadmap-stage-copy h2{white-space:normal}}@container learner-content (width<=680px){.course-roadmap-header{position:relative}.course-roadmap-header h1{text-wrap:balance;max-width:100%}.course-roadmap-switch{background:#fff;border:1px solid #d9e6e2;border-radius:999px;min-height:40px;padding-inline:10px}.roadmap-stage-card,.roadmap-stage-vip-trigger,details.roadmap-stage-card>summary{max-width:100%}.roadmap-stage-copy h2,.roadmap-lesson-copy>strong,.course-roadmap-coach-bubble p{overflow-wrap:anywhere}.roadmap-lesson-row{touch-action:manipulation}.roadmap-lesson-cta,.roadmap-lesson-vip{font-size:12px}.course-roadmap-overview h2{font-size:17px}.course-roadmap-coach-bubble{max-width:100%}}@container learner-content (width<=360px){.course-roadmap-shell{width:calc(100% - 10px)}.course-roadmap-header{padding-inline:3px}.course-roadmap-header h1{font-size:clamp(21px,7.4cqi,23px)}.course-roadmap-progress-row{gap:7px}.roadmap-stage{grid-template-columns:25px minmax(0,1fr)}.roadmap-stage-marker{width:24px;height:24px;margin-top:17px}.roadmap-stage-summary{grid-template-columns:64px minmax(0,1fr);min-height:82px}.roadmap-stage-image{min-height:82px}.roadmap-stage-copy{padding-top:9px}.roadmap-stage-copy h2{font-size:13px}.roadmap-stage-copy p{font-size:9px}.roadmap-stage-status{min-height:25px;margin-bottom:6px}.roadmap-stage-status svg{display:none}.roadmap-lesson-row{grid-template-columns:19px minmax(0,1fr) 16px;padding:9px 7px}.roadmap-lesson-copy>strong{font-size:12px}.course-roadmap-overview{padding-inline:13px}.course-roadmap-coach{grid-template-columns:72px minmax(0,1fr)}.course-roadmap-coach-image{width:94px;height:94px}}@media (width>=721px) and (height<=760px){.course-roadmap-page{padding-top:12px}.course-roadmap-header{min-height:96px}.course-roadmap-aside{position:static}.course-roadmap-overview{padding-top:18px}.roadmap-overview-stat{min-height:68px}}@media (width<=900px) and (height<=520px) and (orientation:landscape){.course-roadmap-page{padding-top:max(6px, env(safe-area-inset-top))}.course-roadmap-header{padding-bottom:10px}.course-roadmap-header h1{font-size:22px}.course-roadmap-progress-row{margin-top:6px}.course-roadmap-layout{padding-top:10px}.roadmap-stage-summary,.roadmap-stage-image{min-height:78px}.course-roadmap-coach{display:none}}:where(.home-portal,.course-library-page,.course-roadmap-page,.lesson-page,.video-library-page,.video-detail-page,.listening-studio,.listening-scenario-page,.practice-dashboard,.game-center-dashboard,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.vip-page,.account-page,.notifications-page,.legal-page,.auth-page,.admin-page){width:100%;min-width:0;max-width:100%}:where(main,main>*,main section,main article,main aside,main form,main fieldset){min-width:0}:where(main h1,main h2,main h3,main p,main strong,main small,main label){overflow-wrap:anywhere}:where(main img,main video,main iframe,main canvas,main svg){max-inline-size:100%}:where(button,[role=button],input,select,textarea){touch-action:manipulation}:where(.table-scroll,.admin-chart,.lesson-tabs,.video-category-filters,.filter-list){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%}@media (width>=721px){@container learner-content (width<=1020px){:where(.video-library-shell,.video-detail-shell,.listening-banner-shell,.listening-mode-shell,.listening-level-section,.listening-lesson-section,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.hsk-curriculum){max-width:100%}.video-library-shell,.video-detail-page.is-study-studio .video-detail-shell,.hsk-curriculum{width:calc(100% - 32px)}.video-library-header{grid-template-columns:minmax(0,1fr) minmax(260px,36%);gap:20px}.learning-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.listening-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-performance-summary{grid-template-columns:1fr;gap:12px}.listening-performance-metrics>div:first-child{border-left:0}}@container learner-content (width<=860px){.video-library-header{grid-template-columns:minmax(0,1fr) minmax(210px,31%)}.video-detail-header,.video-detail-header.is-compact{flex-direction:column;align-items:flex-start;gap:14px}.youtube-study-studio,.youtube-study-studio.has-dictation,.youtube-study-studio.has-dictation.transcript-is-hidden{grid-template-columns:minmax(0,1fr)}.youtube-dictation-panel,.youtube-transcript-panel,.youtube-study-studio.has-dictation .youtube-transcript-panel{grid-column:auto;width:100%;height:auto;min-height:0;max-height:none}.hsk-curriculum-layout,.himi-writing-workspace,.video-detail-layout{grid-template-columns:minmax(0,1fr)}.himi-writing-library{order:1}.himi-writing-practice{order:2}.himi-writing-character-info{order:3;grid-column:auto}.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (width<=720px){:where(.home-portal,.course-library-page,.course-roadmap-page,.lesson-page,.video-library-page,.video-detail-page,.listening-studio,.listening-scenario-page,.practice-dashboard,.game-center-dashboard,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.vip-page,.account-page,.notifications-page,.legal-page,.auth-page,.admin-page){min-height:100dvh;overflow-x:clip}:where(input,select,textarea){font-size:16px}:where(.video-detail-back,.youtube-study-toolstrip button,.youtube-study-switch,.youtube-shadow-card>button,.youtube-transcript-toggles button,.dictation-level-tabs button,.dictation-navigation button,.dictation-prompt button,.dictation-actions button,.listening-back,.listening-speed){min-width:44px;min-height:44px}.video-detail-page.is-study-studio .video-detail-shell{width:min(100% - 22px,620px);padding-top:max(18px, env(safe-area-inset-top));padding-bottom:calc(96px + env(safe-area-inset-bottom))}.video-detail-header.is-compact h1{letter-spacing:-.04em;text-wrap:pretty;font-size:clamp(24px,7.7vw,29px);line-height:1.08}.video-detail-meta{flex-wrap:wrap;justify-content:flex-start}.youtube-study-toolstrip button{min-height:52px;font-size:clamp(9px,2.6vw,10px);line-height:1.15}.youtube-study-switch{justify-content:center;gap:6px;width:100%;font-size:10px}.youtube-study-switch>span{flex:0 0 31px}.youtube-shadow-card>button,.youtube-transcript-toggles button{font-size:10px}.video-detail-page .youtube-shadow-card>button,.video-detail-page .youtube-transcript-toggles button{min-height:44px}.youtube-transcript-panel{max-height:none}.listening-performance-metrics small{letter-spacing:.02em;font-size:10px}.hsk-curriculum-heading>div>span{font-size:10px}.hsk-curriculum-heading p{font-size:13px}}@media (width<=359px){.video-detail-page.is-study-studio .video-detail-shell{width:calc(100% - 18px)}.video-detail-header.is-compact h1{font-size:clamp(22px,7.4vw,25px)}.youtube-study-toolstrip{gap:4px}.youtube-study-toolstrip button{padding-inline:2px;font-size:9px}}@media (orientation:landscape) and (height<=500px) and (width>=560px) and (width<=980px){:where(.video-library-shell,.video-detail-shell,.listening-studio,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.game-center-dashboard){padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.video-detail-page.is-study-studio .video-detail-shell{width:min(100% - 28px,900px)}.youtube-study-studio,.youtube-study-studio.has-dictation,.youtube-study-studio.has-dictation.transcript-is-hidden{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.youtube-study-frame{max-height:calc(100dvh - 118px)}.learner-app-shell .rail-toggle{width:44px;height:44px}.video-detail-page .youtube-study-toolstrip button,.video-detail-page .youtube-study-switch,.video-detail-page .youtube-shadow-card>button,.video-detail-page .youtube-transcript-toggles button,.video-detail-page .dictation-level-tabs button,.video-detail-page .dictation-navigation button,.video-detail-page .dictation-prompt button,.video-detail-page .dictation-actions button{min-height:44px}}@media (pointer:coarse){:where(button,[role=button],input,select,textarea){min-height:44px}:where(.rail-toggle,.video-detail-back,.listening-back){min-width:44px;min-height:44px}}@media (width<=720px),(orientation:landscape) and (height<=500px) and (width<=980px){.youtube-study-studio,.youtube-study-studio.has-dictation,.youtube-study-studio.has-dictation.transcript-is-hidden{grid-template-columns:minmax(0,1fr);gap:12px}.youtube-study-media-column{display:contents}.youtube-study-frame{order:0}.youtube-study-studio .youtube-study-toolstrip{order:1;margin-top:0}.youtube-study-studio .youtube-study-toolstrip button{min-height:52px;font-size:10px}.youtube-dictation-panel{order:2}.youtube-transcript-panel{order:3}.youtube-source-row{order:4}.youtube-study-studio .youtube-study-switches,.youtube-study-studio .youtube-shadow-card{display:none}.youtube-study-studio .youtube-transcript-panel,.youtube-study-studio.has-dictation .youtube-transcript-panel{grid-column:auto;height:clamp(320px,60dvh,480px);min-height:0;max-height:none}.youtube-study-studio .youtube-transcript-panel>header{flex-direction:row;align-items:center;gap:8px;padding:12px}.youtube-study-studio .youtube-transcript-toggles{gap:6px;width:auto}.youtube-study-studio .youtube-transcript-toggles button{min-height:44px;padding-inline:10px;font-size:11px}.youtube-study-studio .youtube-transcript-scroll{min-height:0}.youtube-study-studio .youtube-transcript-line>strong{font-size:20px}.youtube-study-studio .youtube-transcript-line>small,.youtube-study-studio .youtube-transcript-line>p{font-size:16px}}@media (prefers-reduced-motion:reduce){:where(.home-portal,.course-library-page,.video-library-page,.video-detail-page,.listening-studio,.game-center-dashboard,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.vip-page,.account-page) *,:where(.home-portal,.course-library-page,.video-library-page,.video-detail-page,.listening-studio,.game-center-dashboard,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.vip-page,.account-page) :before,:where(.home-portal,.course-library-page,.video-library-page,.video-detail-page,.listening-studio,.game-center-dashboard,.writing-catalog-page,.writing-lesson-page,.himi-writing-studio,.vip-page,.account-page) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lesson-page .lesson-tabs{scrollbar-width:none;overflow-x:auto}.lesson-page .lesson-tabs::-webkit-scrollbar{display:none}.lesson-page .lesson-tab{white-space:nowrap;flex:none}.lesson-interactive-heading,.roleplay-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.lesson-interactive-heading>div,.roleplay-header>div:first-child{max-width:720px}.lesson-interactive-heading h2,.roleplay-header h2{color:#073d35;letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.14}.lesson-interactive-heading p,.roleplay-header p{color:#667872;margin:0;font-size:13px;line-height:1.65}.lesson-interactive-heading-icon{color:#0b7669;background:#eef8f4;border:1px solid #cfe3dc;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}.lesson-phrasebook,.lesson-pronunciation-coach,.roleplay-dialogue{padding:4px 2px}.lesson-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.lesson-phrase-card{background:linear-gradient(150deg,#fff 54%,#f4faf7);border:1px solid #dde6e1;border-radius:15px;flex-direction:column;min-height:176px;padding:21px 22px;display:flex}.lesson-phrase-card>span{color:#0a8173;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.lesson-phrase-card>strong{color:#093f36;margin-top:15px;font-size:21px;line-height:1.4}.lesson-phrase-card>small{color:#078879;margin-top:5px;font-size:12px;font-weight:650}.lesson-phrase-card>p{color:#667771;margin:auto 0 0;padding-top:11px;font-size:12px;line-height:1.55}.pronunciation-practice-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;margin-top:26px;display:grid}.pronunciation-target-list{background:#f8faf8;border:1px solid #dce6e1;border-radius:14px;gap:4px;max-height:560px;padding:7px;display:grid;overflow-y:auto}.pronunciation-target-list button{cursor:pointer;color:#4f655f;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 9px;display:grid}.pronunciation-target-list button:hover,.pronunciation-target-list button.is-active{color:#075d52;background:#e8f4f0}.pronunciation-target-list button>span{color:#0b7669;background:#fff;border:1px solid #cbded7;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.pronunciation-target-list button>small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:690;overflow:hidden}.pronunciation-target-list button>svg{color:#0c9b83}.pronunciation-practice-card{text-align:center;background:radial-gradient(circle at 50% 0,#f1faf6 0,#fff 48%);border:1px solid #d7e2dc;border-radius:18px;flex-direction:column;align-items:center;min-height:510px;padding:34px 38px 24px;display:flex;box-shadow:0 18px 42px #1a423914}.pronunciation-step-label{color:#0b806f;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850}.pronunciation-practice-card>strong{color:#083c34;max-width:720px;margin-top:25px;font-size:clamp(30px,4vw,46px);line-height:1.3}.pronunciation-practice-card>small{color:#058878;margin-top:10px;font-size:16px;font-weight:700}.pronunciation-practice-card>p{color:#687a74;margin:7px 0 0;font-size:13px}.pronunciation-evaluator{width:100%;margin-top:30px}.pronunciation-actions{justify-content:center;gap:10px;display:flex}.pronunciation-actions button,.pronunciation-next-row button,.roleplay-feedback>button,.roleplay-complete>button{cursor:pointer;border:1px solid #cbded7;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 17px;font-size:12px;font-weight:780;display:inline-flex}.pronunciation-listen{color:#087568;background:#eef8f4}.pronunciation-record{color:#fff;background:#0b6458;box-shadow:0 8px 18px #0b64582e;border-color:#0b6458!important}.pronunciation-record.is-recording{background:#b83d3d;animation:1s ease-in-out infinite alternate pronunciation-recording;border-color:#b83d3d!important}@keyframes pronunciation-recording{to{box-shadow:0 0 0 8px #b83d3d1f}}.pronunciation-actions button:disabled,.pronunciation-next-row button:disabled{cursor:not-allowed;opacity:.45}.pronunciation-error{color:#8f3934;text-align:left;background:#fff5f3;border:1px solid #efcec8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:14px auto 0;padding:11px 13px;font-size:11px;display:flex}.pronunciation-error button{cursor:pointer;color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-weight:750;display:inline-flex}.pronunciation-result{text-align:left;background:#f1f9f6;border:1px solid #cfe4dc;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:18px;padding:16px;display:grid}.pronunciation-total{color:#fff;background:#0a7668;border-radius:50%;align-content:center;place-items:center;width:68px;height:68px;display:grid}.pronunciation-total strong{font-size:24px;line-height:1}.pronunciation-total span{opacity:.75;font-size:9px}.pronunciation-feedback>strong{color:#0a5f54;font-size:12px}.pronunciation-feedback>p{color:#586c66;margin:4px 0 0;font-size:11px;line-height:1.5}.pronunciation-feedback>small{color:#9a5c27;margin-top:6px;font-size:10px;display:block}.pronunciation-dimensions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.pronunciation-dimensions>span{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.pronunciation-dimensions small{color:#72827d;font-size:9px}.pronunciation-dimensions strong{color:#09675c;font-size:12px}.pronunciation-next-row{border-top:1px solid #e2e9e5;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:22px;display:flex}.pronunciation-next-row>span{color:#6a7c76;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.pronunciation-next-row>button{color:#0b7064;background:#fff;min-height:37px}.lesson-content-card:has(.lesson-pronunciation-coach){border-color:color-mix(in srgb, var(--himi-red) 18%, var(--himi-line));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--himi-orange) 12%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--himi-red) 4%, var(--himi-white)), var(--himi-white) 240px);box-shadow:0 18px 48px #22222212}.lesson-pronunciation-coach .lesson-interactive-heading h2,.lesson-pronunciation-coach .pronunciation-practice-card>strong{color:var(--himi-black)}.lesson-pronunciation-coach .lesson-interactive-heading p,.lesson-pronunciation-coach .pronunciation-practice-card>p,.lesson-pronunciation-coach .pronunciation-next-row>span{color:var(--himi-muted)}.lesson-pronunciation-coach .lesson-interactive-heading-icon{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 20%, var(--himi-white));background:var(--himi-red-soft)}.lesson-pronunciation-coach .pronunciation-target-list{border-color:var(--himi-line);background:color-mix(in srgb, var(--himi-orange) 3%, var(--himi-white));scrollbar-color:color-mix(in srgb, var(--himi-red) 30%, var(--himi-white)) transparent}.lesson-pronunciation-coach .pronunciation-target-list button{color:var(--himi-muted);transition:color .18s,background-color .18s,box-shadow .18s}.lesson-pronunciation-coach .pronunciation-target-list button:hover{color:var(--himi-black);background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-target-list button.is-active{color:var(--himi-black);background:var(--himi-red-soft);box-shadow:inset 3px 0 var(--himi-red)}.lesson-pronunciation-coach .pronunciation-target-list button>span{color:var(--himi-red);border-color:color-mix(in srgb, var(--himi-red) 22%, var(--himi-white));background:var(--himi-white)}.lesson-pronunciation-coach .pronunciation-practice-card{border-color:var(--himi-line);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--himi-orange) 12%, var(--himi-white)), var(--himi-white) 48%);box-shadow:0 18px 42px #22222214}.lesson-pronunciation-coach .pronunciation-step-label,.lesson-pronunciation-coach .pronunciation-practice-card>small{color:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-actions button,.lesson-pronunciation-coach .pronunciation-next-row button{border-color:var(--himi-line)}.lesson-pronunciation-coach .pronunciation-listen{color:var(--himi-black);border-color:color-mix(in srgb, var(--himi-orange) 30%, var(--himi-white));background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-listen:hover{border-color:var(--himi-orange);background:color-mix(in srgb, var(--himi-orange) 22%, var(--himi-white))}.lesson-pronunciation-coach .pronunciation-record{color:var(--himi-on-red);background:var(--himi-red);box-shadow:0 9px 22px color-mix(in srgb, var(--himi-red) 24%, transparent);border-color:var(--himi-red)!important}.lesson-pronunciation-coach .pronunciation-record:not(:disabled):hover{background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-orange));box-shadow:0 12px 26px color-mix(in srgb, var(--himi-red) 30%, transparent)}.lesson-pronunciation-coach .pronunciation-record.is-recording{background:color-mix(in srgb, var(--himi-red) 78%, var(--himi-black));border-color:color-mix(in srgb, var(--himi-red) 78%, var(--himi-black))!important}.lesson-pronunciation-coach .pronunciation-result{border-color:color-mix(in srgb, var(--himi-orange) 28%, var(--himi-white));background:var(--himi-orange-soft)}.lesson-pronunciation-coach .pronunciation-total{color:var(--himi-on-red);background:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-feedback>strong{color:var(--himi-black)}.lesson-pronunciation-coach .pronunciation-feedback>p,.lesson-pronunciation-coach .pronunciation-dimensions small{color:var(--himi-muted)}.lesson-pronunciation-coach .pronunciation-dimensions strong{color:var(--himi-red)}.lesson-pronunciation-coach .pronunciation-next-row{border-color:var(--himi-line)}.lesson-pronunciation-coach .pronunciation-next-row>button{color:var(--himi-red);background:var(--himi-white)}.lesson-pronunciation-coach .pronunciation-next-row>button:not(:disabled):hover{border-color:color-mix(in srgb, var(--himi-red) 30%, var(--himi-white));background:var(--himi-red-soft)}.roleplay-header{border-bottom:1px solid #e1e8e4;padding-bottom:20px}.roleplay-live{color:#0a7668;white-space:nowrap;background:#eff8f4;border:1px solid #cfe4dc;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:780;display:inline-flex}.roleplay-live>span{background:#11a58e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #11a58e1f}.roleplay-stage{background:#f8faf8;border:1px solid #dae4df;border-radius:18px;margin-top:18px;overflow:hidden}.roleplay-conversation{background-image:radial-gradient(#dfe9e4 1px,#0000 1px);background-size:22px 22px;align-content:start;gap:16px;min-height:240px;max-height:480px;padding:25px;display:grid;overflow-y:auto}.roleplay-message{grid-template-columns:36px minmax(0,1fr) 34px;align-items:start;gap:10px;width:min(76%,680px);display:grid}.roleplay-message.is-learner{direction:rtl;grid-template-columns:36px minmax(0,1fr);margin-left:auto}.roleplay-message.is-learner>*{direction:ltr}.roleplay-avatar{color:#fff;background:#0d7467;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.roleplay-message.is-learner .roleplay-avatar{background:#d9894c}.roleplay-message>div{background:#fff;border:1px solid #dce6e1;border-radius:4px 15px 15px;gap:4px;padding:13px 15px;display:grid;box-shadow:0 7px 18px #1e423a0f}.roleplay-message.is-learner>div{background:#fff7ef;border-color:#f1d9c5;border-radius:15px 4px 15px 15px}.roleplay-message>div>small{color:#7a8a85;text-transform:uppercase;font-size:9px;font-weight:750}.roleplay-message>div>strong{color:#103f37;font-size:17px;line-height:1.45}.roleplay-message>div>span{color:#078575;font-size:11px}.roleplay-message>div>p{color:#697a75;margin:2px 0 0;font-size:10px}.roleplay-message>button{cursor:pointer;color:#0b7669;background:#fff;border:1px solid #cfe0da;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.roleplay-response-panel{background:#fff;border-top:1px solid #dfe7e3;padding:19px 24px 22px}.roleplay-instruction{color:#0b7568;align-items:center;gap:10px;display:flex}.roleplay-instruction>span{color:#71817c;gap:2px;font-size:10px;display:grid}.roleplay-instruction strong{color:#164d44;font-size:12px}.roleplay-mode-switch{background:#f5f8f6;border:1px solid #dce5e0;border-radius:10px;gap:3px;width:fit-content;margin-top:15px;padding:3px;display:inline-flex}.roleplay-mode-switch button{cursor:pointer;color:#687a74;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:10px;font-weight:750;display:inline-flex}.roleplay-mode-switch button.is-active{color:#0a6d60;background:#fff;box-shadow:0 2px 8px #143b3314}.pronunciation-evaluator.is-compact{margin-top:14px}.pronunciation-evaluator.is-compact .pronunciation-actions{justify-content:flex-start}.roleplay-typing{margin-top:14px}.roleplay-typing>label{color:#60736d;font-size:10px;font-weight:720}.roleplay-typing>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:7px;display:grid}.roleplay-typing textarea{resize:vertical;color:#153f38;width:100%;min-height:64px;font:inherit;background:#fbfcfb;border:1px solid #cadad4;border-radius:10px;outline:none;padding:12px 13px;font-size:14px}.roleplay-typing textarea:focus{border-color:#148879;box-shadow:0 0 0 3px #1488791a}.roleplay-typing button{cursor:pointer;color:#fff;background:#0b6458;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:118px;font-size:11px;font-weight:770;display:inline-flex}.roleplay-typing button:disabled{cursor:not-allowed;opacity:.45}.roleplay-hint{color:#91703f;align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.roleplay-feedback{background:#eff9f5;border:1px solid #c9e2d8;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:15px;padding:14px;display:grid}.roleplay-feedback.is-retry{background:#fff9ee;border-color:#ecd8b7}.roleplay-feedback>span{color:#0b8d78}.roleplay-feedback.is-retry>span{color:#b2772e}.roleplay-feedback>div>strong{color:#174b43;font-size:12px}.roleplay-feedback>div>p{color:#71817c;margin:3px 0 0;font-size:10px}.roleplay-natural{border-top:1px solid #0e6f5f24;gap:3px;margin-top:10px;padding-top:10px;display:grid}.roleplay-natural small{color:#8a7360;text-transform:uppercase;font-size:9px;font-weight:780}.roleplay-natural strong{color:#0c433a;font-size:15px}.roleplay-natural span{color:#078474;font-size:10px}.roleplay-natural p{color:#697a74;margin:0;font-size:10px}.roleplay-feedback>button,.roleplay-complete>button{color:#fff;white-space:nowrap;background:#0b6f62;border-color:#0b6f62;min-height:37px}.roleplay-complete{text-align:center;color:#0a8877;background:#fff;border-top:1px solid #dfe7e3;justify-items:center;padding:48px 24px;display:grid}.roleplay-complete .section-kicker{margin-top:12px}.roleplay-complete h3{color:#103f37;margin:7px 0 5px;font-size:22px}.roleplay-complete p{color:#697b75;margin:0;font-size:11px}.roleplay-complete>button{margin-top:18px}@media (width<=760px){.lesson-phrasebook,.lesson-pronunciation-coach,.roleplay-dialogue{padding:0}.lesson-interactive-heading,.roleplay-header{gap:14px}.lesson-interactive-heading-icon,.roleplay-live{display:none}.lesson-interactive-heading h2,.roleplay-header h2{font-size:24px}.lesson-phrase-grid{grid-template-columns:1fr}.lesson-phrase-card{min-height:160px}.pronunciation-practice-layout{grid-template-columns:1fr}.pronunciation-target-list{display:flex;overflow-x:auto}.pronunciation-target-list button{flex:none;width:150px}.pronunciation-practice-card{min-height:480px;padding:28px 18px 20px}.pronunciation-practice-card>strong{font-size:30px}.pronunciation-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.roleplay-stage{border-radius:14px;margin-inline:-12px}.roleplay-conversation,.roleplay-response-panel{padding:17px 14px}.roleplay-message{grid-template-columns:31px minmax(0,1fr) 30px;gap:7px;width:95%}.roleplay-message.is-learner{grid-template-columns:31px minmax(0,1fr)}.roleplay-avatar{border-radius:9px;width:31px;height:31px}.roleplay-message>div{padding:11px 12px}.roleplay-message>div>strong{font-size:15px}.roleplay-message>button{width:30px;height:30px}.roleplay-typing>div{grid-template-columns:1fr}.roleplay-typing button{min-height:43px}.roleplay-feedback{grid-template-columns:24px minmax(0,1fr)}.roleplay-feedback>button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.pronunciation-record.is-recording{animation:none}}.lesson-page:has(.lesson-stage-workspace){padding-block:18px 72px}.lesson-page .lesson-responsive-shell{width:min(1480px,100% - clamp(24px,3vw,48px))}.lesson-stage-workspace{--stage-red:var(--himi-red,#ff2438);--stage-red-dark:#dc2631;--stage-orange:var(--himi-orange,#ff7a1a);--stage-ink:var(--himi-black,#161616);--stage-muted:#747985;--stage-line:#e2e4e8;--stage-soft:#fff4f4;--stage-warm:#fff8f1;color:var(--stage-ink)}.lesson-stage-workspace .lesson-header-card{background:0 0;border:0;border-radius:0;padding:0}.lesson-stage-workspace .lesson-heading-row{display:block}.lesson-stage-workspace .lesson-heading-row>div:first-child{max-width:none}.lesson-stage-workspace .section-kicker,.lesson-stage-workspace .lesson-heading-row p,.lesson-stage-workspace .lesson-progress-badge{display:none}.lesson-stage-workspace .lesson-heading-row h1{color:#090909;letter-spacing:-.045em;margin:0;font-size:clamp(38px,3.25vw,52px);font-weight:820;line-height:1.06}.lesson-stage-workspace .lesson-tabs{border-bottom:1px solid #d9dde2;align-items:stretch;gap:2px;min-height:64px;margin-top:17px;display:flex}.lesson-stage-workspace .lesson-tab{color:#666b78;background:0 0;border:0;border-bottom:3px solid #0000;min-height:64px;padding:0 24px;font-size:16px;font-weight:680}.lesson-stage-workspace .lesson-tab.active{color:var(--stage-red);border-bottom-color:var(--stage-red)}.lesson-stage-workspace .lesson-tab-indicator{display:none}:is(.lesson-content-card-stage,.lesson-content-card-stage:has(.lesson-pronunciation-coach)){box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:10px 0 0}.lesson-content-card-stage .lesson-tab-panel-viewport{overflow:visible}.lesson-stage-layout{grid-template-columns:minmax(0,3.35fr) minmax(270px,1fr);align-items:stretch;gap:clamp(14px,1.35vw,22px);width:100%;display:grid}.lesson-study-panel{width:100%;min-width:0;min-height:clamp(590px,68svh,740px);box-shadow:none;text-align:initial;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:visible}.lesson-study-panel:focus-visible{outline-offset:3px;outline:3px solid #ff243833}.lesson-study-surface{background:#fff;border:1px solid #dcdfe4;border-radius:20px;flex-direction:column;flex:auto;min-width:0;min-height:0;padding:clamp(26px,2.4vw,38px);display:flex;overflow:hidden;box-shadow:0 8px 28px #231c1809}.lesson-stage-progress{align-items:center;gap:30px;width:100%;margin:0;display:flex}.lesson-stage-progress>span{color:var(--stage-red);letter-spacing:.035em;text-transform:uppercase;flex:none;font-size:17px;font-weight:820;line-height:1}.lesson-vocab-progress-segments{flex:auto;gap:22px;width:min(680px,100%);min-width:0;display:flex}.lesson-vocab-progress-segments>i{background:#dfe5e4;border-radius:50%;flex:0 0 18px;width:18px;min-width:18px;height:18px}.lesson-vocab-progress-segments>i.filled{background:var(--stage-red)}.lesson-study-content{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;width:100%;min-width:0;margin:auto;padding:clamp(28px,4.4vh,50px) clamp(6px,1.8vw,28px) clamp(24px,3vh,36px);display:flex}.lesson-vocabulary-content,.lesson-phrase-content,.pronunciation-study-content{text-align:left;align-items:flex-start}.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row{align-items:center;gap:22px;min-width:0;max-width:100%;display:flex}.lesson-vocab-hanzi{color:#060606;letter-spacing:-.06em;white-space:normal;overflow-wrap:anywhere;flex:0 auto;min-width:0;max-width:calc(100% - 74px);font-family:Inter,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:clamp(74px,6.5vw,104px);font-weight:780;line-height:.98}.lesson-inline-sound{color:#747985;background:#f0f1f3;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;padding:0;transition:color .18s,background .18s,transform .18s;display:grid}.lesson-inline-sound:hover{color:var(--stage-red);background:#ffecef;transform:translateY(-1px)}.lesson-vocab-meta{flex-wrap:wrap;align-items:flex-end;gap:26px;min-width:0;max-width:100%;margin-top:8px;display:flex}.lesson-vocab-meta>div{gap:6px;min-width:0;max-width:100%;display:grid}.lesson-vocab-pinyin,.lesson-vocab-meaning{overflow-wrap:anywhere;min-width:0;max-width:100%;display:block}.lesson-vocab-pinyin{color:var(--stage-red);font-size:clamp(28px,2.4vw,38px);font-weight:780;line-height:1.1}.lesson-vocab-meaning{color:#737987;font-size:clamp(23px,1.9vw,31px);line-height:1.24}.lesson-word-type{color:#b23d22;background:#fff7ef;border:1px solid #ffc8a6;border-radius:999px;margin-bottom:2px;padding:9px 26px;font-size:16px;font-weight:680}.lesson-audio-bar{width:100%;min-height:92px;color:var(--stage-ink);text-align:left;background:#fff5f6;border:1px solid #ffc5cb;border-radius:17px;grid-template-columns:70px minmax(150px,1fr) minmax(150px,1.55fr);align-items:center;gap:30px;margin-top:28px;padding:12px 34px 12px 18px;transition:border-color .18s,transform .18s,background .18s;display:grid}.lesson-audio-bar:hover{background:#fff0f2;border-color:#ff8d98;transform:translateY(-1px)}.lesson-audio-icon{color:#fff;background:var(--stage-red);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.lesson-audio-bar strong{font-size:clamp(17px,1.45vw,22px);font-weight:760;display:block}.lesson-audio-bar small{display:none}.lesson-audio-bar>svg{color:#f47682;width:100%;height:62px}.lesson-audio-bar.playing .lesson-audio-icon{background:var(--stage-red-dark)}.lesson-example-card{text-align:left;background:#fffaf7;border:1px solid #ffe0d7;border-radius:16px;width:100%;margin-top:20px;padding:21px clamp(22px,4vw,54px)}.lesson-example-card small,.lesson-example-card strong,.lesson-example-card p{display:block}.lesson-example-card small{color:#a45a32;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.lesson-example-card strong{color:#111;overflow-wrap:anywhere;margin-top:5px;font-size:clamp(22px,2vw,31px);line-height:1.3}.lesson-example-card p{color:var(--stage-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.4}.lesson-study-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px;align-items:start;gap:14px;width:100%;margin-top:18px;display:grid}.lesson-disclosure{text-align:left;background:#fff;border:1px solid #d9dde3;border-radius:14px;min-width:0}.lesson-disclosure>summary{color:#25272c;cursor:pointer;align-items:center;gap:12px;min-height:58px;padding:0 19px;font-size:16px;font-weight:660;list-style:none;display:flex}.lesson-disclosure>summary::-webkit-details-marker{display:none}.lesson-disclosure>summary svg:last-child{margin-left:auto;transition:transform .18s}.lesson-disclosure[open]>summary svg:last-child{transform:rotate(180deg)}.lesson-disclosure-body{color:var(--stage-muted);overflow-wrap:anywhere;padding:0 18px 16px;font-size:14px;line-height:1.55}.lesson-disclosure-body p{margin:8px 0 0}.lesson-character-list{flex-wrap:wrap;gap:8px;display:flex}.lesson-character-list span{background:var(--stage-soft);border:1px solid #ffd1d4;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;font-weight:720;display:grid}.lesson-save-button{min-height:58px;color:var(--stage-red);background:#fff;border:1px solid #ffb1b9;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:720;display:inline-flex}.lesson-save-button-icon{gap:0;width:54px;padding:0;font-size:0;overflow:hidden}.lesson-save-button:hover:not(:disabled),.lesson-save-button.saved{background:#fff1f2}.lesson-save-button:disabled{cursor:default;opacity:.68}.lesson-stage-nav{border:0;grid-template-columns:minmax(145px,1fr) auto minmax(190px,1fr);align-items:center;gap:16px;width:100%;min-height:70px;margin-top:16px;padding:0;display:grid}.lesson-stage-nav>span{color:#17181b;font-size:16px;font-weight:700}.lesson-stage-nav-button{color:#282b30;background:#fff;border:1px solid #d9dde3;border-radius:14px;align-items:center;gap:10px;min-height:58px;padding:0 27px;font-size:17px;font-weight:720;display:inline-flex}.lesson-stage-nav-button.is-back{justify-self:start}.lesson-stage-nav-button.is-next{color:#fff;border-color:var(--stage-red);background:var(--stage-red);justify-self:end}.lesson-stage-nav-button:hover:not(:disabled){transform:translateY(-1px)}.lesson-stage-nav-button:disabled{cursor:not-allowed;opacity:.34}.lesson-inline-sound:focus-visible,.lesson-audio-bar:focus-visible,.lesson-stage-nav-button:focus-visible,.lesson-save-button:focus-visible,.lesson-pinyin-toggle:focus-visible,.lesson-disclosure>summary:focus-visible,.pronunciation-target-list button:focus-visible,.pronunciation-status-row button:focus-visible{outline-offset:2px;outline:3px solid #ff24383d}.lesson-coach-rail{background-color:#f7dfca;background-image:url(/assets/backgrounds/lesson-coach-office.png);background-position:50%;background-size:cover;border:1px solid #ead8cb;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;min-height:clamp(590px,68svh,740px);padding:clamp(38px,4vw,60px) clamp(14px,1.4vw,22px) 18px;display:flex;overflow:hidden;box-shadow:0 8px 28px #4b301f0f}.lesson-coach-tip{width:100%;min-height:128px;color:var(--stage-orange);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #ffc4c9;border-radius:24px;align-items:flex-start;gap:15px;padding:25px 22px;display:flex;box-shadow:0 10px 30px #69412c0f}.lesson-coach-tip>svg{flex:none}.lesson-coach-tip p{min-width:0;margin:0}.lesson-coach-tip strong,.lesson-coach-tip span{display:block}.lesson-coach-tip strong{color:#161616;font-size:clamp(16px,1.12vw,18px);line-height:1.25}.lesson-coach-tip span{color:#6f7580;margin-top:8px;font-size:clamp(14px,1.05vw,17px);line-height:1.45}.lesson-coach-mascot{object-fit:contain;filter:drop-shadow(0 18px 20px #422a1824);width:min(92%,280px);height:auto;margin:auto auto -4px}.lesson-coach-rail.is-vocabulary .lesson-coach-mascot{width:min(96%,290px)}.lesson-coach-rail.is-pronunciation .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot{width:min(108%,310px)}.lesson-phrase-content{padding-block:clamp(34px,5vh,58px)}.lesson-phrase-heading-row{width:100%}.lesson-phrase-hanzi{color:#050505;letter-spacing:-.045em;white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0;max-width:calc(100% - 76px);font-family:Inter,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:clamp(44px,4.35vw,68px);font-weight:780;line-height:1.16}.lesson-phrase-pinyin{color:#767c89;margin-top:20px;font-size:clamp(25px,2.25vw,36px);font-weight:720}.lesson-phrase-meaning{color:#737987;overflow-wrap:anywhere;max-width:min(760px,100%);margin:8px 0 0;font-size:clamp(24px,2.2vw,35px);line-height:1.35}.lesson-phrase-structure{flex-wrap:wrap;align-items:center;gap:14px;width:100%;max-width:100%;margin-top:28px;padding-bottom:4px;display:flex;overflow:visible}.lesson-phrase-structure-part{flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.lesson-phrase-structure-part>i{color:#9ca1aa;flex:none;font-size:18px;font-style:normal}.lesson-phrase-structure-part>b{color:#17181a;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#fff8ee;border:1px solid #ffd4ad;border-radius:15px;flex:0 auto;place-items:center;min-width:0;max-width:100%;min-height:92px;padding:12px 22px;font-size:clamp(22px,2vw,31px);font-weight:760;line-height:1.35;display:grid}.lesson-phrase-structure-part:first-child>b{color:var(--stage-red);background:#fff4f5;border-color:#ffc1c8}.lesson-phrase-content .lesson-audio-bar{width:min(790px,100%);margin-inline:auto}.lesson-phrase-content .lesson-study-tools{grid-template-columns:minmax(0,1fr) 54px;width:min(430px,100%);margin-inline:auto}.lesson-phrase-content .lesson-disclosure.is-secondary{display:none}.pronunciation-study-content{padding-block:clamp(30px,4.5vh,50px)}.pronunciation-heading-row{width:100%}.pronunciation-heading-row>strong{color:#050505;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:calc(100% - 76px);font-family:Inter,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:clamp(42px,4.1vw,64px);font-weight:780;line-height:1.22}.pronunciation-study-content>p{color:#767c89;max-width:830px;margin:14px 0 0;font-size:clamp(22px,1.9vw,30px);line-height:1.42}.lesson-pinyin-toggle{color:#26282d;background:#fff;border:1px solid #d8dce2;border-radius:12px;align-items:center;gap:9px;min-height:52px;margin-top:20px;padding:0 18px;font-size:16px;font-weight:640;display:inline-flex}.pronunciation-pinyin{color:var(--stage-red);margin-top:11px;font-size:20px;line-height:1.4}.lesson-pronunciation-action{background:#fff6f7;border:1px solid #ffd4d8;border-radius:16px;width:100%;margin-top:22px;padding:14px 20px}.lesson-pronunciation-action .pronunciation-evaluator{width:100%}.lesson-pronunciation-action .pronunciation-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-pronunciation-action .pronunciation-actions>button{color:#22242a;background:#fff;border:1px solid #e3d8d5;border-radius:13px;flex:none;min-height:58px;padding:0 24px;font-size:16px;font-weight:680}.lesson-pronunciation-action .pronunciation-record-stage{flex:auto;grid-template-columns:minmax(72px,1fr) minmax(210px,auto) minmax(72px,1fr);align-items:center;gap:10px;display:grid}.lesson-pronunciation-action .pronunciation-waveform{color:#ef7a84;place-items:center;display:grid}.lesson-pronunciation-action .pronunciation-waveform svg{width:100%;height:58px}.lesson-pronunciation-action .pronunciation-waveform-end{transform:scaleX(-1)}.lesson-pronunciation-action .pronunciation-record{color:#fff;background:var(--stage-red);border:0;border-radius:14px;min-height:62px;padding:0 30px;font-size:17px;font-weight:720;box-shadow:0 10px 24px #dc26312b}.lesson-pronunciation-action .pronunciation-result{background:#fff;border:1px solid #dfe6e3;border-radius:20px;grid-template-columns:158px minmax(0,1fr);align-items:stretch;gap:20px;width:100%;margin-top:18px;padding:18px;display:grid;box-shadow:0 12px 34px #1b3a3414}.lesson-pronunciation-action .pronunciation-total{color:#116f5e;background:#eef8f5;border:1px solid #cfe5df;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;width:auto;height:auto;min-height:118px;padding:16px;display:flex}.lesson-pronunciation-action .pronunciation-total strong{color:inherit;letter-spacing:-.06em;font-size:clamp(42px,5vw,58px);font-weight:820;line-height:.9}.lesson-pronunciation-action .pronunciation-score-label{color:#477069;letter-spacing:.025em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:780;display:inline-flex}.lesson-pronunciation-action .pronunciation-score-value{align-items:flex-end;gap:6px;display:flex}.lesson-pronunciation-action .pronunciation-score-value small{color:#71847f;padding-bottom:4px;font-size:12px;font-weight:720}.lesson-pronunciation-action .pronunciation-feedback{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:7px 4px;display:flex}.lesson-pronunciation-action .pronunciation-rating{color:#116f5e;background:#edf8f4;border:1px solid #bcded5;border-radius:999px;align-items:center;min-height:30px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.lesson-pronunciation-action .pronunciation-feedback p{max-width:680px;color:var(--stage-muted);margin:11px 0 0;font-size:14px;line-height:1.55}.lesson-pronunciation-action .pronunciation-weakness{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:13px;display:flex}.lesson-pronunciation-action .pronunciation-weakness>small{color:#7a827f;font-size:11px;font-weight:700}.lesson-pronunciation-action .pronunciation-weakness>span{flex-wrap:wrap;gap:6px;display:flex}.lesson-pronunciation-action .pronunciation-weakness i{color:#c54b3d;background:#fff5f2;border:1px solid #f1cfc9;border-radius:9px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-style:normal;font-weight:760;display:inline-flex}.lesson-pronunciation-action .pronunciation-result.is-excellent .pronunciation-total,.lesson-pronunciation-action .pronunciation-result.is-good .pronunciation-total{color:#08786a}.lesson-pronunciation-action .pronunciation-result.is-average .pronunciation-total{color:#aa6415;background:#fff8ec;border-color:#efd9b7}.lesson-pronunciation-action .pronunciation-result.is-average .pronunciation-rating{color:#965712;background:#fff5e3;border-color:#efd3a7}.lesson-pronunciation-action .pronunciation-result.is-practice .pronunciation-total{color:#c1473f;background:#fff3f1;border-color:#efd0cc}.lesson-pronunciation-action .pronunciation-result.is-practice .pronunciation-rating{color:#ad3d37;background:#fff1ef;border-color:#efcbc7}.lesson-pronunciation-action .pronunciation-error{margin-top:12px}.pronunciation-status-row{color:#737987;background:#fafbfc;border:1px solid #dfe2e7;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:82px;margin-top:20px;padding:14px 18px;font-size:17px;display:flex}.pronunciation-status-row>span{align-items:center;gap:12px;display:inline-flex}.pronunciation-status-row button{color:#31343a;background:#fff;border:1px solid #d6dae0;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;display:inline-flex}.pronunciation-target-list{scrollbar-width:none;background:0 0;border:0;align-items:center;gap:8px;min-width:0;margin-left:auto;padding:0;display:flex;overflow-x:auto}.pronunciation-target-list::-webkit-scrollbar{display:none}.pronunciation-target-list button{color:#6f747e;background:#fff;border:1px solid #ff9aa4;border-radius:10px;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0;font-size:10px;font-weight:760;display:grid}.pronunciation-target-list button.is-active{color:var(--stage-red);border-color:var(--stage-red);background:#fff4f5}.lesson-content-card-stage .lesson-complete-row{border:0;border-top:1px solid var(--stage-line);background:0 0;border-radius:0;margin-top:16px;padding:14px 0}.lesson-vocab-spinner{animation:.8s linear infinite lesson-stage-spin}@keyframes lesson-stage-spin{to{transform:rotate(360deg)}}@media (width>=981px) and (height<=800px){.lesson-page:has(.lesson-stage-workspace){padding-block:10px 42px}.lesson-breadcrumb{margin-bottom:9px}.lesson-stage-workspace .lesson-heading-row h1{font-size:36px}.lesson-stage-workspace .lesson-tabs,.lesson-stage-workspace .lesson-tab{min-height:48px}.lesson-stage-workspace .lesson-tabs{margin-top:8px}.lesson-study-panel,.lesson-coach-rail{min-height:510px}.lesson-study-surface{padding:14px 26px}.lesson-stage-progress>span{font-size:13px}.lesson-vocab-progress-segments{gap:13px}.lesson-vocab-progress-segments>i{flex-basis:12px;width:12px;min-width:12px;height:12px}.lesson-study-content{padding-block:14px}.lesson-vocab-hanzi{font-size:64px}.lesson-vocab-pinyin{font-size:24px}.lesson-vocab-meaning{font-size:20px}.lesson-audio-bar{grid-template-columns:46px minmax(120px,1fr) minmax(120px,1.25fr);gap:16px;min-height:66px;margin-top:14px}.lesson-audio-icon{width:46px;height:46px}.lesson-audio-bar>svg{height:44px}.lesson-example-card{margin-top:10px;padding-block:10px}.lesson-example-card strong{font-size:19px}.lesson-example-card p{font-size:13px}.lesson-study-tools{margin-top:9px}.lesson-disclosure>summary,.lesson-save-button{min-height:46px;font-size:13px}.lesson-save-button-icon{font-size:0}.lesson-stage-nav{min-height:54px;margin-top:9px}.lesson-stage-nav-button{min-height:46px;font-size:14px}.lesson-coach-rail{padding:28px 15px 10px}.lesson-coach-tip{border-radius:18px;min-height:94px;padding:18px 15px}.lesson-coach-tip strong{font-size:16px}.lesson-coach-tip span{font-size:13px}.lesson-coach-mascot,.lesson-coach-rail.is-vocabulary .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot,.lesson-coach-rail.is-pronunciation .lesson-coach-mascot{width:min(88%,210px)}.lesson-phrase-hanzi,.pronunciation-heading-row>strong{font-size:42px}.lesson-phrase-pinyin,.lesson-phrase-meaning,.pronunciation-study-content>p{font-size:20px}.lesson-phrase-structure{margin-top:14px}.lesson-phrase-structure-part>b{min-height:62px;font-size:20px}.lesson-pinyin-toggle{min-height:44px;margin-top:10px;font-size:13px}.lesson-pronunciation-action{margin-top:11px;padding-block:9px}.lesson-pronunciation-action .pronunciation-actions>button,.lesson-pronunciation-action .pronunciation-record{min-height:48px;font-size:14px}.pronunciation-status-row{min-height:58px;margin-top:10px;font-size:14px}.pronunciation-status-row button{min-height:42px;font-size:13px}}@media (width<=980px){body:has(.lesson-stage-workspace)>.himi-chatbot-widget{display:none}.lesson-page .lesson-responsive-shell{width:calc(100% - 28px)}.lesson-stage-layout{grid-template-columns:minmax(0,1fr)}.lesson-study-panel{min-height:560px}.lesson-coach-rail{background-position:50% 62%;grid-template-columns:minmax(0,1fr) 190px;gap:22px;height:190px;min-height:190px;padding:18px 24px;display:grid}.lesson-coach-tip{justify-self:center;max-width:520px;min-height:116px}.lesson-coach-mascot,.lesson-coach-rail.is-vocabulary .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot,.lesson-coach-rail.is-pronunciation .lesson-coach-mascot{align-self:end;width:178px;max-height:176px;margin:0 auto -20px}}@container learner-content (width<=900px){.lesson-stage-layout{grid-template-columns:minmax(0,1fr)}.lesson-coach-rail{background-position:50% 62%;grid-template-columns:minmax(0,1fr) 190px;gap:22px;height:190px;min-height:190px;padding:18px 24px;display:grid}.lesson-coach-mascot,.lesson-coach-rail.is-vocabulary .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot,.lesson-coach-rail.is-pronunciation .lesson-coach-mascot{width:178px;max-height:176px;margin:0 auto -20px}}@media (width<=640px){.lesson-page:has(.lesson-stage-workspace){padding-block:14px 88px}.lesson-page .lesson-responsive-shell{width:calc(100% - 24px)}.lesson-breadcrumb{margin-bottom:12px}.lesson-stage-workspace .lesson-heading-row h1{font-size:clamp(29px,9.3vw,36px)}.lesson-stage-workspace .lesson-tabs{min-height:52px;margin-top:10px}.lesson-stage-workspace .lesson-tab{flex:1 1 0;min-height:52px;padding-inline:12px;font-size:13px}:is(.lesson-content-card-stage,.lesson-content-card-stage:has(.lesson-pronunciation-coach)){padding-top:10px}.lesson-study-panel{min-height:0}.lesson-study-surface{border-radius:17px;padding:18px 15px 14px}.lesson-stage-progress{flex-direction:column;align-items:flex-start;gap:10px}.lesson-stage-progress>span{font-size:12px}.lesson-vocab-progress-segments{gap:7px;width:100%}.lesson-vocab-progress-segments>i{border-radius:999px;flex:1 1 0;width:auto;min-width:0;height:4px}.lesson-study-content{padding:28px 0 24px}.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row{gap:12px}.lesson-vocab-hanzi{max-width:calc(100% - 58px);font-size:clamp(62px,21vw,82px)}.lesson-inline-sound{width:46px;height:46px}.lesson-vocab-meta{flex-direction:column;align-items:flex-start;gap:10px}.lesson-vocab-pinyin{font-size:23px}.lesson-vocab-meaning{font-size:19px}.lesson-word-type{padding:6px 16px;font-size:13px}.lesson-audio-bar{grid-template-columns:50px minmax(0,1fr) 70px;gap:10px;min-height:68px;margin-top:20px;padding:8px 14px 8px 8px}.lesson-audio-icon{width:50px;height:50px}.lesson-audio-bar strong{font-size:14px}.lesson-audio-bar>svg{height:38px}.lesson-example-card{margin-top:14px;padding:14px}.lesson-example-card strong{font-size:20px}.lesson-example-card p{font-size:14px}.lesson-study-tools{grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin-top:12px}.lesson-disclosure.is-secondary{display:none}.lesson-disclosure>summary,.lesson-save-button{min-height:48px;font-size:13px}.lesson-save-button-icon{width:48px;font-size:0}.lesson-stage-nav{grid-template-columns:48px auto minmax(132px,1fr);gap:8px;min-height:62px;margin-top:12px}.lesson-stage-nav-button{width:100%;min-height:48px;padding-inline:12px;font-size:12px}.lesson-stage-nav-button.is-back{justify-content:center}.lesson-stage-nav-button.is-back span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lesson-stage-nav-button.is-next{justify-content:flex-end}.lesson-stage-nav>span{font-size:12px}.lesson-coach-rail{background-position:50% 70%;border-radius:17px;grid-template-columns:minmax(0,1fr) 118px;gap:8px;height:154px;min-height:154px;padding:12px 14px}.lesson-coach-tip{border-radius:16px;gap:9px;min-height:104px;padding:15px 13px}.lesson-coach-tip>svg{width:21px;height:21px}.lesson-coach-tip strong{font-size:13px}.lesson-coach-tip span{margin-top:5px;font-size:11px}.lesson-coach-mascot,.lesson-coach-rail.is-vocabulary .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot,.lesson-coach-rail.is-pronunciation .lesson-coach-mascot{width:118px;max-height:140px;margin:0 auto -14px}.lesson-phrase-hanzi,.pronunciation-heading-row>strong{max-width:calc(100% - 58px);font-size:clamp(32px,10vw,42px)}.lesson-phrase-pinyin,.lesson-phrase-meaning,.pronunciation-study-content>p{font-size:19px}.lesson-phrase-structure{gap:4px;margin-top:18px;overflow-x:visible}.lesson-phrase-structure-part{gap:4px}.lesson-phrase-structure-part>i{font-size:12px}.lesson-phrase-structure-part>b{min-height:56px;padding:8px 6px;font-size:clamp(16px,4.6vw,18px)}.lesson-phrase-content .lesson-study-tools{grid-template-columns:minmax(0,1fr) 48px;width:100%}.lesson-pinyin-toggle{min-height:46px;margin-top:14px;font-size:13px}.lesson-pronunciation-action{margin-top:16px;padding:10px}.lesson-pronunciation-action .pronunciation-actions{flex-direction:column;align-items:stretch}.lesson-pronunciation-action .pronunciation-actions>button{width:100%;min-height:48px;font-size:14px}.lesson-pronunciation-action .pronunciation-record-stage{grid-template-columns:42px minmax(146px,1fr) 42px}.lesson-pronunciation-action .pronunciation-record{width:100%;min-height:52px;padding-inline:14px;font-size:14px}.lesson-pronunciation-action .pronunciation-result{border-radius:16px;grid-template-columns:102px minmax(0,1fr);gap:12px;padding:12px}.lesson-pronunciation-action .pronunciation-total{border-radius:13px;min-height:104px;padding:12px}.lesson-pronunciation-action .pronunciation-total strong{font-size:42px}.lesson-pronunciation-action .pronunciation-score-label{align-items:flex-start;font-size:9px;line-height:1.25}.lesson-pronunciation-action .pronunciation-feedback{padding:3px 0}.lesson-pronunciation-action .pronunciation-feedback p{margin-top:8px;font-size:12px;line-height:1.45}.lesson-pronunciation-action .pronunciation-weakness{flex-direction:column;align-items:flex-start;margin-top:9px}.pronunciation-status-row{min-height:68px;margin-top:12px;padding:10px 12px;font-size:13px}.pronunciation-status-row button{min-height:44px;padding-inline:11px;font-size:12px}.pronunciation-target-list{width:100%;margin-left:0}.pronunciation-target-list button{min-width:32px;min-height:32px}}@media (width<=360px){.lesson-stage-workspace .lesson-tab{padding-inline:8px;font-size:12px}.lesson-audio-bar{grid-template-columns:48px minmax(0,1fr) 48px}.lesson-stage-nav-button.is-next span{font-size:11px}.lesson-coach-rail{grid-template-columns:minmax(0,1fr) 100px}.lesson-coach-mascot,.lesson-coach-rail.is-vocabulary .lesson-coach-mascot,.lesson-coach-rail.is-phrase .lesson-coach-mascot,.lesson-coach-rail.is-pronunciation .lesson-coach-mascot{width:104px}.pronunciation-status-row{flex-direction:column;align-items:stretch}}@media (pointer:coarse){:where(.lesson-inline-sound,.lesson-stage-nav-button,.lesson-save-button,.lesson-pinyin-toggle,.lesson-disclosure>summary,.pronunciation-target-list button,.lesson-audio-bar,.pronunciation-status-row button){min-height:44px}.pronunciation-target-list button{width:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.lesson-stage-workspace *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lesson-reading-deck .lesson-stage-layout{align-items:start}.lesson-reading-deck .lesson-study-panel{min-height:0}.lesson-reading-deck .lesson-stage-progress>span{color:var(--stage-red-dark)}.lesson-reading-deck .lesson-study-surface{box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 auto;padding:24px clamp(4px,1.2vw,18px) 0;overflow:visible}.lesson-reading-deck .lesson-study-content{flex:0 auto;justify-content:flex-start;margin:0;padding:28px 0 20px}.lesson-reading-deck :is(.lesson-vocab-hanzi,.lesson-phrase-hanzi){letter-spacing:-.03em;text-wrap:balance;max-width:100%;line-height:1.2}.lesson-reading-deck .lesson-vocab-hanzi{font-size:clamp(52px,7vw,88px)}.lesson-reading-deck .lesson-phrase-hanzi{font-size:clamp(32px,4.2vw,58px)}.lesson-reading-deck .lesson-vocab-meta{align-items:center;gap:12px 24px;margin-top:16px}.lesson-reading-deck .lesson-vocab-pinyin{color:#5f6670;max-width:min(70ch,100%);font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.45}.lesson-reading-deck .lesson-phrase-pinyin{margin-top:16px}.lesson-reading-deck :is(.lesson-vocab-meaning,.lesson-phrase-meaning){color:#5f6670;max-width:min(70ch,100%);font-size:clamp(18px,1.7vw,23px);line-height:1.55}.lesson-reading-deck .lesson-word-type{color:#5f6670;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:13px}.lesson-reading-deck .lesson-phrase-structure{gap:4px 12px;margin-top:20px;padding:0}.lesson-reading-deck .lesson-phrase-structure-part{gap:8px}.lesson-reading-deck .lesson-phrase-structure-part>i{color:#747985;font-size:14px}.lesson-reading-deck .lesson-phrase-structure-part>b{min-height:0;color:var(--stage-ink);text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(18px,1.7vw,24px);font-weight:650;line-height:1.6;display:block}.lesson-reading-deck .lesson-phrase-structure-part:first-child>b{color:var(--stage-red-dark)}.lesson-reading-deck .lesson-audio-bar{width:fit-content;max-width:100%;min-height:48px;color:var(--stage-ink);box-shadow:none;background:0 0;border:0;border-radius:8px;gap:12px;margin:20px 0 0;padding:0 8px 0 0;display:inline-flex;transform:none}.lesson-reading-deck .lesson-audio-icon{flex:none;width:38px;height:38px}.lesson-reading-deck .lesson-audio-bar strong{font-size:15px;font-weight:650}.lesson-reading-deck .lesson-audio-bar:hover{color:var(--stage-red-dark);background:0 0;transform:none}.lesson-reading-deck .lesson-example-card{background:0 0;border:0;border-radius:0;margin-top:24px;padding:0}.lesson-reading-deck .lesson-example-card p{color:#5f6670}.lesson-reading-deck .lesson-study-tools{border-top:1px solid var(--stage-line);gap:8px 16px;width:100%;margin:20px 0 0;padding-top:12px}.lesson-reading-deck :is(.lesson-disclosure,.lesson-save-button){box-shadow:none;background:0 0;border:0;border-radius:8px}.lesson-reading-deck .lesson-disclosure>summary{gap:8px;min-height:44px;padding:0;font-size:14px}.lesson-reading-deck .lesson-disclosure-body{color:#5f6670;padding:8px 0 12px}.lesson-reading-deck .lesson-character-list span{color:var(--stage-ink);background:0 0;border:0;border-radius:0}.lesson-reading-deck .lesson-save-button{width:44px;min-height:44px;color:var(--stage-red-dark)}.lesson-reading-deck .lesson-save-button:hover:not(:disabled),.lesson-reading-deck .lesson-save-button.saved{background:var(--stage-soft)}.lesson-reading-deck .lesson-stage-nav{margin-top:0;padding-top:8px}.lesson-reading-deck .lesson-stage-nav-button.is-back{background:0 0;border:0}.lesson-reading-deck :is(.lesson-audio-bar,.lesson-save-button,.lesson-disclosure>summary):focus-visible{outline:2px solid var(--stage-ink);outline-offset:4px}.lesson-reading-deck ::selection{color:var(--stage-ink);background:#ffdfda}@media (width<=640px){.lesson-reading-deck .lesson-study-surface{padding:18px 4px 0}.lesson-reading-deck .lesson-study-content{padding:24px 0 12px}.lesson-reading-deck .lesson-vocab-hanzi{font-size:clamp(48px,16.5vw,64px)}.lesson-reading-deck .lesson-phrase-hanzi{font-size:clamp(32px,9vw,40px)}.lesson-reading-deck .lesson-vocab-meta{align-items:flex-start}.lesson-reading-deck .lesson-phrase-structure{gap:4px 8px}.lesson-reading-deck .lesson-phrase-structure-part{gap:6px}.lesson-reading-deck .lesson-study-tools{grid-template-columns:minmax(0,1fr) 44px}}.lesson-reference-deck .lesson-study-panel{min-height:clamp(560px,66svh,720px)}.lesson-reference-deck .lesson-study-surface{background:#fff;border:1px solid #e7dfdc;border-radius:22px;padding:clamp(26px,2.5vw,38px);position:relative;overflow:hidden;box-shadow:0 12px 34px #2d201b0b}.lesson-reference-deck .lesson-stage-progress{border-bottom:1px solid #ececef;padding-bottom:22px}.lesson-reference-deck .lesson-stage-progress>span{color:var(--stage-red);letter-spacing:.035em;background:#fff0ef;border-radius:999px;padding:8px 12px;font-size:13px}.lesson-reference-deck .lesson-vocab-progress-segments{flex:0 240px;justify-content:flex-end;gap:8px;width:auto;max-width:240px;margin-left:auto}.lesson-reference-deck .lesson-vocab-progress-segments>i{background:#e1e4e9;flex:0 0 9px;width:9px;min-width:9px;height:9px}.lesson-reference-deck .lesson-vocab-progress-segments>i.filled{background:#ff4f48;border-radius:999px;flex-basis:26px;width:26px;min-width:26px}.lesson-reference-deck .lesson-study-content{text-align:center;justify-content:center;align-items:center;width:min(920px,100%);margin:auto;padding:clamp(32px,5vh,58px) 0 clamp(26px,3.5vh,42px)}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){background:#fffdfa;border:1px solid #ffe0c7;border-radius:22px;justify-content:center;width:fit-content;max-width:100%;min-height:150px;padding:20px clamp(28px,4vw,54px)}.lesson-reference-deck .lesson-vocab-hanzi{color:#202020;letter-spacing:-.055em;text-align:center;max-width:100%;font-size:clamp(76px,8vw,112px);line-height:1.05}.lesson-reference-deck .lesson-phrase-hanzi,.lesson-reference-deck .pronunciation-heading-row>strong{color:#202020;letter-spacing:-.035em;text-align:center;max-width:100%;font-size:clamp(34px,4vw,58px);line-height:1.28}.lesson-reference-deck .lesson-vocab-meta{flex-direction:column;align-items:center;gap:10px;margin-top:16px}.lesson-reference-deck .lesson-vocab-pinyin{color:#f27a20;font-size:clamp(21px,2vw,27px);font-weight:750;line-height:1.2}.lesson-reference-deck .lesson-vocabulary-content .lesson-vocab-pinyin{background:#fff6ed;border:1px solid #ffe0cc;border-radius:999px;padding:8px 18px;display:inline-flex;box-shadow:0 5px 14px #ed741f0f}.lesson-reference-deck :is(.lesson-vocab-meaning,.lesson-phrase-meaning){color:#17191d;text-align:center;max-width:min(760px,100%);margin:0;font-size:clamp(21px,2vw,28px);font-weight:720;line-height:1.4}.lesson-reference-deck .lesson-phrase-pinyin{color:#f27a20;text-align:center;max-width:min(760px,100%);margin-top:18px;font-size:clamp(20px,1.9vw,27px);font-weight:700;line-height:1.45}.lesson-reference-deck .lesson-phrase-structure{justify-content:center;width:min(780px,100%)}.lesson-audio-actions{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.lesson-reference-deck .lesson-audio-actions .lesson-save-button{width:54px;min-width:54px;min-height:54px;color:var(--stage-red);background:#fff;border:1px solid #e8e9ed;border-radius:16px;margin:0}.lesson-reference-deck .lesson-audio-actions .lesson-save-button:hover:not(:disabled),.lesson-reference-deck .lesson-audio-actions .lesson-save-button.saved{color:#fff;background:#ff554e;border-color:#ff554e;box-shadow:0 7px 16px #ff4e4833}.lesson-reference-deck .lesson-audio-actions .lesson-save-button.saved:hover:not(:disabled){background:#e94641;border-color:#e94641}.lesson-reference-deck .lesson-audio-actions .lesson-save-button.is-toggling{opacity:1;animation:.32s ease-out lesson-save-toggle-pop}@keyframes lesson-save-toggle-pop{0%{transform:scale(1)}45%{transform:scale(.88)}75%{transform:scale(1.08)}to{transform:scale(1)}}.lesson-reference-deck .lesson-audio-bar{color:#fff;background:#ff554e;border:1px solid #ff554e;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:min(250px,100%);min-height:54px;margin:0;padding:0 26px;display:inline-flex;box-shadow:0 10px 22px #ff4e4833}.lesson-reference-deck .lesson-audio-bar:hover{color:#fff;background:#e94641;border-color:#e94641;transform:translateY(-1px)}.lesson-reference-deck .lesson-audio-icon{color:currentColor;background:0 0;width:auto;height:auto}.lesson-reference-deck .lesson-audio-bar strong{font-size:16px;font-weight:760}.lesson-audio-speed{color:#5f6570;background:#f4f5f7;border-radius:16px;justify-content:center;align-items:center;min-width:82px;min-height:54px;padding:0 16px;font-size:14px;font-weight:750;display:inline-flex}.lesson-reference-deck .lesson-example-card{border:0;border-top:1px solid var(--stage-line);text-align:left;background:0 0;border-radius:0;width:100%;margin-top:26px;padding:22px 0}.lesson-reference-deck .lesson-study-tools-compact{border:0;justify-content:center;width:auto;margin:6px 0 0;padding:0;display:flex}.lesson-reference-deck .lesson-study-tools-compact .lesson-save-button{background:0 0;border:0;width:44px;min-height:44px}.lesson-card-edge-nav{z-index:2;color:#6d727b;background:#fffffff5;border:1px solid #e4e1df;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:absolute;top:52%;transform:translateY(-50%);box-shadow:0 7px 18px #2d201b14}.lesson-card-edge-nav.is-back{left:18px}.lesson-card-edge-nav.is-next{right:18px}.lesson-card-edge-nav:hover:not(:disabled){color:#fff;border-color:var(--stage-red);background:var(--stage-red);transform:translateY(-50%)scale(1.04)}.lesson-card-edge-nav:disabled{cursor:default;opacity:.28}.lesson-card-edge-nav:focus-visible{outline-offset:2px;outline:3px solid #ff24383d}.lesson-reference-deck .lesson-pronunciation-completion{border-top:1px solid #ececef;justify-content:flex-end;padding-top:12px;display:flex}.pronunciation-character{transition:color .18s,text-decoration-color .18s}.pronunciation-character.is-correct{color:#138a68;text-underline-offset:.14em;-webkit-text-decoration:underline #138a6847;text-decoration:underline #138a6847;text-decoration-thickness:3px}.pronunciation-character.is-incorrect{color:#e54848;text-underline-offset:.13em;-webkit-text-decoration:underline wavy #e548488c;text-decoration:underline wavy #e548488c;text-decoration-thickness:2px}.pronunciation-speed{background:#f2f4f3;border-radius:999px;align-items:center;gap:4px;margin:14px auto 0;padding:4px;display:inline-flex}.pronunciation-speed button{color:#61716d;background:0 0;border:0;border-radius:999px;min-width:58px;min-height:38px;padding:0 12px;font-weight:760}.pronunciation-speed button[aria-pressed=true]{color:#fff;background:#08796d;box-shadow:0 4px 10px #08796d33}.lesson-pronunciation-completion{flex-wrap:wrap;align-items:center;gap:8px 12px}.lesson-pronunciation-completion small{color:#74837f;font-size:12px}.lesson-pronunciation-completion .lesson-stage-nav-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}@media (width<=480px){.pronunciation-speed{justify-content:center;width:100%}.pronunciation-speed button{flex:1;min-width:0}}.lesson-reference-deck .pronunciation-pinyin{color:#f27a20;text-align:center;max-width:min(760px,100%);margin-top:18px;font-size:clamp(19px,1.8vw,25px);font-weight:680;line-height:1.45;display:block}.lesson-reference-deck .pronunciation-study-content>p{color:#17191d;text-align:center;max-width:min(760px,100%);margin-top:7px;font-size:clamp(20px,1.8vw,27px);font-weight:650}.lesson-reference-deck .lesson-pronunciation-action,.lesson-reference-deck .pronunciation-status-row{width:min(820px,100%)}.challenge-result-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=640px){.lesson-reference-deck .lesson-study-surface{border-radius:18px;padding:16px 14px 14px}.lesson-reference-deck .lesson-stage-progress{flex-direction:row;align-items:center;padding-bottom:14px}.lesson-reference-deck .lesson-stage-progress>span{font-size:11px}.lesson-reference-deck .lesson-vocab-progress-segments{flex:0 150px;gap:6px;width:auto;max-width:150px}.lesson-reference-deck .lesson-vocab-progress-segments>i{flex:0 0 7px;width:7px;min-width:7px;height:7px}.lesson-reference-deck .lesson-vocab-progress-segments>i.filled{flex-basis:20px;width:20px;min-width:20px}.lesson-reference-deck .lesson-study-content{padding:26px 0 20px}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){border-radius:18px;min-height:116px;padding:16px 18px}.lesson-reference-deck .lesson-vocab-hanzi{font-size:clamp(56px,19vw,76px)}.lesson-reference-deck .lesson-phrase-hanzi,.lesson-reference-deck .pronunciation-heading-row>strong{font-size:clamp(28px,8.5vw,38px)}.lesson-reference-deck .lesson-vocab-tags{padding-left:12px}.lesson-reference-deck .lesson-vocab-pinyin,.lesson-reference-deck :is(.lesson-vocab-meaning,.lesson-phrase-meaning){font-size:20px}.lesson-audio-actions{gap:8px;width:100%}.lesson-reference-deck .lesson-audio-bar{flex:auto;min-width:0;padding-inline:18px}.lesson-audio-speed{min-width:68px;padding-inline:12px}.lesson-reference-deck .lesson-audio-actions .lesson-save-button{width:50px;min-width:50px}.lesson-card-edge-nav{width:40px;height:40px;top:48%}.lesson-card-edge-nav.is-back{left:7px}.lesson-card-edge-nav.is-next{right:7px}.lesson-reference-deck .lesson-pronunciation-completion .lesson-stage-nav-button{justify-content:center;width:100%}.lesson-reference-deck .lesson-phrase-structure{justify-content:flex-start}.lesson-reference-deck .lesson-example-card{margin-top:22px}.challenge-result-actions{flex-direction:column-reverse;align-items:stretch}}.lesson-reference-deck,.lesson-reference-deck .lesson-stage-layout,.lesson-reference-deck .lesson-study-panel,.lesson-reference-deck .lesson-study-surface,.lesson-reference-deck .lesson-study-content{min-width:0;max-width:100%}.lesson-reference-deck :is(.lesson-vocab-hanzi,.lesson-phrase-hanzi,.pronunciation-heading-row>strong,.lesson-vocab-pinyin,.lesson-vocab-meaning,.lesson-phrase-pinyin,.lesson-phrase-meaning,.pronunciation-pinyin,.pronunciation-study-content>p){overflow-wrap:anywhere;word-break:break-word}.lesson-reference-deck .pronunciation-heading-row>strong{min-width:0;max-width:calc(100% - 54px)}.lesson-reference-deck .lesson-audio-actions{max-width:100%}.lesson-reference-deck .lesson-vocab-progress-segments{overflow:hidden}.lesson-reference-deck .lesson-vocab-progress-segments>i,.lesson-reference-deck .lesson-vocab-progress-segments>i.filled{flex:1 1 0;width:auto;min-width:5px;max-width:26px}@media (width>=641px) and (width<=980px){.lesson-reference-deck .lesson-study-panel{min-height:520px}.lesson-reference-deck .lesson-study-surface{padding:24px}.lesson-reference-deck .lesson-study-content{padding-block:32px}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){min-height:132px}}@media (width>=981px) and (height<=800px){.lesson-reference-deck .lesson-study-panel,.lesson-reference-deck .lesson-coach-rail{min-height:480px}.lesson-reference-deck .lesson-study-surface{padding:16px 22px}.lesson-reference-deck .lesson-stage-progress{padding-bottom:12px}.lesson-reference-deck .lesson-study-content{padding-block:16px}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){min-height:108px;padding-block:14px}.lesson-reference-deck .lesson-vocab-hanzi{font-size:clamp(58px,6vw,76px)}.lesson-reference-deck .lesson-phrase-hanzi,.lesson-reference-deck .pronunciation-heading-row>strong{font-size:clamp(30px,3.25vw,42px)}.lesson-reference-deck .lesson-audio-actions{margin-top:16px}.lesson-reference-deck .lesson-phrase-structure{margin-top:12px}.lesson-reference-deck .lesson-pronunciation-action{margin-top:10px}.lesson-reference-deck .pronunciation-status-row{min-height:54px;margin-top:8px}.lesson-card-edge-nav{top:clamp(142px,31%,178px)}}@media (width<=640px){.lesson-stage-workspace .lesson-tabs{scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:1px;overflow:auto hidden}.lesson-stage-workspace .lesson-tabs::-webkit-scrollbar{display:none}.lesson-stage-workspace .lesson-tab{white-space:nowrap;flex:none;min-width:max-content;padding-inline:14px}.lesson-reference-deck .lesson-study-panel{min-height:0}.lesson-reference-deck .lesson-study-surface{padding:14px 12px 16px}.lesson-reference-deck .lesson-stage-progress{gap:10px;min-width:0}.lesson-reference-deck .lesson-stage-progress>span{white-space:nowrap;padding:7px 9px;font-size:10px}.lesson-reference-deck .lesson-vocab-progress-segments{flex:0 auto;gap:4px;width:min(46vw,170px);max-width:min(46vw,170px)}.lesson-reference-deck .lesson-vocab-progress-segments>i,.lesson-reference-deck .lesson-vocab-progress-segments>i.filled{flex:1 1 0;width:auto;min-width:3px;height:6px}.lesson-reference-deck .lesson-study-content{padding:24px 0 18px}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){max-width:calc(100% - 68px);min-height:108px;padding:14px 12px}.lesson-reference-deck .lesson-vocab-hanzi{font-size:clamp(50px,18vw,68px)}.lesson-reference-deck .lesson-phrase-hanzi,.lesson-reference-deck .pronunciation-heading-row>strong{font-size:clamp(25px,7.8vw,34px)}.lesson-reference-deck .lesson-inline-sound{width:44px;height:44px}.lesson-reference-deck .lesson-vocab-meta{width:100%}.lesson-reference-deck .lesson-vocabulary-content .lesson-vocab-pinyin{max-width:100%;padding:7px 14px}.lesson-reference-deck :is(.lesson-vocab-meaning,.lesson-phrase-meaning){font-size:clamp(18px,5.2vw,20px)}.lesson-reference-deck .lesson-phrase-pinyin,.lesson-reference-deck .pronunciation-pinyin,.lesson-reference-deck .pronunciation-study-content>p{font-size:clamp(17px,4.8vw,20px)}.lesson-reference-deck .lesson-phrase-structure{width:100%;margin-top:14px}.lesson-reference-deck .lesson-phrase-structure-part>b{font-size:clamp(15px,4.4vw,18px);line-height:1.5}.lesson-reference-deck .lesson-audio-actions{min-width:0;margin-top:18px}.lesson-reference-deck .lesson-audio-bar{min-width:0;min-height:50px;padding-inline:14px}.lesson-reference-deck .lesson-audio-bar strong{font-size:14px;line-height:1.25}.lesson-reference-deck .lesson-audio-speed{min-width:60px;min-height:50px;padding-inline:9px}.lesson-reference-deck .lesson-audio-actions .lesson-save-button{width:50px;min-width:50px;min-height:50px}.lesson-card-edge-nav{width:44px;height:44px;top:142px}.lesson-card-edge-nav.is-back{left:6px}.lesson-card-edge-nav.is-next{right:6px}.lesson-reference-deck .lesson-pronunciation-action,.lesson-reference-deck .pronunciation-status-row{min-width:0;max-width:100%}.lesson-reference-deck .lesson-pronunciation-action{padding-inline:8px}.lesson-reference-deck .lesson-pronunciation-action .pronunciation-record-stage{grid-template-columns:34px minmax(126px,1fr) 34px;gap:6px;width:100%}.lesson-reference-deck .lesson-pronunciation-action .pronunciation-waveform svg{width:54px;max-width:100%}.lesson-reference-deck .pronunciation-status-row{gap:8px}}@media (width<=360px){.lesson-page .lesson-responsive-shell{width:calc(100% - 16px)}.lesson-reference-deck .lesson-study-surface{padding-inline:10px}.lesson-reference-deck .lesson-audio-actions{flex-wrap:wrap}.lesson-reference-deck .lesson-audio-bar{flex:1 0 100%;width:100%}.lesson-reference-deck .lesson-audio-speed{margin-left:auto}.lesson-reference-deck .lesson-audio-actions .lesson-save-button{margin-right:auto}.lesson-reference-deck .pronunciation-status-row{flex-direction:column;align-items:stretch}.lesson-reference-deck .pronunciation-status-row button{justify-content:center}}@media (width<=980px) and (height<=500px) and (orientation:landscape){.lesson-page:has(.lesson-stage-workspace){padding-block:8px 24px}.lesson-stage-workspace .lesson-heading-row h1{font-size:28px}.lesson-stage-workspace .lesson-tabs,.lesson-stage-workspace .lesson-tab{min-height:44px}.lesson-reference-deck .lesson-study-panel{min-height:0}.lesson-reference-deck .lesson-study-surface{padding:12px 18px}.lesson-reference-deck .lesson-study-content{padding-block:14px}.lesson-reference-deck :is(.lesson-word-heading,.lesson-phrase-heading-row,.pronunciation-heading-row){min-height:92px}.lesson-reference-deck .lesson-coach-rail{display:none}.lesson-card-edge-nav{top:124px}}@media (pointer:coarse){.lesson-card-edge-nav,.lesson-reference-deck .lesson-audio-actions .lesson-save-button,.lesson-reference-deck .lesson-speed-menu>summary{min-width:44px;min-height:44px}}.lesson-page:has(.lesson-stage-workspace){padding-top:16px}.lesson-stage-workspace .lesson-header-card{padding-top:0}.lesson-stage-workspace .lesson-tabs{margin-top:0}.lesson-tab-panel.tab-forward{animation:.34s cubic-bezier(.22,1,.36,1) both lesson-tab-enter-forward}.lesson-tab-panel.tab-back{animation:.34s cubic-bezier(.22,1,.36,1) both lesson-tab-enter-back}.lesson-vocab-card.move-forward{animation:.36s cubic-bezier(.22,1,.36,1) both lesson-card-enter-forward}.lesson-vocab-card.move-back{animation:.36s cubic-bezier(.22,1,.36,1) both lesson-card-enter-back}.lesson-stage-progress,.lesson-study-content,.lesson-pronunciation-completion{animation:.42s cubic-bezier(.22,1,.36,1) both lesson-content-settle}.lesson-study-content{animation-delay:35ms}.lesson-tab-indicator{transform-origin:50%;animation:.26s cubic-bezier(.22,1,.36,1) both lesson-tab-indicator-in}@keyframes lesson-tab-enter-forward{0%{opacity:0;filter:blur(3px);transform:translate(24px)scale(.992)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes lesson-tab-enter-back{0%{opacity:0;filter:blur(3px);transform:translate(-24px)scale(.992)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes lesson-card-enter-forward{0%{opacity:.1;transform:translate(28px)scale(.988)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes lesson-card-enter-back{0%{opacity:.1;transform:translate(-28px)scale(.988)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes lesson-content-settle{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes lesson-tab-indicator-in{0%{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}.lesson-speed-menu{z-index:8;flex:none;position:relative}.lesson-speed-menu>summary{cursor:pointer;color:#52645f;background:#f5f7f6;border:1px solid #e6e9e7;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-width:84px;min-height:54px;padding:0 12px;font-size:14px;font-weight:780;list-style:none;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.lesson-speed-menu>summary::-webkit-details-marker{display:none}.lesson-speed-menu>summary:hover,.lesson-speed-menu[open]>summary{color:#08796d;background:#edf8f5;border-color:#08796d3d;box-shadow:0 8px 22px #104a411a}.lesson-speed-menu>summary:active{transform:scale(.97)}.lesson-speed-menu>summary:focus-visible{outline-offset:2px;outline:3px solid #08796d33}.lesson-speed-chevron{transition:transform .18s}.lesson-speed-menu[open] .lesson-speed-chevron{transform:rotate(180deg)}.lesson-speed-options{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #08796d24;border-radius:15px;gap:3px;width:max-content;padding:5px;animation:.18s cubic-bezier(.22,1,.36,1) both lesson-speed-options-in;display:flex;position:absolute;bottom:calc(100% + 9px);right:0;box-shadow:0 16px 38px #18393229}.lesson-speed-options button{cursor:pointer;color:#647570;min-width:58px;min-height:38px;font:inherit;background:0 0;border:0;border-radius:11px;padding:0 10px;font-size:13px;font-weight:780;transition:color .16s,background .16s,transform .16s}.lesson-speed-options button:hover{color:#075f56;background:#edf8f5}.lesson-speed-options button[aria-pressed=true]{color:#fff;background:#08796d;box-shadow:0 5px 12px #08796d33}.lesson-speed-options button:active{transform:scale(.95)}.lesson-speed-options button:focus-visible{outline-offset:1px;outline:3px solid #08796d33}.lesson-pronunciation-action{margin-top:16px;padding:10px 14px}.lesson-pronunciation-action .pronunciation-actions{grid-template-columns:minmax(128px,1fr) auto minmax(128px,1fr);align-items:center;gap:10px;width:min(560px,100%);margin-inline:auto;display:grid}.lesson-pronunciation-action .pronunciation-actions>button,.lesson-pronunciation-action .pronunciation-record{justify-content:center;width:100%;min-height:48px;padding-inline:14px;font-size:14px}.lesson-pronunciation-action .pronunciation-record-stage{width:100%;display:block}.lesson-pronunciation-action .pronunciation-waveform{display:none}.pronunciation-action-middle{place-items:center;display:grid}.pronunciation-action-middle .lesson-speed-menu>summary{border-radius:14px;min-width:78px;min-height:48px}@keyframes lesson-speed-options-in{0%{opacity:0;transform:translateY(7px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.lesson-page:has(.lesson-stage-workspace){padding-top:8px}.lesson-reference-deck .lesson-coach-rail{display:none}.lesson-speed-menu>summary{border-radius:14px;min-width:76px;min-height:48px}.lesson-speed-options{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:30;position:fixed}.lesson-pronunciation-action{margin-top:12px;padding:8px}.lesson-pronunciation-action .pronunciation-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.lesson-pronunciation-action .pronunciation-actions>button,.lesson-pronunciation-action .pronunciation-record{white-space:nowrap;gap:5px;min-width:0;min-height:46px;padding-inline:8px;font-size:13px}.pronunciation-action-middle .lesson-speed-menu>summary{min-width:68px;min-height:46px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.lesson-tab-panel.tab-forward,.lesson-tab-panel.tab-back,.lesson-vocab-card.move-forward,.lesson-vocab-card.move-back,.lesson-stage-progress,.lesson-study-content,.lesson-pronunciation-completion,.lesson-tab-indicator,.lesson-speed-options{animation:none!important}.lesson-speed-menu *,.lesson-speed-menu :before,.lesson-speed-menu :after{transition:none!important}}.game-session-world .game-result-celebration{aspect-ratio:1;isolation:isolate;color:#071a35;text-align:center;background:#fffdf8;border:7px solid #fff9ed;border-radius:42px;width:min(680px,100%);min-height:0;margin:0 auto;padding:0;animation:none;display:block;position:relative;overflow:hidden;box-shadow:0 9px #ead7bf,0 28px 58px #1955522b,0 6px 16px #12343117}.game-result-celebration__background,.game-result-celebration__firework-pulse{z-index:-3;object-fit:cover;object-position:center;pointer-events:none;transform-origin:50% 32%;width:100%;height:100%;display:block;position:absolute;inset:0}.game-result-celebration__firework-pulse{z-index:-2;opacity:0;filter:saturate(1.16)brightness(1.08)}.game-result-celebration__confetti{z-index:5;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.game-result-celebration__mascot-stage{z-index:1;transform-origin:50% 78%;width:56%;position:absolute;top:1.5%;left:50%;transform:translate(-50%)}.game-result-celebration__mascot-stage>picture{width:100%;display:block}.game-result-celebration__mascot{object-fit:contain;filter:drop-shadow(0 16px 18px #11332f29);transform-origin:50% 78%;width:100%;height:auto;display:block}.game-session-world .game-result-celebration__panel{z-index:3;color:#071a35;background:#fffdf8f7;border:1px solid #f5dec4e6;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;min-height:44%;margin:0;padding:clamp(31px,5.1vw,44px) clamp(22px,5.2vw,42px) clamp(22px,4vw,34px);display:flex;position:absolute;bottom:clamp(52px,9.5%,68px);left:6.2%;right:6.2%;box-shadow:0 8px #edceadb8,0 22px 48px #4a4e3921}.game-session-world .game-result-celebration__panel>small{color:#ff5b55;letter-spacing:.12em;margin:0;font-size:clamp(10px,1.5vw,13px);font-weight:850;line-height:1.2}.game-session-world .game-result-celebration__panel>h2{color:#071a35;letter-spacing:-.045em;text-wrap:balance;max-width:100%;margin:10px 0 13px;font-size:clamp(26px,4.2vw,39px);font-weight:820;line-height:1.08}.game-session-world .game-result-celebration__score{color:#ff5b55;background:#fff4e8;border:1px solid #f5e2cf;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-size:clamp(19px,3vw,28px);font-weight:850;line-height:1;display:inline-flex;box-shadow:0 5px 13px #ff5b551a}.game-session-world .game-result-celebration__details{width:100%;margin-top:14px}.game-result-celebration__score>svg{color:#f9b52e;filter:drop-shadow(0 2px 2px #b6710033);flex:none}.game-session-world .game-result-celebration__actions{flex-flow:wrap;justify-content:center;align-items:stretch;gap:11px;width:min(100%,490px);margin:20px 0 0;display:flex}.game-session-world .game-result-celebration__actions>button,.game-session-world .game-result-celebration__actions>a{color:#071a35;background:#fffdf8;border:1px solid #ead8c7;border-radius:15px;flex:1 1 0;min-width:0;min-height:54px;margin:0;padding:0 21px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 5px #edcfb2,0 10px 19px #2c3e3714}.game-session-world .game-result-celebration__actions>button:first-child,.game-session-world .game-result-celebration__actions>.daily-game-flow-action{color:#fff;background:#ff5b55;border-color:#ff5b55;box-shadow:0 5px #e1443f,0 12px 22px #ff5b553b}.game-session-world .game-result-celebration__actions>.daily-game-flow-action{flex-basis:100%}.game-session-world .game-result-celebration__actions>.daily-game-flow-action.is-secondary{color:#087a72;background:#f5fffc;border-color:#bcded9;box-shadow:0 4px #cce7e2}@media (hover:hover) and (pointer:fine){.game-session-world .game-result-celebration__actions>button:hover,.game-session-world .game-result-celebration__actions>a:hover{transform:translateY(-3px);box-shadow:0 8px #edcfb2,0 16px 26px #2c3e371f}.game-session-world .game-result-celebration__actions>button:first-child:hover,.game-session-world .game-result-celebration__actions>.daily-game-flow-action:hover{background:#ff4b46;box-shadow:0 8px #d83d39,0 17px 30px #ff5b5545}}.game-session-world .game-result-celebration__actions>button:focus-visible,.game-session-world .game-result-celebration__actions>a:focus-visible{outline-offset:3px;outline:3px solid #1767e866}.game-session-world .game-result-celebration__actions>button:active,.game-session-world .game-result-celebration__actions>a:active{transform:translateY(2px);box-shadow:0 2px #edcfb2}@media (prefers-reduced-motion:no-preference){.game-result-celebration__background{animation:.56s cubic-bezier(.22,1,.36,1) both himi-result-background-enter,2.5s ease-in-out 1.7s infinite alternate himi-result-background-breathe}.game-result-celebration__firework-pulse{animation:1.25s cubic-bezier(.16,1,.3,1) .12s both himi-result-firework-burst}.game-result-celebration__confetti{animation:4s ease-out .28s both himi-result-confetti}.game-result-celebration__mascot-stage{animation:.9s cubic-bezier(.2,1.45,.3,1) .14s both himi-result-mascot-enter}.game-result-celebration__mascot{animation:1.8s ease-in-out 1.35s infinite alternate himi-result-mascot-float}.game-session-world .game-result-celebration__panel{animation:.58s cubic-bezier(.22,1,.36,1) .38s both himi-result-panel-enter}.game-result-celebration__panel>small,.game-result-celebration__panel>h2,.game-result-celebration__score,.game-result-celebration__details,.game-result-celebration__actions>*{animation:.42s cubic-bezier(.22,1,.36,1) both himi-result-copy-enter}.game-result-celebration__panel>small{animation-delay:.62s}.game-result-celebration__panel>h2{animation-delay:.72s}.game-result-celebration__score{animation:.52s cubic-bezier(.18,1.45,.3,1) .84s both himi-result-score-enter}.game-result-celebration__details{animation-delay:.92s}.game-result-celebration__actions>:first-child{animation-delay:.98s}.game-result-celebration__actions>:nth-child(2){animation-delay:1.06s}.game-result-celebration__actions>:nth-child(3){animation-delay:1.14s}}@keyframes himi-result-background-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes himi-result-background-breathe{0%{transform:scale(1)}to{transform:scale(1.018)}}@keyframes himi-result-firework-burst{0%{opacity:0;transform:scale(.72)}38%{opacity:.92}to{opacity:0;transform:scale(1.08)}}@keyframes himi-result-confetti{0%{opacity:0;transform:scale(1.03)}9%{opacity:1;transform:scale(1)}76%{opacity:1}to{opacity:.34}}@keyframes himi-result-mascot-enter{0%{opacity:0;transform:translate(-50%)translateY(88px)rotate(-9deg)scale(.48)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(0)scale(1)}}@keyframes himi-result-mascot-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(1.2deg)}}@keyframes himi-result-panel-enter{0%{opacity:0;transform:translateY(68px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes himi-result-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes himi-result-score-enter{0%{opacity:0;transform:translateY(18px)scale(.84)}72%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.game-play-card:has(.game-result-celebration){min-height:0;box-shadow:none;background:0 0;border:0;padding:8px}.game-session-world .game-result-celebration{aspect-ratio:auto;border-width:5px;border-radius:31px;width:100%;min-height:540px;box-shadow:0 6px #ead7bf,0 22px 42px #19555226}.game-result-celebration__mascot-stage{width:min(70%,310px);top:1%}.game-session-world .game-result-celebration__panel{border-radius:25px;min-height:47%;padding:30px 16px 18px;bottom:6%;left:3.5%;right:3.5%}.game-session-world .game-result-celebration__panel>h2{margin-block:8px 11px;font-size:clamp(23px,7vw,30px)}.game-session-world .game-result-celebration__score{min-height:44px;padding-inline:17px}.game-session-world .game-result-celebration__actions{gap:9px;margin-top:16px}.game-session-world .game-result-celebration__actions>button,.game-session-world .game-result-celebration__actions>a{min-height:49px;padding-inline:10px;font-size:12px}}@media (width>=560px) and (width<=900px) and (height<=500px) and (orientation:landscape){.game-play-card:has(.game-result-celebration){padding:0}.game-session-world .game-result-celebration{aspect-ratio:auto;border-radius:27px;width:min(650px,100%);min-height:330px}.game-result-celebration__background,.game-result-celebration__firework-pulse{object-position:center 20%}.game-result-celebration__mascot-stage{width:42%;top:5%;left:27%}.game-session-world .game-result-celebration__panel{border-radius:22px;min-height:0;padding:15px 14px;inset:5% 3% 5% 48%}.game-session-world .game-result-celebration__panel>h2{margin:6px 0 8px;font-size:22px}.game-session-world .game-result-celebration__score{min-height:38px;padding-inline:13px;font-size:17px}.game-session-world .game-result-celebration__actions{gap:7px;margin-top:10px}.game-session-world .game-result-celebration__actions>button,.game-session-world .game-result-celebration__actions>a{min-height:40px;padding-inline:8px;font-size:10px}}.writing-game-completion-overlay{background:#fffdf8f5;padding:10px}.writing-game-completion-overlay .game-result-celebration{aspect-ratio:auto;border-width:5px;border-radius:26px;width:min(660px,100%);height:100%;min-height:0}.writing-game-completion-overlay .game-result-celebration__background,.writing-game-completion-overlay .game-result-celebration__firework-pulse{object-position:center 20%}.writing-game-completion-overlay .game-result-celebration__mascot-stage{width:43%;top:4%;left:26%}.writing-game-completion-overlay .game-result-celebration__panel{border-radius:21px;min-height:0;padding:13px;inset:4% 2.5% 4% 46%}.writing-game-completion-overlay .game-result-celebration__panel>small{font-size:clamp(8px,1.1vw,10px)}.writing-game-completion-overlay .game-result-celebration__panel>h2{margin:6px 0 8px;font-size:clamp(18px,2.1vw,24px)}.writing-game-completion-overlay .game-result-celebration__score{min-height:38px;padding-inline:13px;font-size:17px}.writing-game-completion-overlay .game-result-celebration__actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.writing-game-completion-overlay .game-result-celebration__actions>button,.writing-game-completion-overlay .game-result-celebration__actions>a{min-height:40px;padding-inline:7px;font-size:10px}.writing-game-completion-overlay .game-result-celebration__actions>.daily-game-flow-action{grid-column:1/-1}@media (width<=520px){.writing-game-completion-overlay{padding:6px}.writing-game-completion-overlay .game-result-celebration{border-width:4px;border-radius:21px}.writing-game-completion-overlay .game-result-celebration__mascot-stage{width:47%;top:7%;left:24%}.writing-game-completion-overlay .game-result-celebration__panel{border-radius:17px;padding:9px 7px;inset:3% 2% 3% 42%}.writing-game-completion-overlay .game-result-celebration__panel>h2{margin:4px 0 6px;font-size:clamp(15px,5vw,19px);line-height:1.05}.writing-game-completion-overlay .game-result-celebration__score{min-height:34px;padding-inline:9px;font-size:14px}.writing-game-completion-overlay .game-result-celebration__actions{grid-template-columns:1fr;gap:5px;margin-top:7px}.writing-game-completion-overlay .game-result-celebration__actions>button,.writing-game-completion-overlay .game-result-celebration__actions>a{min-height:42px;font-size:9px}}@media (prefers-reduced-motion:reduce){.game-result-celebration__confetti{display:none}.game-result-celebration__background,.game-result-celebration__firework-pulse,.game-result-celebration__mascot-stage,.game-result-celebration__mascot,.game-session-world .game-result-celebration__panel,.game-result-celebration__details,.game-session-world .game-result-celebration__actions>*{transition:none;animation:none}}.vocabulary-saved-toast{width:min(430px,100vw - 32px);min-height:108px;left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:80;color:#071a35;background:#fffdf8;border:1px solid #bfe3dc;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:16px 44px 15px 16px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px #cfe8e3,0 22px 50px #087a7233}.vocabulary-saved-toast__icon{color:#fff;background:#159f96;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 13px #159f963d}.vocabulary-saved-toast__copy{min-width:0}.vocabulary-saved-toast__copy>strong{color:#064f48;font-size:14px;font-weight:850;line-height:1.3;display:block}.vocabulary-saved-toast__copy>strong b{color:#ff5b55;font-size:18px;font-weight:900}.vocabulary-saved-toast__copy>p{color:#5e716b;margin:4px 0 7px;font-size:12px;line-height:1.45}.vocabulary-saved-toast__copy>a{color:#087a72;align-items:center;gap:5px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.vocabulary-saved-toast__copy>a:hover{color:#ff5b55}.vocabulary-saved-toast>button{cursor:pointer;color:#5e716b;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:9px;right:9px}.vocabulary-saved-toast>button:hover{color:#071a35;background:#edf8f5}.vocabulary-saved-toast :is(a,button):focus-visible{outline-offset:2px;outline:3px solid #1767e861}@media (prefers-reduced-motion:no-preference){.vocabulary-saved-toast{animation:.36s cubic-bezier(.2,1.35,.3,1) both himi-saved-toast-enter}.vocabulary-saved-toast.is-leaving{animation:.25s ease-in both himi-saved-toast-leave}}@keyframes himi-saved-toast-enter{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes himi-saved-toast-leave{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(18px)scale(.97)}}@media (width<=560px){.vocabulary-saved-toast{width:calc(100vw - 24px);min-height:102px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:18px;gap:10px;padding:14px 40px 13px 13px}.vocabulary-saved-toast__icon{width:38px;height:38px}.vocabulary-saved-toast__copy>strong{font-size:13px}.vocabulary-saved-toast__copy>p{font-size:11px}}.writing-course-picker .writing-course-card.is-complete{border-color:color-mix(in srgb, var(--himi-red) 48%, var(--himi-line));background:linear-gradient(145deg, var(--himi-white) 18%, var(--himi-red-soft) 100%);box-shadow:0 5px 0 color-mix(in srgb, var(--himi-red) 22%, var(--himi-white)), 0 18px 34px #ff4c3b1a}.writing-course-picker .writing-course-card.is-featured.is-complete{border-color:var(--himi-red)}.writing-course-picker .writing-course-card.is-complete:hover{border-color:var(--himi-red);background:var(--himi-red-soft);box-shadow:0 7px 0 color-mix(in srgb, var(--himi-red) 28%, var(--himi-white)), 0 22px 38px #ff4c3b24}.writing-course-picker .writing-course-card.is-complete .writing-course-number{color:#fff;background:var(--himi-red);box-shadow:0 8px 16px #ff4c3b33}.writing-course-picker .writing-course-card>.writing-course-done{color:#fff;background:var(--himi-red);letter-spacing:.08em;border-radius:0 18px 0 14px;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:0;right:0;box-shadow:0 6px 15px #ff4c3b2b}.writing-course-picker .writing-course-card.is-complete .writing-course-action{color:var(--himi-red)}.writing-course-picker .writing-course-card.is-featured.is-complete .writing-course-action{color:#fff;background:var(--himi-red);box-shadow:0 9px 18px #ff4c3b33}.writing-course-picker .writing-course-card.is-featured.is-complete:hover .writing-course-action{color:#fff;background:color-mix(in srgb, var(--himi-red) 84%, var(--himi-black))}@media (prefers-reduced-motion:no-preference){.writing-course-picker .writing-course-card>.writing-course-done{animation:.36s cubic-bezier(.2,1.35,.3,1) both himi-course-done-enter}}@keyframes himi-course-done-enter{0%{opacity:0;transform:translateY(-9px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.writing-course-picker .writing-course-card>.writing-course-done{border-radius:0 16px 0 12px;min-height:29px;padding-inline:11px;font-size:10px}}.vsets-page{--vs-ink:var(--himi-black);--vs-primary:var(--himi-red);--vs-primary-deep:color-mix(in srgb, var(--himi-red) 76%, var(--himi-black));--vs-accent:var(--himi-orange);--vs-muted:var(--himi-muted);--vs-line:var(--himi-line);--vs-primary-soft:var(--himi-red-soft);--vs-accent-soft:var(--himi-orange-soft);--vs-surface:var(--himi-white);max-width:1320px;color:var(--vs-ink);margin:0 auto;padding:34px 32px 80px}.vsets-page *{box-sizing:border-box}.vsets-page h1,.vsets-page h2,.vsets-page h3,.vsets-page p{margin:0}.vsets-page h1{letter-spacing:-.045em;font-size:clamp(34px,3.6vw,54px);font-weight:850;line-height:1.06}.vsets-page h2{letter-spacing:-.035em;font-size:clamp(25px,2.2vw,34px);font-weight:800;line-height:1.12}.vsets-page p{color:var(--vs-muted);line-height:1.55}.vsets-page a{color:inherit;text-decoration:none}.vsets-page button,.vsets-actions>a,.vsets-primary,.vsets-secondary{border:1px solid var(--vs-line);background:var(--vs-surface);min-height:44px;color:var(--vs-ink);font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.vsets-page button:hover,.vsets-actions>a:hover{border-color:color-mix(in srgb, var(--vs-primary) 36%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 4%, var(--vs-surface))}.vsets-page button:active,.vsets-actions>a:active{transform:translateY(1px)}.vsets-page .vsets-primary{background:var(--vs-primary);border-color:var(--vs-primary);color:var(--himi-on-red);box-shadow:0 10px 22px color-mix(in srgb, var(--vs-primary) 18%, transparent)}.vsets-page .vsets-primary:hover{background:color-mix(in srgb, var(--vs-primary) 84%, var(--vs-accent));border-color:color-mix(in srgb, var(--vs-primary) 84%, var(--vs-accent));box-shadow:0 13px 27px color-mix(in srgb, var(--vs-primary) 24%, transparent);transform:translateY(-1px)}.vsets-page .vsets-secondary{border-color:color-mix(in srgb, var(--vs-primary) 33%, var(--vs-line));color:var(--vs-primary-deep);background:#ffffffc2}.vsets-page .vsets-secondary:hover{border-color:var(--vs-primary);background:var(--vs-surface)}.vsets-page button:disabled{cursor:not-allowed;opacity:.5;transform:none}.vsets-page :focus-visible{outline:3px solid var(--vs-ink);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb, var(--vs-primary) 22%, transparent)}.vsets-eyebrow{color:var(--vs-primary-deep);letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:850;display:flex}.vsets-hero{border:1px solid color-mix(in srgb, var(--vs-primary) 17%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 4%, var(--vs-surface));border-radius:24px 24px 0 0;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:32px;min-height:250px;padding:36px 42px;display:grid;overflow:hidden}.vsets-hero-copy{min-width:0}.vsets-hero h1{max-width:720px}.vsets-hero p{margin-top:13px;font-size:17px}.vsets-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vsets-hero-actions{margin-top:22px}.vsets-page .vsets-start-learning{min-width:174px;min-height:50px;padding-inline:20px}.vsets-hero-actions .vsets-secondary{min-height:50px;padding-inline:20px}.vsets-hero-art{height:180px;position:relative}.vsets-hero-art>span{border:1px solid color-mix(in srgb, var(--vs-primary) 20%, var(--vs-line));width:108px;height:136px;box-shadow:0 12px 24px color-mix(in srgb, var(--vs-primary) 10%, transparent);background:var(--vs-surface);color:var(--vs-primary-deep);border-radius:17px;place-items:center;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:62px;display:grid;position:absolute;top:8px;left:19px;transform:rotate(-11deg)}.vsets-hero-art>span:nth-child(2){color:color-mix(in srgb, var(--vs-accent) 72%, var(--vs-ink));background:var(--vs-accent-soft);border-color:color-mix(in srgb, var(--vs-accent) 22%, var(--vs-line));top:20px;left:110px;transform:rotate(12deg)}.vsets-hero-art small{text-align:center;letter-spacing:.18em;width:100%;color:var(--vs-muted);font-size:8px;position:absolute;bottom:0}.vsets-library-shell{border:1px solid var(--vs-line);background:var(--vs-surface);border-top:0;border-radius:0 0 24px 24px;grid-template-columns:245px minmax(0,1fr);min-height:610px;display:grid;overflow:hidden}.vsets-library-nav{border-right:1px solid var(--vs-line);background:color-mix(in srgb, var(--vs-primary) 1.6%, var(--vs-surface));padding:34px 18px 28px}.vsets-library-nav>h2,.vsets-source-nav h3{color:var(--vs-muted);letter-spacing:.14em;padding:0 10px;font-size:10px;font-weight:850}.vsets-library-links{gap:5px;margin-top:14px;display:grid}.vsets-library-links button,.vsets-source-nav button{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto auto;justify-content:stretch;gap:10px;width:100%;min-height:50px;padding:10px 12px;font-weight:650;display:grid}.vsets-library-links button>span,.vsets-source-nav button>span{align-self:center;min-width:0}.vsets-library-links button>strong{background:var(--vs-accent-soft);min-width:24px;min-height:24px;color:color-mix(in srgb, var(--vs-accent) 70%, var(--vs-ink));border-radius:7px;place-items:center;padding:2px 6px;font-size:11px;display:grid}.vsets-library-links button.is-active,.vsets-source-nav button.is-active{color:var(--vs-primary-deep);background:color-mix(in srgb, var(--vs-primary) 8%, var(--vs-surface))}.vsets-library-links button.is-active>strong{color:var(--vs-primary-deep);background:#ffffffd1}.vsets-nav-plus{color:var(--vs-muted)}.vsets-source-nav{border-top:1px solid var(--vs-line);margin-top:20px;padding-top:22px}.vsets-source-nav h3{margin-bottom:10px}.vsets-source-nav button{grid-template-columns:22px minmax(0,1fr);min-height:44px}.vsets-create-helper{background:color-mix(in srgb, var(--vs-primary) 6%, var(--vs-surface));border-radius:14px;grid-template-columns:28px minmax(0,1fr);gap:11px;margin-top:24px;padding:16px;display:grid}.vsets-create-helper>svg{color:var(--vs-primary)}.vsets-create-helper strong{font-size:13px;display:block}.vsets-create-helper p{margin-top:5px;font-size:11px;line-height:1.45}.vsets-create-helper>button{border-color:color-mix(in srgb, var(--vs-primary) 34%, var(--vs-line));min-height:39px;color:var(--vs-primary-deep);background:0 0;grid-column:1/-1;padding-block:8px;font-size:12px}.vsets-library-main{min-width:0;padding:34px 38px 40px}.vsets-content-header{grid-template-columns:minmax(220px,1fr) minmax(260px,440px);align-items:end;gap:28px;display:grid}.vsets-content-header p{margin-top:7px;font-size:14px}.vsets-search{border:1px solid var(--vs-line);min-height:49px;color:var(--vs-muted);background:var(--vs-surface);border-radius:11px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.vsets-search:focus-within{border-color:color-mix(in srgb, var(--vs-primary) 55%, var(--vs-line));box-shadow:0 0 0 4px color-mix(in srgb, var(--vs-primary) 8%, transparent)}.vsets-search input{width:100%;min-width:0;color:var(--vs-ink);font:inherit;background:0 0;border:0;outline:0;padding:13px 0;font-size:14px}.vsets-filterbar{border-bottom:1px solid var(--vs-line);justify-content:space-between;align-items:center;gap:18px;min-height:72px;margin-top:20px;display:flex}.vsets-filter-options{align-items:center;gap:8px;display:flex}.vsets-filter-options button{background:color-mix(in srgb, var(--vs-muted) 7%, var(--vs-surface));border-color:#0000;min-height:40px;padding:8px 15px;font-weight:600}.vsets-filter-options button[aria-pressed=true]{border-color:color-mix(in srgb, var(--vs-primary) 28%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 8%, var(--vs-surface));color:var(--vs-primary-deep)}.vsets-filter-options button span{font-weight:500}.vsets-sort-label{color:var(--vs-muted);white-space:nowrap;font-size:12px}.vsets-saved-table{border:1px solid color-mix(in srgb, var(--vs-muted) 13%, var(--vs-line));border-radius:14px;margin-top:18px;overflow:hidden}.vsets-saved-table-head,.vsets-saved-table li{grid-template-columns:minmax(105px,.65fr) minmax(150px,1fr) minmax(230px,2.1fr) minmax(118px,auto);align-items:center;gap:20px;display:grid}.vsets-saved-table-head{min-height:45px;color:var(--vs-muted);background:color-mix(in srgb, var(--vs-muted) 4%, var(--vs-surface));letter-spacing:.08em;text-transform:uppercase;padding:0 20px;font-size:10px;font-weight:800}.vsets-saved-table ul{margin:0;padding:0;list-style:none}.vsets-saved-table li{background:var(--vs-surface);min-height:126px;padding:18px 20px;transition:background-color .18s}.vsets-saved-table li+li{border-top:1px solid var(--vs-line)}.vsets-saved-table li:hover{background:color-mix(in srgb, var(--vs-primary) 1.8%, var(--vs-surface))}.vsets-list-hanzi{width:86px;min-height:82px;color:var(--vs-primary-deep);background:color-mix(in srgb, var(--vs-primary) 6%, var(--vs-surface));overflow-wrap:anywhere;border-radius:12px;place-items:center;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:43px;font-weight:500;line-height:1;display:grid}.vsets-list-reading,.vsets-list-example{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.vsets-list-reading>strong{color:color-mix(in srgb, var(--vs-accent) 72%, var(--vs-ink));font-size:16px}.vsets-list-reading>span,.vsets-list-example>span{color:var(--vs-ink);font-size:14px}.vsets-list-reading small,.vsets-list-example small{color:var(--vs-muted);font-size:11px;line-height:1.45}.vsets-list-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.vsets-page .vsets-pronounce{border-color:color-mix(in srgb, var(--vs-primary) 20%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 5%, var(--vs-surface));width:42px;height:42px;min-height:42px;color:var(--vs-primary);border-radius:50%;padding:0}.vsets-page .vsets-unsave{min-height:40px;color:var(--vs-muted);background:0 0;border-color:#0000;padding:8px 10px;font-size:11px;font-weight:700}.vsets-page .vsets-unsave:hover:not(:disabled){color:#a33225;background:#fff6f4;border-color:#f2c9c3}.vsets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.vsets-card{content-visibility:auto;contain-intrinsic-size:auto 330px;border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:18px;transition:box-shadow .2s,border-color .2s,transform .2s;overflow:hidden}.vsets-card:hover{border-color:color-mix(in srgb, var(--vs-primary) 38%, var(--vs-line));box-shadow:0 12px 28px color-mix(in srgb, var(--vs-primary) 10%, transparent);transform:translateY(-2px)}.vsets-card-cover{background:var(--vs-primary-soft);justify-content:center;align-items:center;height:126px;display:flex;position:relative;overflow:hidden}.vsets-card-cover>span:first-child{color:var(--vs-primary-deep);font:66px Microsoft YaHei,PingFang SC,sans-serif;transform:rotate(-7deg)}.vsets-tone-1{background:var(--vs-accent-soft)}.vsets-tone-1>span:first-child{color:color-mix(in srgb, var(--vs-accent) 70%, var(--vs-ink))}.vsets-tone-2{background:color-mix(in srgb, var(--vs-primary) 8%, var(--vs-accent-soft))}.vsets-tone-2>span:first-child{color:color-mix(in srgb, var(--vs-primary) 68%, var(--vs-ink))}.vsets-tone-3{background:color-mix(in srgb, var(--vs-accent) 7%, var(--vs-primary-soft))}.vsets-tone-3>span:first-child{color:color-mix(in srgb, var(--vs-accent) 55%, var(--vs-primary-deep))}.vsets-badge{background:#ffffffd9;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:16px}.vsets-card-body{padding:22px}.vsets-card-body h3{font-size:18px}.vsets-card-body p{overflow-wrap:anywhere;min-height:44px;margin:10px 0 22px;font-size:13px}.vsets-card-body>div{border-top:1px solid color-mix(in srgb, var(--vs-primary) 7%, var(--vs-line));justify-content:space-between;align-items:center;gap:10px;padding-top:15px;font-size:11px;display:flex}.vsets-card-body>div span{align-items:center;gap:6px;display:inline-flex}.vsets-empty{text-align:center;border:1px dashed color-mix(in srgb, var(--vs-primary) 24%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 2.5%, var(--vs-surface));border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:270px;margin-top:20px;padding:46px 24px;display:flex}.vsets-empty p{max-width:540px}.vsets-empty .vsets-actions{justify-content:center}.vsets-panel{border:1px solid color-mix(in srgb, var(--vs-primary) 20%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 3%, var(--vs-surface));border-radius:16px;margin:0 0 28px;padding:24px}.vsets-form{gap:18px;display:grid}.vsets-form-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.vsets-form-heading .vsets-eyebrow{margin-bottom:5px}.vsets-form label{flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.vsets-form input,.vsets-form textarea{border:1px solid var(--vs-line);background:var(--vs-surface);color:var(--vs-ink);font:inherit;border-radius:9px;width:100%;padding:12px}.vsets-form input:focus-visible,.vsets-form textarea:focus-visible{border-color:var(--vs-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--vs-primary) 12%, transparent);outline:none}.vsets-form textarea{resize:vertical}.vsets-form-row{gap:15px;display:flex}.vsets-form-row>label{flex:1}.vsets-create-overlay{z-index:1000;background:color-mix(in srgb, var(--vs-ink) 42%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;animation:.18s ease-out vsets-overlay-in;display:grid;position:fixed;inset:0}.vsets-create-dialog{border:1px solid color-mix(in srgb, var(--vs-primary) 16%, var(--vs-line));background:color-mix(in srgb, var(--vs-primary) 2%, var(--vs-surface));border-radius:22px;width:min(680px,100%);max-height:calc(100dvh - 48px);padding:30px;animation:.2s ease-out vsets-dialog-in;overflow-y:auto;box-shadow:0 30px 80px #1a161547}.vsets-create-dialog h2{font-size:26px}.vsets-create-dialog .vsets-actions{margin-top:2px}@keyframes vsets-overlay-in{0%{opacity:0}}@keyframes vsets-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.vsets-page .vsets-error{color:#a33225;background:#fff0ed;border-radius:10px;margin:12px 0;padding:14px 18px}.vsets-status{font-size:13px}.vsets-status:empty{display:none}.vsets-tabs{background:color-mix(in srgb, var(--vs-primary) 5%, var(--vs-surface));border:1px solid color-mix(in srgb, var(--vs-primary) 10%, var(--vs-line));border-radius:13px;align-items:center;gap:4px;width:fit-content;padding:5px;display:flex}.vsets-tabs button,.vsets-tabs a{white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;display:inline-flex}.vsets-tabs button[aria-pressed=true],.vsets-tabs a[aria-current=page]{background:var(--vs-surface);color:var(--vs-primary-deep);box-shadow:0 3px 10px color-mix(in srgb, var(--vs-primary) 12%, transparent)}.vsets-tabs span{background:var(--vs-accent-soft);color:color-mix(in srgb, var(--vs-accent) 66%, var(--vs-ink));border-radius:5px;padding:2px 5px;font-size:11px}.vsets-section-heading{justify-content:space-between;align-items:center;gap:15px;margin:30px 0 20px;display:flex}.vsets-section-heading p{margin-top:6px;font-size:14px}.vsets-section-heading>span,.vsets-section-heading h2 span{color:var(--vs-muted);font-size:14px;font-weight:400}.vsets-actions>span{color:var(--vs-muted);font-size:12px}.vsets-back{align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:inline-flex;color:var(--vs-muted)!important}.vsets-detail-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:25px;display:flex}.vsets-detail-header>div:first-child{flex:1;min-width:0}.vsets-detail-header h1{overflow-wrap:anywhere}.vsets-detail-header p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.vsets-page .vsets-danger{color:#ab4235}.vsets-page .vsets-icon-button{padding:10px}.vsets-study-options{background:color-mix(in srgb, var(--vs-accent) 7%, var(--vs-surface));border-radius:19px;margin:28px 0;padding:25px}.vsets-study-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:19px;display:grid}.vsets-mode{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:13px;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex;position:relative}.vsets-mode p{font-size:13px}.vsets-mode>svg:last-child{position:absolute;top:24px;right:20px}.vsets-mode:hover{border-color:color-mix(in srgb, var(--vs-primary) 42%, var(--vs-line))}.vsets-mode.disabled{opacity:.55}.vsets-word-list{border:1px solid var(--vs-line);border-radius:16px;margin:18px 0;padding:0;list-style:none;overflow:hidden}.vsets-word-list li{background:var(--vs-surface);grid-template-columns:24px minmax(90px,1fr) minmax(0,2fr) auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.vsets-word-list li+li{border-top:1px solid var(--vs-line)}.vsets-word-number{color:var(--vs-muted);font-size:12px}.vsets-word-list li>div{overflow-wrap:anywhere;min-width:0}.vsets-word-list li>div:first-of-type{flex-direction:column;gap:5px;display:flex}.vsets-word-list strong[lang=zh]{font-size:24px;font-weight:500}.vsets-word-list li>div>span{color:color-mix(in srgb, var(--vs-accent) 64%, var(--vs-ink));font-size:13px}.vsets-word-list p{margin-top:6px;font-size:12px}.vsets-session{max-width:920px}.vsets-session-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.vsets-session-header .vsets-eyebrow{margin:0}.vsets-session-header h1{overflow-wrap:anywhere;max-width:100%;font-size:30px}.vsets-session-progress{align-items:center;gap:18px;max-width:600px;margin:24px auto;font-size:12px;display:flex}.vsets-session-progress span{white-space:nowrap}.vsets-session-progress progress{min-width:0;height:8px;accent-color:var(--vs-primary);flex:1}.vsets-page .vsets-study-card{background:color-mix(in srgb, var(--vs-primary) 2%, var(--vs-surface));border:1px solid var(--vs-line);text-align:center;width:100%;max-width:600px;min-height:340px;box-shadow:0 6px 0 color-mix(in srgb, var(--vs-primary) 8%, var(--vs-line));overflow-wrap:anywhere;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:35px;display:flex}.vsets-study-card small{letter-spacing:1px;color:var(--vs-muted);font-size:10px;font-weight:700}.vsets-large-hanzi{max-width:100%;font-size:clamp(32px,7vw,64px);font-weight:500;line-height:1.4}.vsets-pinyin{color:color-mix(in srgb, var(--vs-accent) 64%, var(--vs-ink));font-size:23px}.vsets-example{border-top:1px solid var(--vs-line);width:100%;padding-top:20px}.vsets-example p:first-child{color:var(--vs-ink);font-size:19px}.vsets-example p+p{margin-top:8px;font-size:14px}.vsets-page .vsets-flashcard{cursor:pointer;font-weight:400}.vsets-page .vsets-flashcard.is-flipped{background:var(--vs-primary-soft)}.vsets-flashcard.is-flipped .vsets-large-hanzi{font-size:32px}.vsets-audio{text-align:center;margin:25px 0}.vsets-audio p{margin-top:10px;font-size:13px}.vsets-session-controls{justify-content:space-between;gap:15px;max-width:600px;margin:0 auto;display:flex}.vsets-hint{text-align:center;font-size:12px;margin-top:18px!important}.vsets-complete-icon{background:var(--vs-primary-soft);width:70px;height:70px;color:var(--vs-primary-deep);border-radius:50%;place-items:center;display:grid}.vsets-writing{flex-direction:column;align-items:center;gap:20px;max-width:100%;display:flex}.vsets-writing-board{touch-action:none;border:1px solid var(--vs-line);background:linear-gradient(90deg, transparent 49.7%, var(--vs-line) 50%, transparent 50.3%), linear-gradient(0deg, transparent 49.7%, var(--vs-line) 50%, transparent 50.3%), var(--vs-surface);border-radius:8px;width:260px;height:260px}.vsets-writing p,.vsets-character-context{font-size:13px}.vsets-writing .vsets-actions{justify-content:center}:is(.learner-app-shell:has(.vsets-immersive-session)>.learn-rail,.learner-app-shell:has(.vsets-immersive-session)>.learn-topbar,.learner-app-shell:has(.vsets-immersive-session)>.learner-mobile-nav,.learner-app-shell:has(.vsets-immersive-session)>.route-transition-progress){display:none}body:has(.vsets-immersive-session)>.himi-chatbot-widget{display:none}.learner-app-shell:has(.vsets-immersive-session){background:#f7f9fc;display:block}.learner-app-shell:has(.vsets-immersive-session)>.learner-shell-content{background:#f7f9fc;min-height:100dvh;margin:0;padding:0}.vsets-page.vsets-immersive-session{background:#f7f9fc;max-width:none;min-height:100dvh;margin:0;padding:0 0 108px}.vsets-immersive-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-bottom:1px solid #e7edf5;position:sticky;top:0;box-shadow:0 4px 18px #2a364e0a}.vsets-immersive-toolbar{grid-template-columns:40px minmax(160px,1fr) auto auto;align-items:center;gap:16px;width:min(920px,100% - 48px);min-height:64px;margin:0 auto;display:grid}.vsets-immersive-toolbar>a{color:#8290a8;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.vsets-immersive-toolbar>a:hover{color:var(--vs-primary);background:#f6f8fb}.vsets-immersive-progress{background:#edf1f6;border-radius:999px;height:8px;overflow:hidden}.vsets-immersive-progress>span{border-radius:inherit;background:var(--vs-primary);height:100%;transition:width .26s;display:block}.vsets-immersive-toolbar>strong{color:#60708a;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.vsets-immersive-toolbar>span{min-height:32px;color:var(--vs-primary-deep);background:var(--vs-primary-soft);border-radius:999px;align-items:center;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.vsets-immersive-heading{justify-content:space-between;align-items:center;gap:24px;width:min(920px,100% - 48px);min-height:82px;margin:0 auto;display:flex}.vsets-immersive-heading small{color:var(--vs-primary-deep);letter-spacing:.14em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.vsets-page .vsets-immersive-heading h1{overflow-wrap:anywhere;max-width:500px;font-size:25px}.vsets-immersive-heading .vsets-tabs{flex:none}.vsets-immersive-stage{width:min(760px,100% - 48px);margin:0 auto;padding:38px 0 42px}.vsets-immersive-kicker{width:fit-content;min-height:30px;color:var(--vs-primary-deep);letter-spacing:.08em;text-transform:uppercase;background:#fff6f3;border:1px solid #ffd8d1;border-radius:999px;align-items:center;margin:0 auto 17px;padding:0 14px;font-size:11px;font-weight:850;display:flex}.vsets-immersive-session .vsets-study-card{background:#fff;border-radius:28px;min-height:380px;box-shadow:0 17px 42px #313f5b14}.vsets-immersive-session .vsets-audio{margin:22px 0 0}.vsets-immersive-session .vsets-hint{margin-top:12px!important}.vsets-immersive-session .vsets-empty{background:#fff;max-width:700px;margin:42px auto 0}.vsets-immersive-footer{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #e8edf4;grid-template-columns:minmax(126px,160px) 1fr minmax(126px,180px);align-items:center;gap:20px;min-height:88px;padding:14px max(24px,50% - 460px);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #2b39520a}.vsets-page .vsets-immersive-footer>button{border-radius:18px;min-height:52px}.vsets-immersive-footer>span{color:#8190a8;text-align:center;justify-items:center;gap:5px;display:grid}.vsets-immersive-footer>span strong{color:#687891;font-size:12px}.vsets-immersive-footer>span small{color:#9ba7ba;font-size:10px}@media (width<=680px){.vsets-page.vsets-immersive-session{padding:0 0 calc(94px + env(safe-area-inset-bottom))}.vsets-immersive-toolbar{grid-template-columns:34px minmax(80px,1fr) auto;gap:9px;width:calc(100% - 20px);min-height:54px}.vsets-immersive-toolbar>a{width:34px;height:34px}.vsets-immersive-toolbar>span{display:none}.vsets-immersive-heading{gap:9px;width:calc(100% - 28px);min-height:104px;padding:10px 0;display:grid}.vsets-page .vsets-immersive-heading h1{font-size:20px}.vsets-immersive-heading .vsets-tabs{width:100%}.vsets-immersive-heading .vsets-tabs a{flex:1;padding:9px 8px;font-size:12px}.vsets-immersive-stage{width:calc(100% - 24px);padding:25px 0 28px}.vsets-immersive-session .vsets-study-card{min-height:350px}.vsets-immersive-footer{min-height:78px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;gap:8px}.vsets-page .vsets-immersive-footer>button{border-radius:15px;min-width:0;min-height:48px;padding:8px 11px;font-size:12px}.vsets-immersive-footer>span small{display:none}}@media (width<=1100px){.vsets-page{padding-inline:24px}.vsets-hero{grid-template-columns:minmax(0,1fr) 210px;padding:30px}.vsets-hero-art>span:nth-child(2){left:84px}.vsets-library-shell{grid-template-columns:220px minmax(0,1fr)}.vsets-library-main{padding:30px 26px 36px}.vsets-content-header{grid-template-columns:1fr;gap:18px}.vsets-search{width:100%}.vsets-saved-table-head,.vsets-saved-table li{grid-template-columns:90px minmax(120px,.8fr) minmax(200px,1.5fr) 102px;gap:15px}.vsets-page .vsets-unsave span{display:none}.vsets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vsets-detail-header{flex-direction:column;gap:18px}}@media (width<=860px){.vsets-hero{grid-template-columns:minmax(0,1fr) 180px}.vsets-hero-art{transform-origin:50%;transform:scale(.88)}.vsets-library-shell{display:block}.vsets-library-nav{border-right:0;border-bottom:1px solid var(--vs-line);padding:18px 22px}.vsets-library-nav>h2{margin-bottom:10px}.vsets-library-links{margin:0;display:flex}.vsets-library-links button{flex:1}.vsets-source-nav{margin-top:12px;padding-top:14px}.vsets-source-nav h3{margin-bottom:8px}.vsets-source-nav button{grid-template-columns:20px auto;width:auto;margin-right:5px;display:inline-grid}.vsets-create-helper{display:none}}@media (width<=680px){.vsets-page{padding:18px 13px 96px}.vsets-page h1{font-size:clamp(30px,9vw,38px)}.vsets-hero{border-radius:20px 20px 0 0;grid-template-columns:1fr;min-height:0;padding:25px 21px}.vsets-hero-art{display:none}.vsets-hero p{font-size:14px}.vsets-hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.vsets-page .vsets-start-learning,.vsets-hero-actions .vsets-secondary{width:100%;min-width:0;min-height:48px;padding-inline:12px;font-size:13px}.vsets-library-shell{border-radius:0 0 20px 20px}.vsets-library-nav{padding:16px 14px}.vsets-library-nav>h2{padding-left:5px}.vsets-library-links{gap:6px}.vsets-library-links button{grid-template-columns:20px minmax(0,1fr) auto;gap:7px;min-width:0;min-height:46px;padding:8px 10px;font-size:12px}.vsets-library-links button .vsets-nav-plus{display:none}.vsets-source-nav{white-space:nowrap;scrollbar-width:none;overflow-x:auto}.vsets-source-nav::-webkit-scrollbar{display:none}.vsets-source-nav h3{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.vsets-source-nav button{border:1px solid var(--vs-line);min-height:38px;padding:7px 11px;font-size:12px}.vsets-library-main{padding:24px 16px 28px}.vsets-content-header{gap:16px}.vsets-content-header p{font-size:12px}.vsets-search{min-height:46px}.vsets-filterbar{align-items:center;min-height:62px;margin-top:14px;overflow-x:auto}.vsets-filter-options{flex:none}.vsets-filter-options button{min-height:37px;padding:7px 12px;font-size:12px}.vsets-sort-label{display:none}.vsets-saved-table{border:0;border-radius:0;overflow:visible}.vsets-saved-table-head{display:none}.vsets-saved-table ul{gap:0;display:grid}.vsets-saved-table li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hanzi actions""reading reading""example example";align-items:start;gap:8px 12px;min-height:0;padding:20px 0;position:relative}.vsets-saved-table li+li{border-top:1px solid var(--vs-line)}.vsets-list-hanzi{word-break:normal;background:0 0;border-radius:0;grid-area:hanzi;align-self:center;width:auto;min-width:0;min-height:0;font-size:clamp(26px,7.5vw,30px);font-weight:600;line-height:1.3;display:block}.vsets-list-reading{grid-area:reading;gap:4px;padding-right:0}.vsets-list-reading>strong,.vsets-list-reading>span{font-size:16px;line-height:1.5}.vsets-list-reading small{font-size:12px;line-height:1.5}.vsets-list-example{grid-area:example;gap:5px;margin-top:4px;padding-right:0}.vsets-list-example>span,.vsets-list-example small{font-size:16px;line-height:1.55}.vsets-list-actions{flex-direction:row;grid-area:actions;align-self:start;gap:6px}.vsets-page .vsets-pronounce,.vsets-page .vsets-unsave{border-radius:12px;width:44px;height:44px;min-height:44px;padding:0}.vsets-grid{grid-template-columns:1fr;gap:16px}.vsets-card-cover{height:115px}.vsets-card-body p{min-height:0}.vsets-form-row{flex-direction:column}.vsets-study-options{padding:19px}.vsets-study-options>div{grid-template-columns:1fr;gap:10px}.vsets-mode{gap:8px;padding:17px 48px 17px 55px}.vsets-mode>svg:first-child{position:absolute;top:20px;left:17px}.vsets-mode>svg:last-child{top:22px;right:16px}.vsets-word-list li{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px;padding:16px}.vsets-word-number{display:none}.vsets-page .vsets-study-card{padding:25px 14px}.vsets-session-header h1{font-size:26px}.vsets-tabs{width:100%}.vsets-tabs a{flex:1;padding:11px 9px;font-size:12px}.vsets-session-controls>button{flex:1}.vsets-empty{min-height:240px;padding:34px 18px}.vsets-panel{padding:18px}.vsets-create-overlay{padding:14px}.vsets-create-dialog{border-radius:18px;max-height:calc(100dvh - 28px);padding:22px 18px}.vsets-create-dialog h2{font-size:22px}}@media (width<=410px){.vsets-hero-actions{grid-template-columns:1fr}.vsets-library-links button>svg:first-child{display:none}.vsets-library-links button{grid-template-columns:minmax(0,1fr) auto}.vsets-library-main{padding-inline:13px}}@media (width<=520px){.vsets-hero-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.vsets-page button,.vsets-actions>a,.vsets-card,.vsets-search,.vsets-saved-table li,.vsets-create-overlay,.vsets-create-dialog{transition:none;animation:none}.vsets-card:hover,.vsets-page .vsets-primary:hover{transform:none}}