body>.fixed.inset-0.flex.items-center.justify-center>.bg-white.rounded-3xl{border-radius:.75rem}:root{--primary: #0f766e;--quiz-module-fade-duration: .16s;--quiz-module-fade-easing: ease;--lesson-teaching-card-min-h: 31rem}body{font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif}.chinese-text{font-family:Noto Sans SC,Noto Sans TC,PingFang SC,PingFang TC,Microsoft YaHei,sans-serif;font-weight:500}html[data-character-script=traditional] .chinese-text{font-family:Noto Sans TC,Noto Sans SC,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,sans-serif}.nav-active{background-color:#0f766e;color:#fff;border-radius:8px}.section{display:none;content-visibility:hidden;contain:content}.section.active{display:block;content-visibility:visible;contain:none}#welcome{display:none;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(45,212,191,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 30%,rgba(20,184,166,.08),transparent 50%),radial-gradient(ellipse 50% 35% at 0% 60%,rgba(13,148,136,.06),transparent 50%),linear-gradient(180deg,#f0fdfa,#f8fafc 32% 100%)}#welcome.active{display:block}#welcome .welcome-page{width:100%;margin:0 auto;overflow-x:clip}#welcome .welcome-reveal{opacity:0;transform:translate3d(0,2.75rem,0);filter:blur(10px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform,filter}#welcome .welcome-reveal.is-in{opacity:1;transform:translateZ(0);filter:blur(0)}#welcome .welcome-reveal-line{opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0ms)}#welcome .welcome-reveal-line.is-in{opacity:1;transform:scaleX(1)}@media(prefers-reduced-motion:reduce){#welcome .welcome-reveal,#welcome .welcome-reveal-line,#welcome .welcome-hero-mark{transition:none!important;animation:none!important;filter:none!important;opacity:1!important;transform:none!important}}#welcome .welcome-hero{position:fixed;top:0;left:0;right:0;z-index:0;min-height:100svh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:5.5rem 1.5rem 5rem;width:100%;max-width:none;margin:0;pointer-events:none;isolation:isolate}#welcome .welcome-hero-inner{width:100%;max-width:40rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;pointer-events:auto;transform-origin:center center;will-change:transform,opacity,filter}#welcome .welcome-hero-spacer{min-height:calc(100svh + 4.5rem);height:calc(100svh + 4.5rem);width:100%;pointer-events:none;visibility:hidden}@media(min-width:640px){#welcome .welcome-hero{padding-top:6.25rem;padding-bottom:5.5rem}#welcome .welcome-hero-spacer{min-height:calc(100svh + 5.5rem);height:calc(100svh + 5.5rem)}}#welcome .welcome-scroll-cue{position:absolute;left:50%;bottom:1.35rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.04em;transform:translate(-50%);animation:welcome-scroll-cue-float 1.8s ease-in-out infinite}#welcome .welcome-scroll-cue i{color:#0d9488;font-size:.85rem}@keyframes welcome-scroll-cue-float{0%,to{transform:translate(-50%);opacity:.68}50%{transform:translate(-50%,.35rem);opacity:1}}@media(prefers-reduced-motion:reduce){#welcome .welcome-scroll-cue{animation:none}}#welcome .welcome-stack{position:relative;z-index:2;background:linear-gradient(180deg,#f8fafc00,#f8fafc8c 7%,#f8fafceb 16%,#f8fafc 28%,#f1f5f9);min-height:100vh;padding-bottom:2rem;padding-top:3.5rem;margin-top:-4.5rem}@media(min-width:640px){#welcome .welcome-stack{padding-top:4.5rem;margin-top:-5.5rem;background:linear-gradient(180deg,#f8fafc00,#f8fafc66 8%,#f8fafce0 18%,#f8fafc 30%,#f1f5f9)}}#welcome .welcome-hero-mark{width:min(11rem,42vw);height:min(14rem,48vw);max-height:15rem;background:transparent;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1)}#welcome .welcome-hero-mark img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;-webkit-user-drag:none;user-select:none;pointer-events:none}.app-nav-logo-img{width:100%;height:100%;object-fit:contain;display:block}.app-nav-logo-wrap{width:calc(2.5rem * 258 / 196);height:2.5rem;aspect-ratio:258 / 196;flex-shrink:0}.app-nav-brand{display:flex;align-items:center;gap:.75rem;margin:0;padding:.15rem .25rem .15rem 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:.75rem}.app-nav-brand:focus{outline:none}.app-nav-brand:focus-visible{outline:2px solid #0d9488;outline-offset:3px}#welcome.active .welcome-hero-mark{animation:welcomeMarkIn 1.1s cubic-bezier(.16,1,.3,1) both}@keyframes welcomeMarkIn{0%{opacity:0;transform:translateY(1.25rem) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}#welcome .welcome-actions{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%}@media(min-width:640px){#welcome .welcome-actions{flex-direction:row}#welcome .welcome-btn{width:auto}}#welcome .welcome-btn{width:100%;max-width:18rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:1rem;line-height:1.25;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .35s ease,color .2s ease}#welcome .welcome-btn:hover{transform:translateY(-2px)}#welcome .welcome-btn:active{transform:translateY(0)}#welcome .welcome-btn-primary{background:#115e59;color:#fff;box-shadow:0 10px 28px -12px #0f5e598c}#welcome .welcome-btn-primary:hover{background:#0f766e;box-shadow:0 14px 32px -12px #0f5e5999}#welcome .welcome-btn-secondary{border:1px solid #99f6e4;color:#115e59;background:#ffffff8c;backdrop-filter:blur(8px)}#welcome .welcome-btn-secondary:hover{background:#f0fdfa;border-color:#5eead4}#welcome .welcome-guest-entry{margin-top:1.15rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%}#welcome .welcome-btn-ghost{background:transparent;color:#115e59;border:1px solid transparent;box-shadow:none;max-width:22rem;padding:.7rem 1.25rem}#welcome .welcome-btn-ghost:hover{background:#f0fdfad9;border-color:#ccfbf1;box-shadow:none}#welcome .welcome-guest-note{margin:0;font-size:.8125rem;line-height:1.45;color:#64748b;text-align:center;max-width:22rem}.profile-handle,.profile-handle-at{font-size:.82rem;font-weight:600;color:#64748b}.profile-username-display{font-size:1.35rem;line-height:1.25;font-weight:700;color:#134e4a;letter-spacing:-.01em}.profile-name-display{margin-top:.15rem;font-size:.95rem;line-height:1.3;font-weight:500;color:#64748b}.profile-username-error{margin-top:.25rem;font-size:.75rem;font-weight:600;line-height:1.3;color:#dc2626}.profile-username-error:empty{display:none}.profile-username-dev-reset{margin-top:.35rem;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border:1px dashed #c4b5fd;border-radius:.6rem;background:#f5f3ff;color:#6d28d9;font-size:.68rem;font-weight:600;transition:background-color .15s ease}.profile-username-dev-reset:hover{background:#ede9fe}#profile-display-name-input.is-invalid{border-color:#f87171}.username-quota-remaining{color:#5eead4;font-weight:600}.username-quota-remaining:empty{display:none}.username-quota-remaining.is-exhausted{color:#fbbf24}.user-avatar-badge{width:1.75rem;height:1.75rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid #99f6e4;background-color:#0f766e;background-size:cover;background-position:center;color:#fff;font-size:.8rem;font-weight:700;line-height:1;user-select:none}.user-avatar-badge.has-photo{background-color:transparent}html.auth-pending{overflow:hidden}html.auth-pending nav{visibility:hidden;pointer-events:none}html.auth-pending #welcome,html.auth-pending #app-shell,html.auth-pending #post-signin-welcome{visibility:hidden!important;pointer-events:none!important}#auth-boot-splash{display:none;position:fixed;inset:0;z-index:700;background:#fff;pointer-events:auto}html.auth-pending #auth-boot-splash{display:block}#auth-boot-splash .auth-boot-spinner,html.auth-entry-hold:after{position:fixed;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;box-sizing:border-box;border-radius:50%;border:3px solid #ccfbf1;border-top-color:#0f766e;opacity:0;pointer-events:none;animation:auth-boot-spin .8s linear infinite,auth-boot-spinner-in .25s ease-out .4s forwards}html.auth-entry-hold:after{content:"";z-index:681}@keyframes auth-boot-spin{to{transform:rotate(360deg)}}@keyframes auth-boot-spinner-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){#auth-boot-splash .auth-boot-spinner,html.auth-entry-hold:after{animation:auth-boot-spin 1.6s linear infinite,auth-boot-spinner-in .25s ease-out .4s forwards}}#auth-boot-splash .auth-boot-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.auth-entry-hold{overflow:hidden}html.auth-entry-hold:before{content:"";position:fixed;inset:0;z-index:680;background:#fff;pointer-events:auto}html.auth-entry-hold nav,html.auth-entry-hold #welcome,html.auth-entry-hold #app-shell,html.auth-entry-hold #email-verify-banner,html.auth-entry-hold #auth-modal{visibility:hidden!important;pointer-events:none!important;opacity:0!important}html.auth-entry-hold #post-signin-welcome.active{visibility:visible!important;pointer-events:auto!important;opacity:1!important}#post-signin-welcome{display:none;position:fixed;inset:0;z-index:700;background:#fff;align-items:center;justify-content:center;padding:4.5rem 1.5rem 1.5rem;opacity:1;transition:opacity .55s cubic-bezier(.4,0,.2,1)}#post-signin-welcome.active{display:flex}#post-signin-welcome.active.is-exiting{opacity:0;pointer-events:none}html.post-signin-welcome-active{scrollbar-gutter:stable;overflow:hidden}html.post-signin-welcome-active nav,html.post-signin-welcome-active #welcome,html.post-signin-welcome-active #app-shell,html.post-signin-welcome-active #email-verify-banner{opacity:0!important;visibility:hidden!important;pointer-events:none!important}html.post-signin-welcome-active nav{transition:none}nav{transition:opacity .55s cubic-bezier(.4,0,.2,1),visibility .55s cubic-bezier(.4,0,.2,1)}#app-shell.post-signin-app-enter{opacity:0}#app-shell.post-signin-app-enter.is-visible{opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1) .06s}.post-signin-welcome-content{text-align:center;max-width:28rem}#post-signin-welcome.active.is-layout-pending .post-signin-welcome-content{visibility:hidden}.post-signin-progress{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);width:min(28rem,calc(100% - 3rem));transition:opacity .45s cubic-bezier(.4,0,.2,1)}#post-signin-welcome.active.is-layout-pending .post-signin-progress{visibility:hidden}#post-signin-welcome.active.is-exiting .post-signin-progress{opacity:0}.post-signin-progress-track{height:.5rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.post-signin-progress-fill{width:0;height:100%;border-radius:inherit;background:#0f766e;transition:width .45s cubic-bezier(.4,0,.2,1)}.post-signin-progress-label{margin-top:.5rem;font-size:.8125rem;font-weight:600;color:#64748b;text-align:center}.post-signin-welcome-notice{margin-top:1.25rem;font-size:.9375rem;line-height:1.5;color:#b91c1c}.post-signin-welcome-notice:empty{display:none}.post-signin-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#ffffffb8;opacity:0;visibility:hidden;pointer-events:none;cursor:wait;transition:opacity .2s ease,visibility 0s linear .2s}#post-signin-welcome.is-busy .post-signin-loading{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease .15s,visibility 0s}.post-signin-loading-card{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:1rem;background:#fff;box-shadow:0 10px 30px #0f172a1f;color:#134e4a;font-weight:600}.post-signin-loading-card .fa-spinner{color:#0f766e;font-size:1.25rem}#post-signin-welcome.active.is-exiting .post-signin-welcome-content{transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-1rem) scale(.985)}.post-signin-welcome-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:600;color:#134e4a;letter-spacing:-.02em;line-height:1.15;min-height:2.6em}.post-signin-welcome-subtitle{margin-top:1.25rem;font-size:1.125rem;line-height:1.6;color:#475569;min-height:3.2em}#post-signin-step-username .post-signin-welcome-title{min-height:0}#post-signin-step-username .post-signin-welcome-subtitle{min-height:0;margin-top:1rem}#post-signin-step-username .post-signin-username-form{margin-top:1rem}.post-signin-welcome-cta{margin-top:3rem;border:none;background:none;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.875rem;padding:.5rem;color:#0f766e;transition:color .15s ease}.post-signin-welcome-cta:hover{color:#115e59}.post-signin-welcome-cta:focus-visible{outline:2px solid #5d9e96;outline-offset:6px;border-radius:1rem}.post-signin-welcome-cta:disabled{cursor:default}.post-signin-welcome-cta-visual{position:relative;width:4.75rem;height:4.75rem;display:flex;align-items:center;justify-content:center}.post-signin-welcome-cta-glow,.post-signin-welcome-cta-ring{position:absolute;left:50%;top:50%;width:3.5rem;height:3.5rem;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:none}#post-signin-welcome.active.is-cta-ready .post-signin-welcome-cta-glow,#post-signin-welcome.active.is-cta-ready .post-signin-welcome-cta-ring{animation:post-signin-cta-pulse 2.2s ease-in-out infinite}#post-signin-welcome.active.is-cta-ready .post-signin-welcome-cta-ring{animation-delay:.08s}.post-signin-welcome-cta-glow{box-shadow:0 0 0 .875rem #5d9e962e}.post-signin-welcome-cta-ring{border:2.5px solid #4d8f88;background:transparent}.post-signin-welcome-cta-arrow{position:relative;z-index:1;width:1.75rem;text-align:center;font-size:1.75rem;filter:drop-shadow(0 2px 4px rgb(15 23 42 / .18));animation:none}#post-signin-welcome.active.is-cta-ready .post-signin-welcome-cta-arrow{animation:post-signin-arrow-bob 2.2s ease-in-out infinite}.post-signin-welcome-cta-label{font-size:1rem;font-weight:600;letter-spacing:.02em}@keyframes post-signin-cta-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.09);opacity:1}}@keyframes post-signin-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(.3rem)}}.post-signin-welcome-step{display:none}.post-signin-welcome-step.active{display:block}.post-signin-welcome-proficiency-options{margin-top:2rem;display:flex;flex-direction:column;gap:.875rem;text-align:left}.post-signin-proficiency-btn{width:100%;text-align:left;padding:1.125rem 1.25rem;border-radius:1.25rem;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.post-signin-proficiency-btn:hover{border-color:#99f6e4;background:#f0fdfa}.post-signin-proficiency-btn:focus-visible{outline:2px solid #5d9e96;outline-offset:3px}.post-signin-proficiency-btn-title{display:block;font-size:1.0625rem;font-weight:600;color:#134e4a;margin-bottom:.35rem}.post-signin-proficiency-btn-desc{display:block;font-size:.9375rem;line-height:1.5;color:#64748b}.post-signin-welcome-title-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.post-signin-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0}.post-signin-info-btn:hover{background:#ccfbf1;border-color:#115e59;color:#115e59}.post-signin-info-btn:focus-visible{outline:2px solid #5d9e96;outline-offset:2px}.post-signin-script-example{display:block;margin-top:.5rem;font-size:1.25rem;font-weight:600;color:#0f766e;letter-spacing:.04em}#post-signin-step-done .post-signin-welcome-title,#post-signin-step-done .post-signin-welcome-subtitle{min-height:0}#post-signin-step-done .post-signin-welcome-subtitle:empty{display:none}.post-signin-done-mark{width:4.75rem;height:4.75rem;margin:0 auto 1.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f0fdfa;color:#0f766e;font-size:1.75rem}#post-signin-step-done.is-saved .post-signin-done-mark{background:#0f766e;color:#fff}.post-signin-done-check,#post-signin-step-done.is-saved .post-signin-done-spinner{display:none}#post-signin-step-done.is-saved .post-signin-done-check{display:block}#post-signin-done-continue{margin:2rem auto 0;max-width:22rem}#post-signin-done-continue[hidden]{display:none}.post-signin-account-note{display:flex;align-items:flex-start;gap:.75rem;margin:0 auto 2rem;padding:.875rem 1rem;border-radius:1rem;background:#f0fdfa;border:1px solid #ccfbf1;color:#134e4a;text-align:left;font-size:.9375rem;line-height:1.5}.post-signin-account-note[hidden]{display:none}.post-signin-account-note .fa-key{margin-top:.2rem;color:#0f766e}html.post-signin-welcome-active [data-app-dismissible-confirm]{z-index:710}.post-signin-username-form{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;width:min(100%,22rem);margin:0 auto}.post-signin-username-input-row{display:flex;align-items:stretch;gap:.5rem;width:100%}.post-signin-username-input{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;padding:.85rem 1rem;border-radius:1rem;border:1px solid #99f6e4;background:#fff;color:#134e4a;font-size:1.05rem;font-weight:600;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.post-signin-username-input::placeholder{color:#94a3b8;font-weight:500}.post-signin-verify-code{font-size:1.6rem;letter-spacing:.4em;font-variant-numeric:tabular-nums}.post-signin-username-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.post-signin-username-input.is-invalid{border-color:#f87171;box-shadow:0 0 0 3px #f871712e}.post-signin-username-dice{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.1rem;border-radius:1rem;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;font-size:1.15rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.post-signin-username-dice:hover:not(:disabled){background:#ccfbf1;border-color:#5eead4}.post-signin-username-dice:focus-visible{outline:2px solid #5d9e96;outline-offset:2px}.post-signin-username-dice:disabled{opacity:.55;cursor:default}.post-signin-username-dice.is-rolling i{animation:post-signin-dice-spin .55s linear infinite}@keyframes post-signin-dice-spin{to{transform:rotate(360deg)}}.post-signin-username-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;text-align:left}.post-signin-username-rules li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.35;color:#64748b}.post-signin-username-rules li .username-rule-icon{flex:0 0 auto;width:1.05rem;text-align:center;margin-top:.05rem;font-size:.75rem}.post-signin-username-rules li.is-ok{color:#047857}.post-signin-username-rules li.is-ok .username-rule-icon{color:#059669}.post-signin-username-rules li.is-bad{color:#b91c1c}.post-signin-username-rules li.is-bad .username-rule-icon{color:#dc2626}.post-signin-username-rules li.is-idle{color:#94a3b8}.post-signin-username-rules li.is-idle .username-rule-icon{color:#cbd5e1}.post-signin-username-error{margin:-.25rem 0 0;min-height:1.2rem;font-size:.8125rem;font-weight:600;color:#b91c1c;text-align:center}.profile-username-rules{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-direction:column;gap:.28rem;width:100%}.profile-username-rules li{display:flex;align-items:flex-start;gap:.4rem;font-size:.75rem;line-height:1.3;color:#64748b}.profile-username-rules li .username-rule-icon{flex:0 0 auto;width:.95rem;text-align:center;font-size:.7rem}.profile-username-rules li.is-ok{color:#047857}.profile-username-rules li.is-ok .username-rule-icon{color:#059669}.profile-username-rules li.is-bad{color:#b91c1c}.profile-username-rules li.is-bad .username-rule-icon{color:#dc2626}.profile-username-rules li.is-idle{color:#94a3b8}.profile-username-rules li.is-idle .username-rule-icon{color:#cbd5e1}.post-signin-username-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;border-radius:1rem;border:1px solid #0f766e;background:#0f766e;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.post-signin-username-submit:hover{background:#115e59;border-color:#115e59}.post-signin-username-submit:focus-visible{outline:2px solid #5d9e96;outline-offset:2px}.post-signin-username-submit:disabled{opacity:.55;cursor:default}.post-signin-name-skip{display:flex;align-items:center;justify-content:center;width:100%;margin-top:.75rem;padding:.8rem 1.25rem;border:1.5px solid #cbd5e1;background:#fff;color:#334155;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;border-radius:1rem;transition:color .15s ease,background .15s ease,border-color .15s ease}.post-signin-name-skip:hover{color:#0f766e;background:#f0fdfa;border-color:#5eead4}.post-signin-name-skip:focus-visible{outline:2px solid #5d9e96;outline-offset:2px}.post-signin-name-skip:disabled{opacity:.55;cursor:default}.post-signin-username-form.is-busy{pointer-events:none;user-select:none}.post-signin-username-form.is-busy .post-signin-username-input,.post-signin-username-form.is-busy .post-signin-username-dice{opacity:.65;cursor:wait}.post-signin-username-submit-spinner{display:none}.post-signin-username-form.is-busy .post-signin-username-submit-spinner{display:inline-block}.post-signin-username-form.is-busy .post-signin-username-submit-arrow{display:none}.guide-article-card--locked{opacity:.55;cursor:not-allowed}.guide-article-card--locked:hover{box-shadow:none;border-color:#e2e8f0}.guide-article-card--completed .guide-article-status{color:#0f766e}.guide-article-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-top:.75rem}.vocab-card [data-mastery-pct-quiz],.vocab-card [data-mastery-pct-writing]{position:relative;top:1px}.vocab-card{transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.vocab-card:hover{box-shadow:0 10px 15px -3px #0f766e1a,0 4px 6px -4px #0f766e1a}.vocab-card.kb-nav-selected,.vocab-card.kb-nav-selected:hover{transform:none;box-shadow:0 0 0 2px #0f766e,0 0 0 4px #0d948829}.vocab-mastery-track{position:relative;width:100%;overflow:hidden;border-radius:9999px;background:#e2e8f0}.vocab-mastery-track>[data-mastery-bar-quiz],.vocab-mastery-track>[data-mastery-bar-writing],.vocab-mastery-track>[data-mastery-bar-overall],.vocab-mastery-track>#modal-mastery-bar-quiz,.vocab-mastery-track>#char-mastery-bar-writing{display:block;height:100%;border-radius:9999px;min-width:0}.vocab-mastery-rows{display:flex;flex-direction:column;gap:.45rem}.vocab-mastery-row{display:flex;flex-direction:column;gap:.2rem;min-width:0}.vocab-mastery-row-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.vocab-mastery-row-label{display:inline-flex;align-items:center;gap:.25rem;font-size:10px;font-weight:500;color:#475569;white-space:nowrap}.vocab-mastery-row-pct{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;color:#64748b;text-align:right;flex-shrink:0}.vocab-mastery-row .vocab-mastery-track{height:.375rem}.vocab-mastery-row--modal .vocab-mastery-track{height:.625rem}.vocab-mastery-row--modal .vocab-mastery-row-label{font-size:10px;color:#64748b}.vocab-mastery-row--modal .vocab-mastery-row-pct{color:#334155}.vocab-card-fully-mastered{background:linear-gradient(145deg,#fffbeb,#fef3c7 55%,#fff7ed)!important;border-color:#f59e0b!important;box-shadow:0 0 0 1px #f59e0b2e,0 4px 14px -4px #f59e0b47}.vocab-card-fully-mastered:hover{box-shadow:0 0 0 1px #f59e0b38,0 10px 20px -6px #f59e0b52}.vocab-card-proficient{background:linear-gradient(145deg,#f0fdfa,#ccfbf1 60%,#f0fdf4)!important;border-color:#14b8a6!important;box-shadow:0 0 0 1px #14b8a626,0 4px 14px -4px #14b8a638}.vocab-card-proficient:hover{box-shadow:0 0 0 1px #14b8a633,0 10px 20px -6px #14b8a647}.pinyin{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.875rem;color:#64748b;font-weight:400;font-kerning:normal;letter-spacing:0}html.pinyin-hidden .beginner-inline-pinyin,html.pinyin-hidden .first-words-practice-choice-pinyin.pinyin,html.pinyin-hidden .first-words-match-choice-pinyin,html.pinyin-hidden .quiz-pinyin,html.pinyin-hidden .vocab-card-pinyin,html.pinyin-hidden .quiz-option-choice-pinyin,html.pinyin-hidden .grammar-example-pinyin,html.pinyin-hidden .grammar-order-tile-pinyin,html.pinyin-hidden .grammar-choose-option-pinyin,html.pinyin-hidden .reading-word-pinyin,html.pinyin-hidden .quiz-sentence-pinyin,html.pinyin-hidden #writing-example-pinyin,html.pinyin-hidden span.pinyin:not(.first-words-practice-choice-meaning):not(.first-words-match-choice-main):not(.guide-sound-quiz-type-input):not(.new-word-headword-pinyin):not(.chinese-text),html.pinyin-hidden div.pinyin:not(.quiz-question-root):not(.chinese-text){display:none!important}.nav-item{position:relative;transition:background-color .1s ease,color .1s ease}.nav-item:hover:not(.nav-active){background-color:#f8fafc}#nav-dev-reports.hidden,#nav-dev-question-workshop.hidden{display:none!important}#nav-dev-reports:not(.nav-active),#nav-dev-question-workshop:not(.nav-active){color:#92400e}#nav-dev-reports.nav-active,#nav-dev-question-workshop.nav-active{background-color:#0f766e;color:#fff}#nav-dev-reports.nav-active i,#nav-dev-reports.nav-active span,#nav-dev-question-workshop.nav-active i,#nav-dev-question-workshop.nav-active span{color:inherit}.dashboard-quick-btn{position:relative}.hsk-progress-track{position:relative;height:.75rem;background-color:#f1f5f9;border-radius:9999px;overflow:hidden}.hsk-progress-track--overall{height:.875rem}.hsk-progress-fill{position:absolute;left:0;top:0;height:100%;max-width:100%;border-radius:0 9999px 9999px 0;transition:width .25s ease}.hsk-progress-fill[style*="width: 0%"],.hsk-progress-fill[style*="width:0%"]{border-radius:0}#dashboard-hsk-progress-panel.is-loading .hsk-progress-fill,#dashboard-hsk-progress-panel.is-loading [id$=-percent]{opacity:.4}.settings-layout{display:flex;align-items:flex-start;gap:1.5rem;max-width:calc(var(--app-content-max) + 1.5rem + 12.5rem)}.settings-main{flex:1;min-width:0}.settings-subnav{position:sticky;top:5.25rem;flex-shrink:0;width:12.5rem;display:flex;flex-direction:column;gap:.15rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1px 2px #0f172a0a}.settings-subnav-item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.65rem .8rem;border-radius:1rem;font-size:.875rem;font-weight:500;color:#334155;background:transparent;border:none;cursor:pointer;transition:background-color .1s ease,color .1s ease}.settings-subnav-item i{width:1.25rem;text-align:center;flex-shrink:0;font-size:.95rem;opacity:.9}.settings-subnav-item:hover:not(.is-active){background-color:#f8fafc}.settings-subnav-item.is-active{background-color:#0f766e;color:#fff}.settings-subnav-item:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}@media(max-width:720px){.settings-layout{flex-direction:column}.settings-subnav{position:static;width:100%;flex-direction:row;flex-wrap:wrap}.settings-subnav-item{flex:1 1 auto}}.metric-card{transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 6px 16px #0f172a0f}.learn-metric-card{display:flex;flex-direction:column}.learn-metric-card.learn-panel-openable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.learn-metric-card.learn-panel-openable:hover{border-color:#99f6e4;box-shadow:0 8px 24px #0f766e14}.learn-metric-card.learn-panel-openable:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.writing-launch-card{display:block;width:100%;max-width:36rem;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.5rem 1.6rem;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;cursor:pointer}.writing-launch-card:hover{border-color:#99f6e4;box-shadow:0 8px 24px #0f766e1a;transform:translateY(-1px)}.writing-launch-card:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.writing-launch-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d9488;margin-bottom:.4rem}.writing-launch-title{font-size:1.25rem;font-weight:700;color:#134e4b;margin-bottom:.4rem}.writing-launch-desc{font-size:.875rem;color:#64748b;line-height:1.5;margin-bottom:1rem}.writing-launch-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:700;color:#fff;background:#0f766e;border-radius:9999px;padding:.55rem 1.1rem}.writing-launch-card:hover .writing-launch-cta{background:#0d9488}.writing-open-writing-control{position:relative;isolation:isolate;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:.9rem 1.05rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.writing-open-writing-control-main{display:flex;align-items:center;gap:.85rem;min-width:0}.writing-open-writing-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}.writing-open-writing-title-row{display:flex;align-items:center;gap:.35rem;min-width:0}.writing-open-writing-label-title{font-size:.9rem;font-weight:600;color:#0f172a;line-height:1.25}.writing-open-writing-label-desc{font-size:.75rem;color:#64748b;line-height:1.35}.writing-open-writing-info-btn{flex-shrink:0;width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:0;background:transparent;color:#0d9488;cursor:pointer;transition:background .15s ease,color .15s ease}.writing-open-writing-info-btn:hover{background:#ccfbf1;color:#0f766e}.writing-open-writing-info-btn:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.writing-open-writing-switch-wrap{position:relative;flex-shrink:0;display:inline-flex;align-items:center;cursor:pointer}.writing-open-writing-switch-wrap input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.writing-open-writing-switch{position:relative;flex-shrink:0;width:2.75rem;height:1.55rem;border-radius:9999px;background:#cbd5e1;border:1px solid #94a3b8;box-shadow:inset 0 1px 2px #0f172a14;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.writing-open-writing-switch:after{content:"";position:absolute;top:50%;left:.16rem;width:1.2rem;height:1.2rem;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #0f172a33;transform:translateY(-50%);transition:left .18s ease}.writing-open-writing-switch-wrap input:checked+.writing-open-writing-switch{background:#0f766e;border-color:#0d9488;box-shadow:inset 0 1px 2px #0f766e40}.writing-open-writing-switch-wrap input:checked+.writing-open-writing-switch:after{left:calc(100% - 1.36rem)}.writing-open-writing-switch-wrap:has(input:focus-visible) .writing-open-writing-switch{outline:2px solid #14b8a6;outline-offset:2px}.writing-open-writing-control.is-glowing{border-color:#5eead4;background:#f0fdfa;box-shadow:0 0 0 3px #14b8a62e,0 0 1.25rem #0f766e47;animation:writing-open-writing-glow 1.5s ease-in-out infinite}@keyframes writing-open-writing-glow{0%,to{box-shadow:0 0 0 3px #14b8a624,0 0 .9rem #0f766e2e}50%{box-shadow:0 0 0 5px #14b8a647,0 0 1.5rem #0f766e61}}#writing-practice-modal{background:#fff}html.writing-modal-open{overflow:hidden}html.auth-modal-open,html.auth-modal-open body{overflow:hidden!important;overscroll-behavior:none}html.auth-modal-open body{position:fixed;left:0;right:0;width:100%}#auth-modal:not(.hidden){overflow-y:auto;-webkit-overflow-scrolling:touch}.writing-practice-module-shell{display:flex;flex-direction:column;height:100%;width:100%;background:#fff}.writing-practice-module-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10}.writing-practice-module-header-title{font-weight:600;font-size:1rem;color:#0f172a;line-height:1.25;min-width:0}.writing-practice-module-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.module-panel-settings{position:relative;flex-shrink:0}.module-panel-settings-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:1rem;border:1px solid #e2e8f0;color:#475569;background:#fff;transition:border-color .15s ease,color .15s ease,background .15s ease;white-space:nowrap}.module-panel-settings-btn:hover,.module-panel-settings.is-open .module-panel-settings-btn{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.account-settings-list{border-radius:1rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.account-settings-row{position:relative;display:flex;align-items:center;width:100%;gap:.75rem;padding:1rem 2.75rem 1rem 1.1rem;text-align:left;border:0;border-radius:0;background:#fff;appearance:none;cursor:pointer;transition:background .15s ease,transform .18s ease}.account-settings-row+.account-settings-row{border-top:1px solid #e2e8f0}.account-settings-row.is-static{cursor:default;padding-right:1.1rem}.account-settings-row.is-static:hover{background:#fff;transform:none}.account-settings-row.is-static:after{display:none}.profile-field-modal-panel{background:#fff;border-radius:1.5rem;max-width:26rem;width:100%;box-shadow:0 25px 50px -12px #0f172a40;overflow:hidden}.profile-field-modal-quota{margin:0 0 1rem;padding:.75rem .9rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;line-height:1.45;color:#334155;font-weight:500}.profile-field-modal-quota .username-quota-remaining{display:block;margin-top:.25rem;font-weight:600;color:#0f766e}.profile-field-modal-quota .username-quota-remaining.is-exhausted{color:#b45309}.account-settings-row-label{display:flex;align-items:center;gap:.35rem}.account-settings-row-body{min-width:0;flex:1}.account-settings-row-label{font-size:.8125rem;font-weight:600;color:#0f172a}.account-settings-row-value{margin-top:.2rem;font-size:.875rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings-row:after{content:"\f054";position:absolute;right:1rem;top:50%;font:var(--fa-font-solid);color:#94a3b8;transform:translateY(-50%);transition:color .18s ease,transform .18s ease;pointer-events:none}.account-settings-row:hover{background:#f8fafc;transform:none}.account-settings-row:hover:after{color:#0d9488;transform:translate(3px,-50%)}.account-settings-row:focus-visible{outline:2px solid #14b8a6;outline-offset:-2px;z-index:1}.account-verify-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.85rem 1.1rem;border-top:1px solid #fde68a;background:#fffbeb}.account-verify-panel-copy{min-width:0;flex:1 1 12rem}.account-verify-panel-title{font-size:.8125rem;font-weight:600;color:#92400e}.account-verify-panel-hint{margin-top:.15rem;font-size:.75rem;color:#a16207;line-height:1.35}.account-verify-panel-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .95rem;border-radius:.9rem;border:1px solid #f59e0b;background:#fff;color:#92400e;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.account-verify-panel-btn:hover:not(:disabled){background:#fef3c7;border-color:#d97706}.account-verify-panel-btn:disabled{opacity:.55;cursor:not-allowed}.account-verify-panel-status{width:100%;margin:0;font-size:.75rem;font-weight:500;color:#0f766e;line-height:1.35}.account-verify-panel-status.is-error{color:#b91c1c}.account-verify-panel-status.hidden{display:none}.account-email-verified-hint{margin-top:.2rem;font-size:.75rem;font-weight:500;color:#0f766e}.module-panel-settings-menu-section+.module-panel-settings-menu-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.module-panel-settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem 0;font-size:.8125rem;color:#334155}.module-panel-settings-row.is-sub{padding-left:.75rem;color:#64748b;font-size:.75rem}.module-panel-settings-row label{cursor:pointer;min-width:0}.module-panel-settings-row input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0;accent-color:#0f766e}.module-panel-settings-hint{font-size:.6875rem;color:#94a3b8;margin-top:.5rem;line-height:1.35}.writing-practice-module-body{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0;background:#fff}.writing-practice-shell{width:100%;max-width:none;flex:1 1 auto;height:100%;min-height:0;max-height:100%;background:#fff}.writing-practice-shell.is-stroke-open{width:100%;max-width:none}.writing-split{display:flex;flex:1 1 auto;align-items:stretch;min-height:0;height:100%;max-height:100%;width:100%;overflow:hidden;border:none;border-radius:0;background:#fff;box-shadow:none}.writing-main-pane{flex:1 1 auto;width:auto;min-width:0;min-height:0;max-width:none;max-height:100%;background:#fff;overflow:hidden;position:relative}.writing-practice-shell.is-stroke-open .writing-main-pane{flex:1 1 0;width:auto;min-width:0;min-height:0;max-width:none;max-height:100%}.writing-main-pane-inner{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:1.5rem 1.75rem 2rem;width:min(52rem,92%);max-width:92%;max-height:min(90%,calc(100% - 1rem));margin:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.writing-practice-shell.is-stroke-open .writing-main-pane-inner{left:55%}.writing-split-handle{display:none;flex:0 0 6px;width:6px;position:relative;z-index:6;cursor:col-resize;touch-action:none;user-select:none;flex-shrink:0;background:#e2e8f0;transition:background-color .12s ease}.writing-practice-shell.is-stroke-open .writing-split-handle{display:block}.writing-split-handle:before{content:"";position:absolute;inset:0 -5px}.writing-split-handle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:2rem;border-radius:9999px;background:#94a3b8;transform:translate(-50%,-50%);opacity:.85;pointer-events:none}.writing-split-handle:hover,.writing-split-handle:focus-visible,.writing-split.is-splitting .writing-split-handle{background:#99f6e4;outline:none}.writing-split-handle:hover:after,.writing-split-handle:focus-visible:after,.writing-split.is-splitting .writing-split-handle:after{background:#0f766e}body.is-writing-splitting{cursor:col-resize!important;user-select:none!important}body.is-writing-splitting *{cursor:col-resize!important}.writing-stroke-pane{flex:0 0 0;width:0;overflow:hidden;opacity:0;visibility:hidden;border-left:1px solid transparent;background:#f8fafc;min-height:0;max-height:100%;align-self:stretch;transition:opacity .28s ease,border-color .28s ease;pointer-events:none}.writing-practice-shell.is-stroke-open .writing-stroke-pane{flex:0 0 calc(var(--writing-panel-pct, 38) * 1%);width:calc(var(--writing-panel-pct, 38) * 1%);opacity:1;border-left:1px solid #e2e8f0;box-shadow:inset 1px 0 #0f766e0f;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;pointer-events:auto;background:#f8fafc}.writing-stroke-pane-inner{position:relative;width:100%;height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f8fafc}.writing-stroke-pane.is-review-collapsible:not(.is-open){background:#f8fafc}.writing-stroke-pane.is-review-collapsible.is-open{background:#f8fafc}.writing-stroke-pane.is-review-collapsible .new-word-wiki-kicker-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;width:auto;max-width:calc(100% - 2.3rem);margin:1rem 1.15rem .5rem;padding:.2rem .35rem;flex-shrink:0;line-height:1.35;white-space:nowrap;overflow:visible}.writing-stroke-pane.is-review-collapsible.is-open .new-word-wiki-kicker-toggle{margin-bottom:0}.writing-stroke-pane.is-review-collapsible .writing-stroke-pane-header{display:none}.writing-stroke-pane-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:3.25rem}.writing-stroke-pane.is-review-collapsible:not(.is-open) .writing-stroke-pane-scroll{overflow:visible;overflow-x:hidden;overflow-y:auto}.writing-stroke-pane:not(.is-review-collapsible) #writing-stroke-collapsible{display:block}.writing-stroke-pane:not(.is-review-collapsible) #writing-stroke-collapsible>.new-word-wiki-collapsible-inner{overflow:visible}.writing-stroke-pane.is-review-collapsible #writing-stroke-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}.writing-stroke-pane.is-review-collapsible.is-open #writing-stroke-collapsible{grid-template-rows:1fr}.writing-stroke-pane.is-review-collapsible #writing-stroke-collapsible>.new-word-wiki-collapsible-inner{overflow:hidden;min-height:0}.writing-stroke-pane .quiz-side-panel-settings{position:absolute;right:.75rem;bottom:.75rem;z-index:30}#writing-practice-modal #writing-canvas{width:min(420px,100%);height:auto;max-width:100%}.writing-stroke-pane-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.1rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.writing-stroke-section-heading{width:100%;margin:0;padding:0 .15rem .15rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f766e;text-align:left}.writing-stroke-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.55rem;background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:.75rem .7rem .85rem;box-shadow:0 1px 2px #0f172a0a}.writing-quiz-section{margin-top:0;padding-top:.75rem;border-top:none;align-items:stretch;gap:.55rem;flex:0 0 auto;min-height:0}.writing-structure-quiz{width:100%;display:flex;flex-direction:column;gap:.55rem;min-height:0}.writing-structure-q{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.7rem .65rem;box-shadow:none}.writing-structure-q+.writing-structure-q{margin-top:0}.writing-structure-q-prompt{font-size:.88rem;font-weight:700;color:#1e293b;line-height:1.4;text-align:center;margin:0 0 .5rem}.writing-structure-q-prompt .writing-q-char{display:inline-block;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.2rem;font-weight:700;color:#0f766e;line-height:1;vertical-align:-.06em;margin:0 .1em}.writing-structure-visual{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0 auto .55rem;padding:.5rem .75rem;min-width:4.25rem;background:linear-gradient(180deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:.75rem}.writing-structure-visual-glyph{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:2.25rem;font-weight:700;line-height:1;color:#0f766e}.writing-structure-visual-pair{display:flex;align-items:center;justify-content:center;gap:.4rem}.writing-structure-visual-pair .writing-structure-visual-glyph{font-size:1.85rem}.writing-structure-visual-plus{font-size:1rem;font-weight:700;color:#94a3b8}.writing-structure-visual-label{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0d9488}.writing-structure-options{display:flex;flex-direction:column;gap:.4rem}.writing-structure-options.is-draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.writing-structure-option{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;padding:.45rem .5rem;border:1.5px solid #e2e8f0;border-radius:.7rem;background:#fff;color:#334155;font-size:.82rem;font-weight:600;line-height:1.3;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.writing-structure-option:hover:not(:disabled){border-color:#5eead4;background:#f0fdfa}.writing-structure-option:disabled{cursor:default}.writing-structure-option-glyph{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.05rem;font-weight:700;color:#0f766e;background:#f8fafc;border-radius:.4rem;border:1px solid #e2e8f0}.writing-structure-option-text{flex:1;min-width:0}.writing-quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;margin-bottom:.15rem}.writing-quiz-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.55rem;border:1px solid #cbd5e1;background:#fff;color:#0f766e;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;flex-shrink:0;font-size:.85rem}.writing-quiz-nav-btn:hover:not(:disabled){background:#f0fdfa;border-color:#99f6e4}.writing-quiz-nav-btn:disabled{opacity:.35;cursor:default}.writing-quiz-progress{font-size:.75rem;font-weight:600;color:#64748b;text-align:center;line-height:1.3;min-width:0}.writing-quiz-progress-kind{display:block;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.writing-structure-option--draw{justify-content:center;padding:.45rem .35rem;min-height:4.75rem}.writing-structure-option--draw:hover:not(:disabled){box-shadow:0 2px 8px #0f766e1a}.writing-draw-pair{display:flex;align-items:center;justify-content:center;gap:.2rem;flex-wrap:nowrap}.writing-draw-slot{width:64px;height:64px;border-radius:.5rem;background:#f8fafc;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.5rem;font-weight:700;color:#0f766e;line-height:1}.writing-draw-slot svg{display:block;width:100%;height:100%}.writing-draw-slot.is-fallback{font-size:1.4rem}.writing-draw-plus{font-size:1rem;font-weight:700;color:#64748b;padding:0 .05rem;user-select:none}.writing-structure-q[hidden]{display:none!important}.writing-structure-option.is-correct{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.writing-structure-option.is-correct .writing-structure-option-glyph,.writing-structure-option.is-correct .writing-draw-slot{background:#ccfbf1;border-color:#99f6e4}.writing-structure-option.is-wrong{border-color:#991b1b;background:#fef2f2;color:#991b1b}.writing-structure-option.is-wrong .writing-draw-slot{border-color:#fca5a5;background:#fff1f2}.writing-structure-option.is-muted{opacity:.55}.writing-structure-feedback{margin-top:.45rem;font-size:.78rem;line-height:1.4;color:#64748b;text-align:center}.writing-structure-feedback.is-correct{color:#0f766e;font-weight:600}.writing-structure-feedback.is-wrong{color:#b45309}.writing-new-word-badge{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d9488;background:#ccfbf1;border-radius:.75rem;line-height:1.25}.quiz-word-status-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.25rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:.75rem;line-height:1.25;white-space:nowrap}.quiz-word-status-badge.is-new{color:#0d9488;background:#ccfbf1}.quiz-word-status-badge.is-review{color:#475569;background:#f1f5f9}.quiz-word-status-badge.is-retry{color:#c2410c;background:#ffedd5}.writing-guide-expand-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;height:2rem;min-width:2rem;padding:0 .35rem;border:1px solid transparent;border-radius:9999px;background:transparent;color:#94a3b8;cursor:pointer;overflow:hidden;white-space:nowrap;transition:color .2s ease,background-color .25s ease,border-color .25s ease,padding .3s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.writing-guide-expand-btn-icon{flex-shrink:0;display:block;width:1.25rem;height:1.25rem}.writing-guide-expand-btn-icon svg{display:block;width:100%;height:100%}.writing-guide-expand-btn-label{display:inline-block;max-width:0;margin-left:0;opacity:0;overflow:hidden;font-size:.8125rem;font-weight:600;color:#0f766e;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .22s ease,margin-left .3s cubic-bezier(.4,0,.2,1)}.writing-guide-expand-btn:hover,.writing-guide-expand-btn:focus-visible{color:#0f766e;background:#f0fdfa;border-color:#99f6e4;padding-left:.4rem;padding-right:.8rem;box-shadow:0 1px 2px #0f766e14;outline:none}.writing-guide-expand-btn:hover .writing-guide-expand-btn-label,.writing-guide-expand-btn:focus-visible .writing-guide-expand-btn-label{max-width:15.5rem;margin-left:.4rem;opacity:1}.writing-guide-expand-btn:active{background:#ccfbf1;border-color:#5eead4}.writing-stroke-pane-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d9488;margin-bottom:.12rem}.writing-stroke-pane-header-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.writing-stroke-pane-header-sub{font-size:.72rem;font-weight:500;color:#64748b;line-height:1.3}.writing-stroke-pane-intro{font-size:.78rem;color:#64748b;text-align:center;line-height:1.4;max-width:16rem;flex-shrink:0}.writing-stroke-pane-body{flex:1 1 auto;min-height:0;padding:1.05rem 1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;background:#f8fafc}.writing-stroke-pane.is-review-collapsible .writing-stroke-pane-header{border-bottom:none;padding-bottom:.35rem}.writing-stroke-pane.is-review-collapsible.is-open .writing-stroke-pane-header{border-bottom:1px solid #e2e8f0;padding-bottom:.85rem}#writing-practice-grid{display:grid;grid-template-columns:minmax(0,420px);justify-content:center;justify-items:stretch;align-items:start;gap:.75rem;width:100%;margin:0 auto}#writing-practice-grid .writing-prompt-col{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;min-width:0}#writing-practice-grid .writing-prompt-col>*{width:100%;max-width:100%;text-align:center;box-sizing:border-box}#writing-practice-grid .writing-canvas-slot{position:relative;width:100%;max-width:420px;justify-self:center}#writing-word-pinyin,#writing-meaning,#writing-example-hanzi,#writing-example-pinyin,#writing-example-translation,#writing-complete-hanzi,#writing-complete-pinyin,#writing-complete-meaning,#writing-practice-modal .lesson-build-compact-pinyin,#writing-practice-modal .lesson-build-target-pinyin{text-align:center}#writing-practice-grid.hidden,#writing-practice-grid[hidden],#writing-intro-screen.hidden,#writing-intro-screen[hidden],#writing-radicals-step.hidden,#writing-radicals-step[hidden],#writing-guided-wrap.hidden,#writing-guided-wrap[hidden],#writing-complete-card.hidden,#writing-complete-card[hidden],#writing-rating-bar.hidden,#writing-rating-bar[hidden],#writing-lesson-action-area.hidden,#writing-lesson-action-area[hidden],#writing-practice-modal #writing-canvas.hidden,#writing-practice-modal #writing-canvas[hidden],#writing-show-btn.hidden,#writing-show-btn[hidden],#writing-practice-grid .writing-canvas-actions.hidden,#writing-example-hanzi.hidden,#writing-example-pinyin.hidden,#writing-example-translation.hidden,.writing-main-toolbar.hidden,.writing-main-toolbar[hidden]{display:none!important}#writing-lesson-progress{flex-shrink:0;height:3px;width:100%;margin:0;padding:0;border-radius:0;overflow:hidden;background:#ccfbf1}#writing-lesson-progress.hidden{display:none}#writing-lesson-progress-fill{display:block;height:100%;width:0%;border-radius:0;background:#0f766e;transition:width .32s cubic-bezier(.4,0,.2,1)}#writing-intro-screen{max-width:40rem;margin:0 auto;text-align:center;padding:.5rem 0 1.5rem}#writing-intro-assemble{width:100%;min-height:10rem;display:flex;flex-direction:column;align-items:stretch;justify-content:center}#writing-intro-assemble .lesson-build-host,#writing-intro-assemble .lesson-build-wrap{width:100%}#writing-intro-gloss{width:100%;text-align:center}#writing-intro-stroke-section{margin-top:1.5rem}#writing-intro-stroke-targets{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}#writing-radicals-step{max-width:36rem;margin:0 auto;padding:.5rem 0 1rem}#writing-radicals-step .writing-structure-q-prompt{text-align:center;font-size:1.05rem;font-weight:600;color:#0f766e;margin-bottom:1rem}#writing-guided-wrap{width:100%;max-width:420px;justify-self:center;position:relative}#writing-practice-grid #writing-guided-wrap{max-width:none}#writing-guided-target{position:relative;width:100%;max-width:420px;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:1rem;background:linear-gradient(#e2e8f0,#e2e8f0) center / 1px calc(100% - 40px) no-repeat,linear-gradient(#e2e8f0,#e2e8f0) center / calc(100% - 40px) 1px no-repeat,#fff;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}#writing-guided-target svg,#writing-guided-target canvas{display:block}#writing-guided-caption{text-align:center;font-size:.85rem;color:#64748b;margin-top:.5rem}.writing-guided-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.65rem}#writing-definition-toggle.is-off{opacity:.72}#writing-practice-modal.writing-translation-off #writing-meaning,#writing-practice-modal.writing-translation-off #writing-example-translation,#writing-practice-modal.writing-translation-off #writing-complete-meaning,#writing-practice-modal.writing-translation-off .lesson-build-compact-english,#writing-practice-modal.writing-translation-off .lesson-build-target-english,#writing-practice-modal.writing-translation-off #writing-intro-gloss .text-base{display:none!important}#char-detail-stroke{width:120px;height:120px;border-radius:.75rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}#writing-practice-grid .writing-canvas-actions{justify-content:center}#writing-stroke-targets{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;align-items:center;width:100%}.writing-stroke-char{box-sizing:content-box;width:96px;height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}.writing-stroke-char svg,.writing-stroke-char canvas{display:block;flex-shrink:0}.writing-stroke-char.is-compact{width:76px;height:76px}.writing-stroke-char.is-clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.writing-stroke-char.is-clickable:hover{border-color:#5eead4;box-shadow:0 2px 8px #0f766e1f}.writing-stroke-loop-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:.15rem 0 0;padding:.5rem .65rem;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:.85rem;background:#f8fafc;font-size:.78rem;font-weight:600;color:#334155;cursor:pointer;user-select:none;transition:border-color .15s ease,background .15s ease}.writing-stroke-loop-option:hover{border-color:#99f6e4;background:#f0fdfa}.writing-stroke-loop-option:has(input:focus-visible){outline:2px solid #14b8a6;outline-offset:2px}.writing-stroke-loop-label{min-width:0;line-height:1.3}.writing-stroke-loop-label-hint{display:block;margin-top:.1rem;font-size:.68rem;font-weight:500;color:#94a3b8}.writing-stroke-loop-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.writing-stroke-switch{position:relative;flex-shrink:0;width:2.55rem;height:1.45rem;border-radius:9999px;background:#cbd5e1;border:1px solid #94a3b8;box-shadow:inset 0 1px 2px #0f172a14;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.writing-stroke-switch:after{content:"";position:absolute;top:50%;left:.15rem;width:1.1rem;height:1.1rem;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #0f172a33;transform:translateY(-50%);transition:left .18s ease}.writing-stroke-loop-option input:checked+.writing-stroke-switch{background:#0f766e;border-color:#0d9488;box-shadow:inset 0 1px 2px #0f766e40}.writing-stroke-loop-option input:checked+.writing-stroke-switch:after{left:calc(100% - 1.25rem)}.writing-stroke-loop-option input:checked~.writing-stroke-loop-label .writing-stroke-loop-label-hint,.writing-stroke-loop-option:has(input:checked) .writing-stroke-loop-label-hint{color:#0d9488}.writing-stroke-playback{margin-top:0;border:1px solid #e2e8f0;border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden}.writing-stroke-playback.is-in-settings{margin-top:0}.writing-stroke-playback .writing-stroke-loop-option{margin:0;border:0;border-radius:0;background:transparent;padding:.7rem .85rem}.writing-stroke-playback .writing-stroke-loop-option:hover{background:#f0fdfa}.writing-stroke-speed-control{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"label slider value" ". ends ends";align-items:center;column-gap:.65rem;row-gap:.2rem;margin:0;padding:.55rem .85rem .7rem;border:0;border-top:1px solid #f1f5f9;border-radius:0;background:transparent}.writing-stroke-speed-label{grid-area:label;font-size:.75rem;font-weight:600;color:#475569;letter-spacing:.01em;white-space:nowrap}.writing-stroke-speed-value{grid-area:value;min-width:4.25rem;text-align:right;font-size:.7rem;font-weight:700;color:#0f766e;font-variant-numeric:tabular-nums;white-space:nowrap}.writing-stroke-speed-slider{grid-area:slider;display:block;width:100%;min-width:0;height:1.25rem;margin:0;padding:0;background:transparent;cursor:pointer;accent-color:#0f766e;-webkit-appearance:none;appearance:none}.writing-stroke-speed-slider:focus{outline:none}.writing-stroke-speed-slider:focus-visible{outline:2px solid #14b8a6;outline-offset:3px;border-radius:9999px}.writing-stroke-speed-slider::-webkit-slider-runnable-track{height:.3rem;border-radius:9999px;background:#e2e8f0}.writing-stroke-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:calc((.3rem - .95rem) / 2);border-radius:9999px;background:#0f766e;border:2px solid #fff;box-shadow:0 1px 3px #0f172a38;transition:transform .12s ease,box-shadow .12s ease}.writing-stroke-speed-slider:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 2px 6px #0f766e59}.writing-stroke-speed-slider::-moz-range-track{height:.3rem;border-radius:9999px;background:#e2e8f0;border:0}.writing-stroke-speed-slider::-moz-range-thumb{width:.95rem;height:.95rem;border-radius:9999px;background:#0f766e;border:2px solid #fff;box-shadow:0 1px 3px #0f172a38}.writing-stroke-speed-ends{grid-area:ends;display:flex;justify-content:space-between;margin:0;padding:0 .15rem;font-size:.62rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#94a3b8}#writing-stroke-fallback{font-size:.8rem;color:#64748b;text-align:center;line-height:1.45;padding:.35rem .25rem}@media(max-width:1023px){.writing-practice-module-header{padding:.85rem 1rem}.writing-main-pane{overflow:auto}.writing-main-pane-inner,.writing-practice-shell.is-stroke-open .writing-main-pane-inner{position:static;left:auto;top:auto;transform:none;width:100%;max-width:100%;max-height:none;margin:0 auto;padding:1.15rem 1rem 1.5rem;overflow:visible}.writing-split-handle{display:none!important}.writing-practice-shell.is-stroke-open .writing-main-pane{width:100%;max-width:100%;flex:1 1 auto}.writing-practice-shell.is-stroke-open .writing-stroke-pane{width:100%!important;flex:0 0 auto!important;max-height:min(48vh,26rem);border-left:none;border-top:1px solid #e2e8f0}.writing-practice-shell.is-stroke-open .writing-split{flex-direction:column;width:100%;height:auto;min-height:0;overflow:auto}.writing-stroke-pane-inner{width:100%;min-height:0}.writing-practice-module-body{overflow:auto}.writing-draw-slot{width:56px;height:56px}.writing-structure-option--draw{min-height:4.25rem}.writing-structure-visual-glyph{font-size:1.85rem}}html.learn-path-web-open,html.learn-path-web-open body{overflow:hidden!important;overscroll-behavior:none;height:100%;scrollbar-width:none;-ms-overflow-style:none}html.learn-path-web-open::-webkit-scrollbar,html.learn-path-web-open body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.learn-path-web-modal{position:fixed;inset:0;z-index:340;display:flex;flex-direction:column;background:#f8fafc;opacity:0;transform:scale(.97);transition:opacity .34s ease,transform .36s cubic-bezier(.22,1,.36,1);color:#1e293b;overscroll-behavior:contain;touch-action:none}.learn-path-web-modal .learn-path-web-body{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}.learn-path-web-modal.is-open{opacity:1;transform:scale(1)}.learn-path-web-modal.is-closing{opacity:0;transform:scale(.98)}.learn-path-web-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;position:relative;z-index:2}.learn-path-web-title{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:#134e4a}.learn-path-web-close{width:2.5rem;height:2.5rem;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:1.25rem;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.learn-path-web-close:hover{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.learn-path-web-body{flex:1;min-height:0;overflow:auto;padding:1.25rem 1rem 2.5rem}.learn-path-curriculum{max-width:36rem;margin:0 auto}.learn-path-unit-heading{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.learn-path-unit-number{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:#0d9488;background:none;border:none;box-shadow:none;padding:0}.learn-path-unit-title{font-size:1.25rem;font-weight:700;color:#134e4a;letter-spacing:-.02em;line-height:1.3}.learn-path-type-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0;border-radius:0;margin-right:.45rem;border:none;background:none;color:#0d9488}.learn-path-type-badge--guide,.learn-path-type-badge--lesson{color:#0d9488}.learn-path-type-badge--practice{color:#64748b}.lessons-path-page{max-width:42rem;margin:0;padding-bottom:2.5rem}.lessons-path-shell{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.35rem 1.25rem 1.5rem;box-shadow:0 1px 2px #0f172a0a}@media(min-width:640px){.lessons-path-shell{padding:1.6rem 1.6rem 1.75rem}}.dashboard-mode-picker{max-width:48rem;margin:0;padding-bottom:2rem;width:100%}.dashboard-mode-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.65rem;padding:1.5rem 1.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;min-height:11rem}.dashboard-mode-card:hover{border-color:#99f6e4;box-shadow:0 10px 28px -16px #0f766e59;transform:translateY(-1px)}.dashboard-mode-card-icon{width:2.75rem;height:2.75rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem}.dashboard-mode-card-title{font-size:1.25rem;font-weight:700;color:#134e4a;letter-spacing:-.02em}.dashboard-mode-card-desc{font-size:.875rem;color:#64748b;line-height:1.45}.dashboard-mode-view.hidden{display:none!important}.dashboard-stats-slot{display:contents}#dashboard-picker-stats #dashboard-hsk-progress-panel{grid-column:auto}#dashboard:not(.dashboard-has-mode) #dashboard-mode-back-btn,#dashboard-mode-back-btn[hidden]{display:none!important}.leaderboard-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:1.25rem;border:1px solid #99f6e4;background:linear-gradient(135deg,#f0fdfa,#ecfeff 55%,#fff);margin-bottom:1.25rem}.leaderboard-hero-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0f766e}.leaderboard-hero-xp{font-size:2rem;font-weight:800;color:#134e4a;letter-spacing:-.03em;line-height:1.1}.leaderboard-hero-sub{font-size:.875rem;color:#64748b;margin-top:.2rem}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:grid;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff}.leaderboard-row.is-you{border-color:#5eead4;background:#f0fdfa;box-shadow:0 0 0 1px #0f766e14}.leaderboard-rank{font-weight:800;color:#0f766e;font-size:.95rem;text-align:center}.leaderboard-name{font-weight:600;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row-xp{font-weight:700;color:#134e4a;font-variant-numeric:tabular-nums}.leaderboard-name-cell{display:flex;align-items:center;gap:.35rem;min-width:0}.leaderboard-verified{position:relative;flex-shrink:0;display:inline-flex;color:#1d9bf0;font-size:.95rem;line-height:1;border-radius:999px;cursor:help;outline:none}.leaderboard-verified:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1d9bf0}.leaderboard-verified:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translate(-50%,.2rem);padding:.35rem .6rem;border-radius:.5rem;background:#0f172a;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:5}.leaderboard-verified:hover:after,.leaderboard-verified:focus-visible:after{opacity:1;transform:translate(-50%)}.leaderboard-report-btn,.leaderboard-report-spacer{width:2rem;height:2rem}.leaderboard-report-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;color:#94a3b8;font-size:.8rem;transition:color .12s ease,background .12s ease}.leaderboard-report-btn:hover,.leaderboard-report-btn:focus-visible,.leaderboard-report-btn[aria-expanded=true]{color:#b91c1c;background:#fef2f2}.leaderboard-report-btn[aria-disabled=true]{color:#cbd5e1;background:transparent;cursor:default}.leaderboard-row.is-reporting{border-color:#fecaca;box-shadow:0 6px 20px #0f172a0f}.leaderboard-report-panel{grid-column:1 / -1;display:flex;flex-direction:column;gap:.75rem;margin-top:.15rem;padding-top:.9rem;border-top:1px solid #f1f5f9;animation:leaderboard-report-in .16s ease-out}.leaderboard-report-intro{margin:0;font-size:.875rem;color:#475569}.leaderboard-report-intro strong{color:#1e293b;overflow-wrap:anywhere}.leaderboard-report-reasons{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;border:0;min-width:0}.leaderboard-report-reason{position:relative;display:inline-flex}.leaderboard-report-reason input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.leaderboard-report-reason span{display:inline-flex;align-items:center;min-height:2.25rem;padding:.4rem .85rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;font-size:.8125rem;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease}.leaderboard-report-reason:hover span{border-color:#0f766e;color:#0f766e}.leaderboard-report-reason input:checked+span{border-color:#0f766e;background:#0f766e;color:#fff}.leaderboard-report-reason input:focus-visible+span{outline:2px solid #0f766e;outline-offset:2px}.leaderboard-report-panel textarea{width:100%;min-height:4.25rem;padding:.6rem .8rem;border:1px solid #e2e8f0;border-radius:.85rem;font-size:.875rem;color:#1e293b;resize:vertical}.leaderboard-report-panel textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.leaderboard-report-error{font-size:.8125rem;color:#b91c1c}.leaderboard-report-error:empty{display:none}.leaderboard-report-link{font-weight:600;color:#0f766e;text-decoration:underline;text-underline-offset:2px}.leaderboard-report-actions{display:flex;justify-content:flex-end;gap:.5rem}.leaderboard-report-cancel,.leaderboard-report-send{min-height:2.5rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:background .12s ease,color .12s ease}.leaderboard-report-cancel{color:#475569}.leaderboard-report-cancel:hover{background:#f1f5f9}.leaderboard-report-send{background:#0f766e;color:#fff}.leaderboard-report-send:hover{background:#115e59}.leaderboard-report-send:disabled{opacity:.7;cursor:progress}.leaderboard-report-cancel:focus-visible,.leaderboard-report-send:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.leaderboard-report-sent{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:#0f766e}.leaderboard-report-sent i{font-size:1.05rem}@keyframes leaderboard-report-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.leaderboard-report-panel{animation:none}}.leaderboard-range-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.leaderboard-range-tab{padding:.4rem .95rem;font-size:.8125rem;font-weight:600;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:background .12s ease,border-color .12s ease,color .12s ease;cursor:pointer}.leaderboard-range-tab:hover{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.leaderboard-range-tab.is-active{border-color:#0f766e;background:#0f766e;color:#fff}.leaderboard-week-hint{margin:-.35rem 0 .85rem;font-size:.75rem;color:#64748b}.leaderboard-empty,.leaderboard-error{text-align:center;color:#475569;font-size:.9rem;padding:2rem 1rem}.leaderboard-error p{margin:0}.leaderboard-error .leaderboard-error-hint{margin-top:.5rem;color:#64748b;font-size:.8125rem}.leaderboard-retry{margin-top:1rem;min-height:44px;padding:.6rem 1.1rem;border:1px solid #0f766e;border-radius:.75rem;background:#0f766e;color:#fff;font-weight:600;cursor:pointer}.leaderboard-retry:hover{background:#115e59}.leaderboard-retry:focus-visible{outline:2px solid #0f766e;outline-offset:3px}.leaderboard-skeleton-bar{display:block;position:relative;overflow:hidden;height:.9rem;border-radius:.4rem;background:#e2e8f0}.leaderboard-skeleton-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .65),transparent);transform:translate(-100%);animation:leaderboard-shimmer 1.8s ease-in-out infinite}.leaderboard-skeleton-rank{width:1.5rem;justify-self:center}.leaderboard-skeleton-name{width:65%;max-width:14rem}.leaderboard-skeleton-xp{width:4rem}.leaderboard-skeleton .leaderboard-row:nth-child(2n) .leaderboard-skeleton-name{width:45%}@keyframes leaderboard-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.leaderboard-skeleton-bar:after{animation:none;display:none}}.xp-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:999px;background:#0f766e;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 12px 28px #0f172a38;pointer-events:none;animation:xp-toast-in .22s ease-out}.xp-toast.is-leaving{opacity:0;transform:translate(-50%) translateY(8px);transition:opacity .2s ease,transform .2s ease}@keyframes xp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lessons-path-host .learn-path-curriculum{max-width:none;margin:0}.lessons-path-host .learn-path-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.learn-path-step.is-side{position:relative;margin-left:1.35rem;margin-top:.05rem;margin-bottom:.35rem}.learn-path-step.is-side:before{content:"";position:absolute;left:.55rem;top:-.35rem;width:1rem;height:1.2rem;border-left:2px dashed #99f6e4;border-bottom:2px dashed #99f6e4;border-bottom-left-radius:.5rem;pointer-events:none;opacity:.9}.learn-path-step.is-side .learn-path-step-card{background:#f8fafc;border-style:solid;border-color:#e2e8f0;box-shadow:none}.learn-path-step.is-side .learn-path-step-dot{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;box-shadow:none}.learn-path-step.is-coming-soon .learn-path-step-card{opacity:.95}.learn-path-step.is-optional{opacity:.55}.learn-path-step.is-optional .learn-path-step-card:hover,.learn-path-step.is-optional.is-completed,.learn-path-step.is-completed{opacity:1}.learn-path-skip-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.65rem;margin-right:.4rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:999px;transition:background .12s ease,border-color .12s ease,color .12s ease}.learn-path-skip-btn:hover{background:#ccfbf1;border-color:#115e59;color:#115e59}.learn-path-intermediate-note{font-size:.75rem;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;padding:.65rem .85rem;margin-bottom:1rem;line-height:1.45}.learn-path-section{margin-bottom:1.75rem}.learn-path-section:last-child{margin-bottom:0}.learn-path-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding:0 .15rem;background:none;border:none;border-radius:0;box-shadow:none}.learn-path-section-title{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0f766e}.learn-path-section-meta{flex-shrink:0;font-size:.75rem;font-weight:600;color:#94a3b8;background:none;border:none;border-radius:0;padding:0;letter-spacing:0}.learn-path-track{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.1rem 0}.learn-path-track:before{content:"";position:absolute;left:1.15rem;top:1.65rem;bottom:1.65rem;width:2px;border-radius:999px;background:#e2e8f0;z-index:0;box-shadow:none}.learn-path-step{position:relative;z-index:1;display:flex;align-items:stretch;gap:.75rem;padding:.15rem 0;width:100%;color:inherit}.learn-path-step-marker{flex-shrink:0;width:2.35rem;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;user-select:none}.learn-path-step-dot{width:2.15rem;height:2.15rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:#fff;border:2px solid #e2e8f0;color:#94a3b8;box-shadow:0 1px 2px #0f172a0a;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;pointer-events:none}.learn-path-step.is-current .learn-path-step-dot{background:#f0fdfa;border-color:#0f766e;color:#0f766e;box-shadow:0 0 0 4px #5eead433}.learn-path-step.is-completed .learn-path-step-dot{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:none}.learn-path-step-card{flex:1;min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:.95rem 1.1rem;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease;text-align:left;font:inherit;color:inherit;display:block}.learn-path-step.is-current .learn-path-step-card{border-color:#99f6e4;background:#f0fdfa;box-shadow:0 4px 14px -10px #0f766e40}button.learn-path-step-card{cursor:pointer}button.learn-path-step-card:hover:not(:disabled){border-color:#99f6e4;box-shadow:0 8px 24px #0f766e1a;transform:translateY(-1px)}button.learn-path-step-card:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}button.learn-path-step-card:disabled{cursor:default}.learn-path-step-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .4rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:.3rem}.learn-path-step-status{font-weight:600;letter-spacing:.02em;text-transform:none;color:#94a3b8}.learn-path-step.is-current .learn-path-step-status{color:#0f766e}.learn-path-step.is-completed .learn-path-step-status{color:#0d9488}.learn-path-step-title{display:block;font-size:1.05rem;font-weight:700;color:#134e4a;letter-spacing:-.015em;line-height:1.3}.learn-path-step-desc{display:block;margin-top:.3rem;font-size:.875rem;color:#64748b;line-height:1.45}.learn-path-step-progress{margin-top:.7rem}.learn-path-step-progress-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem;font-weight:600;color:#64748b;margin-bottom:.35rem}.learn-path-step-progress-track{height:.45rem;border-radius:999px;background:#f1f5f9;overflow:hidden;position:relative}.learn-path-step-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#0f766e;max-width:100%}.learn-path-step-progress-fill--seen{background:#99f6e4}.learn-path-step.is-completed .learn-path-step-card{border-color:#ccfbf1;background:#f0fdfa}.learn-path-step.is-current .learn-path-step-kicker{color:#0f766e}.learn-path-step.is-current .learn-path-step-dot{animation:learn-path-current-pulse 2.4s ease-in-out infinite}.learn-path-step.is-locked{opacity:.55}.learn-path-step.is-locked .learn-path-step-card{cursor:not-allowed;background:#f8fafc}.learn-path-step.is-locked .learn-path-step-dot{color:#9ca3af;border-color:#d1d5db;background:#f1f5f9}.learn-path-section.is-unit-locked{opacity:.72}.learn-path-section.is-unit-locked .learn-path-unit-title{color:#64748b}.learn-path-section.is-unit-locked .learn-path-track:before{background:#e2e8f0}.learn-path-step.is-locked .learn-path-step-card{background:#f8fafc;box-shadow:none}.learn-path-step.is-locked .learn-path-step-dot{background:#f1f5f9;border-color:#9ca3af;color:#9ca3af;box-shadow:none}.learn-path-step.is-selected .learn-path-step-card{outline:2px solid #14b8a6;outline-offset:2px}@keyframes learn-path-current-pulse{0%,to{box-shadow:0 0 0 3px #2dd4bf2e,0 2px 8px #0f766e1a}50%{box-shadow:0 0 0 6px #2dd4bf47,0 2px 10px #0f766e24}}.learn-path-step.is-static{cursor:default;pointer-events:none}.learn-path-step.is-available .learn-path-step-dot{border-color:#64748b;color:#64748b}.learn-path-step.is-completed .learn-path-step-kicker{color:#059669}.learn-path-step.is-current .learn-path-step-title{color:#115e59}@media(prefers-reduced-motion:reduce){.learn-path-step.is-current .learn-path-step-dot{animation:none}button.learn-path-step-card:hover:not(:disabled){transform:none}}.lessons-path-host.lessons-path-page{width:100%;max-width:52rem}.lessons-path-host .lessons-path-shell{padding:.35rem 0 3rem;background:transparent;border:0;border-radius:0;box-shadow:none}.lessons-path-host .learn-path-section{position:relative;margin-bottom:4rem}.lessons-path-host .learn-path-section-header{align-items:flex-end;justify-content:space-between;margin-bottom:1.65rem;padding:0}.lessons-path-host .learn-path-unit-article-btn{margin:0 0 .45rem}.lessons-path-host .learn-path-unit-heading{gap:.35rem}.lessons-path-host .learn-path-unit-number{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#0d9488;text-transform:uppercase}.lessons-path-host .learn-path-unit-title{max-width:42rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.02;letter-spacing:-.055em;color:#123f3b}.lessons-path-host .learn-path-section-meta{margin-bottom:.3rem;padding:.42rem .7rem;border:1px solid #ccfbf1;border-radius:999px;background:#f0fdfadb;color:#0f766e;font-weight:800}.lessons-path-host .learn-path-track{gap:1.05rem;padding:.25rem 0}.lessons-path-host .learn-path-track:before{left:2rem;top:2.1rem;bottom:2.1rem;width:5px;background:linear-gradient(180deg,#5eead4,#99f6e4 38%,#dbeafe 72%,#e2e8f0);box-shadow:0 0 0 5px #f0fdfaeb}.lessons-path-host .learn-path-step{align-items:center;gap:1.05rem;min-height:4.35rem;padding:0}.lessons-path-host .learn-path-step-marker{width:4.05rem}.lessons-path-host .learn-path-step-marker:before{content:"";position:absolute;width:4.15rem;height:4.15rem;border-radius:999px;background:#f8fafc;z-index:0}.lessons-path-host .learn-path-step-dot{position:relative;z-index:1;width:3.85rem;height:3.85rem;border:5px solid #fff;background:#f0fdfa;color:#0f766e;font-size:1.05rem;box-shadow:0 7px #99f6e4,0 14px 24px -15px #0f766e6b}.lessons-path-host .learn-path-step:not(.is-completed):not(.is-locked):has(.learn-path-type-badge--checkpoint) .learn-path-step-dot{background:#fff7ed;color:#c2410c;box-shadow:0 7px #fed7aa,0 14px 24px -15px #c2410c61}.lessons-path-host .learn-path-step.is-side{margin:0 0 0 6rem}.lessons-path-host .learn-path-step.is-side:before{left:-3.65rem;top:50%;width:3.8rem;height:0;border:0;border-top:3px dashed #5eead4;border-radius:0;opacity:1;transform:translateY(-50%)}.lessons-path-host .learn-path-step.is-side .learn-path-step-dot{background:#faf5ff;border-color:#fff;color:#7e22ce;box-shadow:0 7px #e9d5ff,0 14px 24px -15px #7e22ce61}.lessons-path-host .learn-path-step.is-required-practice{margin-left:6rem}.lessons-path-host .learn-path-step.is-required-practice:before{content:"";position:absolute;left:-3.65rem;top:50%;width:3.8rem;height:0;border-top:3px dashed #5eead4;pointer-events:none;transform:translateY(-50%)}.lessons-path-host .learn-path-step.is-required-practice .learn-path-step-dot{background:#ccfbf1;border-color:#fff;color:#0f766e;box-shadow:0 7px #5eead4,0 14px 24px -15px #0f766e6b}.lessons-path-host .learn-path-step-card,.lessons-path-host .learn-path-step.is-side .learn-path-step-card,.lessons-path-host .learn-path-step.is-current .learn-path-step-card,.lessons-path-host .learn-path-step.is-completed .learn-path-step-card,.lessons-path-host .learn-path-step.is-selected .learn-path-step-card,.lessons-path-host .learn-path-step.is-locked .learn-path-step-card{position:relative;padding:.55rem 3rem .55rem .25rem;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:0;appearance:none}.lessons-path-host .learn-path-step:not(.has-article-access) .learn-path-step-card:not(button){padding-right:.25rem}.lessons-path-host button.learn-path-step-card:after{content:"\f054";position:absolute;right:.75rem;top:50%;font:var(--fa-font-solid);color:#94a3b8;transform:translateY(-50%);transition:color .18s ease,transform .18s ease}.lessons-path-host .learn-path-step.has-article-access{align-items:center}.lessons-path-host .learn-path-step.has-article-access .learn-path-step-card{flex:1 1 auto;padding-right:6.5rem}.lessons-path-host .learn-path-step.has-article-access button.learn-path-step-card:after{content:none}.lessons-path-host .learn-path-step.has-article-access .learn-path-article-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);margin-left:0;z-index:2}.lessons-path-host .learn-path-step.has-sound-table-access .learn-path-step-card{padding-right:8.5rem}button.learn-path-step-marker--open{appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;pointer-events:auto;font:inherit;color:inherit}button.learn-path-step-marker--open:disabled{cursor:default}button.learn-path-step-marker--open:focus-visible{outline:2px solid #0f766e;outline-offset:3px;border-radius:999px}button.learn-path-step-marker--open:hover:not(:disabled) .learn-path-step-dot{transform:scale(1.05)}.learn-path-article-btn{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;margin-left:.15rem;padding:.42rem .75rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#0f766e;font-size:.78rem;font-weight:700;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.learn-path-article-btn:hover:not(:disabled){background:#f0fdfa;border-color:#99f6e4}.learn-path-article-btn:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.learn-path-article-btn:disabled{opacity:.45;cursor:default}.lesson-block--sound-table{max-width:none}.guide-module-body--lesson-blocks .lesson-block--sound-table{width:min(100%,54rem);margin:3.5rem auto 0;padding:1.75rem 1.15rem 1.35rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;box-shadow:0 1px 2px #0f172a0a;text-align:center}.guide-module-body--lesson-blocks .lesson-block--sound-table p{margin:0 auto;max-width:36rem;color:#0d9488;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:650;line-height:1.45}.guide-module-body--lesson-blocks .lesson-block--sound-table .lesson-block-note,.guide-module-body--lesson-blocks .lesson-block-note{margin-top:.7rem;color:#64748b;font-size:.95rem;font-weight:550;font-style:italic}.guide-module-body--lesson-blocks #guide-module-content{padding-top:var(--immersive-content-pad-top);padding-bottom:5.5rem}.guide-module-body--lesson-blocks .lesson-block--text,.guide-module-body--lesson-blocks .lesson-block--quiz{width:min(100%,38rem);margin:3.5rem auto 0;padding:2rem 1.5rem 2.15rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;box-shadow:0 1px 2px #0f172a0a;text-align:center}.guide-module-body--lesson-blocks .lesson-block--text p,.guide-module-body--lesson-blocks .lesson-block-quiz .greeting-practice-prompt{margin:0;color:#0f766e;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:650;line-height:1.45}.guide-module-body--lesson-blocks[data-lesson-article-id=u1-syllables] .lesson-block--text p,.guide-module-body--lesson-blocks[data-lesson-article-id=u1-syllables] .lesson-block--sound-table p{color:#134e4a}.lesson-block-tone-grid{--grid-line: #e2e8f0;position:relative;display:block;width:min(16.5rem,78%);aspect-ratio:1;margin:1.6rem auto 0;border:1px solid #e2e8f0;border-radius:1rem;background-color:#fff;background-image:linear-gradient(var(--grid-line),var(--grid-line)),linear-gradient(var(--grid-line),var(--grid-line));background-size:1px calc(100% - 1.5rem),calc(100% - 1.5rem) 1px;background-position:center;background-repeat:no-repeat;box-shadow:0 1px 2px #0f172a0a}.lesson-block-tone-grid .lesson-block-tone-mark{position:absolute;left:14%;top:50%;width:72%;height:auto;margin:0;transform:translateY(-50%)}.lesson-block-tone-pair{display:flex;justify-content:center;align-items:stretch;gap:1rem;margin-top:1.5rem}.lesson-block-tone-pair .lesson-block-tone-grid{width:min(11rem,44%);margin-top:0}.lesson-block-listen-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.lesson-block-listen-groups{display:flex;flex-direction:column;gap:1.15rem;margin-top:1.25rem}.lesson-block-listen-groups .lesson-block-listen-row{margin-top:0}.lesson-block-listen-group-label{margin:0 0 .45rem;color:#0f766e;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lesson-block-listen-card{display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:5.4rem;padding:.7rem .7rem .75rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;color:inherit;cursor:pointer}.lesson-block-listen-card:hover{border-color:#99f6e4;background:#f0fdfa}.lesson-block-listen-card .chinese-text{font-size:1.65rem;font-weight:700;line-height:1.1;color:#047857}.lesson-block-listen-card .pinyin{font-size:.95rem;font-weight:650;color:#0f766e}.lesson-block-listen-card .guide-sound-quiz-play{pointer-events:none}.lesson-block-quiz .lesson-block-listen-row{margin-top:1.1rem;margin-bottom:.35rem}.lesson-block-listen-row .guide-sound-quiz-play{width:3.25rem;height:3.25rem;font-size:1rem}.lesson-block-quiz .guide-sound-quiz-options.lesson-block-audio-choices,.lesson-block-quiz .guide-sound-quiz-options.lesson-block-tone-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,42rem);margin:1.35rem auto 0}.lesson-block-quiz .guide-sound-quiz-options.lesson-block-audio-choices--3{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-block-audio-choice{display:flex;align-items:center;justify-content:center;min-height:4.25rem;padding:.65rem}.lesson-block-audio-choice-play{pointer-events:auto}.lesson-block-tone-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.35rem 0 0}.lesson-block-tone-choice{display:flex;flex-direction:column;align-items:center;gap:.55rem;min-height:0;padding:.85rem .65rem .9rem}.lesson-block-tone-choice .lesson-block-tone-grid{width:min(8.5rem,100%);margin:0}.lesson-block-match{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.35rem 0 0;text-align:left}.lesson-block-match-col{display:flex;flex-direction:column;gap:.7rem}.lesson-block-match-sound,.lesson-block-match-tone{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:4.25rem;padding:.65rem;border:1px solid #e2e8f0;border-radius:.85rem;background:#fff;color:#134e4a;font-size:.95rem;font-weight:650;cursor:pointer}.lesson-block-match-sound:hover,.lesson-block-match-tone:hover{border-color:#99f6e4;background:#f0fdfa}.lesson-block-match-sound.is-selected,.lesson-block-match-tone.is-paired,.lesson-block-match-sound.is-paired{border-color:#0f766e;background:#f0fdfa}.lesson-block-match-sound.is-correct,.lesson-block-match-tone.is-correct{border-color:#059669;background:#ecfdf5}.lesson-block-match-sound.is-wrong{border-color:#f87171;background:#fef2f2}.lesson-block-match-tone .lesson-block-tone-grid{width:4.75rem;margin:0}.lesson-block-quiz-actions{justify-content:space-between;align-items:center;width:100%;margin-top:1.15rem}.lesson-block-quiz-check{margin-top:0}.guide-module-nav-btn--next.is-complete{border-color:#115e59;color:#115e59}.guide-module-nav-btn--next.is-complete:hover:not(:disabled){background:#115e59;color:#fff;border-color:#115e59}.lesson-block-quiz .greeting-practice-prompt{margin:0 0 .9rem}.lessons-path-host .learn-path-step:not(.is-locked) .learn-path-step-dot{cursor:pointer;pointer-events:auto}.lessons-path-host button.learn-path-step-card:disabled:after{display:none}.lessons-path-host button.learn-path-step-card:hover:not(:disabled){border:0;background:transparent;box-shadow:none;transform:translate(5px)}.lessons-path-host button.learn-path-step-card:hover:not(:disabled):after{color:#0d9488;transform:translate(4px,-50%)}.lessons-path-host button.learn-path-step-card:hover:not(:disabled) .learn-path-step-title{color:#0f766e}.lessons-path-host .learn-path-step-kicker{margin-bottom:.18rem}.lessons-path-host .learn-path-step-title{font-size:1.18rem;font-weight:800;transition:color .18s ease}.lessons-path-host .learn-path-step-desc{margin-top:.2rem}.lessons-path-host .learn-path-step.is-locked .learn-path-step-card{background:transparent}.lessons-path-host .learn-path-step.is-locked,.lessons-path-host .learn-path-step.is-optional{opacity:1}.lessons-path-host .learn-path-step.is-locked .learn-path-step-card,.lessons-path-host .learn-path-step.is-optional .learn-path-step-card,.lessons-path-host .learn-path-step.is-locked .learn-path-article-btn{opacity:.55}.lessons-path-host .learn-path-step.is-optional .learn-path-step-card:hover,.lessons-path-host .learn-path-step.is-optional.is-completed .learn-path-step-card{opacity:1}.lessons-path-host .learn-path-step.is-locked .learn-path-step-dot{border-color:#fff;background:#cbd5e1;color:#fff;box-shadow:0 7px #94a3b8}.learn-path-step.is-locked .learn-path-step-card[data-step-dev-openable="1"]{cursor:pointer}.lessons-path-host .learn-path-step.is-completed .learn-path-step-dot{border-color:#fff;background:#d1fae5;color:#047857;box-shadow:0 7px #6ee7b7,0 14px 24px -15px #04785780}.lessons-path-host .learn-path-section.is-unit-locked{opacity:1}.lessons-path-host .learn-path-section.is-unit-locked .learn-path-section-header{opacity:.58}@media(max-width:639px){.lessons-path-host .learn-path-unit-title{font-size:2rem}.lessons-path-host .learn-path-section-header{align-items:flex-start}.lessons-path-host .learn-path-step-desc{font-size:.8rem}.lessons-path-host .learn-path-step-card{padding-right:1.75rem}.lessons-path-host button.learn-path-step-card:after{right:.2rem}.lessons-path-host .learn-path-step.has-article-access .learn-path-step-card{padding-right:5.75rem}.lessons-path-host .learn-path-step.has-article-access .learn-path-article-btn{right:.2rem}.lessons-path-host .learn-path-step.has-sound-table-access .learn-path-step-card{padding-right:7.75rem}.lessons-path-host .learn-path-step.is-side{margin-left:3.5rem}.lessons-path-host .learn-path-step.is-side:before{left:-1.25rem;width:1.4rem}.lessons-path-host .learn-path-step.is-required-practice{margin-left:3.5rem}.lessons-path-host .learn-path-step.is-required-practice:before{left:-1.25rem;width:1.4rem}}.profile-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;background:#ccfbf1;color:#0f766e;border:1px solid #99f6e4;font-size:.8rem;flex-shrink:0}.profile-badge.is-locked{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0;opacity:.85}.profile-achievement-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;border-radius:1rem;border:1px solid #e2e8f0;background:#f8fafc;transition:border-color .15s ease,background .15s ease}.profile-achievement-card.is-unlocked{background:#f0fdfa;border-color:#99f6e4}.profile-achievement-card.is-locked{opacity:.72}.profile-achievement-card .profile-badge{width:2.4rem;height:2.4rem;border-radius:.85rem;font-size:.95rem}.profile-achievements-count{padding:.28rem .58rem;border-radius:999px;background:#f0fdfa;border:1px solid #ccfbf1;color:#0f766e;font-size:.7rem;font-weight:750}.profile-achievements-meter{height:.38rem;margin:-.15rem 0 1rem;overflow:hidden;border-radius:999px;background:#e2e8f0}.profile-achievements-meter>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#0f766e);transition:width .35s ease}.profile-achievements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(min-width:1180px){.profile-achievements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#welcome .welcome-demos{max-width:72rem;margin:0 auto;padding:0 1.25rem 8rem;display:grid;gap:5rem;position:relative}#welcome .welcome-red-pandas{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}#welcome .welcome-red-panda{position:absolute;width:clamp(7.5rem,11vw,10rem);height:auto;filter:drop-shadow(0 .8rem 1rem rgba(120,53,15,.14));animation:welcome-red-panda-float 5.5s ease-in-out infinite}#welcome .welcome-red-panda--one{top:5.5%;right:-2.25rem}#welcome .welcome-red-panda--two{top:43%;right:-2.5rem;transform:rotate(-3deg);animation-delay:-1.7s}#welcome .welcome-red-panda--three{top:76%;right:-2.25rem;width:clamp(6.8rem,10vw,9rem);transform:rotate(4deg);animation-delay:-3.2s}@keyframes welcome-red-panda-float{0%,to{translate:0 0}50%{translate:0 -.65rem}}#welcome .welcome-demo-section{display:grid;gap:1.5rem;align-items:center}#welcome .welcome-demo-copy{max-width:29rem}#welcome .welcome-demo-eyebrow{margin:0 0 .55rem;color:#0f766e;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}#welcome .welcome-demo-title{margin:0;color:#0f172a;font-size:clamp(1.65rem,4vw,2.45rem);font-weight:650;letter-spacing:-.035em;line-height:1.12}#welcome .welcome-demo-copy p:last-child{margin:.8rem 0 0;color:#64748b;font-size:.95rem;line-height:1.65}@media(min-width:860px){#welcome .welcome-demo-section{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:3rem}#welcome .welcome-demo-section:nth-child(2n) .welcome-demo-copy{order:2}}#welcome .welcome-demo-window{overflow:hidden;border:1px solid rgba(148,163,184,.3);border-radius:1.45rem;background:#fffffff2;box-shadow:0 26px 70px -42px #0f766e7a;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}#welcome .welcome-demo-window:hover{transform:translateY(-4px);box-shadow:0 32px 78px -42px #0f766e94}#welcome .welcome-demo-windowbar{height:2.65rem;display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;border-bottom:1px solid #e2e8f0;background:#f8fafce6}#welcome .welcome-demo-dots{display:flex;gap:.32rem}#welcome .welcome-demo-dots span{width:.5rem;height:.5rem;border-radius:999px;background:#cbd5e1}#welcome .welcome-demo-window-title{display:flex;align-items:center;gap:.45rem;color:#64748b;font-size:.7rem;font-weight:650}#welcome .welcome-demo-window-title img{width:1.2rem;height:1.2rem;object-fit:contain}#welcome .welcome-practice-demo{padding:1.25rem;background:linear-gradient(145deg,#fff,#f0fdfa 155%)}#welcome .welcome-practice-question{margin:1.4rem 0 1.1rem;text-align:center;color:#134e4a;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:650}#welcome .welcome-practice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}#welcome .welcome-practice-feedback{min-height:1.25rem;margin:.8rem 0 0;color:#0f766e;text-align:center;font-size:.8rem;font-weight:650}#welcome .welcome-srs-demo{padding:1.25rem}#welcome .welcome-ai-demo{padding:1rem;background:radial-gradient(circle at 12% 16%,rgba(45,212,191,.12),transparent 38%),linear-gradient(145deg,#f8fafc,#f0fdfa)}#welcome .welcome-ai-chat{min-height:12.5rem;display:flex;flex-direction:column;gap:.7rem}#welcome .welcome-path-demo{position:relative;min-height:19rem;padding:1.1rem 1rem;background:linear-gradient(160deg,#fff,#f0fdfa 150%)}#welcome .welcome-practice-demo .unit-review-question{max-width:42rem;margin:0 auto;padding:1.1rem 0 0}#welcome .welcome-practice-demo .first-words-review-options{grid-template-columns:repeat(2,minmax(0,1fr))}#welcome .welcome-practice-demo .guide-sound-quiz-answer{min-height:5rem}#welcome .welcome-fsrs-visual{max-width:36rem;margin:0 auto;padding:.3rem .15rem}#welcome .welcome-learning-path-demo-section{order:-1;margin-top:-2.5rem}#welcome .welcome-fsrs-word{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:1.2rem}#welcome .welcome-fsrs-word>.chinese-text{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid #ccfbf1;border-radius:1.15rem;background:linear-gradient(145deg,#fff,#f0fdfa);color:#134e4b;font-size:3rem;font-weight:750;box-shadow:0 10px 24px #0f766e1a}#welcome .welcome-fsrs-word strong,#welcome .welcome-fsrs-word small{display:block}#welcome .welcome-fsrs-word strong{color:#0f766e;font-size:1.15rem}#welcome .welcome-fsrs-word small{margin-top:.2rem;color:#64748b}#welcome .welcome-fsrs-status{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:1.25rem;color:#0f766e;font-size:.78rem;font-weight:650}#welcome .welcome-fsrs-status-dot{width:.5rem;height:.5rem;border-radius:999px;background:#14b8a6;box-shadow:0 0 #14b8a659;animation:welcome-fsrs-pulse 3.8s ease-in-out infinite}#welcome .welcome-fsrs-track{position:relative;height:.5rem;margin:0 1.1rem;border-radius:999px;background:#e2e8f0}#welcome .welcome-fsrs-fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#14b8a6,#0f766e);transform-origin:left;animation:welcome-fsrs-fill 5.2s cubic-bezier(.65,0,.35,1) infinite}#welcome .welcome-fsrs-runner{position:absolute;top:50%;left:0;z-index:2;width:1.8rem;height:1.8rem;display:grid;place-items:center;border:3px solid #fff;border-radius:999px;background:#14b8a6;color:#fff;font-size:.65rem;box-shadow:0 5px 14px #0f766e40;transform:translate(-50%,-50%);animation:welcome-fsrs-run 5.2s cubic-bezier(.65,0,.35,1) infinite}#welcome .welcome-fsrs-node{position:absolute;top:50%;width:.85rem;height:.85rem;border:3px solid #fff;border-radius:999px;background:#cbd5e1;transform:translate(-50%,-50%)}#welcome .welcome-fsrs-node.is-now{left:0}#welcome .welcome-fsrs-node.is-next{left:32%}#welcome .welcome-fsrs-node.is-later{left:65%}#welcome .welcome-fsrs-node.is-long{left:100%}#welcome .welcome-fsrs-labels{display:grid;grid-template-columns:repeat(4,1fr);margin-top:.75rem;color:#94a3b8;font-size:.68rem;text-align:center}#welcome .welcome-fsrs-labels span:first-child{text-align:left}#welcome .welcome-fsrs-labels span:last-child{text-align:right}#welcome .welcome-fsrs-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.35rem}#welcome .welcome-fsrs-metrics>div{padding:.75rem .85rem;border:1px solid #e2e8f0;border-radius:.9rem;background:#fff}#welcome .welcome-fsrs-metrics span,#welcome .welcome-fsrs-metrics strong{display:block}#welcome .welcome-fsrs-metrics span{color:#94a3b8;font-size:.67rem}#welcome .welcome-fsrs-metrics strong{margin-top:.2rem;color:#0f766e;font-size:.9rem}@keyframes welcome-fsrs-run{0%,12%{left:0}30%,42%{left:32%}60%,72%{left:65%}90%,to{left:100%}}@keyframes welcome-fsrs-fill{0%,12%{transform:scaleX(0)}30%,42%{transform:scaleX(.32)}60%,72%{transform:scaleX(.65)}90%,to{transform:scaleX(1)}}@keyframes welcome-fsrs-pulse{0%,to{box-shadow:0 0 #14b8a64d}50%{box-shadow:0 0 0 .45rem #14b8a600}}#welcome .welcome-dictionary-demo{padding:1.5rem;background:#f8fafc}#welcome .welcome-dictionary-pair{display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden}#welcome .welcome-dictionary-pair>.vocab-card{min-width:0;box-shadow:0 8px 22px #0f766e14}#welcome .welcome-dictionary-progress-card{width:min(19rem,82%);align-self:flex-start;margin:1.25rem;opacity:0;filter:blur(5px);transform:translate3d(calc(-50vw - 100%),0,0)}#welcome .welcome-dictionary-progress-card.is-in{opacity:1;filter:blur(0);transform:translateZ(0)}#welcome .welcome-dictionary-second-copy{max-width:32rem;margin:6rem 0 0}#welcome .welcome-dictionary-second-copy .welcome-demo-title{margin-top:.25rem}#welcome .welcome-dictionary-progress-window{overflow:visible;min-height:14rem}#welcome .welcome-dictionary-detail-window{opacity:1;filter:none;overflow:visible;transform:translate3d(calc(-50vw - 50% + 4rem),0,0);transition:transform 1.05s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}#welcome .welcome-dictionary-detail-window.is-in{opacity:1;filter:none;transform:translateZ(0)}#welcome .welcome-dictionary-detail-window .welcome-dictionary-demo{overflow:hidden;border-radius:0 0 1.2rem 1.2rem}@media(min-width:860px){#welcome .welcome-dictionary-story-section{column-gap:3rem;row-gap:8rem}#welcome .welcome-dictionary-story-section .welcome-demo-copy,#welcome .welcome-dictionary-story-section .welcome-demo-window{order:initial}#welcome .welcome-dictionary-second-copy{margin-top:0}}#welcome .welcome-dictionary-story-section{display:grid;grid-template-columns:1fr;gap:1rem;overflow:visible}#welcome .welcome-dictionary-stage{display:block;position:relative;width:100%;min-height:14rem;opacity:1;filter:none;transform:none}#welcome .welcome-dictionary-progress-stage{z-index:2}#welcome .welcome-dictionary-detail-stage{z-index:1;margin-top:-2.75rem}#welcome .welcome-dictionary-stage-motion{display:grid;grid-template-columns:minmax(13rem,.62fr) minmax(0,1.38fr);align-items:center;gap:3rem;width:100%;filter:none;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1)}#welcome .welcome-dictionary-progress-stage .welcome-dictionary-stage-motion{opacity:0;transform:translate3d(calc(-50vw - 100%),0,0)}#welcome .welcome-dictionary-progress-stage.is-in .welcome-dictionary-stage-motion{opacity:1;transform:translateZ(0)}#welcome .welcome-dictionary-detail-stage .welcome-dictionary-stage-motion{opacity:1;transform:translate3d(calc(50vw + 50% - 4rem),0,0)}#welcome .welcome-dictionary-detail-stage.is-in .welcome-dictionary-stage-motion{opacity:1;transform:translate3d(2.5rem,0,0)}#welcome .welcome-dictionary-story-section .welcome-demo-window{min-height:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transition:none}#welcome .welcome-dictionary-story-section .welcome-demo-window:hover{transform:none;box-shadow:none}#welcome .welcome-dictionary-story-section .welcome-demo-windowbar{display:none}#welcome .welcome-dictionary-story-section .welcome-dictionary-demo{padding:0;overflow:visible;border-radius:0;background:transparent}#welcome .welcome-dictionary-story-section .welcome-dictionary-pair{overflow:visible}#welcome .welcome-dictionary-progress-card{width:min(15rem,100%);min-height:15rem;margin:0;opacity:1;filter:none;transform:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:transform}#welcome .welcome-dictionary-progress-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 18px 38px -20px #0f766e73}#welcome .welcome-dictionary-second-copy{margin:0}#welcome .welcome-dictionary-detail-window,#welcome .welcome-dictionary-detail-window.is-in{opacity:1;filter:none;transform:none}@media(max-width:859px){#welcome .welcome-dictionary-stage-motion{grid-template-columns:1fr;gap:1.4rem}#welcome .welcome-dictionary-story-section{gap:2rem}#welcome .welcome-dictionary-detail-stage{margin-top:-1.5rem}#welcome .welcome-dictionary-detail-stage.is-in .welcome-dictionary-stage-motion{transform:translateZ(0)}}@media(min-width:860px){#welcome .welcome-dictionary-progress-stage .welcome-dictionary-stage-motion{grid-template-columns:15rem minmax(18rem,32rem);align-items:center;justify-content:center}#welcome .welcome-dictionary-progress-stage .welcome-demo-copy{grid-column:2;grid-row:1;align-self:center;justify-self:start}#welcome .welcome-dictionary-progress-window{grid-column:1;grid-row:1;margin-top:0;position:relative;left:auto;transform:none}#welcome .welcome-dictionary-progress-card{align-self:flex-start}}@media(prefers-reduced-motion:reduce){#welcome .welcome-dictionary-stage-motion{opacity:1!important;transform:none!important;transition:none!important}}#welcome .welcome-word-detail.word-detail-panel{position:relative;width:min(32rem,100%);max-width:32rem;max-height:none;min-height:32rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;transform:translateY(0);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:transform}#welcome .welcome-word-detail.word-detail-panel:hover,#welcome .welcome-word-detail.word-detail-panel:focus-within{transform:translateY(-5px) scale(1.005);box-shadow:0 32px 64px -20px #0f766e61}@media(prefers-reduced-motion:reduce){#welcome .welcome-dictionary-progress-card,#welcome .welcome-word-detail.word-detail-panel{transition:none}#welcome .welcome-dictionary-progress-card:hover,#welcome .welcome-word-detail.word-detail-panel:hover,#welcome .welcome-word-detail.word-detail-panel:focus-within{transform:none}}#welcome .welcome-word-detail-actions{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;gap:.5rem}#welcome .welcome-word-detail-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 4.5rem 1rem 2rem;background:#fff}#welcome .welcome-word-detail-scroll{padding:.5rem 2rem 1.5rem}#welcome .welcome-word-detail-hanzi{font-size:4.75rem;line-height:1}#welcome .welcome-word-detail-pinyin{font-size:1.5rem}#welcome .welcome-word-detail-inset{display:grid;gap:1rem;padding:1rem;border:1px solid rgba(153,246,228,.5);border-radius:1rem;background:#f0fdfa80}#welcome .welcome-writing-demo{grid-template-columns:minmax(0,.85fr) minmax(15rem,1.15fr);align-items:center;gap:1.25rem;padding:1.15rem;background:#f8fafc}#welcome .welcome-writing-prompt{text-align:center}#welcome .welcome-writing-prompt .writing-prompt-pinyin{font-size:2.65rem}#welcome .welcome-writing-canvas-wrap{position:relative;width:min(100%,19rem);justify-self:center}#welcome #welcome-writing-canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #cbd5e1;border-radius:1rem;background-color:#fff;background-image:linear-gradient(to right,transparent calc(50% - .5px),#e2e8f0 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e2e8f0 50%,transparent calc(50% + .5px));cursor:crosshair;touch-action:none}#welcome .welcome-writing-model{position:absolute;inset:0 0 2.65rem;display:grid;place-items:center;color:#0f766e2b;font-size:12rem;pointer-events:none}#welcome .welcome-writing-model[hidden]{display:none}#welcome .welcome-writing-show{position:absolute;right:.65rem;bottom:3.35rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid #cbd5e1;border-radius:.7rem;background:#ffffffeb;color:#475569;font-size:.75rem}#welcome .welcome-writing-demo .writing-canvas-actions{display:flex;justify-content:center;gap:.5rem;margin-top:.65rem}#welcome .welcome-writing-demo .writing-canvas-actions button{padding:.45rem .85rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;color:#475569;font-size:.8rem}#welcome .welcome-ai-demo{display:grid;grid-template-columns:minmax(10.5rem,.72fr) minmax(0,1.45fr);gap:.8rem;align-items:stretch;padding:.8rem;background:radial-gradient(circle at 12% 16%,rgba(45,212,191,.12),transparent 38%),linear-gradient(145deg,#f8fafc,#f0fdfa)}#welcome .welcome-ai-context{align-self:center;padding:1rem;border:1px solid rgba(94,234,212,.55);border-radius:1.05rem;background:#ffffffe6;box-shadow:0 12px 30px #0f766e14}#welcome .welcome-ai-context-label,#welcome .welcome-ai-drawer-context{color:#0f766e;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}#welcome .welcome-ai-context-title{margin-top:.35rem;color:#134e4a;font-size:1rem;font-weight:800}#welcome .welcome-ai-context-sentence{margin-top:1.1rem;color:#0f172a;font-size:1.55rem;font-weight:750;line-height:1.2}#welcome .welcome-ai-context-pinyin{margin-top:.28rem;color:#0d9488;font-size:.78rem}#welcome .welcome-ai-context-meaning{margin-top:.75rem;color:#64748b;font-size:.76rem;line-height:1.45}#welcome .welcome-ai-real-panel{position:relative;inset:auto;width:100%;height:34rem;min-width:0;max-height:none;margin:0;transform:none;border:1px solid rgba(148,163,184,.22);box-shadow:0 16px 38px #0f172a21;border-radius:1.1rem;overflow:hidden}#welcome .welcome-ai-real-panel .practice-ai-drawer-header{padding:.85rem .9rem;border-bottom-color:#e2e8f0;background:#fffffff5}#welcome .welcome-ai-real-panel .practice-ai-drawer-title-wrap{min-width:0}#welcome .welcome-ai-real-panel .practice-ai-drawer-title{line-height:1.15}#welcome .welcome-ai-drawer-context{margin-top:.22rem;font-size:.55rem;letter-spacing:.07em}#welcome .welcome-ai-real-panel .practice-ai-messages{gap:.75rem;padding:1rem;background:linear-gradient(180deg,#fff,#f8fafc)}#welcome .welcome-ai-real-panel .practice-ai-msg{max-width:88%;box-shadow:0 5px 14px #0f172a0f}#welcome .welcome-ai-real-panel .practice-ai-msg--assistant{border-color:#ccfbf1}#welcome .welcome-ai-real-panel .practice-ai-action-quiz{font-size:.78rem}#welcome .welcome-ai-real-panel .practice-ai-quiz-feedback.is-correct{color:#065f46;background:#ecfdf5}#welcome .welcome-ai-real-panel .practice-ai-quiz-feedback.is-wrong{color:#991b1b;background:#fef2f2}#welcome .welcome-ai-real-panel .practice-ai-composer{border-top:1px solid #e2e8f0;background:#fff}#welcome .welcome-ai-real-panel .practice-ai-composer-row{pointer-events:none}#welcome .welcome-ai-real-panel .practice-ai-chip{border-color:#0f766e;background:#f0fdfa;color:#0f766e}#welcome .welcome-ai-real-panel .practice-ai-input{border-color:#cbd5e1;background:#f8fafc}@media(max-width:640px){#welcome .welcome-ai-demo{grid-template-columns:1fr}#welcome .welcome-ai-context{display:grid;grid-template-columns:1fr auto;column-gap:.8rem;padding:.8rem .9rem}#welcome .welcome-ai-context-sentence,#welcome .welcome-ai-context-pinyin,#welcome .welcome-ai-context-meaning{grid-column:1 / -1}#welcome .welcome-ai-context-sentence{margin-top:.7rem}}#welcome .welcome-path-demo.lessons-path-host{padding:1rem 1.15rem 1.2rem;min-height:26rem;overflow:hidden}#welcome .welcome-path-demo .learn-path-section{margin:0;padding:0}#welcome .welcome-path-demo .learn-path-section-header{margin-bottom:.65rem}#welcome .welcome-path-demo .learn-path-step{min-height:6.2rem}#welcome .welcome-path-demo .learn-path-step-card{cursor:pointer;pointer-events:auto}#welcome .welcome-path-demo .welcome-path-detail{position:relative;left:auto;right:auto;bottom:auto;margin:.6rem 0 0 5.1rem}@media(max-width:640px){#welcome .welcome-practice-demo .first-words-review-options,#welcome .welcome-dictionary-pair,#welcome .welcome-writing-demo{grid-template-columns:1fr}#welcome .welcome-word-detail.word-detail-panel{min-height:0}#welcome .welcome-word-detail-header{padding:4rem 1.25rem 1rem}#welcome .welcome-word-detail-scroll{padding:.5rem 1.25rem 1.25rem}#welcome .welcome-red-panda{width:6.5rem;opacity:.82}#welcome .welcome-red-panda--one,#welcome .welcome-red-panda--three{right:-2.75rem}#welcome .welcome-red-panda--two{display:none}}@media(prefers-reduced-motion:reduce){#welcome .welcome-red-panda{animation:none}}#welcome .welcome-path-detail{margin:.9rem 0 0 5.05rem;padding:.68rem .8rem;border:1px solid #ccfbf1;border-radius:.85rem;color:#475569;background:#ffffffe0;font-size:.75rem}@media(max-width:620px){.profile-achievements-grid{grid-template-columns:1fr}}.profile-achievements-grid .profile-achievement-card{min-height:6rem;padding:.72rem;gap:.6rem}.profile-achievements-grid .profile-achievement-card .profile-badge{width:2.15rem;height:2.15rem;border-radius:.75rem;font-size:.86rem}.profile-achievements-toggle{width:100%;margin-top:.8rem;padding:.62rem .85rem;border-radius:.9rem;border:1px solid #dbe5ea;background:#fff;color:#0f766e;font-size:.78rem;font-weight:700;transition:background .15s ease,border-color .15s ease}.profile-achievements-toggle:hover{background:#f0fdfa;border-color:#99f6e4}.profile-stat-chip{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;min-width:0}.profile-stat-chip .label{font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.profile-stat-chip .value{font-size:1.05rem;font-weight:650;color:#134e4a;line-height:1.15}.profile-identity-shell{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#fff,#fbfefd)}.profile-identity-shell:after{content:"";position:absolute;z-index:-1;width:10rem;height:10rem;right:-4.2rem;top:-4.6rem;border-radius:999px;border:1.4rem solid rgba(45,212,191,.08);pointer-events:none}.profile-identity-shell.is-premium-weekly{border-color:#99f6e4;box-shadow:0 16px 34px -30px #0d94888c}.profile-identity-shell.is-premium-monthly,.profile-identity-shell.is-premium-yearly{border-color:#fde68a;background:linear-gradient(145deg,#fff,#fffbeb 145%);box-shadow:0 16px 34px -30px #b453096b}.profile-identity-shell.is-premium-monthly:after,.profile-identity-shell.is-premium-yearly:after{border-color:#f59e0b1a}.profile-plan-decoration{position:absolute;top:1.15rem;right:1.2rem;display:flex;align-items:center;gap:.45rem;pointer-events:none}.profile-plan-decoration-mark{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;color:#0f766e;background:#f0fdfaeb;border:1px solid #ccfbf1}.is-premium-weekly .profile-plan-decoration-mark{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.is-premium-monthly .profile-plan-decoration-mark,.is-premium-yearly .profile-plan-decoration-mark{color:#a16207;background:#fef3c7;border-color:#fde68a}.profile-plan-decoration-spark{width:.42rem;height:.42rem;border-radius:999px;background:#5eead4;box-shadow:.72rem .55rem 0 -.06rem #99f6e4}.is-premium-monthly .profile-plan-decoration-spark{background:#fbbf24;box-shadow:.72rem .55rem 0 -.06rem #fde68a}.profile-avatar-wrap{position:relative;width:4.5rem;height:4.5rem;flex:0 0 auto}.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #99f6e4,0 9px 22px -16px #0f766ea6}.profile-avatar-plan-dot{position:absolute;right:-.1rem;bottom:.15rem;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0f766e;color:#fff;border:2px solid #fff;font-size:.56rem}.is-premium-monthly .profile-avatar-plan-dot{background:#d97706}.profile-identity-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-top:.25rem}.profile-membership-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;border:1px solid #ccfbf1;background:#f0fdfa;color:#0f766e;font-size:.68rem;font-weight:700}.is-premium-monthly .profile-membership-pill{color:#92400e;background:#fffbeb;border-color:#fde68a}.profile-stats-panel{padding:.8rem;border:1px solid #e2e8f0;border-radius:1.15rem;background:#f8fafcb8}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;max-width:calc(var(--app-content-max) + 1.5rem + var(--app-rail-w))}@media(min-width:960px){.profile-layout{grid-template-columns:minmax(0,var(--app-content-max)) var(--app-rail-w);gap:1.5rem;justify-content:start}.profile-paywall{position:sticky;top:1rem}}.profile-paywall-plans{display:flex;flex-direction:column;gap:.65rem}.profile-plan-note{font-size:.72rem;color:#64748b;line-height:1.35}.profile-plan-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.1rem;padding:.55rem .75rem;border-radius:1rem;border:none;font-size:.78rem;font-weight:650;cursor:pointer;transition:background-color .12s ease,color .12s ease,opacity .12s ease,border-color .12s ease;background:#115e59;color:#fff}.profile-plan-btn:hover:not(:disabled){background:#0f766e}.profile-plan-btn:disabled{opacity:.65;cursor:default}.profile-plan-btn.is-active-plan{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.profile-paywall-status{margin-top:.85rem;padding:.7rem .8rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;font-size:.75rem;line-height:1.45;color:#64748b}.profile-paywall-status strong{color:#134e4a;font-weight:650}.profile-paywall-footnote{margin:.75rem 0 0;font-size:.65rem;line-height:1.4;color:#94a3b8}button.profile-upgrade-code-link{display:block;width:fit-content;margin:.85rem auto 0;padding:.15rem .2rem;border:0;background:transparent;color:#94a3b8;font-family:inherit;font-size:.72rem;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:.16rem;cursor:pointer}button.profile-upgrade-code-link:hover,button.profile-upgrade-code-link:focus-visible{color:#64748b}.profile-upgrade-code-block{margin-top:.25rem;padding-top:0;border-top:0;max-width:32rem}.profile-upgrade-launch{display:inline-flex;width:100%;min-height:3.25rem;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1rem;border-radius:1rem;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:.95rem;font-weight:800;box-shadow:0 12px 24px -16px #0f766ecc;transition:transform .16s ease,box-shadow .16s ease}.upgrade-cta-host{display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin:0 0 1.5rem;background:transparent;border:none;padding:0;box-shadow:none}.upgrade-cta-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.right-rail-ad{width:100%;min-height:16rem;overflow:hidden;border-radius:.75rem;background:#fff;border:1px solid #e2e8f0}.right-rail-ad iframe{display:block;width:100%;height:16rem;border:0}@media(min-width:1180px){.section.active.section-has-upgrade-aside,.section-has-upgrade-aside:not(.section){display:grid;grid-template-columns:minmax(0,var(--app-content-max)) var(--app-rail-w);column-gap:1.5rem;justify-content:start}.section.active.section-has-upgrade-aside>*,.section-has-upgrade-aside:not(.section)>*{grid-column:1;min-width:0}.section.active.section-has-upgrade-aside>.upgrade-cta-host,.section-has-upgrade-aside:not(.section)>.upgrade-cta-host{grid-column:2;grid-row:2 / span 999;align-self:start;position:sticky;top:1rem;margin:0;max-width:none}}.profile-upgrade-launch:hover{transform:translateY(-1px);box-shadow:0 16px 28px -16px #0f766ed9}.profile-upgrade-launch-logo{width:2.35rem;height:2.35rem;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(15,23,42,.16))}.profile-upgrade-launch-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}.profile-upgrade-launch-copy small{margin-top:.22rem;color:#ffffffc7;font-size:.68rem;font-weight:550;line-height:1.25}.profile-upgrade-modal{position:fixed;inset:0;z-index:700;display:grid;place-items:center;padding:1.25rem;background:#0f172a85;backdrop-filter:blur(7px)}.profile-upgrade-modal.hidden{display:none}body.profile-upgrade-open .app-sidebar-nav{opacity:.38;filter:blur(4px);pointer-events:none;user-select:none}.profile-upgrade-dialog{width:min(100%,54rem);max-height:min(90vh,48rem);overflow-y:auto;padding:clamp(1.25rem,4vw,2rem);border:1px solid rgba(153,246,228,.8);border-radius:1.65rem;background:linear-gradient(155deg,#fff 60%,#f0fdfa);box-shadow:0 30px 80px #0f172a40}.profile-upgrade-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.profile-upgrade-dialog-header h2{margin:0;color:#134e4a;font-size:clamp(1.55rem,4vw,2.15rem);font-weight:850;letter-spacing:-.035em}.profile-upgrade-close{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:999px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.profile-upgrade-close:hover{color:#0f766e;background:#f0fdfa}.profile-upgrade-dialog .profile-paywall-plans{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}.profile-embedded-checkout-view{min-height:25rem}.profile-billing-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:min(100%,23rem);margin:0 auto 1.25rem;padding:.3rem;border:1px solid #dbe7e5;border-radius:1rem;background:#f1f5f9}.profile-billing-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .85rem;border-radius:.75rem;color:#64748b;font-size:.86rem;font-weight:800}.profile-billing-toggle button.is-selected{background:#fff;color:#0f766e;box-shadow:0 4px 14px #0f172a14}.profile-billing-best-value{padding:.12rem .38rem;border:1px solid #99f6e4;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.55rem;font-weight:850;letter-spacing:.035em;line-height:1.2;text-transform:uppercase}.profile-plan-comparison{overflow:hidden;margin-bottom:1rem;border:1px solid #dbe7e5;border-radius:1.2rem;background:#fff}.profile-plan-comparison-row{display:grid;grid-template-columns:minmax(9rem,1.2fr) repeat(2,minmax(7rem,1fr));border-bottom:1px solid #e2e8f0}.profile-plan-comparison-row:last-child{border-bottom:0}.profile-plan-comparison-row>*{display:flex;min-height:3.4rem;align-items:center;padding:.75rem .9rem;color:#475569;font-size:.82rem}.profile-plan-comparison-row>*+*{border-left:1px solid #e2e8f0}.profile-plan-comparison-row.is-header>*{min-height:3rem;font-weight:850;color:#134e4a}.profile-plan-comparison-row .is-paid{background:#f0fdfab8;color:#0f766e;font-weight:700}.profile-plan-comparison-row i{margin-right:.45rem;color:#10b981}.profile-billing-checkout{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #99f6e4;border-radius:1rem;background:#f0fdfa}.profile-billing-checkout.hidden{display:none}.profile-billing-checkout-price{color:#134e4a;font-size:1.5rem;font-weight:850}.profile-billing-checkout-price small{color:#64748b;font-size:.75rem;font-weight:650}.profile-billing-checkout .profile-plan-btn{width:auto;min-width:11rem;margin:0}.profile-current-plan-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.profile-cancel-plan-btn{color:#64748b;font-size:.76rem;font-weight:700;text-decoration:underline;text-underline-offset:.18rem}.profile-cancel-plan-btn:hover{color:#b91c1c}.settings-subscription-card{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff}.settings-subscription-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1rem;border:1px solid #ccfbf1;border-radius:1.15rem;background:#f0fdfa}.settings-subscription-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .65rem;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.7rem;font-weight:800}.settings-coupon-block{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.settings-coupon-form{display:flex;flex-wrap:wrap;gap:.5rem}.settings-coupon-input{flex:1 1 10rem;min-width:0;padding:.65rem .9rem;border:1px solid #cbd5e1;border-radius:.9rem;font-size:.875rem;font-family:inherit}.settings-coupon-input:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.settings-coupon-btn{flex:0 0 auto;padding:.65rem 1.1rem;border:none;border-radius:.9rem;background:#0f766e;color:#fff;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer}.settings-coupon-btn:hover{background:#115e59}.settings-coupon-btn:disabled{opacity:.6;cursor:default}.settings-coupon-status{margin:.5rem 0 0;min-height:1.1rem;font-size:.8rem;font-weight:600;color:#64748b}.settings-coupon-status.is-error{color:#dc2626}.settings-coupon-status.is-ok{color:#0f766e}.settings-coupon-mint{margin-top:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1px dashed #c4b5fd;border-radius:.75rem;background:#faf5ff;color:#6d28d9;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer}.settings-coupon-mint:hover{background:#f3e8ff}.settings-coupon-mint:disabled{opacity:.6;cursor:default}.profile-embedded-checkout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.profile-embedded-checkout-back{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border-radius:.8rem;color:#0f766e;font-size:.82rem;font-weight:750}.profile-embedded-checkout-back:hover{background:#f0fdfa}.profile-embedded-checkout-status{min-height:1.25rem;color:#64748b;font-size:.78rem;text-align:right}#profile-embedded-checkout{min-height:24rem;border-radius:1rem;overflow:hidden}@media(max-width:640px){.profile-upgrade-dialog .profile-paywall-plans{grid-template-columns:1fr}.profile-plan-comparison-row{grid-template-columns:minmax(7rem,1.1fr) repeat(2,minmax(5.5rem,1fr))}.profile-plan-comparison-row>*{padding:.65rem .55rem;font-size:.72rem}.profile-billing-checkout{align-items:stretch;flex-direction:column}.profile-billing-checkout .profile-plan-btn{width:100%}}.achievement-toast{position:fixed;right:1rem;bottom:1rem;z-index:450;max-width:min(22rem,calc(100vw - 2rem));display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#fff;border:1px solid #99f6e4;border-radius:1rem;box-shadow:0 10px 30px #0f172a1f;animation:achievement-toast-in .28s ease}.achievement-toast.is-leaving{animation:achievement-toast-out .22s ease forwards}@keyframes achievement-toast-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes achievement-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.4rem)}}.review-chart-wrap{position:relative;width:100%;min-height:8.75rem;overflow:visible}.review-chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.review-chart-node{cursor:default;outline:none}.review-node-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.review-chart-node:hover .review-node-dot,.review-chart-node:focus-visible .review-node-dot{transform:scale(1.15)}.review-node-popover-shared{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - .5rem));opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;padding:.375rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 12px #0f172a14;text-align:center;min-width:3.25rem}.review-node-popover-shared.is-visible{opacity:1;transform:translate(-50%,calc(-100% - .625rem))}.review-node-popover-shared.is-edge-left{transform:translateY(calc(-100% - .5rem))}.review-node-popover-shared.is-edge-left.is-visible{transform:translateY(calc(-100% - .625rem))}.review-node-popover-shared.is-edge-right{transform:translate(-100%,calc(-100% - .5rem))}.review-node-popover-shared.is-edge-right.is-visible{transform:translate(-100%,calc(-100% - .625rem))}.review-node-popover-day{font-size:.625rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.review-node-popover-count{font-size:.8125rem;font-weight:600;color:#134e4b;line-height:1.3;margin-top:.125rem;font-variant-numeric:tabular-nums}.stats-range-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.stats-range-tab{padding:.4rem .9rem;font-size:.8125rem;font-weight:600;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:background .12s ease,border-color .12s ease,color .12s ease}.stats-range-tab:hover{border-color:#0f766e;background:#f0fdfa}.stats-range-tab.is-active{border-color:#0f766e;background:#0f766e;color:#fff}.stats-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.stats-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.1rem;padding:.9rem 1rem}.stats-metric-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.stats-metric-value{margin-top:.25rem;font-size:1.35rem;font-weight:700;color:#134e4b;font-variant-numeric:tabular-nums;line-height:1.2}.stats-metric-sub{margin-top:.15rem;font-size:.75rem;line-height:1.25;min-height:1.25em;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dashboard-reviews-panel.reviews-panel-openable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}#dashboard-reviews-panel.reviews-panel-openable:hover{border-color:#99f6e4;box-shadow:0 8px 24px #0f766e14}#dashboard-reviews-panel.reviews-panel-openable:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.section.stats-view-fade-out{opacity:0!important;transition:opacity .28s ease;pointer-events:none}.section.stats-view-fade-in{opacity:0;transform:translateY(10px)}.section.stats-view-fade-in.stats-view-fade-in-active{opacity:1;transform:translateY(0);transition:opacity .34s ease,transform .34s ease}.info-popover-trigger{position:relative;z-index:10}.info-popover-trigger>button{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.hsk-help-trigger{position:absolute;top:1rem;right:1rem}.info-popover{position:absolute;bottom:calc(100% + .5rem);left:50%;width:15.5rem;padding:.875rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;box-shadow:0 10px 28px #0f172a1a;font-size:.8125rem;line-height:1.45;color:#475569;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s}.info-popover-wide{width:18.5rem}.info-popover-below{--info-popover-caret-inset: 10%;bottom:auto;left:50%;top:calc(100% + .5rem);transform:translate(calc(-1 * var(--info-popover-caret-inset)),-4px)}.info-popover:before{content:"";position:absolute;bottom:-6px;left:50%;width:11px;height:11px;background:#fff;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:translate(-50%) rotate(45deg)}.info-popover-below:before{bottom:auto;top:-6px;left:var(--info-popover-caret-inset);border-right:none;border-bottom:none;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:translate(-50%) rotate(45deg)}.info-popover-title{font-size:.75rem;font-weight:600;color:#134e4b;margin-bottom:.625rem}.info-popover-trigger:hover .info-popover:not(.info-popover-below),.info-popover-trigger:focus-within .info-popover:not(.info-popover-below){opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.info-popover-trigger:hover .info-popover-below,.info-popover-trigger:focus-within .info-popover-below{opacity:1;visibility:visible;transform:translate(calc(-1 * var(--info-popover-caret-inset)))}.info-popover-trigger:hover button,.info-popover-trigger:focus-within button{color:#0d9488}.quiz-hint-popover{position:absolute;left:50%;bottom:calc(100% + .4rem);top:auto;width:max-content;max-width:min(15rem,42vw,100vw - 2rem);padding:.625rem .875rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 8px 24px #0f172a1a;font-size:.875rem;line-height:1.4;color:#334155;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:20}.quiz-hint-popover:before{content:"";position:absolute;bottom:-5px;top:auto;left:50%;width:11px;height:11px;background:#fff;border-top:none;border-left:none;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:translate(-50%) rotate(45deg)}.quiz-almost-popover{position:fixed;width:max-content;max-width:20rem;padding:.75rem .875rem;background:#fff;border:1px solid #fde68a;border-radius:.75rem;box-shadow:0 8px 24px #0f172a1a;font-size:.875rem;line-height:1.45;color:#92400e;text-align:left;white-space:normal;z-index:400;pointer-events:auto}.quiz-tip-popover{position:fixed;width:max-content;max-width:22rem;padding:.75rem .875rem;background:#fff;border:1px solid #99f6e4;border-radius:.75rem;box-shadow:0 8px 24px #0f172a1a;font-size:.875rem;line-height:1.45;color:#134e4a;text-align:left;white-space:normal;z-index:400;pointer-events:auto}.quiz-tip-popover:before{content:"";position:absolute;top:50%;left:-6px;width:11px;height:11px;background:#fff;border-top:none;border-right:none;border-left:1px solid #99f6e4;border-bottom:1px solid #99f6e4;transform:translateY(-50%) rotate(45deg)}.quiz-tip-popover--left:before{left:auto;right:-6px;border-left:none;border-bottom:none;border-top:1px solid #99f6e4;border-right:1px solid #99f6e4}.quiz-tip-highlight{font-weight:800;font-size:1.05em;text-decoration:none}.quiz-almost-popover .quiz-tip-highlight{color:#c2410c}.quiz-tip-popover .quiz-tip-highlight{color:#0f766e}.quiz-body-centered{min-height:100%;display:flex;flex-direction:column}.quiz-body-offset{flex:0 0 40%;min-height:3.5rem;max-height:16rem}#flashcard-modal .bg-white:has(.quiz-body-centered--v45){height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.quiz-body-centered--v45{position:relative;flex:1 1 auto;min-height:100%;width:100%;box-sizing:border-box}.quiz-body-centered--v45>.quiz-body-main{position:absolute;inset:0;width:100%;height:100%;margin:0;box-sizing:border-box}.quiz-body-centered--v45 .quiz-question-stage{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:0 1rem;z-index:1;transition:left .3s cubic-bezier(.22,1,.36,1)}#grammar-order-quiz-host{width:100%;max-width:100%;align-self:stretch;flex:1 1 auto;box-sizing:border-box}.quiz-question-stage:has(#grammar-order-quiz-host){width:100%}.quiz-new-word-layout{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;width:100%;background:#f8fafc}#flashcard-modal .bg-white:has(.quiz-new-word-layout.is-side){height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.quiz-new-word-layout.is-side{flex:1 1 auto;min-height:0;height:100%;align-items:stretch}.quiz-new-word-main{flex:1 1 auto;width:auto;max-width:none;min-width:0;min-height:0;height:auto;align-self:stretch;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;background:#fff}.quiz-new-word-main>.quiz-body-centered,.quiz-new-word-main .quiz-body-main,.quiz-new-word-main .quiz-side-rail{position:absolute;inset:0;width:100%;height:100%;margin:0;box-sizing:border-box}.quiz-new-word-layout.is-side .quiz-body-offset{display:none}.quiz-new-word-side-panel{position:relative;display:flex;flex-direction:column;flex:0 0 var(--quiz-panel-w, 26rem);width:var(--quiz-panel-w, 26rem);max-width:none;min-width:0;min-height:0;height:auto;align-self:stretch;overflow:hidden;background:#fafafa;color:#1e293b}.quiz-new-word-side-panel-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:3.25rem}.quiz-side-panel-settings{position:absolute;right:.75rem;bottom:.75rem;z-index:30;margin:0;padding:0;border:none;background:transparent;pointer-events:none}.quiz-side-panel-settings-inner{position:relative;pointer-events:auto}.quiz-side-panel-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;box-shadow:0 4px 14px #0f172a14;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.quiz-side-panel-settings-btn:hover,.quiz-side-panel-settings.is-open .quiz-side-panel-settings-btn{border-color:#0f766e;color:#0f766e;background:#f0fdfa;box-shadow:0 6px 16px #0d94881f}.quiz-side-panel-settings-menu{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:40;width:15.5rem;max-width:min(15.5rem,calc(100vw - 1.5rem));padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;box-shadow:0 12px 32px #0f172a24;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s}.quiz-side-panel-settings.is-open .quiz-side-panel-settings-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.quiz-side-panel-settings-menu-title{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;padding:.25rem .5rem .4rem}.quiz-side-panel-settings-item{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;padding:.55rem .6rem;border-radius:.6rem;border:none;background:transparent;color:#334155;font-size:.8125rem;line-height:1.35;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.quiz-side-panel-settings-item:hover{background:#f0fdfa;color:#0f766e}.quiz-side-panel-settings-item i{margin-top:.15rem;color:#d97706;flex-shrink:0}.quiz-side-panel-settings-item-text{min-width:0}.quiz-side-panel-settings-item-hint{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:400;color:#94a3b8;line-height:1.3}.quiz-side-panel-settings-item i.fa-gear{color:#64748b}.quiz-dual-definition-review{padding:.7rem .9rem;border-radius:1rem;background:#f1f5f9;color:#334155;font-size:.875rem;line-height:1.4;text-align:left}.is-complete-card-leftover,.quiz-body-main:has(.new-word-learning-complete-card)>#quiz-action-area{display:none!important;visibility:hidden!important;pointer-events:none!important}.quiz-new-word-side-panel--left{direction:rtl}.quiz-new-word-side-panel--left>*{direction:ltr}.quiz-split-handle{flex:0 0 6px;width:6px;position:relative;z-index:6;cursor:col-resize;touch-action:none;user-select:none;background:#e2e8f0;transition:background-color .12s ease}.quiz-split-handle:before{content:"";position:absolute;inset:0 -5px}.quiz-split-handle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:2rem;border-radius:9999px;background:#94a3b8;transform:translate(-50%,-50%);opacity:.85;pointer-events:none}.quiz-split-handle:hover,.quiz-split-handle:focus-visible,.quiz-new-word-layout.is-splitting .quiz-split-handle{background:#99f6e4;outline:none}.quiz-split-handle:hover:after,.quiz-split-handle:focus-visible:after,.quiz-new-word-layout.is-splitting .quiz-split-handle:after{background:#0f766e}body.is-quiz-splitting{cursor:col-resize!important;user-select:none!important}body.is-quiz-splitting iframe,body.is-quiz-splitting *{cursor:col-resize!important}.new-word-wiki{width:100%;max-width:100%;box-sizing:border-box;padding:1.25rem 1.15rem 2rem}.quiz-new-word-side-panel--left .new-word-wiki,.quiz-new-word-side-panel--right .new-word-wiki{padding-left:1.15rem;padding-right:1.15rem}.quiz-side-rail-slot{position:absolute;top:45%;width:min(38.75rem,92%);max-width:92%;min-width:0;box-sizing:border-box;z-index:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;transition:left .3s cubic-bezier(.22,1,.36,1)}.quiz-new-word-layout.is-side-left .quiz-side-rail-slot{left:40%}.quiz-new-word-layout.is-side-right .quiz-side-rail-slot{left:60%}.practice-shell-body.is-ai-open .quiz-new-word-layout.is-side-left .quiz-side-rail-slot,.practice-shell-body.is-ai-open .quiz-new-word-layout.is-side-right .quiz-side-rail-slot,.practice-shell-body.is-ai-open .quiz-body-centered--v45 .quiz-question-stage{left:50%}.quiz-new-word-layout.is-side .quiz-side-rail-slot .quiz-question-root{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}.lesson-teaching-card{display:flex;flex-direction:column;min-height:var(--lesson-teaching-card-min-h)}.lesson-teaching-card>#quiz-action-area{margin-top:auto;padding-top:1.25rem;flex-shrink:0;position:relative;z-index:2}.quiz-new-word-layout.is-side .quiz-side-rail-slot:has(.lesson-teaching-card),.quiz-body-centered--v45 .quiz-question-stage:has(.lesson-teaching-card){top:max(0px,calc(45% - var(--lesson-teaching-card-min-h) / 2));transform:translate(-50%)}.lesson-teaching-card>.lesson-step-kicker{min-height:1.25rem}.quiz-new-word-layout.is-side .quiz-side-rail-slot:has(#quiz-pinyin-question){width:min(32.5rem,92%)}.quiz-new-word-layout.is-side .quiz-side-rail-slot #mc-options{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grammar-choose-quiz #mc-options,.quiz-new-word-layout.is-side .quiz-side-rail-slot .grammar-choose-quiz #mc-options{grid-template-columns:minmax(0,1fr)}.quiz-new-word-layout.is-side .quiz-side-rail-slot #quiz-input{width:100%;max-width:100%;box-sizing:border-box}#mc-options .quiz-option{position:relative;display:block;min-width:0;width:100%;padding-left:1.75rem}#mc-options .quiz-option-key{position:absolute;top:.4rem;left:.4rem;width:1.15rem;height:1.15rem;border-radius:9999px;background:#f1f5f9;color:#64748b;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}@media(hover:none)and (pointer:coarse){#mc-options .quiz-option-key{display:none}#mc-options .quiz-option:not(.is-hanzi-choice){padding-left:.75rem}}#mc-options .quiz-option-label{display:block;min-width:0;line-height:1.35;text-align:left;word-break:break-word}#mc-options .quiz-option.is-hanzi-choice{padding-left:1.75rem;padding-right:1.75rem}#mc-options .quiz-option-label.is-hanzi-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:2.9rem;text-align:center}#mc-options .quiz-option-hanzi{display:block;font-size:1.6rem;font-weight:600;line-height:1.25;color:#134e4a}#mc-options .quiz-option-choice-pinyin{display:block;font-size:.8rem;font-weight:400;line-height:1.2;color:#0d9488}#mc-options .quiz-option:focus,#mc-options .quiz-option:focus-visible{outline:none;box-shadow:none}#mc-options .quiz-option.is-selected,#mc-options .quiz-option.is-selected:hover:not(:disabled),#mc-options .quiz-option.is-selected:focus,#mc-options .quiz-option.is-selected:focus-visible{border-color:#0f766e;background:#f0fdfa;box-shadow:none}#mc-options .quiz-option.is-correct{border-color:#065f46;background:#ecfdf5}#mc-options .quiz-option.is-wrong{border-color:#991b1b;background:#fef2f2}#mc-options .quiz-option.is-correct .quiz-option-hanzi,#mc-options .quiz-option.is-correct .quiz-option-choice-pinyin{color:#065f46}#mc-options .quiz-option.is-wrong .quiz-option-hanzi,#mc-options .quiz-option.is-wrong .quiz-option-choice-pinyin{color:#991b1b}.correct-star-pop-layer{position:fixed;inset:0 auto auto 0;width:0;height:0;margin:0;padding:0;pointer-events:none;z-index:10060}.correct-star-pop{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;color:#14b8a6;opacity:0;will-change:transform,opacity;animation:correct-star-popout 1.1s cubic-bezier(.16,.84,.32,1) forwards;animation-delay:var(--star-delay, 0ms);filter:drop-shadow(0 1px 2px rgba(15,118,110,.28))}.correct-star-pop svg{display:block;width:100%;height:100%}.correct-star-pop.is-gold{color:#d97706}.correct-star-pop.is-teal-deep{color:#0f766e}@keyframes correct-star-popout{0%{opacity:0;transform:translate(0) scale(.2) rotate(-6deg)}30%{opacity:1;transform:translate(calc(var(--star-dx, 0px) * .55),calc(var(--star-dy, -16px) * .55)) scale(1.15) rotate(var(--star-rot, -10deg))}to{opacity:0;transform:translate(var(--star-dx, 0px),var(--star-dy, -16px)) scale(.7) rotate(calc(var(--star-rot, -10deg) * 1.2))}}@media(prefers-reduced-motion:reduce){.correct-star-pop{animation:none;opacity:0}}.new-word-wiki-title{font-size:2.35rem;line-height:1.15;font-weight:700;color:#0f172a;margin:0;border-bottom:1px solid #e2e8f0;padding-bottom:.45rem}.new-word-wiki-subtitle{margin-top:.5rem;font-size:1.35rem;color:#0f766e;line-height:1.4;font-weight:600}.new-word-wiki-subtitle .new-word-headword-pinyin{font-size:inherit;font-weight:inherit;color:inherit}.new-word-wiki-infobox{position:relative;float:none;clear:both;width:100%;max-width:min(25.2rem,100%);margin:1rem 0 1.15rem;border:1px solid #e2e8f0;border-radius:.35rem;background:#fff;overflow:hidden;box-sizing:border-box}.new-word-wiki-infobox-header{padding:.45rem .75rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-size:.8rem;font-weight:600;color:#334155;text-align:center}.new-word-wiki-infobox-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;line-height:1.4}.new-word-wiki-infobox-row:last-child{border-bottom:none}.new-word-wiki-infobox-label{color:#64748b;font-weight:600}.new-word-wiki-infobox-value{color:#1e293b}.new-word-wiki-section{margin-top:1.35rem}.new-word-wiki-section+.new-word-wiki-section{margin-top:1.5rem}.new-word-wiki-h2{margin:0 0 .55rem;padding-bottom:.2rem;border-bottom:1px solid #cbd5e1;font-size:1.15rem;font-weight:650;color:#0f172a;line-height:1.3}.new-word-wiki-prose{font-size:.925rem;line-height:1.65;color:#334155}.new-word-wiki-prose p{margin:0 0 .65rem}.new-word-wiki-prose p:last-child{margin-bottom:0}.new-word-learning-progress{display:block;width:100%;color:#0f766e;font-size:.75rem;font-weight:650;white-space:nowrap}.new-word-learning-progress-track{display:block;width:100%;height:3px;overflow:hidden;border-radius:0;background:#ccfbf1}.new-word-learning-progress-track>span{display:block;height:100%;border-radius:0;background:#0f766e;transition:width .32s cubic-bezier(.4,0,.2,1)}.new-word-learning-chrome-progress{flex-shrink:0;width:100%;margin:0;padding:0;background:#fff}.new-word-learning-chrome-progress .new-word-learning-progress{width:100%}.new-word-learning-chrome-progress .new-word-learning-progress-track{width:100%;height:3px}.new-word-learning-complete-card{width:min(30rem,calc(100vw - 2rem));padding:2rem;border:1px solid #ccfbf1;border-radius:1.5rem;background:#fff;box-shadow:0 18px 45px #0f766e14;text-align:center}.new-word-match-card{max-width:38rem;margin:0 auto}.new-word-match-hanzi{margin:.75rem 0 1.25rem;font-size:4rem;font-weight:750;color:#134e4b;text-align:center}.new-word-match-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.new-word-match-slot{min-height:5rem;padding:.75rem;border:2px dashed #99f6e4;border-radius:1rem;background:#f8fafc;text-align:center}.new-word-match-slot.is-drag-over{border-color:#0f766e;background:#f0fdfa}.new-word-match-slot-label{display:block;margin-bottom:.35rem;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.new-word-match-slot-value{color:#134e4b;font-size:1rem;font-weight:650}.new-word-match-bank{margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc}.new-word-match-bank-title{margin-bottom:.75rem;color:#475569;font-size:.75rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.new-word-match-bank-group+.new-word-match-bank-group{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #e2e8f0}.new-word-match-bank-label{margin-bottom:.45rem;color:#64748b;font-size:.72rem;font-weight:650}.new-word-match-bank-options{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem}.new-word-match-option{width:auto;min-height:2.5rem;padding:.45rem .7rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;color:#134e4b;font-size:.85rem;line-height:1.3;font-weight:600;text-align:left;cursor:grab;box-shadow:0 1px 2px #0f172a0a}.new-word-match-option:hover,.new-word-match-option:focus-visible{border-color:#0f766e;background:#f0fdfa;outline:none}.new-word-match-option.is-used{opacity:.38}.new-word-match-option.is-dragging{opacity:.25}.new-word-match-drag-ghost{position:fixed;top:-1000px;left:-1000px;z-index:10050;max-width:16rem;padding:.55rem .85rem;border:1px solid #14b8a6;border-radius:.75rem;background:#fff;color:#134e4b;box-shadow:0 10px 24px #0f172a2e;font-size:.9rem;font-weight:650;white-space:nowrap;pointer-events:none}@media(max-width:560px){.new-word-match-slots{grid-template-columns:1fr}}.new-word-learning-question-wrap{width:100%;max-width:620px;margin:0 auto}.new-word-wiki-empty{font-size:.875rem;color:#94a3b8;font-style:italic}.new-word-wiki-kicker-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;width:auto;max-width:100%;margin:0 0 .35rem;padding:.15rem 0;border:none;background:transparent;cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#475569;text-align:left;border-radius:.5rem;transition:color .15s ease,background-color .15s ease}.new-word-wiki-kicker-toggle:hover{color:#0f766e;background:#f0fdfa}.new-word-wiki-kicker-toggle:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.new-word-wiki-kicker-chevron{flex-shrink:0;font-size:.8rem;color:#94a3b8;transition:transform .28s cubic-bezier(.4,0,.2,1),color .15s ease}.new-word-wiki-kicker-toggle:hover .new-word-wiki-kicker-chevron{color:#0d9488}[data-review-collapsible].is-open .new-word-wiki-kicker-chevron{transform:rotate(180deg);color:#0d9488}.new-word-wiki-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}[data-review-collapsible].is-open .new-word-wiki-collapsible{grid-template-rows:1fr}.new-word-wiki-collapsible-inner{overflow:hidden;min-height:0}.quiz-new-word-side-panel.is-review-collapsible:not(.is-open){background:#f8fafc}.quiz-new-word-side-panel.is-review-collapsible.is-open{background:transparent}.quiz-new-word-side-panel.is-review-collapsible .new-word-wiki-kicker-toggle{box-sizing:border-box;margin:1rem 1.15rem .5rem;padding:.2rem .35rem}.quiz-new-word-side-panel.is-review-collapsible.is-open .new-word-wiki-kicker-toggle{margin-bottom:0}.quiz-new-word-side-panel.is-review-collapsible.is-open .new-word-wiki{padding-top:.35rem}@media(max-width:900px){#flashcard-modal .bg-white:has(.quiz-new-word-layout.is-side){height:calc(100vh - 2rem)}.quiz-new-word-layout.is-side{flex-direction:column}.quiz-new-word-side-panel{flex:0 0 auto;width:100%!important;max-width:100%;max-height:38vh;border-left:none!important;border-right:none!important;border-bottom:1px solid #e2e8f0;direction:ltr}.quiz-split-handle{display:none}.quiz-new-word-main{width:100%;max-width:100%;flex:1 1 auto;min-height:0}.quiz-new-word-layout.is-side-left .quiz-side-rail-slot,.quiz-new-word-layout.is-side-right .quiz-side-rail-slot{left:50%;top:45%;transform:translate(-50%,-50%)}.quiz-new-word-layout.is-side-right .quiz-new-word-side-panel{order:2;border-bottom:none;border-top:1px solid #e2e8f0}}.quiz-pinyin-answer-reveal{text-decoration:underline;text-decoration-color:#0f766e;text-underline-offset:.18em;text-decoration-thickness:2px;font-weight:600;color:#0f766e}#flashcard-modal .quiz-sentence-display,#placement-modal .quiz-sentence-display{font-size:1.5625rem;line-height:2.1875rem}#flashcard-modal .quiz-sentence-pinyin,#placement-modal .quiz-sentence-pinyin,#flashcard-modal #quiz-sentence-translation,#placement-modal .placement-sentence-translation{font-size:1.09375rem;line-height:1.5625rem}#flashcard-modal #quiz-sentence-translation.quiz-sentence-translation--slot{min-height:1.5625rem;margin-top:.5rem}#flashcard-modal #quiz-sentence-translation.quiz-sentence-translation--slot.is-pending{visibility:hidden}#flashcard-modal #mc-options,#placement-modal #mc-options{margin-top:.75rem;margin-left:auto;margin-right:auto;width:100%}#flashcard-modal .quiz-context-line,#placement-modal .quiz-context-line{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.375rem;line-height:1.875rem;font-weight:400;color:#475569;margin-bottom:1.75rem}.quiz-sentence-block{display:flex;flex-direction:column;align-items:center;gap:.35rem}.quiz-sentence-row{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;max-width:100%}.quiz-sentence-row .quiz-sentence-display{min-width:0}.lesson-teaching-headword{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;margin-bottom:.75rem;width:100%}.lesson-teaching-audio-slot{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-teaching-hanzi{text-align:center}.lesson-build-target-glyph,.lesson-teaching-card .lesson-teaching-hanzi{font-size:72px;line-height:88px}.quiz-sentence-audio-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.quiz-sentence-audio-btn:hover:not(:disabled){background:#ccfbf1;border-color:#115e59;color:#115e59}.quiz-sentence-audio-btn:active:not(:disabled){transform:scale(.96)}.quiz-sentence-audio-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-sentence-audio-btn.is-playing{background:#0f766e;border-color:#0f766e;color:#fff}.quiz-sentence-audio-btn.quiz-sentence-audio-btn--lg{width:3.5rem;height:3.5rem;font-size:1.35rem}.practice-module-settings-modal{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:1rem}.practice-module-settings-modal.hidden{display:none}.practice-module-settings-backdrop{position:absolute;inset:0;background:#0f172a73}.practice-module-settings-dialog{position:relative;z-index:1;width:min(26rem,calc(100vw - 2rem));max-height:min(85vh,36rem);display:flex;flex-direction:column;background:#fff;border-radius:1.25rem;border:1px solid #e2e8f0;box-shadow:0 24px 48px #0f172a33;overflow:hidden}.practice-module-settings-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.practice-module-settings-title{font-size:1rem;font-weight:700;color:#0f766e}.practice-module-settings-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:none;background:transparent;color:#94a3b8;transition:color .15s ease,background .15s ease}.practice-module-settings-close:hover{color:#0f766e;background:#f0fdfa}.practice-module-settings-body{padding:1rem 1.15rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.practice-module-settings-section-title{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin-bottom:.45rem}.practice-module-settings-header-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:border-color .15s ease,color .15s ease,background .15s ease}.practice-module-settings-header-btn:hover,.practice-module-settings-header-btn[aria-expanded=true]{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.practice-module-settings-body .practice-tts-voice-menu{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:1px solid #e2e8f0;width:100%;max-width:none;padding:.35rem}.practice-module-settings-body .module-panel-settings-menu-section{border:1px solid #e2e8f0;border-radius:.75rem;padding:.35rem .5rem}.practice-module-settings-body .practice-tts-speed{width:100%;justify-content:stretch}.practice-module-settings-body .practice-tts-speed-btn{flex:1}.practice-tts-speed{display:inline-flex;align-items:center;gap:0;padding:2px;border-radius:9999px;border:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.practice-tts-speed-btn{appearance:none;border:none;background:transparent;color:#64748b;font-size:.7rem;font-weight:650;line-height:1;padding:.4rem .55rem;border-radius:9999px;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.practice-tts-speed-btn:hover{color:#0f766e;background:#f0fdfa}.practice-tts-speed-btn.is-active{background:#fff;color:#0f766e;box-shadow:0 1px 2px #0f172a14}.practice-tts-speed-btn:focus-visible{outline:2px solid #14b8a6;outline-offset:1px}@media(max-width:640px){.practice-tts-speed-btn{padding:.35rem .42rem;font-size:.65rem}}.practice-tts-voice-menu{min-width:14.5rem;max-width:min(20rem,90vw)}.practice-tts-voice-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;border:none;background:transparent;padding:.55rem .65rem;border-radius:.75rem;font-size:.8125rem;font-weight:550;color:#334155;cursor:pointer;transition:background .12s ease,color .12s ease}.practice-tts-voice-option:hover{background:#f0fdfa;color:#0f766e}.practice-tts-voice-option.is-active{background:#ccfbf1;color:#0f766e;font-weight:650}.practice-tts-voice-option-label{min-width:0;line-height:1.3;flex:1}.practice-tts-voice-option-main{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0;border:none;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.practice-tts-voice-check{flex-shrink:0;font-size:.7rem;color:#0d9488}.tts-voice-preview-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.tts-voice-preview-btn:hover{background:#ccfbf1;border-color:#0d9488;color:#0d9488}.tts-voice-preview-btn:active{transform:scale(.96)}.practice-tts-voice-option .tts-voice-preview-btn{width:1.75rem;height:1.75rem;font-size:.7rem}.guide-layout-width{max-width:var(--app-content-max)}.guide-module-layout-width{max-width:46.2rem}.guide-article-card{transition:border-color .15s ease,box-shadow .15s ease}.guide-article-card:hover{border-color:#99f6e4;box-shadow:0 4px 16px #0f766e14}.grammar-formula-card{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem 1.35rem;border-radius:1.25rem;cursor:pointer}.grammar-formula-card-main{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;flex:1 1 auto}.grammar-formula-card .grammar-formula-category{font-size:.75rem;margin-bottom:.5rem}.grammar-formula-card .grammar-formula-pattern{font-size:1.125rem;margin-bottom:.5rem}.grammar-formula-card .grammar-formula-title{font-size:1.125rem;line-height:1.35;margin-bottom:.4rem}.grammar-formula-card .grammar-formula-summary{font-size:.875rem;line-height:1.55}.grammar-formula-pattern{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:700;color:#0f766e;letter-spacing:.02em}.grammar-formula-pattern--detail{display:inline-block;font-size:1.35rem;padding:.35rem .85rem;border-radius:.85rem;background:#f0fdfa;border:1px solid #99f6e4;margin-bottom:1rem}.grammar-examples{display:flex;flex-direction:column;gap:.85rem;margin:1rem 0 1.25rem}.grammar-example{padding:1rem 1.25rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0}.grammar-example-hanzi{font-size:1.2rem;font-weight:600;color:#134e4b}.grammar-example-pinyin{font-size:.95rem;color:#0f766e;margin-top:.25rem}.grammar-example-english{font-size:.875rem;color:#64748b;margin-top:.35rem}.grammar-practice-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:.85rem;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.grammar-practice-btn:hover{background:#ccfbf1;border-color:#5eead4}.grammar-practice-btn i{font-size:.75rem}.grammar-order-quiz{margin-top:1.5rem;padding:1.25rem 1.35rem;border-radius:1.25rem;border:1px solid #99f6e4;background:linear-gradient(180deg,#f0fdfa,#fff 42%)}.grammar-order-quiz--module{margin-top:0;margin-left:auto;margin-right:auto;width:min(680px,100%);max-width:100%;padding:0;border:none;border-radius:0;background:transparent}.grammar-order-quiz--module .grammar-order-quiz-title{font-size:1.35rem}.grammar-order-quiz--module .grammar-order-quiz-sub{font-size:.9rem}.grammar-order-quiz--module.quiz-question-root{width:min(680px,100%);max-width:100%}.grammar-order-quiz--module.quiz-question-root .quiz-context-line.grammar-order-quiz-english{padding:0;border:none;background:transparent;border-radius:0;font-size:inherit;font-weight:500}.grammar-order-quiz--module.quiz-question-root .quiz-area{width:100%}.grammar-order-quiz--module.quiz-question-root .grammar-order-actions{margin-top:1rem}.grammar-order-quiz--module .grammar-order-quiz-english{font-size:1.05rem;padding:1rem 1.15rem}.grammar-order-quiz--module .grammar-order-tray{min-height:4.25rem;padding:1rem;gap:.65rem}.grammar-order-quiz--module .grammar-order-tile{min-width:3rem;padding:.7rem .85rem}.grammar-order-quiz--module .grammar-order-tile-hanzi{font-size:1.35rem}.grammar-order-tile--english{min-width:4.5rem;min-height:3.4rem}.grammar-order-tile-english{font-size:1.05rem;font-weight:750;color:#134e4b;line-height:1.2}.grammar-order-quiz-chinese-prompt{display:flex;align-items:center;justify-content:flex-start;gap:.65rem}.grammar-order-quiz-chinese-prompt-copy{display:flex;min-width:0;flex-direction:column;gap:.2rem}.grammar-order-quiz-chinese-prompt .chinese-text{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:750;color:#064e4b}.grammar-order-quiz-chinese-prompt .pinyin{color:#0f766e;font-size:1rem;font-weight:650}.translation-sentence-audio-btn{display:inline-grid;width:2.65rem;height:2.65rem;flex:0 0 2.65rem;place-items:center;margin:0;padding:0;border:1px solid #99f6e4;border-radius:50%;background:#f0fdfa;color:#0f766e;font-size:1rem;box-shadow:none}.translation-sentence-audio-btn:hover{border-color:#2dd4bf;background:#ccfbf1}.grammar-order-quiz-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.grammar-order-quiz-title{font-size:1rem;font-weight:700;color:#134e4b}.grammar-order-quiz-sub{margin-top:.25rem;font-size:.8125rem;color:#64748b;line-height:1.45}.grammar-order-quiz-english{margin:0 0 1rem;padding:.85rem 1rem;border-radius:.9rem;background:#fff;border:1px solid #e2e8f0;font-size:.95rem;font-weight:500;color:#334155;line-height:1.45}.grammar-order-tray{display:flex;flex-wrap:wrap;gap:.55rem;min-height:3.5rem;padding:.85rem;border-radius:1rem;background:#f8fafc;border:1px dashed #cbd5e1;user-select:none;touch-action:none}.grammar-order-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.75rem;padding:.55rem .7rem;border-radius:.85rem;border:1px solid #99f6e4;background:#fff;box-shadow:0 1px 2px #0f172a0a;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:box-shadow .15s ease,border-color .15s ease,transform .12s ease,opacity .12s ease}.grammar-order-tile:active{cursor:grabbing}.grammar-order-tile.is-dragging{opacity:.35;box-shadow:none;border-color:#99f6e4;transform:none;z-index:1}.grammar-order-drag-ghost{position:fixed;z-index:10050;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.75rem;padding:.55rem .7rem;border-radius:.85rem;border:1px solid #14b8a6;background:#fff;box-shadow:0 12px 28px #0f172a2e;transform:translate(-50%,-50%) scale(1.06);opacity:.96;touch-action:none;user-select:none}.grammar-order-drag-ghost .grammar-order-tile-hanzi{font-size:1.15rem;font-weight:700;color:#134e4b;line-height:1.2}.grammar-order-drag-ghost .grammar-order-tile-pinyin{margin-top:.2rem;font-size:.75rem;font-weight:500;color:#0f766e;line-height:1.2}.grammar-order-drag-ghost .grammar-order-tile-english{font-size:.95rem;font-weight:600;color:#134e4b;line-height:1.2}.grammar-order-tile.is-drop-target{border-color:#0f766e;background:#ecfdf5}.grammar-order-tile.is-insert-before{box-shadow:-3px 0 #0f766e,0 1px 2px #0f172a0a}.grammar-order-tile.is-insert-after{box-shadow:3px 0 #0f766e,0 1px 2px #0f172a0a}.grammar-order-tile-hanzi{font-size:1.15rem;font-weight:700;color:#134e4b;line-height:1.2}.grammar-order-tile-pinyin{margin-top:.2rem;font-size:.75rem;font-weight:500;color:#0f766e;line-height:1.2}.grammar-order-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center}.grammar-order-check-btn,.grammar-order-reset-btn,.grammar-order-show-btn{padding:.6rem 1.1rem;border-radius:.85rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.grammar-order-check-btn{border:1px solid #0f766e;background:#0f766e;color:#fff}.grammar-order-check-btn:hover:not(:disabled){background:#115e59;border-color:#115e59}.grammar-order-check-btn:disabled,.grammar-order-show-btn:disabled,.grammar-order-reset-btn:disabled{opacity:.45;cursor:default}.grammar-order-reset-btn,.grammar-order-show-btn{border:1px solid #cbd5e1;background:#fff;color:#334155}.grammar-order-reset-btn:hover:not(:disabled),.grammar-order-show-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.grammar-order-feedback{margin-top:.75rem;min-height:1.25rem;font-size:.875rem;font-weight:600}.grammar-order-feedback.is-correct{color:#047857}.grammar-order-feedback.is-wrong{color:#b91c1c}.grammar-order-tray.is-correct{border-style:solid;border-color:#6ee7b7;background:#ecfdf5}.grammar-order-tray.is-wrong{border-style:solid;border-color:#fca5a5;background:#fef2f2}.grammar-order-tray.is-drop-target{border-style:solid;border-color:#0f766e;background:#f0fdfa}.grammar-order-tile.is-fixed{cursor:default;opacity:.92;border-style:dashed;border-color:#cbd5e1;background:#f8fafc;box-shadow:none}.grammar-order-tile.is-movable{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e24;background:#ecfdf5}.grammar-order-tile.is-fixed.is-drop-target{border-color:#0f766e;background:#f0fdfa}.grammar-order-tile.is-fixed.is-insert-before{box-shadow:-3px 0 #0f766e}.grammar-order-tile.is-fixed.is-insert-after{box-shadow:3px 0 #0f766e}.grammar-order-bank{margin-top:.85rem;padding:.75rem .85rem;border-radius:1rem;border:1px dashed #99f6e4;background:#f0fdfa;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;min-height:3.5rem;user-select:none;touch-action:none}.grammar-order-bank-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;flex:0 0 auto}.grammar-order-bank-slot{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;flex:1 1 auto;min-height:2.75rem}.grammar-order-bank-slot:empty:after{content:"Placed in the sentence";font-size:.8rem;font-weight:500;color:#94a3b8;font-style:italic}.grammar-order-bank.is-drop-target{border-style:solid;border-color:#0f766e;background:#ccfbf1}.grammar-order-quiz--module .grammar-order-bank{min-height:4.25rem;padding:1rem}.grammar-choose-quiz{margin-left:auto;margin-right:auto;width:min(680px,100%);max-width:100%}.grammar-choose-sub{margin:0 0 1rem;font-size:.9rem;color:#64748b;line-height:1.45}.grammar-choose-option-pinyin{margin-top:.15rem;font-size:.8rem;color:#0f766e}.guide-article-body h2{font-size:1.25rem;font-weight:600;color:#134e4b;margin-top:1.75rem;margin-bottom:.75rem}.guide-article-body h2:first-child{margin-top:0}.guide-article-body p{margin-bottom:1rem;line-height:1.75;color:#334155}.guide-article-body ul,.guide-article-body ol{margin-bottom:1rem;padding-left:1.25rem;color:#334155;line-height:1.75}.guide-article-body ol{list-style:decimal}.guide-article-body li{margin-bottom:.35rem}.guide-article-body kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;font-weight:600;padding:.05rem .35rem;border-radius:.35rem;border:1px solid #cbd5e1;background:#f1f5f9;color:#0f172a}.guide-tone-list{list-style:none;padding-left:0}.guide-tone-list li{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.guide-tone-item-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.guide-tone-item-label{line-height:1.4}.guide-tone-examples{display:flex;flex-wrap:wrap;gap:.5rem}.guide-neutral-syllable{color:#5eead4;font-weight:700;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#5eead4;text-underline-offset:.15em}.syllables-neutral-section{margin:.35rem 0 1.75rem;padding:1.15rem 1.2rem 1.25rem;border:1px solid #e2e8f0;border-radius:1.35rem;background:#fff;box-shadow:0 1px 2px #0f172a0a}.syllables-neutral-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin-bottom:.55rem}.syllables-neutral-kicker{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.guide-article-body .syllables-neutral-title{margin:0;font-size:1.25rem;font-weight:700;color:#134e4a;letter-spacing:-.02em}.guide-article-body .syllables-neutral-lead{margin:0 0 1rem;color:#64748b;font-size:.92rem;line-height:1.55}.guide-article-body .syllables-neutral-lead a{color:#0f766e;font-weight:600;text-decoration:underline;text-underline-offset:.12em}.guide-article-body .syllables-neutral-lead a:hover{color:#115e59}.syllables-neutral-legend{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .85rem;padding:.35rem .65rem;border-radius:.65rem;background:#f0fdfa;border:1px solid #ccfbf1;color:#0f766e;font-size:.75rem;font-weight:600}.syllables-neutral-legend-dot{width:.55rem;height:.55rem;border-radius:999px;background:#14b8a6;box-shadow:0 0 0 3px #14b8a633;flex-shrink:0}.syllables-neutral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(min-width:560px){.syllables-neutral-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.syllables-neutral-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;margin:0;padding:.85rem .65rem .75rem;border:1px solid #e2e8f0;border-radius:1.1rem;background:#f8fafc;color:inherit;font:inherit;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease;text-align:center}.syllables-neutral-card:hover{border-color:#99f6e4;background:#f0fdfa;box-shadow:0 6px 16px -12px #0f766e59;transform:translateY(-1px)}.syllables-neutral-card:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.syllables-neutral-card-hanzi{display:flex;align-items:baseline;justify-content:center;gap:.05em;font-size:1.55rem;font-weight:700;line-height:1.15;color:#134e4a;letter-spacing:.02em}.syllables-neutral-card-pinyin{display:flex;align-items:baseline;justify-content:center;gap:.2em;font-size:.88rem;font-weight:600;color:#0f766e;font-variant-numeric:tabular-nums}.syllables-neutral-card .guide-neutral-syllable{color:#0f766e;font-weight:800;text-decoration:none;padding:0 .08em;border-radius:.25em;background:#99f6e473;box-shadow:inset 0 -2px #14b8a68c}.syllables-neutral-card-meta{margin-top:.15rem;font-size:.72rem;font-weight:600;color:#64748b;letter-spacing:.01em}.syllables-neutral-card-play{display:inline-flex;align-items:center;gap:.3rem;margin-top:.15rem;color:#94a3b8;font-size:.68rem;font-weight:600}.syllables-neutral-card:hover .syllables-neutral-card-play{color:#0f766e}.syllables-neutral-card-play i{font-size:.72rem}.guide-tone-mark{flex-shrink:0;display:block;width:4.5rem;align-self:center}.guide-tone-mark img{display:block;width:100%;height:auto;margin-inline:auto}.guide-tone-list li:nth-child(2) .guide-tone-mark img,.guide-tone-list li:nth-child(4) .guide-tone-mark img{width:76%}.guide-syllable-section{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.guide-sound-table{overflow:hidden;margin:1rem 0 1.5rem;border:1px solid #cbd5e1;border-radius:1rem;background:#fff;box-shadow:0 8px 24px -22px #0f172a8c}.guide-sound-table-section-title{padding:.7rem 1rem;background:#f0fdfa;border-bottom:1px solid #ccfbf1;color:#115e59;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-sound-table-section-title:not(:first-child){border-top:1px solid #cbd5e1}.guide-sound-table-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #e2e8f0}.guide-sound-table-row:last-child{border-bottom:0}.guide-sound-table-cell{min-height:3.2rem;padding:.7rem .35rem;border-right:1px solid #e2e8f0;background:#fff;color:#134e4a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}.guide-sound-table-cell:last-of-type{border-right:0}.guide-sound-table-cell:hover,.guide-sound-table-cell[aria-expanded=true]{background:#0f766e;color:#fff}.guide-sound-table-cell:focus-visible{position:relative;z-index:1;outline:3px solid rgba(45,212,191,.45);outline-offset:-3px}.guide-sound-table-options{display:none;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.8rem;border-top:1px solid #99f6e4;background:#f0fdfa}.guide-sound-table-options.is-open{display:grid;animation:guide-sound-options-in .16s ease-out}.guide-sound-table-options .guide-syllable-example{justify-content:center;padding:.55rem .35rem;border:1px solid #ccfbf1;border-radius:.7rem;background:#fff;font-size:1rem}@keyframes guide-sound-options-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.guide-sound-table-row{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-sound-table-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-syllable-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.35rem .7rem;background:#fff;border:1px solid #99f6e4;border-radius:.625rem;font-size:.95rem;font-weight:600;color:#0f766e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.guide-syllable-chip:hover{background:#f0fdfa;border-color:#5eead4}.guide-syllable-example{display:inline-flex;align-items:center;justify-content:flex-start;gap:.35rem;width:auto;min-width:0;padding:.15rem 0;background:none;border:none;border-radius:0;font-size:1.3rem;line-height:1.4;cursor:pointer;box-shadow:none;color:#0f766e;transition:color .15s ease,opacity .15s ease}.guide-syllable-example:hover,.guide-syllable-example:hover .guide-syllable-example-icon{color:#0d9488}.guide-syllable-example:active{opacity:.75}.guide-syllable-example-icon{flex-shrink:0;width:1.1rem;font-size:.845rem;color:#14b8a6;text-align:center;pointer-events:none}.guide-syllable-example-pinyin{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.3rem;font-weight:600;pointer-events:none;white-space:nowrap}.guide-article-callout{background:#f0fdfa;border:1px solid #99f6e4;border-radius:.75rem;padding:.875rem 1rem;margin-bottom:1rem}.guide-article-callout p{margin-bottom:0;line-height:1.65;color:#134e4b}.guide-article-callout strong{color:#0f766e}.script-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;overflow:hidden;border:1px solid #99f6e4;border-radius:1.35rem;background:linear-gradient(145deg,#f0fdfa,#fff 70%);box-shadow:0 18px 38px -32px #0f766ecc}.script-guide-kicker{display:block;margin-bottom:.45rem;color:#0d9488;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.script-guide-hero h2,.guide-article-body .script-guide-hero p{margin-bottom:0}.script-guide-hero h2{color:#123f3b;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.08}.guide-article-body .script-guide-hero p{margin-top:.7rem;color:#475569;line-height:1.65}.script-guide-hero-pair{display:flex;align-items:center;gap:.65rem}.script-guide-hero-glyph,.script-guide-pair-glyph{font-family:Noto Sans SC,Noto Sans TC,sans-serif}.script-guide-hero-glyph{display:grid;width:4.8rem;height:4.8rem;place-items:center;border:1px solid #ccfbf1;border-radius:1.2rem;background:#fff;color:#0f766e;font-size:2.5rem;font-weight:700;box-shadow:0 10px 25px -20px #0f766ebf}.script-guide-hero-arrow{color:#5eead4;font-size:1.1rem}.script-guide-facts,.script-guide-regions,.script-guide-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0 0 1.6rem}.script-guide-fact,.script-guide-region,.script-guide-decision{padding:1rem 1.05rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff}.script-guide-fact i,.script-guide-region i,.script-guide-decision i{margin-bottom:.65rem;color:#0d9488}.script-guide-fact strong,.script-guide-region strong,.script-guide-decision strong{display:block;margin-bottom:.3rem;color:#134e4a}.script-guide-fact span,.script-guide-region span,.script-guide-decision span{display:block;color:#64748b;font-size:.88rem;line-height:1.55}.script-guide-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1.6rem}.script-guide-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.45rem;padding:.8rem;border:1px solid #dbeafe;border-radius:.95rem;background:#f8fafc;text-align:center}.script-guide-pair-glyph{color:#0f172a;font-size:1.8rem;font-weight:650}.script-guide-pair-arrow{color:#94a3b8;font-size:.72rem}.script-guide-pair small{grid-column:1 / -1;color:#64748b;font-size:.72rem}.script-guide-patterns{margin-bottom:1.6rem;overflow:hidden;border:1px solid #e2e8f0;border-radius:1rem}.script-guide-pattern{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0}.script-guide-pattern:last-child{border-bottom:0}.script-guide-pattern strong{color:#0f766e}.script-guide-pattern span{color:#475569;line-height:1.55}.script-guide-pattern .script-guide-pair-glyph,.guide-article-callout .script-guide-pair-glyph{display:inline;color:inherit;font-size:1.08em;font-weight:650}@media(max-width:639px){.script-guide-hero{grid-template-columns:1fr}.script-guide-hero-pair{justify-content:center}.script-guide-facts,.script-guide-regions,.script-guide-decisions,.script-guide-pairs{grid-template-columns:1fr}.script-guide-pattern{grid-template-columns:1fr;gap:.25rem}}.neutral-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.4rem;margin-bottom:2rem;padding:1.5rem;border:1px solid #bae6fd;border-radius:1.35rem;background:linear-gradient(145deg,#f0f9ff,#fff 70%);box-shadow:0 18px 38px -32px #0369a1a6}.neutral-guide-kicker{display:block;margin-bottom:.45rem;color:#0284c7;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.neutral-guide-hero h2,.guide-article-body .neutral-guide-hero p{margin-bottom:0}.neutral-guide-hero h2{color:#0c4a6e;font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.08}.guide-article-body .neutral-guide-hero p{margin-top:.7rem;color:#475569;line-height:1.65}.neutral-guide-rhythm{display:flex;align-items:flex-end;gap:.5rem;min-width:10rem;padding:1rem;border:1px solid #e0f2fe;border-radius:1.1rem;background:#fff}.neutral-guide-beat{display:grid;flex:1;place-items:center;border-radius:999px;background:#0ea5e9;color:#fff;font-family:Noto Sans SC,sans-serif;font-weight:700}.neutral-guide-beat--full{width:4.2rem;height:4.2rem;font-size:1.4rem}.neutral-guide-beat--light{width:2.75rem;height:2.75rem;background:#bae6fd;color:#0369a1;font-size:.95rem}.neutral-guide-contrast,.neutral-guide-examples,.neutral-guide-quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.6rem}.neutral-guide-card,.neutral-guide-example,.neutral-guide-quiz-card{padding:1rem 1.05rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff}.neutral-guide-card strong,.neutral-guide-example strong,.neutral-guide-quiz-card strong{display:block;margin-bottom:.3rem;color:#0f766e}.neutral-guide-card span,.neutral-guide-example span,.neutral-guide-quiz-card span{display:block;color:#64748b;font-size:.88rem;line-height:1.55}.neutral-guide-example-main{display:flex!important;align-items:baseline;gap:.55rem;margin-bottom:.45rem}.neutral-guide-example-main b{color:#0f172a;font-family:Noto Sans SC,sans-serif;font-size:1.45rem}.neutral-guide-example-main em{color:#0369a1;font-size:.9rem;font-style:normal;font-weight:700}.neutral-guide-patterns{margin-bottom:1.6rem;overflow:hidden;border:1px solid #e2e8f0;border-radius:1rem}.neutral-guide-pattern{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0}.neutral-guide-pattern:last-child{border-bottom:0}.neutral-guide-pattern strong{color:#0369a1}.neutral-guide-pattern span{color:#475569;line-height:1.55}@media(max-width:639px){.neutral-guide-hero,.neutral-guide-contrast,.neutral-guide-examples,.neutral-guide-quiz-grid{grid-template-columns:1fr}.neutral-guide-rhythm{justify-self:center}.neutral-guide-pattern{grid-template-columns:1fr;gap:.25rem}}.ime-platform-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.7rem}.ime-platform-nav a{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-size:.82rem;font-weight:700;text-decoration:none}.ime-platform-nav a:hover{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.ime-script-picker{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0 1.5rem;padding:.85rem 1rem;border:1px solid #ccfbf1;border-radius:1rem;background:#f8fafc}.ime-script-picker-copy strong,.ime-script-picker-copy span{display:block}.ime-script-picker-copy strong{color:#134e4a;font-size:.9rem}.ime-script-picker-copy span{margin-top:.15rem;color:#64748b;font-size:.76rem}.ime-script-picker-buttons{display:inline-flex;flex:0 0 auto;gap:.25rem;padding:.25rem;border-radius:.8rem;background:#e2e8f0}.ime-script-picker-btn{padding:.48rem .72rem;border:0;border-radius:.62rem;background:transparent;color:#64748b;font-size:.78rem;font-weight:800;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.ime-script-picker-btn.is-active{background:#fff;color:#0f766e;box-shadow:0 2px 8px #0f172a1a}[data-ime-script-panel][hidden]{display:none!important}.ime-platform-card{scroll-margin-top:6rem;margin-bottom:1.4rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:1.15rem;background:#fff}.ime-platform-heading{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.ime-platform-icon{display:grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;border-radius:.75rem;background:#f0fdfa;color:#0f766e}.ime-platform-heading h2,.ime-platform-heading p{margin:0}.ime-platform-heading h2{color:#134e4a;font-size:1.2rem}.ime-platform-heading p{margin-top:.15rem;color:#64748b;font-size:.8rem}.guide-article-body .ime-steps{counter-reset:ime-step;margin:0;padding:0;list-style:none}.guide-article-body .ime-steps li{position:relative;min-height:2.2rem;margin:0 0 .75rem;padding:.15rem 0 0 2.75rem;color:#475569;line-height:1.6}.guide-article-body .ime-steps li:last-child{margin-bottom:0}.guide-article-body .ime-steps li:before{counter-increment:ime-step;content:counter(ime-step);position:absolute;top:0;left:0;display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:#e6fffb;color:#0f766e;font-size:.78rem;font-weight:800}.ime-done,.ime-note,.ime-warning{display:flex;align-items:flex-start;gap:.65rem;margin-top:1rem;padding:.8rem .9rem;border-radius:.85rem;font-size:.85rem;line-height:1.55}.ime-done{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46}.ime-note{border:1px solid #bae6fd;background:#f0f9ff;color:#075985}.ime-warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e}.ime-troubleshoot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.ime-troubleshoot-item{padding:.95rem 1rem;border:1px solid #e2e8f0;border-radius:.9rem;background:#f8fafc}.ime-troubleshoot-item strong{display:block;margin-bottom:.3rem;color:#334155}.ime-troubleshoot-item span{color:#64748b;font-size:.84rem;line-height:1.5}@media(max-width:639px){.ime-troubleshoot{grid-template-columns:1fr}.ime-script-picker{align-items:stretch;flex-direction:column}.ime-script-picker-buttons{display:grid;grid-template-columns:1fr 1fr}}.character-basics-intro{overflow:hidden;margin-bottom:2rem;border:1px solid #99f6e4;border-radius:1.35rem;background:linear-gradient(145deg,#f0fdfa,#fff 68%);box-shadow:0 16px 35px -30px #0f766ebf}.character-basics-intro-main{padding:1.4rem 1.5rem 1.15rem}.character-basics-intro-kicker{display:block;margin-bottom:.45rem;color:#0d9488;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-article-body .character-basics-intro-lead{margin:0;color:#134e4a;font-size:1.15rem;font-weight:650;line-height:1.55}.character-basics-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ccfbf1;border-top:1px solid #ccfbf1}.character-basics-example{display:flex;align-items:center;gap:.85rem;padding:1rem 1.5rem;background:#fffffff0}.character-basics-example-hanzi{color:#0f766e;font-size:2rem;font-weight:800;line-height:1}.character-basics-example-copy{display:flex;flex-direction:column;color:#475569;font-size:.8rem;line-height:1.3}.character-basics-example-copy strong{color:#134e4a;font-size:.95rem}.character-basics-stroke-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #ccfbf1;color:#334155;line-height:1.55}.character-basics-stroke-note i{margin-top:.22rem;color:#0d9488}@media(max-width:520px){.character-basics-examples{grid-template-columns:1fr}}.character-strokes-intro{margin-bottom:1rem;color:#475569;line-height:1.6}.character-strokes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.character-stroke-card{display:grid;grid-template-columns:3.15rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:5.25rem;padding:.85rem;border:1px solid #dbe7e5;border-radius:1rem;background:#fff;box-shadow:0 8px 20px -20px #0f172a99}.character-stroke-mark{display:inline-flex;align-items:center;justify-content:center;width:3.15rem;height:3.15rem;border-radius:.85rem;background:#f0fdfa;color:#0f766e;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:2rem;font-weight:700;line-height:1}.character-stroke-copy{display:flex;flex-direction:column;min-width:0}.character-stroke-copy strong{color:#134e4a;font-size:.9rem}.character-stroke-copy span{margin-top:.15rem;color:#64748b;font-size:.76rem;line-height:1.35}.character-strokes-tip{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 1.5rem;padding:.85rem 1rem;border-radius:.9rem;background:#f8fafc;color:#475569;font-size:.88rem;line-height:1.5}.character-strokes-tip i{margin-top:.2rem;color:#0d9488}@media(max-width:700px){.character-strokes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.character-strokes-grid{grid-template-columns:1fr}}.stroke-order-rules-intro{margin-bottom:1rem;color:#475569;line-height:1.6}.stroke-order-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.stroke-order-rule{display:grid;grid-template-columns:2rem minmax(0,1fr) 3rem;align-items:center;gap:.75rem;min-height:5rem;padding:.9rem 1rem;border:1px solid #dbe7e5;border-radius:1rem;background:#fff}.stroke-order-rule:last-child:nth-child(odd){grid-column:1 / -1}.stroke-order-rule-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#0f766e;color:#fff;font-size:.78rem;font-weight:800}.stroke-order-rule-copy{display:flex;flex-direction:column;min-width:0}.stroke-order-rule-copy strong{color:#134e4a;font-size:.92rem}.stroke-order-rule-copy span{margin-top:.15rem;color:#64748b;font-size:.78rem;line-height:1.35}.stroke-order-rule-example{position:relative;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.7rem;background:#f8fafc;color:#0f766e;font-size:1.9rem;font-weight:750;line-height:1;text-align:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.stroke-order-rule-example:hover{background:#f0fdfa;transform:translateY(-1px)}.stroke-order-rule-example:focus-visible{outline:none;box-shadow:0 0 0 3px #2dd4bf52}.stroke-order-rule-example.is-animating{background:#f0fdfa;box-shadow:0 7px 18px -13px #0f766ecc}.stroke-order-rule-example-writer{width:3rem;height:3rem;pointer-events:none}.stroke-order-rule-example-replay{position:absolute;right:-.25rem;bottom:-.25rem;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0f766e;color:#fff;font-size:.48rem;box-shadow:0 2px 5px #0f766e4d}@media(max-width:620px){.stroke-order-rules{grid-template-columns:1fr}.stroke-order-rule:last-child:nth-child(odd){grid-column:auto}}.radicals-overview{overflow:hidden;margin-bottom:1.5rem;border:1px solid #bfdbfe;border-radius:1.35rem;background:#fff}.radicals-overview-hero{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:1.1rem;padding:1.35rem 1.5rem;background:linear-gradient(135deg,#eff6ff,#f0fdfa)}.radicals-overview-symbol{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border:4px solid #fff;border-radius:1.2rem;background:#0e7490;color:#fff;font-size:3rem;font-weight:800;box-shadow:0 8px 18px -12px #0e7490cc}.radicals-overview-copy strong{display:block;margin-bottom:.3rem;color:#164e63;font-size:1.1rem}.radicals-overview-copy span{color:#475569;font-size:.88rem;line-height:1.5}.radicals-water-examples{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.radicals-water-examples span{padding:.3rem .55rem;border:1px solid #bae6fd;border-radius:.65rem;background:#ffffffd1;color:#0e7490;font-size:.8rem;font-weight:700}.radicals-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e2e8f0;border-top:1px solid #e2e8f0}.radicals-check{padding:1rem;background:#fff}.radicals-check-number{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;margin-bottom:.55rem;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:.72rem;font-weight:800}.radicals-check strong{display:block;color:#334155;font-size:.85rem;line-height:1.4}.radicals-dictionary-hint{display:flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.8rem}.radicals-dictionary-hint i{color:#0d9488}@media(max-width:620px){.radicals-checklist{grid-template-columns:1fr}}.writing-practice-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.writing-practice-step{position:relative;padding:1rem;border:1px solid #dbe7e5;border-radius:1rem;background:#fff}.writing-practice-step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.7rem;border-radius:.65rem;background:#f0fdfa;color:#0f766e;font-size:.78rem;font-weight:800}.writing-practice-step strong{display:block;color:#134e4a;font-size:.88rem;line-height:1.35}.writing-practice-step span:last-child{display:block;margin-top:.3rem;color:#64748b;font-size:.76rem;line-height:1.4}.writing-practice-app-note{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;border-radius:.9rem;background:#f8fafc;color:#475569;font-size:.85rem;line-height:1.5}.writing-practice-app-note i{color:#0d9488}.writing-practice-challenge{padding:1.15rem 1.25rem;border:1px solid #99f6e4;border-radius:1.1rem;background:linear-gradient(145deg,#f0fdfa,#fff)}.writing-practice-challenge strong{color:#115e59}.writing-practice-characters{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.writing-practice-characters span{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:1px solid #ccfbf1;border-radius:.7rem;background:#fff;color:#0f766e;font-size:1.35rem;font-weight:700}.writing-practice-challenge small{display:block;color:#64748b;font-size:.8rem}.writing-systems-card{overflow:hidden;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:1.2rem;background:#fff}.writing-systems-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.writing-system-option{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.25rem}.writing-system-option+.writing-system-option{border-left:1px solid #e2e8f0}.writing-system-glyph{color:#0f766e;font-size:2.2rem;font-weight:800;line-height:1}.writing-system-copy strong{display:block;color:#134e4a;font-size:.9rem}.writing-system-copy span{color:#64748b;font-size:.76rem}.writing-systems-footer{display:flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.8rem}.writing-systems-footer kbd{margin-left:auto}@media(max-width:720px){.writing-practice-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.writing-practice-flow,.writing-systems-options{grid-template-columns:1fr}.writing-system-option+.writing-system-option{border-top:1px solid #e2e8f0;border-left:0}}.greetings-hero{margin-bottom:2rem;padding:1.5rem;border:1px solid #99f6e4;border-radius:1.35rem;background:#fff}.greetings-hero--lesson-title{display:flex;align-items:center;min-height:8.5rem;border-color:#bfdbfe;background:#fff;box-shadow:0 18px 36px -32px #2563eb59}.greetings-hero--lesson-title h1{margin:0;color:#1e3a8a;font-size:clamp(1.8rem,5vw,2.65rem);font-weight:800;line-height:1.08;letter-spacing:-.045em}.greeting-phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.greeting-phrase-card{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;min-height:9.25rem;padding:1.1rem 1.2rem;border:1px solid #dbe7e5;border-radius:1rem;background:#fff;box-shadow:0 9px 22px -22px #0f172ab3}.greeting-phrase-hanzi{display:block;margin-bottom:.42rem;color:#164e63;font-size:1.5rem;font-weight:800;line-height:1.2}.greeting-phrase-pinyin{display:block;color:#0d9488;font-size:1.2rem;font-weight:800;line-height:1.3}.greeting-phrase-meaning{display:block;margin-top:.32rem;color:#334155;font-size:1.05rem;font-weight:750;line-height:1.35}.greeting-phrase-explanation{display:block;max-width:24rem;margin-top:.55rem;color:#475569;font-size:.78rem;line-height:1.45}.greeting-phrase-explanation strong{color:#0f766e;font-weight:750}.greeting-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid #99f6e4;border-radius:999px;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.greeting-audio-btn:hover{background:#0f766e;color:#fff;transform:translateY(-1px)}.greeting-pronoun-note{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:1.5rem;padding:.75rem .9rem;border-radius:.85rem;background:#f8fafc;color:#64748b;font-size:.8rem;line-height:1.5}.greeting-pronoun-note i{margin-top:.2rem;color:#0d9488}.greeting-dialogue{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;padding:1.2rem;border:1px solid #e2e8f0;border-radius:1.15rem;background:#f8fafc}.greeting-dialogue-line{max-width:82%;padding:.75rem 1rem;border-radius:1rem 1rem 1rem .3rem;background:#fff;color:#334155;box-shadow:0 5px 16px -15px #0f172ab3}.greeting-dialogue-line:nth-child(2n){align-self:flex-end;border-radius:1rem 1rem .3rem;background:#ccfbf1}.greeting-dialogue-line strong{color:#134e4a}.greeting-dialogue-line span{display:block;margin-top:.15rem;color:#64748b;font-size:.75rem}.greeting-practice{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.greeting-practice-question{padding:1.1rem;border:1px solid #dbe7e5;border-radius:1rem;background:#fff}.guide-article-body .greeting-practice-prompt{margin:0 0 .8rem;color:#134e4a;font-size:1.12rem;font-weight:750;line-height:1.45}.greeting-practice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.greeting-practice-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;width:100%;min-height:3.6rem;padding:.78rem .85rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;color:#334155;font-size:1rem;font-weight:650;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.greeting-practice-choice.chinese-text{font-size:1.2rem}.greeting-practice-option-shell{display:flex;align-items:stretch;gap:0;min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;transition:background .15s ease,border-color .15s ease}.greeting-practice-audio-btn{display:inline-flex;flex:0 0 2.65rem;align-items:center;justify-content:center;border:0;border-left:1px solid #e2e8f0;border-radius:0;background:transparent;color:#0f766e;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.greeting-practice-audio-btn:hover{border-color:#115e59;background:#f0fdfa;color:#115e59}.greeting-practice-prompt-audio{width:1.85rem;height:1.85rem;margin-left:.32rem;padding:0;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;vertical-align:middle}.greeting-practice-choice .greeting-practice-choice-gloss{color:#64748b;font-size:.78rem;font-weight:600;line-height:1.2}.greeting-practice-choice.is-correct .greeting-practice-choice-gloss{color:#047857}.greeting-practice-choice.is-wrong .greeting-practice-choice-gloss{color:#b91c1c}.greeting-practice-choice:hover:not(:disabled){border-color:#0f766e;background:#f0fdfa;color:#0f766e}.greeting-practice-choice.is-correct{border-color:#065f46;background:#ecfdf5;color:#065f46}.greeting-practice-choice.is-wrong{border-color:#991b1b;background:#fef2f2;color:#991b1b}.greeting-practice-choice:disabled{cursor:default}.greeting-practice-option-shell .greeting-practice-choice,.greeting-practice-option-shell .greeting-practice-choice:hover,.greeting-practice-option-shell .greeting-practice-choice.is-correct,.greeting-practice-option-shell .greeting-practice-choice.is-wrong{border:0;border-radius:0;background:transparent}.greeting-practice-option-shell:hover:not(.is-correct):not(.is-wrong){border-color:#5eead4;background:#f0fdfa}.greeting-practice-option-shell.is-correct{border-color:#10b981;background:#ecfdf5}.greeting-practice-option-shell.is-wrong{border-color:#f87171;background:#fef2f2}.greeting-practice-option-shell.is-correct .greeting-practice-audio-btn{border-left-color:#a7f3d0}.greeting-practice-option-shell.is-wrong .greeting-practice-audio-btn{border-left-color:#fecaca}.guide-article-body .greeting-practice-feedback{min-height:1.25rem;margin:.7rem 0 0;color:#64748b;font-size:.8rem;font-weight:650}.greeting-practice-feedback.is-correct{color:#059669}.greeting-practice-feedback.is-wrong{color:#dc2626}.first-words-required-practice{width:100%}.first-words-practice-choice-hanzi{font-size:2rem;font-weight:900;line-height:1.15}.first-words-practice-choice-pinyin{margin-top:.35rem;color:#0f766e;font-size:.95rem;font-weight:700}.first-words-practice-choice-meaning{font-size:1.15rem;font-weight:750;line-height:1.3}.beginner-inline-pinyin{display:block;margin-top:.2rem;color:#0f766e;font-size:.9rem;font-weight:650;line-height:1.25}.greetings-level-choice .beginner-inline-pinyin,.greeting-practice-option-shell .beginner-inline-pinyin,.first-words-review-choice .beginner-inline-pinyin{margin-top:.28rem}.greetings-level-context .beginner-inline-pinyin{margin-top:.35rem;font-size:1rem}[data-answer-type=pinyin] .beginner-inline-pinyin,[data-answer-type=pinyin] .first-words-practice-choice-pinyin,[data-hide-pinyin] .beginner-inline-pinyin{display:none!important}.first-words-practice-key{position:absolute;top:.4rem;left:.4rem;display:inline-flex;width:1.15rem;height:1.15rem;place-items:center;align-items:center;justify-content:center;border:0;border-radius:9999px;background:#f1f5f9;color:#64748b;font-size:.625rem;font-weight:600;line-height:1;pointer-events:none}.first-words-practice-choice-audio{position:absolute;top:.65rem;right:.7rem;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;color:#0f766e;background:#f0fdfa;font-size:.85rem}.first-words-practice-choice-audio:hover{background:#ccfbf1}.practice-choice-key{position:absolute;top:.4rem;left:.4rem;display:inline-flex;width:1.15rem;height:1.15rem;align-items:center;justify-content:center;border-radius:9999px;background:#f1f5f9;color:#64748b;font-size:.625rem;font-weight:600;line-height:1;pointer-events:none}.guide-sound-quiz-answer:has(.practice-choice-key),.guide-sound-quiz-tone-btn:has(.practice-choice-key),.greetings-level-choice:has(.practice-choice-key),[data-greeting-choice]:has(.practice-choice-key){position:relative}.guide-sound-quiz-answer.is-kb-focus,.guide-sound-quiz-tone-btn.is-kb-focus,.greetings-level-choice.is-kb-focus,[data-greeting-choice].is-kb-focus,.first-words-review-choice.is-kb-focus{border-color:#0d9488!important;background:#ecfdf5!important;box-shadow:0 0 0 2px #0d948859}.names-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.8fr);gap:1.4rem;align-items:center;margin-bottom:2.4rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.75rem;border:1px solid #99f6e4;background:linear-gradient(135deg,#f0fdfa,#ccfbf1 62%,#ecfeff);color:#134e4a;overflow:hidden}.names-guide-hero-kicker{display:block;margin-bottom:.65rem;color:#0f766e;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.guide-article-body .names-guide-hero h2{margin:0 0 .7rem;color:#134e4a;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.08}.guide-article-body .names-guide-hero p{margin:0;color:#475569}.names-guide-hero-question{padding:1.2rem;border:1px solid #99f6e4;border-radius:1.35rem 1.35rem .3rem;background:#ffffffc7;box-shadow:0 .75rem 1.6rem #0f766e1a;backdrop-filter:blur(8px)}.names-guide-hero-question .chinese-text{display:block;color:#134e4a;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:800}.names-guide-hero-question .pinyin{display:block;margin-top:.35rem;color:#0f766e;font-weight:700}.names-guide-phrase-list{display:grid;gap:.9rem;margin:1rem 0 2.2rem}.names-guide-phrase{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.1rem 1.2rem;border-bottom:1px solid #dbeafe}.names-guide-phrase-number{color:#5eead4;font-size:1.8rem;font-weight:900}.names-guide-phrase-main .chinese-text{display:block;color:#134e4a;font-size:1.55rem;font-weight:800}.names-guide-phrase-main .pinyin{color:#0f766e;font-weight:700}.guide-article-body .names-guide-phrase-main p{margin:.4rem 0 0;color:#64748b;font-size:.9rem}.names-pattern-board{margin:1rem 0 2.2rem;padding:1.5rem;border:1px solid #99f6e4;border-radius:1.5rem;background:#f0fdfa}.u2-grammar-formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;margin-bottom:1.15rem;padding:.9rem 1rem;border-radius:1rem;background:#fff;color:#14b8a6;font-size:clamp(1rem,2.5vw,1.25rem);box-shadow:0 .25rem .8rem #0f766e12}.u2-grammar-formula strong{color:#134e4a;font-weight:900}.counting-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1rem 0 2rem}.counting-sequence-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:6rem;border:1px solid #ccfbf1;border-radius:1.25rem;background:linear-gradient(145deg,#f0fdfa,#fff);box-shadow:0 12px 25px -22px #0f766eb3;position:relative;cursor:pointer;font-family:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.counting-sequence-item:hover{transform:translateY(-2px);border-color:#5eead4;box-shadow:0 16px 30px -22px #0f766ecc}.counting-sequence-audio{position:absolute;top:.65rem;right:.7rem;color:#14b8a6;font-size:.72rem}.counting-sequence-item .chinese-text{font-size:1.8rem;font-weight:800;color:#134e4a}.counting-sequence-item .pinyin{margin-top:.15rem;font-size:.78rem;color:#0f766e}.counting-sequence-item small{margin-top:.15rem;color:#64748b;font-weight:700}@media(max-width:640px){.counting-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}.names-pattern-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.names-pattern-row+.names-pattern-row{margin-top:1rem;padding-top:1rem;border-top:1px dashed #99f6e4}.names-pattern-chip{padding:.55rem .8rem;border-radius:.8rem;background:#fff;color:#134e4a;font-weight:800;box-shadow:0 .2rem .6rem #0f766e14}.names-pattern-plus{color:#0f766e;font-weight:900}.names-pattern-result{margin-left:auto;color:#475569;font-size:.88rem;font-weight:700}.sentence-breakdown{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.sentence-breakdown-word{min-width:4.5rem;padding:.5rem .65rem;border:1px solid #ccfbf1;border-radius:.7rem;background:#f0fdfa;text-align:center}.sentence-breakdown-word .chinese-text{display:block;color:#134e4a;font-size:1rem;font-weight:800}.sentence-breakdown-word .pinyin{display:block;color:#0f766e;font-size:.68rem;font-weight:700}.sentence-breakdown-word small{display:block;margin-top:.15rem;color:#64748b;font-size:.68rem}@media(max-width:640px){.guide-module-immersive-header #flashcard-modal-title{max-width:calc(100% - 4.5rem)}.names-guide-hero{grid-template-columns:1fr}.names-guide-phrase{grid-template-columns:2.2rem minmax(0,1fr) auto;padding-inline:0}.names-pattern-result{width:100%;margin-left:0}}.u2-section-label{display:inline-flex;margin-bottom:.55rem;color:#0f766e;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.family-person{min-width:7rem;padding:.8rem;border:1px solid #99f6e4;border-radius:1rem;background:#fff}.family-person .chinese-text{display:block;font-size:1.35rem;font-weight:850}.family-person .pinyin{display:block;color:#0f766e;font-size:.75rem}.family-person small{display:block;margin-top:.2rem;color:#64748b}.family-have-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;margin:1rem 0 2.2rem;padding:1.4rem;border:1px solid #99f6e4;border-radius:1.4rem;background:linear-gradient(135deg,#f0fdfa,#ecfeff);color:#134e4a;text-align:center}.family-have-panel .chinese-text{display:block;font-size:1.6rem;font-weight:850}.family-have-panel .pinyin{color:#0f766e}.family-have-symbol{color:#14b8a6;font-size:1.8rem;font-weight:900}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"]{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"] .greeting-phrase-card{min-height:0;padding:.75rem}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"] .greeting-phrase-hanzi{font-size:1.55rem}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"] .greeting-phrase-explanation{display:none}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"] .greeting-audio-btn{width:2.1rem;height:2.1rem;font-size:.72rem}.age-ladder{display:grid;gap:.75rem;margin:1rem 0 2.2rem}.age-ladder-row{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center}.age-ladder-label{color:#0f766e;font-size:.75rem;font-weight:850;text-transform:uppercase}.age-ladder-speech{padding:.9rem 1rem;border-radius:.3rem 1rem 1rem;background:#ecfeff}.age-ladder-speech .chinese-text{display:block;color:#134e4a;font-size:1.15rem;font-weight:800}.question-compare{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0 2.2rem}.question-compare-card{padding:1.2rem;border-top:4px solid #14b8a6;border-radius:1rem;background:#f8fafc}.question-compare-card .chinese-text{display:block;color:#134e4a;font-size:1.3rem;font-weight:850}.question-compare-card .pinyin{color:#0f766e;font-size:.8rem}@media(max-width:640px){.question-compare,.family-have-panel{grid-template-columns:1fr}.family-have-symbol{transform:rotate(90deg)}.guide-article-body .greeting-phrase-grid[aria-label="Chinese numbers one through ten"]{grid-template-columns:repeat(2,minmax(0,1fr))}.age-ladder-row{grid-template-columns:1fr;gap:.25rem}}.greetings-level-quiz{display:flex;flex-direction:column;justify-content:center}.greetings-level-stats{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.55rem;color:#64748b;font-size:.78rem;font-weight:700}.greetings-level-progress{width:100%;height:.65rem;overflow:hidden;margin-bottom:1.35rem;border-radius:999px;background:#e2e8f0}.greetings-level-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:#0d9488;transition:width .32s cubic-bezier(.4,0,.2,1)}.guide-module-immersive-header~.practice-shell-body .greetings-level-progress{position:fixed;top:var(--immersive-header-h, 4rem);left:0;right:0;z-index:22;width:100%;height:3px;margin:0;border-radius:0;background:#ccfbf1;pointer-events:none}.guide-module-immersive-header~.practice-shell-body .greetings-level-progress-fill{border-radius:0;background:#0f766e}.guide-article-body .greetings-level-prompt{margin:0 0 1.2rem;color:#134e4a;font-size:1.2rem;font-weight:750;line-height:1.5;text-align:center}.greetings-level-prompt .chinese-text{display:block;margin-top:.35rem;font-size:2.1rem}.greetings-level-context{display:flex;align-items:center;justify-content:center;min-height:4rem;margin:-.25rem 0 1.35rem;padding:.8rem 1.2rem;border:1px solid #e2e8f0;border-radius:1.1rem;background:#f8fafc;color:#134e4a;text-align:center}.greetings-level-context-hanzi{font-size:2.5rem;font-weight:750;line-height:1.15}.greetings-level-context-english{font-size:1.35rem;font-weight:750}.greetings-level-listen{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:4rem;height:4rem;margin:0 0 1.35rem;border:4px solid #fff;border-radius:999px;background:#0f766e;color:#fff;font-size:1.2rem;box-shadow:0 7px #115e59,0 15px 25px -17px #0f766ee6;cursor:pointer}.greetings-level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.greetings-level-choice{min-height:4rem;padding:.8rem;border:2px solid #e2e8f0;border-radius:1rem;background:#fff;color:#334155;font-size:.95rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.greetings-level-choice:hover:not(:disabled){border-color:#0f766e;background:#f0fdfa;color:#0f766e}.greetings-level-choice.is-correct{border-color:#065f46;background:#ecfdf5;color:#065f46}.greetings-level-choice.is-wrong{border-color:#991b1b;background:#fef2f2;color:#991b1b}.greetings-level-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;margin-top:1rem}.greetings-level-feedback{color:#64748b;font-size:.88rem;font-weight:700}.greetings-level-next-question{padding:.7rem 1.1rem;border:1px solid #0f766e;border-radius:.85rem;background:#0f766e;color:#fff;font-size:.85rem;font-weight:700}.greetings-level-complete{display:flex;min-height:18rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}.greetings-level-complete-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;border-radius:999px;background:#0f766e;color:#fff;font-size:1.35rem}.greetings-level-complete h3{margin:0;color:#134e4a;font-size:1.5rem;font-weight:800}.greetings-level-complete p{margin:.4rem 0 1.15rem;color:#64748b;font-size:.9rem}@media(max-width:580px){.greetings-level-options{grid-template-columns:1fr}}@media(max-width:520px){.greeting-practice-options{grid-template-columns:1fr}}@media(max-width:560px){.greeting-phrase-grid{grid-template-columns:1fr}}.guide-umlaut-card{margin:1.25rem 0 1.5rem;padding:1.25rem;border:1px solid #99f6e4;border-radius:1.25rem;background:linear-gradient(145deg,#f0fdfa,#fff 72%);box-shadow:0 12px 28px -24px #0f766ecc}.guide-umlaut-card-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.guide-umlaut-symbol{width:3.25rem;height:3.25rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:1rem;background:#0f766e;color:#fff;font-size:1.8rem;font-weight:800;box-shadow:0 5px #115e59}.guide-umlaut-card-title{margin:0;color:#134e4a;font-size:1.1rem;font-weight:800}.guide-umlaut-card-subtitle{margin:.15rem 0 0;color:#64748b;font-size:.85rem;line-height:1.45}.guide-umlaut-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.guide-umlaut-rule{padding:.9rem;border:1px solid #e2e8f0;border-radius:.9rem;background:#fff}.guide-umlaut-rule-label{display:block;margin-bottom:.25rem;color:#0f766e;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.guide-umlaut-rule p{margin:0;color:#475569;font-size:.88rem;line-height:1.5}.guide-umlaut-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.guide-umlaut-example{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;border-radius:.8rem;background:#f8fafc}.guide-umlaut-example .pinyin{font-size:1.05rem;font-weight:800;color:#0f766e}.guide-umlaut-example small{color:#64748b;font-size:.75rem}@media(max-width:520px){.guide-umlaut-rules,.guide-umlaut-examples{grid-template-columns:1fr}}.guide-article-practice-reminder{margin-top:2rem;padding:1.25rem 1.5rem;background:#ecfdf5;border:2px solid #14b8a6;border-radius:1rem;font-size:1.2rem;font-weight:700;line-height:1.5;color:#0f766e;text-align:center}.guide-basics-quiz-section{padding:1.5rem;background:#f0fdfa;border:1px solid #99f6e4;border-radius:1rem}.guide-basics-quiz-section-body{padding-inline:.75rem}.guide-basics-quiz-section-body>h2{margin:0 0 .5rem;font-size:1.25rem;color:#0f766e}.guide-basics-quiz-section-body>p{margin:0 0 1.25rem;color:#475569;line-height:1.5}.guide-sound-quiz-level-desc{margin:0 0 1rem;font-size:.875rem;color:#115e59;line-height:1.45}.guide-sound-quiz{margin:1.5rem 0;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.guide-article-body:has(.guide-basics-quiz-page){width:min(100%,62rem);max-width:62rem}.guide-basics-quiz-page{display:flex;flex-direction:column;gap:2rem}.guide-basics-quiz-section-body{max-width:47rem;margin-inline:auto;padding-inline:0}.guide-basics-quiz-section-body>h2{margin-bottom:.55rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.035em;text-align:center}.guide-basics-quiz-section-body>p,.guide-sound-quiz-level-desc{text-align:center}.guide-sound-quiz--dedicated{margin:0;background:#fffffff0;min-height:18rem;padding:2rem;border:1px solid rgba(153,246,228,.9);border-radius:1.35rem;box-shadow:0 14px 34px -26px #0f172aa6}.guide-sound-quiz--dedicated .guide-sound-quiz-prompt{font-size:1.15rem;font-weight:700;text-align:center}.guide-sound-quiz--dedicated .guide-sound-quiz-prompt strong{display:inline-block;margin-left:.15rem;font-size:1.75rem}.guide-sound-quiz--dedicated .guide-sound-quiz-options{gap:.8rem}.guide-sound-quiz--dedicated .guide-sound-quiz-option-row{gap:.9rem}.guide-sound-quiz--dedicated .guide-sound-quiz-play{width:3.25rem;height:3.25rem;border-width:2px;font-size:1rem}.guide-sound-quiz--dedicated .guide-sound-quiz-answer,.guide-sound-quiz--dedicated .guide-sound-quiz-tone-btn{min-height:3.25rem;padding:.9rem 1.15rem;border-radius:1rem;font-size:1rem;font-weight:700}.guide-sound-quiz--dedicated.unit-review-quiz{justify-content:center}.guide-sound-quiz--dedicated .unit-review-question{display:flex;flex-direction:column;justify-content:center}.guide-sound-quiz--dedicated .guide-sound-quiz-prompt-row{justify-content:center}.guide-sound-quiz--dedicated .guide-sound-quiz-prompt,.guide-sound-quiz--dedicated .unit-review-question .guide-sound-quiz-prompt{text-align:center}.guide-sound-quiz-skip-btn{margin-right:auto;padding:.95rem 1.5rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;color:#64748b;font-size:1.05rem;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.guide-sound-quiz-skip-btn:hover{border-color:#475569;background:#f8fafc;color:#475569}.guide-sound-quiz--dedicated .guide-sound-quiz-play-row{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:6.25rem;margin:1.25rem 0 1.6rem}.guide-sound-quiz--dedicated .guide-sound-quiz-play-row .guide-sound-quiz-play{width:5rem;height:5rem;font-size:1.75rem}.guide-sound-quiz--dedicated .guide-sound-quiz-pinyin-context{min-height:6.25rem;margin-bottom:1.6rem;font-size:clamp(2.5rem,7vw,3.8rem)}.guide-sound-quiz--dedicated .guide-sound-quiz-feedback{min-height:1.5rem;margin-top:1rem;font-size:.95rem;text-align:center}.guide-sound-quiz--dedicated .guide-sound-quiz-nav{margin-top:1.4rem}@media(max-width:720px){.guide-sound-quiz--dedicated{min-height:16rem;padding:1.25rem}}.guide-sound-quiz-prompt{margin:0 0 1rem;font-size:1rem;color:#134e4b;line-height:1.5}.guide-sound-quiz-prompt strong{font-size:1.25rem;color:#0f766e}.guide-sound-quiz-options{display:flex;flex-direction:column;gap:.5rem}.guide-sound-quiz-option-row{display:flex;align-items:center;gap:.75rem}.guide-sound-quiz-play{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #99f6e4;border-radius:9999px;background:#ccfbf1;color:#0f766e;font-size:.875rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.guide-sound-quiz-play:hover{background:#99f6e4;border-color:#5eead4}.guide-sound-quiz-answer{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;font-weight:500;color:#334155;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.guide-sound-quiz-answer:hover:not(:disabled){border-color:#99f6e4;background:#f0fdfa}.guide-sound-quiz-answer.is-selected{border-color:#0f766e;background:#f0fdfa}.guide-sound-quiz-answer.is-correct{border-color:#065f46;background:#ecfdf5;color:#065f46}.guide-sound-quiz-answer.is-wrong{border-color:#991b1b;background:#fef2f2;color:#991b1b}.guide-sound-quiz-answer:disabled{cursor:default;opacity:.85}.guide-sound-quiz-feedback{min-height:1.25rem;margin:.75rem 0 0;font-size:.875rem;font-weight:500;color:#64748b}.guide-sound-quiz-feedback.is-correct{color:#059669}.guide-sound-quiz-feedback.is-wrong{color:#dc2626}.unit-review-quiz{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.unit-review-progress{display:flex;align-items:center;gap:.85rem;margin-bottom:.25rem}.unit-review-progress-track{flex:1;height:.55rem;overflow:hidden;border-radius:999px;background:#ffffffe6}.unit-review-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:#0d9488;transition:width .32s cubic-bezier(.4,0,.2,1)}.unit-review-progress-label{display:none}.unit-review-question{padding:1.25rem;border:1px solid #e2e8f0;border-radius:1rem;background:transparent}.unit-review-question.hidden{display:none}.unit-review-question-number{margin-bottom:.35rem;color:#0d9488;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;visibility:hidden}.unit-review-question .guide-sound-quiz-prompt{margin-bottom:.85rem;font-weight:700}.guide-article-body:has(.unit-review-quiz){width:min(100%,70rem);max-width:70rem}.guide-article-body:has(.unit-review-quiz)>h1{margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:800;letter-spacing:-.045em;text-align:center}.unit-review-quiz{min-height:32rem;gap:2rem;margin-top:0;padding:2.75rem 3rem;border:1px solid #e2e8f0;border-radius:1.75rem;background:#fff;box-shadow:0 24px 55px -38px #0f172a2e}.unit-review-progress{width:min(60vw,54rem);max-width:100%;margin:0 auto .75rem}.unit-review-progress-track{height:.9rem;border:1px solid #dbe4e7;background:#ffffffe6;box-shadow:inset 0 1px 2px #0f172a0f}.unit-review-progress-label{min-width:6rem;color:#0f766e;font-size:1rem}.unit-review-question{width:min(100%,58rem);min-height:21rem;margin-inline:auto;padding:.5rem 0;border:0;border-radius:0;background:transparent;box-shadow:none}.unit-review-question-number{margin-bottom:.9rem;font-size:.92rem;letter-spacing:.12em}.unit-review-question .guide-sound-quiz-prompt{margin-bottom:1.75rem;color:#134e4a;font-size:clamp(1.55rem,3vw,2rem);line-height:1.45}.unit-review-listen-btn{display:inline-flex;align-items:center;gap:.65rem;min-height:3.5rem;margin:-.65rem 0 1.35rem;padding:.75rem 1.25rem;border:2px solid #5eead4;border-radius:999px;background:#fff;color:#0f766e;font-size:1rem;font-weight:800;box-shadow:0 12px 24px -18px #0f766ecc;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.unit-review-listen-btn:hover{transform:translateY(-1px);border-color:#14b8a6;background:#f0fdfa}.unit-review-listen-btn:focus-visible{outline:3px solid rgba(20,184,166,.25);outline-offset:3px}.unit-review-question .guide-sound-quiz-options{gap:1rem}.unit-review-question .guide-sound-quiz-answer{min-height:4.25rem;padding:1.15rem 1.4rem;border-width:2px;border-radius:1.15rem;font-size:1.2rem;font-weight:700}.unit-review-question .guide-sound-quiz-answer.chinese-text{font-size:1.9rem}.unit-review-question .first-words-review-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:4.5rem;text-align:center}.unit-review-question .guide-sound-quiz-prompt,.unit-review-question .unit-review-question-number{text-align:center}.unit-review-question .review-mcq-options--stacked{grid-template-columns:minmax(0,1fr)}.unit-review-question .review-mcq-choice{padding-block:.85rem;padding-inline:2rem 1rem}.review-mcq-choice-text{font-size:.95rem;font-weight:500;line-height:1.35;text-wrap:balance}.unit-review-question .first-words-review-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,42rem);margin-inline:auto}.first-words-required-practice .unit-review-question,.u2-review-unified .unit-review-question{width:min(100%,48rem);min-height:0;text-align:center}.u2-review-unified .unit-review-question-number{visibility:hidden}.u2-review-unified .unit-review-listen-btn{margin:0 auto 1.25rem}.u2-review-unified .guide-sound-quiz-prompt .chinese-text{display:inline-block;margin-inline:.12em;font-size:1.45em;font-weight:850;line-height:1;vertical-align:-.08em}.first-words-grammar-practice-question [data-first-words-grammar-host]{width:100%;text-align:left}.first-words-grammar-practice-question .grammar-order-quiz--module{width:100%;max-width:none}.first-words-grammar-practice-question .grammar-order-quiz-english{font-size:1.15rem}.first-words-grammar-practice-question .grammar-order-tray{min-height:5.25rem}#flashcard-modal .bg-white>.border-b.flex.items-center.justify-between{flex-wrap:nowrap;align-items:center;min-height:3.5rem;box-sizing:border-box;gap:.75rem}#flashcard-modal .bg-white>.border-b #flashcard-modal-title{flex:1 1 auto;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.25}#flashcard-modal .bg-white>.border-b>.flex.items-center{flex:0 1 auto;flex-wrap:nowrap!important;min-width:0;max-width:70%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#flashcard-modal .bg-white>.border-b>.flex.items-center::-webkit-scrollbar{display:none}#flashcard-modal #flashcard-progress{flex-shrink:0;white-space:nowrap}.guide-module-immersive-header{--immersive-header-h: 4rem;position:relative;z-index:20;display:flex;align-items:center;width:100%;height:var(--immersive-header-h);min-height:var(--immersive-header-h);max-height:var(--immersive-header-h);box-sizing:border-box;padding:1rem 1.5rem!important;border-width:0!important;border-style:solid!important;border-color:#e5e7eb!important;background:#fff!important;pointer-events:auto;flex-shrink:0}.guide-module-immersive-header #flashcard-modal-title{display:block;max-width:40%;overflow:hidden;color:#0f172a;font-size:1rem;line-height:1.25;font-weight:600;letter-spacing:normal;text-align:left;text-overflow:ellipsis;white-space:nowrap}.guide-module-immersive-header>.flex{margin-left:auto;flex:0 0 auto!important;max-width:none!important;overflow:visible!important}.guide-module-immersive-header #quiz-close-btn{position:static;transform:none;display:inline-flex;width:2rem;height:2rem;flex:0 0 2rem;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#94a3b8;box-shadow:none;backdrop-filter:none;pointer-events:auto}.guide-module-immersive-header #quiz-close-btn:hover{color:#334155}.guide-module-body--immersive-quiz{--immersive-progress-top: var(--immersive-header-h, 4rem);--immersive-content-pad-top: 1.5rem;background:#fff}.guide-module-body--immersive-quiz .unit-review-quiz{position:relative;min-height:100%;margin:0;padding:var(--immersive-content-pad-top) clamp(1.25rem,5vw,4rem) 3rem;border:0;border-radius:0;background:transparent;box-shadow:none}.guide-module-body--immersive-quiz .unit-review-progress{position:fixed;top:var(--immersive-progress-top);left:0;right:0;z-index:22;display:block;width:100%;max-width:none;margin:0;padding:0;gap:0;transform:none;pointer-events:none}.guide-module-body--immersive-quiz .unit-review-progress-track{height:3px;border:0;border-radius:0;background:#ccfbf1;box-shadow:none}.guide-module-body--immersive-quiz .unit-review-progress-fill{border-radius:0;background:#0f766e}.guide-module-body--immersive-quiz .unit-review-progress-label{display:none}.guide-module-body--immersive-quiz .guide-basics-quiz-page,.guide-module-body--immersive-quiz .guide-basics-quiz-section-body{width:100%;max-width:none}.guide-module-body--immersive-quiz .guide-sound-quiz--dedicated{width:min(100%,58rem);min-height:0;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.guide-module-body--immersive-quiz .guide-sound-quiz--dedicated.unit-review-quiz{min-height:100%;padding:var(--immersive-content-pad-top) clamp(1.25rem,5vw,4rem) 3rem;justify-content:center}.guide-module-body--immersive-quiz .guide-sound-quiz-nav{justify-content:flex-end;margin-top:1rem}.unit-review-question .first-words-review-choice .first-words-practice-choice-hanzi{font-size:1.9rem}.unit-review-question .first-words-review-choice .first-words-practice-choice-pinyin{font-size:.95rem}.unit-review-question .guide-sound-quiz-feedback{min-height:1.75rem;margin-top:1.25rem;font-size:1.08rem}.unit-review-quiz .unit-review-next-btn{min-width:9rem;justify-content:center;padding:.95rem 1.5rem;border-radius:1rem;font-size:1.05rem}@media(max-width:640px){.unit-review-quiz{min-height:25rem;padding:1.5rem 1.1rem;border-radius:1.35rem}.unit-review-question{min-height:20rem;padding:.25rem 0}.unit-review-progress{width:100%}.unit-review-question .first-words-review-options{grid-template-columns:1fr;width:min(100%,24rem)}.guide-module-body--immersive-quiz .unit-review-quiz{padding-top:var(--immersive-content-pad-top);padding-inline:1.1rem;padding-bottom:2rem;border-radius:0}.guide-module-body--immersive-quiz .unit-review-progress{top:var(--immersive-progress-top);width:100%}}.unit-review-next-row{display:flex;justify-content:flex-end;margin-top:1rem}.unit-review-next-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.15rem;border:1px solid #0f766e;border-radius:.85rem;background:#0f766e;color:#fff;font-size:.875rem;font-weight:700;transition:background .15s ease,opacity .15s ease,transform .15s ease}.unit-review-next-btn:hover:not(:disabled){background:#115e59;transform:translateY(-1px)}.unit-review-next-btn:disabled{opacity:.3;cursor:not-allowed}.unit-review-next-btn:focus-visible{outline:3px solid rgba(45,212,191,.35);outline-offset:2px}.first-words-match-prompt{margin:0 auto 1.35rem;color:#064e4a;font-size:clamp(1.45rem,3vw,2rem);font-weight:850;text-align:center}.first-words-match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,7vw,4.5rem);width:min(100%,42rem);margin:0 auto}.first-words-match-column{display:grid;gap:.7rem}.first-words-match-choice{display:grid;min-height:4.6rem;padding:.7rem .9rem;place-items:center;border:2px solid #dbe5ee;border-radius:1rem;background:#fffffff0;color:#16324f;font-size:1rem;font-weight:800;text-align:center;box-shadow:0 8px 20px #0f172a0a;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}.first-words-match-choice.chinese-text{font-size:1.8rem}.first-words-match-choice-main{line-height:1.15}.first-words-match-choice-pinyin{margin-top:.28rem;color:#0d9488;font-size:.78rem;font-weight:650;line-height:1.15}.first-words-match-choice:hover:not(:disabled){border-color:#5eead4;transform:translateY(-1px)}.first-words-match-choice.is-selected{border-color:#0f766e;background:#f0fdfa;color:#0f766e;box-shadow:0 0 0 3px #2dd4bf29}.first-words-match-choice.is-paired{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.first-words-match-choice.is-matched{border-color:#047857;background:#ecfdf5;color:#047857;opacity:.72}.first-words-match-choice.is-wrong{border-color:#be123c;background:#fff1f2;color:#be123c;animation:first-words-match-shake .28s ease}.first-words-match-actions{display:flex;justify-content:space-between;align-items:center;width:min(100%,42rem);margin:1rem auto 0}.first-words-match-skip{padding:.62rem .9rem;border-radius:.8rem;color:#64748b;font-size:.85rem;font-weight:750}.first-words-match-skip:hover{background:#f1f5f9;color:#334155}@keyframes first-words-match-shake{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@media(max-width:520px){.first-words-match-board{gap:1.15rem}.first-words-match-column{gap:.55rem}.first-words-match-choice{min-height:4.2rem;padding:.55rem .45rem;font-size:.82rem}.first-words-match-choice.chinese-text{font-size:1.5rem}}.unit-review-summary{position:relative;overflow:hidden;padding:2.5rem 1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;color:#115e59;text-align:center;box-shadow:0 18px 45px -30px #0f172a29;animation:unit-review-result-in .55s cubic-bezier(.22,1,.36,1) both}.unit-review-result-icon{width:4.5rem;height:4.5rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;border:5px solid #fff;border-radius:999px;background:linear-gradient(145deg,#2dd4bf,#0f766e);color:#fff;font-size:1.6rem;box-shadow:0 8px #115e59,0 18px 30px -18px #0f766ed9;animation:unit-review-icon-pop .65s .15s cubic-bezier(.34,1.56,.64,1) both}.unit-review-result-kicker{margin:0 0 .35rem;color:#0d9488;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.unit-review-result-title{margin:0;color:#134e4a;font-size:1.45rem;font-weight:800;letter-spacing:-.025em}.unit-review-result-score{display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin-top:.8rem;color:#0f766e}.unit-review-result-score strong{font-size:2.7rem;font-weight:850;line-height:1;letter-spacing:-.06em}.unit-review-result-score span{font-size:1rem;font-weight:700;color:#5f8f89}@keyframes unit-review-result-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unit-review-icon-pop{0%{opacity:0;transform:scale(.35) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.unit-review-summary,.unit-review-result-icon{animation:none}}.guide-sound-quiz-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.guide-sound-quiz-batch-complete{text-align:center;padding:.5rem 0}.guide-sound-quiz-batch-complete-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#0f766e}.guide-sound-quiz-batch-complete-text{margin:0 0 1.25rem;font-size:.9375rem;color:#475569;line-height:1.5}.guide-sound-quiz-batch-complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.guide-sound-quiz-batch-btn{padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.guide-sound-quiz-batch-btn--primary{border:1px solid #0f766e;background:#0f766e;color:#fff}.guide-sound-quiz-batch-btn--primary:hover{background:#115e59;border-color:#115e59}.guide-sound-quiz-batch-btn--secondary{border:1px solid #99f6e4;background:#fff;color:#0f766e}.guide-sound-quiz-batch-btn--secondary:hover:not(:disabled){background:#ccfbf1;border-color:#5eead4}.guide-sound-quiz-batch-btn:disabled{opacity:.35;cursor:default}.guide-sound-quiz-play-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.guide-sound-quiz-play-label{font-size:.9375rem;color:#475569}.guide-sound-quiz-pinyin-context{display:flex;align-items:center;justify-content:center;width:min(100%,16rem);min-height:5rem;margin:0 auto 1.25rem;padding:.8rem 1.4rem;border:1px solid #99f6e4;border-radius:1.2rem;background:linear-gradient(145deg,#f0fdfa,#fff);color:#134e4a;font-size:2.35rem;font-weight:850;letter-spacing:.02em;box-shadow:0 14px 28px -24px #0f766ebf}.guide-sound-quiz-tone-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:480px){.guide-sound-quiz-tone-options{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-sound-quiz-tone-wrap{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.guide-sound-quiz-tone-btn{padding:.75rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease}.guide-sound-quiz-tone-btn:hover:not(:disabled){border-color:#99f6e4;background:#f0fdfa}.guide-sound-quiz-tone-btn.is-selected{border-color:#0f766e;background:#f0fdfa}.guide-sound-quiz-tone-btn.is-correct{border-color:#065f46;background:#ecfdf5;color:#065f46}.guide-sound-quiz-tone-btn.is-wrong{border-color:#991b1b;background:#fef2f2;color:#991b1b}.guide-sound-quiz-tone-tip{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.35rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;box-shadow:0 6px 16px #0f172a14;animation:guide-tone-tip-in .18s ease}.guide-sound-quiz-tone-tip.hidden{display:none}@keyframes guide-tone-tip-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.guide-sound-quiz-tone-tip-pinyin{font-size:.8125rem;font-weight:600;color:#0f766e;min-width:0}.guide-sound-quiz-tone-tip-play{flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #99f6e4;border-radius:999px;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .15s ease,border-color .15s ease}.guide-sound-quiz-tone-tip-play:hover{background:#ccfbf1;border-color:#5eead4}.guide-sound-quiz-tone-tip-play:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #14b8a6}.guide-sound-quiz-tone-btn:disabled{cursor:default;opacity:.85}.guide-sound-quiz-answer.is-keyboard-choice,.guide-sound-quiz-tone-btn.is-keyboard-choice{background:#ecfdf5;border-color:#0d9488;box-shadow:0 0 0 2px #0d948859}.guide-sound-quiz--keyboard-active .guide-sound-quiz-answer:hover:not(:disabled):not(.is-keyboard-choice),.guide-sound-quiz--keyboard-active .guide-sound-quiz-tone-btn:hover:not(:disabled):not(.is-keyboard-choice){background:#fff;border-color:#e2e8f0}.guide-sound-quiz--keyboard-active .guide-sound-quiz-answer.is-keyboard-choice:hover:not(:disabled),.guide-sound-quiz--keyboard-active .guide-sound-quiz-tone-btn.is-keyboard-choice:hover:not(:disabled){background:#ecfdf5;border-color:#0d9488}.guide-sound-quiz-answer:focus,.guide-sound-quiz-tone-btn:focus,.guide-sound-quiz-play:focus,.guide-sound-quiz:focus{outline:none}.guide-sound-quiz-prompt-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.guide-sound-quiz-prompt-row .guide-sound-quiz-prompt{margin:0}.guide-sound-quiz-type-help{flex-shrink:0}.guide-sound-quiz-type-help .info-popover{width:18rem;z-index:30}.guide-sound-quiz-type-help-list{display:flex;flex-direction:column;gap:.75rem}.guide-sound-quiz-type-help-item{display:flex;flex-direction:column;gap:.25rem}.guide-sound-quiz-type-help-label{font-size:.75rem;font-weight:600;color:#134e4b}.guide-sound-quiz-type-help-text{font-size:.8125rem;line-height:1.45;color:#475569}.guide-sound-quiz-type-help-examples{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.guide-sound-quiz-type-help-examples code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:.4rem;padding:.15rem .4rem}.guide-sound-quiz-type-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.guide-sound-quiz-type-input{flex:1 1 12rem;min-width:0;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#334155;background:#fff}.guide-sound-quiz-type-input:focus{outline:none;border-color:#5eead4;box-shadow:0 0 0 2px #5eead440}.guide-sound-quiz-type-input.is-correct{border-color:#059669;background:#ecfdf5}.guide-sound-quiz-type-input.is-wrong{border-color:#f87171;background:#fef2f2}.guide-sound-quiz-type-submit{padding:.75rem 1.25rem;border:1px solid #0f766e;border-radius:.75rem;background:#0f766e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.guide-sound-quiz-type-submit:hover:not(:disabled){background:#115e59}.guide-sound-quiz-type-submit:disabled{opacity:.5;cursor:default}.guide-sound-quiz-type-reveal{margin:.5rem 0 0;font-size:.875rem;color:#475569}.guide-sound-quiz-type-reveal strong{color:#0f766e}.guide-module-body{position:relative;flex:1;min-height:0}.lesson-report-anchor{position:absolute;right:1rem;bottom:1rem;z-index:25;pointer-events:none}.lesson-report-anchor>*{pointer-events:auto}#guide-module-scroll{height:100%}html.tutorial-scroll-locked,.tutorial-scroll-locked{overflow-y:hidden!important;overscroll-behavior:contain}#guide-module-content{padding-bottom:5.5rem}.guide-module-welcome{max-width:36rem}.guide-module-welcome h1{font-size:1.75rem;font-weight:600;color:#134e4a;margin:0 0 1.25rem;letter-spacing:-.02em}.guide-module-welcome h2{font-size:1.05rem;font-weight:600;color:#0f766e;margin:1.5rem 0 .5rem}.guide-module-welcome p{font-size:1rem;line-height:1.65;color:#334155;margin:0 0 .85rem}.guide-module-welcome-cta{margin-top:1.75rem;padding:1rem 1.15rem;border-radius:1rem;background:#f0fdfa;border:1px solid #99f6e4;color:#0f766e;font-size:1rem;font-weight:600;line-height:1.5}.guide-module-nav-overlay{position:absolute;inset:auto 0 0;height:0;pointer-events:none;z-index:2}.guide-module-nav-overlay .guide-module-nav-btn{pointer-events:auto}.guide-module-nav-btn--prev{position:absolute;left:1.25rem;bottom:1.25rem}.guide-module-nav-btn--next{position:absolute;right:1.25rem;bottom:1.25rem}.guide-module-body--lesson-blocks .guide-module-nav-btn--prev{left:auto;right:calc(50% + 2.75rem)}.guide-module-body--lesson-blocks .guide-module-nav-btn--next{right:auto;left:calc(50% + 2.75rem)}.guide-module-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.guide-module-nav-btn:hover:not(:disabled){border-color:#0f766e;color:#0f766e;background:#f0fdfa}.guide-module-nav-btn:disabled{opacity:.35;cursor:default}.guide-complete-btn-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.guide-module-completion-footer{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:3rem;padding:2rem 0 1rem}.guide-module-completion-footer.hidden{display:none}.guide-module-completion-note{margin:0;color:#64748b;font-size:.82rem;line-height:1.45;text-align:center}.guide-module-completion-footer .guide-complete-btn{min-width:11rem;justify-content:center;padding:.8rem 1.5rem;border:1px solid #115e59;border-radius:1rem;background:#fff;color:#115e59;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px -9px #0f766e99;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.guide-module-completion-footer .guide-complete-btn:hover{background:#115e59;color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px -11px #0f766ee6}.guide-module-completion-footer .guide-complete-btn:focus-visible{outline:3px solid rgba(45,212,191,.38);outline-offset:3px}.account-destructive-btn{position:relative;isolation:isolate}.account-destructive-btn.is-clearing-progress{background-color:#fef2f2;border-color:#fca5a5}.account-destructive-btn.is-clearing-progress:before{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px solid rgba(220,38,38,.55);box-shadow:0 0 1.1rem #dc262666;animation:reset-progress-btn-glow 1.35s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes reset-progress-btn-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}#flashcard-modal.is-opening{animation:quiz-modal-open-fade var(--quiz-module-fade-duration) var(--quiz-module-fade-easing)}#flashcard-modal.is-preparing{opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}#flashcard-modal.is-closing{animation:quiz-modal-close-fade var(--quiz-module-fade-duration) var(--quiz-module-fade-easing) forwards;pointer-events:none}@keyframes quiz-modal-open-fade{0%{opacity:0}to{opacity:1}}@keyframes quiz-modal-close-fade{0%{opacity:1}to{opacity:0}}.practice-ai-toggle-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:1rem;border:1px solid #e2e8f0;color:#475569;background:#fff;transition:border-color .15s ease,color .15s ease,background-color .15s ease,box-shadow .15s ease;flex-shrink:0;cursor:pointer}.practice-ai-toggle-btn:hover{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.practice-ai-toggle-btn.is-active{border-color:#0f766e;color:#0f766e;background:#ccfbf1;box-shadow:0 0 0 1px #2dd4bf59}.practice-ai-toggle-btn .practice-ai-toggle-label{font-weight:600;font-size:.75rem}.practice-ai-toggle-btn--floating{position:absolute;left:1.5rem;bottom:1.5rem;z-index:35;padding:.625rem .9rem;border-color:#2dd4bf73;box-shadow:0 .5rem 1.5rem #0f766e1f}.practice-ai-toggle-btn--floating.is-active,.practice-shell-body.is-ai-open~.hey-ailu-speak-mic--floating,.practice-ai-toggle-btn--floating.is-active~.hey-ailu-speak-mic--floating,.hey-ailu-speak-mic--floating.is-ai-hidden{opacity:0;visibility:hidden;pointer-events:none}#flashcard-modal:has(.practice-shell-body.is-ai-open) .hey-ailu-panel{display:none!important}@media(max-width:640px){.practice-ai-toggle-btn--floating{left:1rem;bottom:1rem}}.practice-ai-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;color:#0d9488}#flashcard-modal .bg-white:has(.practice-shell-body){display:flex;flex-direction:column;min-height:0}.practice-shell-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;width:100%}.practice-shell-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.practice-shell-body.is-ai-open .practice-shell-main,.practice-shell-body.is-ai-open .quiz-new-word-main{min-width:var(--practice-quiz-main-min, 42.5rem)}.practice-shell-main>.quiz-new-word-layout,.practice-shell-main>.flex-1{flex:1 1 auto;min-height:0}.practice-ai-host{--practice-ai-open-w: min(22rem, 36vw);flex:0 0 auto;width:0;min-width:0;max-width:none;overflow:hidden;opacity:1;border-right:1px solid transparent;transition:width .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1);background:linear-gradient(180deg,#f7fcfb,#f8fafc);will-change:width}.practice-ai-host.is-open{width:var(--practice-ai-open-w);border-right-color:#e2e8f0;overflow:hidden;display:flex;flex-direction:column;align-self:stretch;min-height:0}.practice-shell-body.is-ai-splitting .practice-ai-host{transition:none!important;will-change:auto}.practice-ai-split-handle{display:none;flex:0 0 6px;width:6px;position:relative;z-index:6;cursor:col-resize;touch-action:none;user-select:none;flex-shrink:0;background:transparent;transition:background-color .12s ease}.practice-shell-body.is-ai-open .practice-ai-split-handle{display:block}.practice-ai-split-handle:before{content:"";position:absolute;inset:0 -5px}.practice-ai-split-handle:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:2.75rem;border-radius:9999px;background:#cbd5e1;transform:translate(-50%,-50%);opacity:.85;pointer-events:none}.practice-ai-split-handle:hover,.practice-ai-split-handle:focus-visible,.practice-shell-body.is-ai-splitting .practice-ai-split-handle{background:#99f6e4;outline:none}.practice-ai-split-handle:hover:after,.practice-ai-split-handle:focus-visible:after,.practice-shell-body.is-ai-splitting .practice-ai-split-handle:after{background:#0f766e}body.is-ai-splitting{cursor:col-resize!important;user-select:none!important}.hey-ailu-panel{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:40;width:min(420px,calc(100% - 2rem));pointer-events:none}.hey-ailu-card{pointer-events:auto;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,118,110,.14);border-radius:1.25rem;padding:.9rem 1rem .85rem;box-shadow:0 18px 40px #0f172a1f,0 0 0 1px #fff9 inset}.hey-ailu-panel.hey-ailu-enter{animation:hey-ailu-card-in .22s ease-out}@keyframes hey-ailu-card-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hey-ailu-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.hey-ailu-card--chrome .hey-ailu-header{margin-bottom:0}.hey-ailu-header-left{display:flex;align-items:center;gap:.55rem;min-width:0}.hey-ailu-header-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.hey-ailu-title{font-size:.95rem;font-weight:700;color:#0f766e;letter-spacing:-.01em}.hey-ailu-mark{color:#14b8a6;font-size:.85rem}.hey-ailu-panel .hey-ailu-x,.hey-ailu-panel .hey-ailu-expand,.hey-ailu-panel .hey-ailu-audio{border:none;background:transparent;color:#94a3b8;padding:.25rem;border-radius:.5rem;cursor:pointer;line-height:1;flex-shrink:0}.hey-ailu-panel .hey-ailu-audio{width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;color:#0f766e}.hey-ailu-panel .hey-ailu-audio.is-active,.hey-ailu-panel .hey-ailu-audio:hover{color:#0f766e;background:#f0fdfa}.hey-ailu-panel .hey-ailu-audio.is-blocked{color:#0f766e;background:#ccfbf1;box-shadow:0 0 0 2px #2dd4bf73}.hey-ailu-panel .hey-ailu-x:hover,.hey-ailu-panel .hey-ailu-expand:hover{color:#334155;background:#f1f5f9}.hey-ailu-content{min-height:1.5rem;max-height:14rem;overflow-y:auto;overflow-wrap:anywhere}.hey-ailu-body{font-size:.95rem;line-height:1.5;color:#1e293b}.hey-ailu-body p{margin:0 0 .55em}.hey-ailu-body p:last-child{margin-bottom:0}.hey-ailu-body--quiet{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 0 .35rem}.hey-ailu-live{margin:.55rem 0 0;width:100%;text-align:center;color:#334155;font-size:.95rem;line-height:1.45}.hey-ailu-live.hey-ailu-live--next{padding-top:.5rem;border-top:1px solid #e2e8f0;text-align:left;color:#0f766e}.hey-ailu-question{margin:0 0 .5rem;color:#0f766e;font-size:.9rem;font-weight:600;line-height:1.45}.hey-ailu-live-more{margin-left:.3em;font-weight:400;opacity:.75}.hey-ailu-hint{margin:.55rem 0 0;color:#64748b;font-size:.8rem}.hey-ailu-footer{display:flex;justify-content:center;margin-top:.55rem}.hey-ailu-footer[hidden]{display:none}.hey-ailu-panel .hey-ailu-send{border:none;background:#0f766e;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:.45rem 1.15rem;border-radius:999px;cursor:pointer;line-height:1.2}.hey-ailu-panel .hey-ailu-send:hover{background:#115e59}.hey-ailu-wave{display:inline-flex;align-items:flex-end;gap:3px;height:1rem}.hey-ailu-wave i{display:block;width:3px;height:40%;border-radius:99px;background:#14b8a6;animation:hey-ailu-wave 1.1s ease-in-out infinite}.hey-ailu-wave i:nth-child(1){animation-delay:0s}.hey-ailu-wave i:nth-child(2){animation-delay:.12s;height:70%}.hey-ailu-wave i:nth-child(3){animation-delay:.24s;height:100%}.hey-ailu-wave i:nth-child(4){animation-delay:.36s;height:65%}.hey-ailu-wave i:nth-child(5){animation-delay:.48s;height:45%}@keyframes hey-ailu-wave{0%,to{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}.hey-ailu-panel.hey-ailu-thinking .hey-ailu-wave i{animation-duration:1.6s;background:#2dd4bf}.hey-ailu-speak-mic{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid rgba(45,212,191,.4);color:#0f766e;background:#fffffff2;cursor:pointer;box-shadow:0 .5rem 1.5rem #0f766e1f;flex-shrink:0;backdrop-filter:blur(8px)}.hey-ailu-speak-mic:hover{border-color:#0f766e;background:#f0fdfa}.hey-ailu-speak-mic.is-live{color:#fff;background:#0f766e;border-color:#0f766e}.hey-ailu-speak-mic.is-live .hey-ailu-wave i{background:#fff}.hey-ailu-speak-mic:disabled{opacity:.45;cursor:not-allowed}.hey-ailu-speak-mic-visual{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem}.hey-ailu-speak-mic-pro{font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:.1rem .35rem;border-radius:999px;color:#fff;background:#0f766e}.hey-ailu-speak-mic--floating{position:absolute;left:1.5rem;bottom:4.75rem;z-index:36}@media(max-width:640px){.hey-ailu-speak-mic--floating{left:1rem;bottom:4.25rem}}.practice-ai-drawer{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:calc(var(--practice-ai-open-w, min(22rem, 36vw)) - 1.25rem);min-width:calc(var(--practice-ai-open-w, min(22rem, 36vw)) - 1.25rem);height:calc(100% - 1.25rem);max-height:calc(100% - 1.25rem);min-height:0;background:#fff;box-sizing:border-box;overflow:hidden;--practice-ai-text-scale: 1;margin:.625rem;border:1px solid rgba(148,163,184,.24);border-radius:1.25rem;box-shadow:0 1rem 2.5rem -1.75rem #0f766e52}.practice-ai-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1rem .85rem;border-bottom:1px solid #e8efef;flex-shrink:0;background:linear-gradient(135deg,#ecfdf8,#f8fffd 58%,#fff)}.practice-ai-drawer-header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.practice-ai-drawer-header .reading-article-zoom-btn{width:1.65rem;height:1.65rem;font-size:.85rem}.practice-ai-drawer-header .reading-article-zoom-label{min-width:2.35rem;font-size:.65rem}.practice-ai-drawer-title{font-size:1rem;font-weight:750;color:#134e4b;line-height:1.25}.practice-ai-drawer-close{flex-shrink:0;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:color .12s ease,background-color .12s ease}.practice-ai-drawer-close:hover{color:#334155;background:#f1f5f9}.practice-ai-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.practice-ai-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.practice-ai-suggestions-bar{display:flex;align-items:center;gap:.25rem;padding:0 0 .5rem;flex-shrink:0;min-width:0;max-width:100%}.practice-ai-suggestions{display:flex;flex-wrap:nowrap;gap:.375rem;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth}.practice-ai-suggest-nav{flex:0 0 auto;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#0f766e;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease,color .12s ease}.practice-ai-suggest-nav[hidden]{display:inline-flex!important;visibility:visible}.practice-ai-suggest-nav:hover:not(:disabled){background:#f0fdfa;border-color:#99f6e4}.practice-ai-suggest-nav:disabled{opacity:.28;cursor:default;color:#94a3b8}.practice-ai-chip{display:inline-flex;align-items:center;flex:0 0 auto;max-width:none;white-space:nowrap;padding:.35rem .65rem;font-size:.6875rem;font-weight:500;line-height:1.3;color:#0f766e;background:#fff;border:1px solid #99f6e4;border-radius:999px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;text-align:left}.practice-ai-chip:hover{background:#ccfbf1;border-color:#5eead4}.practice-ai-messages{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem .75rem .75rem 1rem;display:flex;flex-direction:column;gap:.625em;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;font-size:calc(.8125rem * var(--practice-ai-text-scale, 1))}.practice-ai-messages::-webkit-scrollbar{width:10px}.practice-ai-messages::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;border:2px solid #f1f5f9;background-clip:padding-box}.practice-ai-messages::-webkit-scrollbar-thumb:hover{background:#64748b;border:2px solid #f1f5f9;background-clip:padding-box}.practice-ai-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.practice-ai-empty{margin:auto 0;text-align:center;padding:1.25rem .5rem;color:#94a3b8;font-size:1em;line-height:1.5}.practice-ai-empty .practice-ai-icon{display:flex;font-size:1.65em;margin:0 auto .5rem;color:#14b8a6}.practice-ai-drawer.is-empty .practice-ai-empty{position:absolute;z-index:2;top:calc(50% - 5rem);left:0;right:0;margin:0;padding:0;pointer-events:none}.practice-ai-drawer.is-empty .practice-ai-empty .practice-ai-icon{margin:0 auto}.practice-ai-drawer.is-empty .practice-ai-suggestions-bar{position:absolute;z-index:2;top:calc(50% + .75rem);left:1.25rem;right:1.25rem;transform:translateY(-50%);padding:0}.practice-ai-drawer.is-empty .practice-ai-suggestions{flex-wrap:wrap;justify-content:center;gap:.55rem;overflow:visible}.practice-ai-drawer.is-empty .practice-ai-chip{flex:1 1 calc(50% - .55rem);min-width:8.25rem;justify-content:center;white-space:normal;padding:.7rem .8rem;border-radius:.9rem;font-size:.75rem;font-weight:650;text-align:center;box-shadow:0 .4rem 1rem -.8rem #0f766e8c}.practice-ai-drawer.is-empty .practice-ai-suggest-nav{display:none!important}.practice-ai-msg{max-width:94%;padding:.72em .85em;border-radius:1rem;font-size:1em;line-height:1.45;white-space:pre-wrap;word-break:break-word}.practice-ai-msg--user{align-self:flex-end;background:#0f766e;color:#fff;border-bottom-right-radius:.35rem}.practice-ai-msg--assistant{align-self:flex-start;background:#f8fafc;color:#334155;border:1px solid #e2e8f0;border-bottom-left-radius:.35rem}.practice-ai-audio-row{display:flex;justify-content:flex-start;margin-top:.45rem}.practice-ai-msg-stack>.practice-ai-audio-row{padding-left:.15rem}.practice-ai-audio-btn{width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #cbd5e1;border-radius:.45rem;background:#fff;color:#0f766e;cursor:pointer}.practice-ai-audio-btn:hover,.practice-ai-audio-btn.is-active{border-color:#5eead4;background:#f0fdfa}@keyframes practice-ai-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.practice-ai-msg--fade-in,.practice-ai-msg-stack--fade-in{animation:practice-ai-fade-in .42s ease both}.practice-ai-action-quiz.practice-ai-fade-in,.practice-ai-action-challenge.practice-ai-fade-in{animation:practice-ai-fade-in .4s ease both}.practice-ai-stream-chars{line-height:1.45}.practice-ai-stream-md-chunk>:first-child{margin-top:0}.practice-ai-stream-md-chunk>:last-child{margin-bottom:0}.practice-ai-stream-char{opacity:0;transition:opacity .9s ease-out}.practice-ai-stream-char.is-in{opacity:1}.practice-ai-stream-waiting{display:inline-block;width:.35em;height:1em;margin-top:.25em;color:#0f766e;animation:practice-ai-caret .9s steps(1,end) infinite}.practice-ai-stream-waiting:before{content:"\b7"}@keyframes practice-ai-caret{0%,49%{opacity:1}50%,to{opacity:0}}.practice-ai-msg--assistant.is-placeholder{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4;padding:.75em 1em;min-width:3.25em;display:inline-flex;align-items:center;gap:.45em}.practice-ai-thinking{display:inline-flex;align-items:center;gap:.35rem;line-height:1}.practice-ai-thinking-label{font-size:.75rem;font-weight:500;color:#0f766e;letter-spacing:.01em;opacity:.85}.practice-ai-thinking-dots{display:inline-flex;align-items:center;gap:.28rem;height:.65rem}.practice-ai-thinking-dots span{width:.38rem;height:.38rem;border-radius:999px;background:#14b8a6;display:block;animation:practice-ai-dot-bounce 1.15s ease-in-out infinite}.practice-ai-thinking-dots span:nth-child(2){animation-delay:.15s;background:#0d9488}.practice-ai-thinking-dots span:nth-child(3){animation-delay:.3s;background:#0f766e}@keyframes practice-ai-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-.28rem);opacity:1}}@media(prefers-reduced-motion:reduce){.practice-ai-thinking-dots span{animation:none;opacity:.75}}.practice-ai-msg--md{white-space:normal}.practice-ai-msg--md>:first-child{margin-top:0}.practice-ai-msg--md>:last-child{margin-bottom:0}.practice-ai-msg--md p{margin:0 0 .55em}.practice-ai-msg--md p:last-child{margin-bottom:0}.practice-ai-msg--md ul,.practice-ai-msg--md ol{margin:.35em 0 .55em;padding-left:1.4em;list-style-position:outside}.practice-ai-msg--md ul{list-style-type:disc}.practice-ai-msg--md ol{list-style-type:decimal}.practice-ai-msg--md ul ul{list-style-type:circle;margin-top:.15em;margin-bottom:.15em}.practice-ai-msg--md ol ol{list-style-type:lower-alpha;margin-top:.15em;margin-bottom:.15em}.practice-ai-msg--md li{margin:.2em 0;display:list-item}.practice-ai-msg--md li>p{margin:0}.practice-ai-msg--md h1,.practice-ai-msg--md h2,.practice-ai-msg--md h3,.practice-ai-msg--md h4{font-weight:600;color:#0f172a;line-height:1.3;margin:.65em 0 .35em}.practice-ai-msg--md h1{font-size:2.25em;font-weight:700;line-height:1.2;letter-spacing:.04em;color:#134e4a;margin:.1em 0 .35em}.practice-ai-msg--md h2{font-size:.88em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin:.9em 0 .3em;padding-bottom:.15em;border-bottom:1px solid #e2e8f0}.practice-ai-msg--md h3,.practice-ai-msg--md h4{font-size:.95em;color:#334155}.practice-ai-msg--md strong{font-weight:600;color:#0f172a}.practice-ai-msg--md p strong{font-size:1.05em;letter-spacing:.02em}.practice-ai-msg--md em{font-style:italic}.practice-ai-msg--md a{color:#0f766e;text-decoration:underline;text-underline-offset:2px}.practice-ai-msg--md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#e2e8f0;color:#0f172a;padding:.1em .35em;border-radius:.3rem}.practice-ai-msg--md pre{margin:.45em 0 .55em;padding:.55rem .65rem;overflow-x:auto;background:#e2e8f0;border-radius:.5rem;font-size:.78em;line-height:1.4}.practice-ai-msg--md pre code{background:transparent;padding:0;font-size:inherit}.practice-ai-msg--md blockquote{margin:.45em 0;padding:.15em 0 .15em .65em;border-left:3px solid #99f6e4;color:#475569}.practice-ai-msg--md hr{border:none;border-top:1px solid #cbd5e1;margin:.65em 0}.practice-ai-msg--md table{border-collapse:collapse;width:100%;margin:.45em 0;font-size:.95em}.practice-ai-msg--md th,.practice-ai-msg--md td{border:1px solid #cbd5e1;padding:.25em .4em;text-align:left}.practice-ai-msg--md th{background:#e2e8f0;font-weight:600}.practice-ai-msg-stack{display:flex;flex-direction:column;gap:.55em;max-width:92%;align-self:flex-start;width:100%}.practice-ai-msg-stack>.practice-ai-msg{max-width:100%}.practice-ai-msg-stack>.practice-ai-msg+.practice-ai-action-quiz{margin-top:-.15em}.practice-ai-action-quiz{background:#fff;border:1px solid #99f6e4;border-radius:.875em;padding:.7em .75em;box-shadow:0 1px 2px #0f766e0f;font-size:1em}.practice-ai-quiz-prompt{font-size:1em;font-weight:600;color:#0f172a;line-height:1.4;margin-bottom:.55em}.practice-ai-quiz-choices{display:flex;flex-direction:column;gap:.35em}.practice-ai-quiz-choice{display:flex;align-items:flex-start;gap:.45em;width:100%;text-align:left;padding:.5em .65em;border-radius:.65em;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:1em;line-height:1.35;font-family:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.practice-ai-quiz-choice:hover:not(:disabled){background:#f0fdfa;border-color:#0f766e;color:#0f766e}.practice-ai-quiz-choice:disabled{cursor:default}.practice-ai-quiz-choice-key{flex:0 0 auto;min-width:1.15em;font-weight:700;font-size:.86em;color:#0d9488;text-transform:uppercase;margin-top:.1em}.practice-ai-quiz-choice-label{flex:1 1 auto;min-width:0}.practice-ai-quiz-choice.is-correct{background:#ecfdf5;border-color:#065f46;color:#065f46}.practice-ai-quiz-choice.is-correct .practice-ai-quiz-choice-key{color:#059669}.practice-ai-quiz-choice.is-wrong{background:#fef2f2;border-color:#991b1b;color:#991b1b}.practice-ai-quiz-choice.is-wrong .practice-ai-quiz-choice-key{color:#dc2626}.practice-ai-quiz-choice.is-muted{opacity:.55}.practice-ai-quiz-feedback{margin-top:.55em;padding:.5em .6em;border-radius:.55em;font-size:.92em;line-height:1.4}.practice-ai-action-challenge{background:#fffbeb;border:1px solid #fcd34d;border-radius:.875em;padding:.7em .75em;box-shadow:0 1px 2px #b4530914;font-size:1em}.practice-ai-challenge-badge-row{display:flex;align-items:center;justify-content:space-between;gap:.5em;margin-bottom:.45em}.practice-ai-challenge-badge{display:inline-flex;align-items:center;gap:.3em;font-size:.77em;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#92400e;background:#fde68a;border:1px solid #fbbf24;border-radius:999px;padding:.15em .45em}.practice-ai-challenge-ime-help{flex-shrink:0;width:1.45em;height:1.45em;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid #fcd34d;background:#fffbeb;color:#b45309;cursor:pointer;font-size:.86em;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.practice-ai-challenge-ime-help:hover{background:#fef3c7;color:#92400e;border-color:#fbbf24}.practice-ai-challenge-ime-help:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.practice-ai-challenge-prompt{font-size:.92em;font-weight:600;color:#78350f;line-height:1.4;margin-bottom:.4em}.practice-ai-challenge-english{font-size:1.11em;font-weight:650;color:#0f172a;line-height:1.4;margin-bottom:.55em;padding:.45em .55em;background:#fff;border:1px solid #fde68a;border-radius:.65em}.practice-ai-challenge-input-row{display:flex;gap:.4em;align-items:stretch}.practice-ai-challenge-input{flex:1 1 auto;min-width:0;padding:.5em .65em;border:1px solid #e2e8f0;border-radius:.65em;font-size:1.11em;font-family:inherit;line-height:1.35;outline:none;background:#fff;color:#0f172a}.practice-ai-challenge-input:focus{border-color:#f59e0b;box-shadow:0 0 0 .15em #f59e0b26}.practice-ai-challenge-input:disabled{background:#f8fafc;color:#334155}.practice-ai-challenge-input.is-correct{border-color:#34d399;background:#ecfdf5}.practice-ai-challenge-input.is-wrong{border-color:#fca5a5;background:#fef2f2}.practice-ai-challenge-check{flex:0 0 auto;padding:.5em .75em;border:none;border-radius:.65em;background:#b45309;color:#fff;font-size:.92em;font-weight:700;cursor:pointer;font-family:inherit;transition:background-color .12s ease}.practice-ai-challenge-check:hover:not(:disabled){background:#d97706}.practice-ai-challenge-check:disabled{opacity:.55;cursor:default}.practice-ai-quiz-feedback.is-correct{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.practice-ai-quiz-feedback.is-wrong{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.practice-ai-quiz-feedback.is-partial{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.practice-ai-quiz-feedback.is-pending{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.practice-ai-quiz-feedback-title{font-weight:700;margin-bottom:.2em}.practice-ai-challenge-feedback-body{font-size:.96em;line-height:1.45}.practice-ai-challenge-feedback-body p{margin:0 0 .35em}.practice-ai-challenge-feedback-body p:last-child{margin-bottom:0}.practice-ai-composer{flex-shrink:0;padding:.75rem 1rem 1rem;border-top:1px solid #e8efef;background:linear-gradient(180deg,#fbfefd,#fff)}.practice-ai-composer-row{display:flex;align-items:flex-end;gap:.5rem}.practice-ai-input{flex:1 1 auto;min-width:0;resize:none;min-height:2.5rem;max-height:7rem;padding:.55rem .75rem;font-size:.8125rem;line-height:1.4;border:1px solid #e2e8f0;border-radius:.875rem;color:#0f172a;background:#f8fafc;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.practice-ai-input:focus{outline:none;border-color:#5eead4;background:#fff;box-shadow:0 0 0 3px #2dd4bf33}.practice-ai-send{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.875rem;background:#0f766e;color:#fff;border:none;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.practice-ai-mic{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.875rem;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease,opacity .12s ease}.practice-ai-mic:hover:not(:disabled){color:#0f766e;border-color:#5eead4;background:#f0fdfa}.practice-ai-mic.is-listening{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.practice-ai-mic.is-listening i{animation:practice-ai-mic-pulse 1.1s ease-in-out infinite}.practice-ai-mic:disabled{opacity:.4;cursor:not-allowed}@keyframes practice-ai-mic-pulse{50%{transform:scale(1.16)}}.quiz-scribe-field{box-sizing:border-box;padding-left:1rem;padding-right:3.75rem}.quiz-scribe-mic{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);z-index:2;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1.5px solid #94a3b8;background:#fff;color:#475569;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:color .12s ease,border-color .12s ease,background-color .12s ease,opacity .12s ease,transform .12s ease}.quiz-scribe-mic:hover:not(:disabled){color:#0f766e;border-color:#5eead4;background:#f0fdfa}.quiz-scribe-mic.is-listening{color:#dc2626;border-width:2px;border-color:#f87171;background:#fef2f2;transform:translateY(-50%) scale(1.15)}.quiz-scribe-mic.is-starting,.quiz-scribe-mic.is-transcribing{color:#0f766e;border-width:2px;border-color:#5eead4;background:#f0fdfa;transform:translateY(-50%) scale(1.15)}.quiz-scribe-mic.is-listening i{animation:practice-ai-mic-pulse 1.1s ease-in-out infinite}.quiz-scribe-mic.is-starting:disabled,.quiz-scribe-mic.is-transcribing:disabled,.quiz-scribe-mic.is-listening:disabled{opacity:1;cursor:wait;transform:translateY(-50%) scale(1.15)}#practice-module-settings-body input[name=pm-mic-record-mode]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.quiz-scribe-mic:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%)}.practice-ai-send:hover:not(:disabled){background:#0d9488}.practice-ai-send:disabled{opacity:.45;cursor:not-allowed}.practice-ai-quota-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;color:#64748b;letter-spacing:.01em}.practice-ai-quota-bar.is-limited{color:#b45309}.practice-ai-quota-bar.is-unlimited{color:#0f766e}.practice-ai-paywall{display:none;flex-direction:column;gap:.65rem;padding:.85rem .9rem;border-radius:.9rem;border:1px solid #fde68a;background:linear-gradient(180deg,#fffbeb,#fef3c7);text-align:center}.practice-ai-paywall.is-visible{display:flex}.practice-ai-paywall-title{font-size:.8125rem;font-weight:700;color:#92400e}.practice-ai-paywall-text{font-size:.75rem;line-height:1.45;color:#78350f}.practice-ai-paywall-actions{display:flex;flex-direction:column;gap:.4rem}.practice-ai-paywall-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.55rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:650;border:none;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.practice-ai-paywall-btn--muted{background:#fff;color:#92400e;border:1px solid #fcd34d}.practice-ai-composer.is-paywalled .practice-ai-suggestions-bar,.practice-ai-composer.is-paywalled .practice-ai-composer-row{display:none}.practice-ai-send:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.practice-shell-body{flex-direction:column}.practice-ai-split-handle{display:none!important}.practice-ai-host{--practice-ai-open-w: 100%;width:0;max-height:0;border-right:none;border-bottom:1px solid transparent;transition:max-height .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.practice-ai-host.is-open{width:100%;max-height:40vh;min-height:0;border-bottom-color:#e2e8f0}.practice-ai-drawer{width:calc(100% - 1rem);min-width:calc(100% - 1rem);height:calc(40vh - .5rem);max-height:calc(40vh - .5rem);margin:.5rem}}#flashcard-modal .bg-white.guide-to-quiz-stage{position:relative}.guide-to-quiz-overlay{position:absolute;inset:0;z-index:30;background:#fff;opacity:0;pointer-events:none;transition:opacity var(--quiz-module-fade-duration) var(--quiz-module-fade-easing)}.quiz-almost-popover:before{content:"";position:absolute;top:50%;left:-6px;width:11px;height:11px;background:#fff;border-top:none;border-right:none;border-left:1px solid #fde68a;border-bottom:1px solid #fde68a;transform:translateY(-50%) rotate(45deg)}.quiz-report-anchor{position:absolute;right:1rem;bottom:1rem;z-index:5;pointer-events:none}.quiz-report-anchor>*{pointer-events:auto}.quiz-report-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#cbd5e1;transition:color .15s ease}.quiz-report-btn:hover,.quiz-report-btn[aria-expanded=true]{color:#94a3b8;background:transparent}.quiz-report-popover{position:absolute;right:0;bottom:calc(100% + .35rem);width:16.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 12px 32px #0f172a1f;z-index:50}.quiz-report-popover:after{content:"";position:absolute;right:.85rem;bottom:-6px;width:11px;height:11px;background:#fff;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:rotate(45deg)}.quiz-report-option{display:block;width:100%;text-align:left;padding:.625rem .75rem;font-size:.875rem;color:#334155;border-radius:.625rem;transition:background-color .12s ease}.quiz-report-option:hover{background:#f0fdfa;color:#0f766e}.quiz-report-popover.is-sent>:not(.report-popover-sent){display:none}.report-popover-error{margin:.4rem .35rem .1rem;font-size:.8125rem;color:#b91c1c}.report-popover-sent{display:flex;align-items:center;gap:.5rem;margin:0;padding:.7rem .6rem;font-size:.875rem;font-weight:600;color:#0f766e}.report-popover-sent i{font-size:1.05rem}.dev-report-card{transition:border-color .15s ease,box-shadow .15s ease}.dev-report-card:hover{border-color:#99f6e4}.app-feedback-anchor{position:fixed;right:1.25rem;bottom:1.25rem;z-index:80;pointer-events:none}.app-feedback-anchor>*{pointer-events:auto}.app-feedback-anchor.hidden{display:none!important}.app-feedback-anchor .quiz-report-popover{z-index:90}.quiz-almost-popover--left:before{left:auto;right:-6px;border-left:none;border-bottom:none;border-right:1px solid #fde68a;border-top:1px solid #fde68a}.reading-text{font-size:calc(1.15rem * var(--reading-text-scale, 1));line-height:1.85}.dict-tooltip{box-shadow:0 18px 40px #0f172a29;width:min(26rem,calc(100vw - 1.5rem));max-height:58vh;display:none;flex-direction:column;overflow:hidden;padding:1rem;box-sizing:border-box}.dict-tooltip.is-open{display:flex!important}.dict-tooltip-head{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;flex:0 0 auto}.dict-tooltip-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.15rem}.dict-tooltip-footer{flex:0 0 auto;padding-top:.75rem;margin-top:.25rem}.dict-tooltip-hanzi{font-size:2.25rem;font-weight:700;line-height:1.1;color:#134e4b;flex-shrink:0}.dict-tooltip-title-row,.word-detail-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.dict-audio-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid #99f6e4;background:#f0fdfa;color:#0f766e;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.dict-audio-btn:hover{background:#ccfbf1;border-color:#115e59;color:#115e59}.dict-audio-btn:active{transform:scale(.96)}.dict-audio-btn:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.dict-audio-btn--lg{width:2.5rem;height:2.5rem;font-size:1rem}.dict-audio-btn--sm{width:1.5rem;height:1.5rem;font-size:.65rem;margin-top:.1rem}.dict-audio-context-menu{position:fixed;z-index:520;min-width:176px;padding:5px;border:1px solid #d7e1e5;border-radius:8px;background:#fff;box-shadow:0 12px 30px #0f172a2e}.dict-audio-context-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#173b3b;font-size:.875rem;text-align:left;cursor:pointer}.dict-audio-context-menu button:hover,.dict-audio-context-menu button:focus-visible{outline:none;background:#ecf8f6}.dict-audio-context-menu i{width:16px;color:#0f8179;text-align:center}.dict-regen-queue-panel{position:fixed;right:1rem;bottom:1rem;z-index:520;width:min(92vw,24rem);max-height:min(60vh,32rem);display:flex;flex-direction:column;border:1px solid #d7e1e5;border-radius:10px;background:#fff;box-shadow:0 12px 30px #0f172a2e;overflow:hidden}.dict-regen-queue-panel header{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #e6eef0;background:#f6fbfa;color:#173b3b;font-size:.875rem;font-weight:650}.dict-regen-queue-panel header span{flex:1}.dict-regen-queue-panel header button{border:0;border-radius:5px;padding:4px 7px;background:transparent;color:#0f8179;font-size:.8rem;cursor:pointer}.dict-regen-queue-panel header button:hover,.dict-regen-queue-panel header button:focus-visible{outline:none;background:#ecf8f6}.dict-regen-queue-runner-note{margin:0;padding:7px 10px;border-bottom:1px solid #f3e1b5;background:#fff8e6;color:#7a4b00;font-size:.8rem}.dict-regen-queue-runner-note[hidden]{display:none}.dict-regen-queue-panel ul{margin:0;padding:4px;list-style:none;overflow-y:auto}.dict-regen-queue-panel li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:.83rem;color:#173b3b}.dict-regen-queue-panel li.is-running{background:#ecf8f6}.dict-regen-queue-panel li.is-empty{justify-content:center;color:#6b8385}.dict-regen-queue-word{flex:1;font-weight:600;overflow-wrap:anywhere}.dict-regen-queue-summary{flex-shrink:0;max-width:55%;color:#6b8385;font-size:.78rem;text-align:right;overflow-wrap:anywhere}.dict-regen-queue-panel li.is-error .dict-regen-queue-summary{color:#b91c1c}.dict-regen-queue-panel li.is-done .dict-regen-queue-summary{color:#0f8179}.dict-regen-queue-panel li button{flex-shrink:0;width:20px;height:20px;border:0;border-radius:4px;background:transparent;color:#6b8385;font-size:.95rem;line-height:1;cursor:pointer}.dict-regen-queue-panel li button:hover,.dict-regen-queue-panel li button:focus-visible{outline:none;background:#fee2e2;color:#b91c1c}.dict-sense-example-hanzi-row,.word-detail-sense-example-hanzi-row{display:flex;align-items:flex-start;gap:.35rem}.dict-sense-example-hanzi-row .dict-sense-example-hanzi,.word-detail-sense-example-hanzi-row .word-detail-sense-example-hanzi{min-width:0;flex:1 1 auto}.dict-tooltip-meta{min-width:0;padding-top:.15rem}.dict-tooltip-pinyin{font-size:1rem;font-weight:600;color:#0f766e;line-height:1.3}.dict-tooltip-level{margin-top:.2rem;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b}.dict-tooltip-senses{margin-top:.75rem;display:flex;flex-direction:column;gap:.65rem;padding-left:.15rem}.dict-sense{display:grid;grid-template-columns:1.25rem 1fr;gap:.15rem .4rem;align-items:baseline}.dict-sense-index{font-size:1rem;font-weight:650;line-height:1.4;color:#000;text-align:right}.dict-sense-body{min-width:0}.dict-sense-head{display:flex;align-items:baseline;gap:.45rem;min-width:0}.dict-sense-pos{flex-shrink:0;font-size:.8rem;font-weight:500;color:#94a3b8;white-space:nowrap}.dict-sense-meaning{min-width:0;flex:1;padding:.65rem .75rem;border-radius:.75rem;background:#f0fdfa;border:1px solid #99f6e4;color:#0f172a;font-size:1rem;font-weight:650;line-height:1.4}.dict-sense-example{display:grid;grid-template-columns:1.35rem 1fr;gap:.15rem .35rem;align-items:baseline;margin-top:.4rem;color:#475569;font-size:.8rem}.dict-sense-example-index{font-size:.75rem;font-weight:600;color:#000;text-align:right;line-height:1.4}.dict-sense-example-content{min-width:0}.dict-sense-example-hanzi{font-weight:600;color:#134e4b}.dict-sense-example-pinyin{color:#0f766e;font-size:.75rem}.dict-sense-example-en{display:block;margin-top:.1rem;color:#64748b;font-size:.75rem}.dict-tooltip-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.dict-tooltip-section-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#14b8a6;margin-bottom:.35rem}.dict-tooltip-section-body{font-size:.8rem;line-height:1.45;color:#475569}.dict-tooltip-empty{font-size:.75rem;font-style:italic;color:#94a3b8}.dict-tooltip-section-body p+p,.word-detail-description-text p+p{margin-top:.55rem}.dict-related-words,.word-detail-related-words,.new-word-wiki-related-words{display:flex;flex-wrap:wrap;gap:.35rem}.dict-related-word-chip,.word-detail-related-word-chip,.new-word-wiki-related-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.3rem .55rem;border-radius:.65rem;border:1px solid #ccfbf1;background:#f0fdfa;color:#134e4a;font-size:.85rem;line-height:1.25;text-align:left;transition:background .12s ease,border-color .12s ease}button.dict-related-word-chip,button.word-detail-related-word-chip,button.new-word-wiki-related-chip{cursor:pointer}button.dict-related-word-chip:hover,button.word-detail-related-word-chip:hover,button.new-word-wiki-related-chip:hover{background:#ccfbf1;border-color:#5eead4}.dict-related-word-chip .rel-hanzi,.word-detail-related-word-chip .rel-hanzi,.new-word-wiki-related-chip .rel-hanzi{font-weight:600}.dict-related-word-chip .rel-meta,.word-detail-related-word-chip .rel-meta,.new-word-wiki-related-chip .rel-meta{font-size:.65rem;color:#0f766e;font-weight:500}.dict-related-word-chip .rel-meaning,.word-detail-related-word-chip .rel-meaning,.new-word-wiki-related-chip .rel-meaning{font-size:.68rem;color:#64748b;font-weight:400;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-detail-related-words--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.word-detail-related-words--grid .word-detail-related-word-chip{min-width:0;padding:.25rem .4rem;border-radius:.5rem;font-size:.78rem}.word-detail-related-words--grid .rel-hanzi{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-detail-related-words--grid .rel-meta{font-size:.58rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-detail-related-words--grid .rel-meaning{max-width:none;width:100%;font-size:.62rem}.word-detail-senses{display:flex;flex-direction:column;gap:.75rem;padding-left:.15rem}.word-detail-sense{display:grid;grid-template-columns:1.5rem 1fr;gap:.15rem .5rem;align-items:baseline}.word-detail-sense-index{font-size:1.25rem;font-weight:600;line-height:1.375;color:#000;text-align:right}.word-detail-sense-body{min-width:0}.word-detail-sense-head{min-width:0;display:flex;flex-wrap:nowrap;align-items:baseline;gap:.5rem}.word-detail-sense-pos{flex-shrink:0;font-size:1.25rem;font-weight:500;line-height:1.375;color:#94a3b8;margin-right:.75rem}.word-detail-sense-meaning{flex:1;min-width:0;font-size:1.25rem;color:#1e293b;line-height:1.375}.word-detail-sense-example{display:grid;grid-template-columns:1.5rem 1fr;gap:.15rem .4rem;align-items:baseline;margin-top:.35rem}.word-detail-sense-example-index{font-size:.85rem;font-weight:600;color:#000;text-align:right;line-height:1.4}.word-detail-sense-example-content{min-width:0}.word-detail-sense-example-hanzi{font-size:1rem;font-weight:500;color:#134e4b}.word-detail-sense-example-pinyin{font-size:.75rem;color:#64748b}.word-detail-sense-example-en{font-size:.75rem;color:#475569;margin-top:.125rem}.word-detail-sense-examples{display:flex;flex-direction:column}.word-detail-sense-examples[data-examples-collapsed="1"] .word-detail-sense-example.is-extra{display:none}.word-detail-examples-toggle{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;margin-left:2rem;padding:.2rem .55rem;border:none;border-radius:9999px;background:#f0fdfa;color:#0f766e;font-size:.75rem;font-weight:650;cursor:pointer;transition:background .12s ease,color .12s ease}.word-detail-examples-toggle:hover{background:#ccfbf1;color:#115e59}.word-detail-examples-toggle i{font-size:.65rem;opacity:.85}.word-detail-description-text{font-size:1rem;line-height:1.5;color:#334155}.word-detail-empty{font-size:1rem;font-style:italic;color:#94a3b8}.word-detail-panel{width:100%;max-width:36rem;max-height:78vh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;position:relative}.word-detail-panel-header{flex:0 0 auto}#word-detail-panel .word-detail-panel-header{padding-right:9rem}button.word-detail-sense-practice{margin-left:auto;flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;border:none;background:#ccfbf1;color:#115e59;font-size:.7rem;font-weight:700;cursor:pointer}button.word-detail-sense-practice i{font-size:.65rem}button.word-detail-sense-practice:hover{background:#99f6e4}.word-detail-panel-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.reading-text ::selection{background:#99f6e4;color:#134e4b}.reading-word{background:none;border:none;padding:.05em .06em .08em;margin:0 .02em;font:inherit;color:inherit;cursor:pointer;border-radius:.25em;line-height:inherit;display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;overflow:visible}.reading-word:hover:not(.is-active):not(.is-narrating){transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}[data-reading-article-modal] [data-reading-body] .reading-word{transition:none}.reading-word-hanzi{line-height:1.25;max-width:100%}.reading-word-pinyin{display:flex;justify-content:center;align-items:baseline;width:0;min-width:0;margin-top:.05em;overflow:hidden;font-size:.62em;line-height:1.15;font-weight:600;color:#0f766e;pointer-events:none}.reading-word-pinyin-inner{flex:0 0 auto;white-space:nowrap;line-height:1.15}[data-reading-body]>p{position:relative;line-break:strict}.reading-nobreak,.reading-punct{white-space:nowrap}[data-reading-body]>p .reading-word{margin-left:.1584em;margin-right:.1584em}[data-reading-body]>p .reading-word-pinyin{visibility:hidden;overflow:hidden;pointer-events:none}html[data-reading-character-spacing=compact] [data-reading-body]>p .reading-word{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:auto;min-width:0;max-width:none;box-sizing:content-box;overflow:visible}html[data-reading-character-spacing=compact] [data-reading-body]>p .reading-word-hanzi{display:inline-flex;flex-direction:row;align-items:baseline;line-height:1.25;position:relative}html[data-reading-character-spacing=compact] [data-reading-body]>p .reading-char-cell{display:block;flex:0 0 1.15em;width:1.15em;min-width:1.15em;max-width:1.15em;text-align:center;box-sizing:content-box;line-height:1.25}html[data-reading-character-spacing=compact] [data-reading-body]>p .reading-word.is-new .reading-word-hanzi{text-decoration:none}html[data-reading-character-spacing=compact] [data-reading-body]>p .reading-word.is-new .reading-word-hanzi:after{content:"";position:absolute;left:0;right:0;top:1.18em;height:2px;background-color:#14b8a6;pointer-events:none}.reading-line-pinyin-track{position:absolute;left:0;width:100%;height:.95em;pointer-events:none;z-index:1;overflow:visible}.reading-line-pinyin-syl{position:absolute;top:0;font-size:.62em;line-height:1.15;font-weight:600;color:#0f766e;white-space:nowrap;pointer-events:none}.reading-word:hover{background:#f0fdfa;color:#0f766e}.reading-word.is-new .reading-word-hanzi{text-decoration:underline;text-decoration-color:#14b8a6;text-underline-offset:.18em;text-decoration-thickness:2px}.reading-word.is-active,.reading-word:focus-visible{color:#0f766e;background:#ccfbf1;box-shadow:0 0 0 2px #0d9488;outline:none;border-radius:.25em}#flashcard-modal .reading-word{cursor:inherit;pointer-events:none;display:inline;padding:0 .02em;margin:0;vertical-align:baseline}#flashcard-modal .reading-word-hanzi{display:inline}#flashcard-modal .reading-word-pinyin{display:none!important}#flashcard-modal .reading-word:hover,#flashcard-modal .reading-word.is-active,#flashcard-modal .reading-word:focus-visible{background:none;color:inherit;box-shadow:none}.reading-article-pinyin-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:1rem;border:1px solid #e2e8f0;color:#475569;background:#fff;transition:border-color .15s ease,color .15s ease,background-color .15s ease;flex-shrink:0}.reading-article-pinyin-toggle:hover:not(:disabled){border-color:#0f766e;color:#0f766e;background:#f0fdfa}.reading-article-pinyin-toggle:disabled{opacity:.42;cursor:default;box-shadow:none}.reading-article-pinyin-toggle .pinyin-toggle-label{font-weight:600;font-size:.75rem}.reading-article-spacing-toggle.is-even{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.reading-article-header{flex-shrink:0;border-bottom:1px solid #e2e8f0;background:#fff}.reading-article-header-main{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 2rem}.reading-article-heading{min-width:0;flex:1}.reading-article-title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.45;color:#134e4b;overflow-wrap:anywhere}.reading-article-header-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.reading-options-toggle,.reading-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;border:1px solid #e2e8f0;border-radius:.9rem;background:#fff;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer}.reading-options-toggle{padding:.65rem 1rem}.reading-icon-button{width:44px;flex-shrink:0}.reading-options-toggle:hover,.reading-options-toggle.is-on,.reading-icon-button:hover{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}[data-reading-article-modal] button:focus-visible{outline:2px solid #0d9488;outline-offset:3px}.reading-article-content{max-width:64rem;margin:0 auto;padding:2.5rem 3rem 3rem}.reading-options-panel{flex:0 0 auto;width:18rem;min-width:0;overflow:hidden;opacity:1;visibility:visible;background:#f8fafc;box-shadow:inset -1px 0 #e2e8f0;transition:width .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,visibility 0s}.reading-options-panel[hidden]{display:block;width:0;opacity:0;visibility:hidden;pointer-events:none;transition:width .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,visibility 0s .42s}.reading-options-inner{display:flex;flex-direction:column;width:18rem;height:100%;min-height:0}.reading-options-scrim[hidden]{display:none}.reading-options-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1.4rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fff}.reading-options-header h2{margin:0;color:#134e4b;font-size:1rem;font-weight:600}.reading-options-body{padding:1.25rem;overflow:auto;overscroll-behavior:contain;min-height:0}.reading-options-section>.reading-article-pinyin-toggle{width:100%;min-height:44px;margin-top:.5rem;padding:.75rem;border-radius:.8rem;gap:.7rem}.reading-options-section>.reading-article-pinyin-toggle i{width:1rem;text-align:center}.reading-options-section [aria-pressed=true]{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.reading-options-size{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:#475569}.reading-options-size .reading-article-zoom{width:100%;justify-content:space-between}.reading-options-size .reading-article-zoom-btn{width:2.25rem;height:2.75rem}.reading-options-volume{margin-top:.85rem}.reading-options-volume-heading{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;color:#475569;font-size:.75rem;font-weight:600}.reading-options-volume-heading i{width:1rem;color:#0f766e;font-size:.8rem;text-align:center}.reading-options-volume-heading .reading-article-volume-label{margin-left:auto}.reading-article-volume-slider{display:block;width:100%;height:1.25rem;margin:0;padding:0;background:transparent;cursor:pointer;accent-color:#0f766e;-webkit-appearance:none;appearance:none}.reading-article-volume-slider:focus{outline:none}.reading-article-volume-slider:focus-visible{outline:2px solid #14b8a6;outline-offset:3px;border-radius:9999px}.reading-article-volume-slider::-webkit-slider-runnable-track{height:.3rem;border-radius:9999px;background:#e2e8f0}.reading-article-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:calc((.3rem - .95rem) / 2);border-radius:9999px;background:#0f766e;border:2px solid #fff;box-shadow:0 1px 3px #0f172a38}.reading-article-volume-slider::-moz-range-track{height:.3rem;border-radius:9999px;background:#e2e8f0;border:0}.reading-article-volume-slider::-moz-range-thumb{width:.95rem;height:.95rem;border-radius:9999px;background:#0f766e;border:2px solid #fff;box-shadow:0 1px 3px #0f172a38}.reading-article-volume-label{min-width:3.1rem;font-size:.75rem;font-weight:700;color:#0f766e;font-variant-numeric:tabular-nums;text-align:right}.reading-options-scrim{display:none}.reading-audio-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"options audio quiz";align-items:center;flex-shrink:0;gap:1rem;padding:.85rem 2rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;background:#fff}.reading-audio-bar>.reading-options-toggle{grid-area:options;justify-self:start}.reading-audio-controls{grid-area:audio;justify-self:center;display:flex;align-items:center;gap:1rem}.reading-footer-quiz{grid-area:quiz;justify-self:end}[data-reading-article-modal] .reading-audio-bar .reading-article-transport-btn{min-height:44px}[data-reading-article-modal] .reading-audio-bar [data-reading-article-pause-resume]{background:#0f766e;color:#fff;min-width:3.5rem}[data-reading-article-modal] .reading-audio-bar [data-reading-article-pause-resume] i{color:inherit}.reading-comprehension-button{min-height:44px;padding:.65rem 1rem;border-radius:.9rem;background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;font-size:.8rem;font-weight:600}.reading-comprehension-button:hover:not(:disabled){background:#ccfbf1}@media(max-width:820px){.reading-article-header-main{gap:.75rem;padding:.8rem 1rem}.reading-article-title{font-size:1.1rem}.reading-options-toggle{width:44px;padding:0}.reading-options-toggle span{display:none}.reading-article-header-controls{gap:.4rem}.reading-article-content{padding:1.5rem 1.25rem 2rem}.reading-options-panel{position:absolute;z-index:31;inset:auto 0 0;width:100%;max-height:90%;display:flex;transform:translateY(0);transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,visibility 0s;border:1px solid #e2e8f0;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -8px 32px #0f172a1f;overflow:hidden}.reading-options-panel[hidden]{display:flex;width:100%;transform:translateY(100%);transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,visibility 0s .42s}.reading-options-inner{width:100%;height:auto;min-height:0}.reading-options-scrim{display:block;position:absolute;inset:0;z-index:30;background:#0f172a3d;border:0}.reading-options-header{padding:1rem 1.25rem}.reading-options-body{padding-bottom:1.5rem}.reading-audio-bar{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"audio audio" "options quiz";gap:.65rem;padding-inline:1rem}.reading-audio-controls{gap:.75rem}}@media(prefers-reduced-motion:reduce){.reading-options-panel,.reading-options-panel[hidden]{transition:none}}.reading-article-audio-highlight.is-on{border-color:#0f766e;color:#0f766e;background:#f0fdfa}[data-reading-article-modal] .reading-article-transport{display:inline-flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;background:#fff;flex-shrink:0}[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn{border:none;border-radius:0;padding:.45rem .8rem;min-width:2.4rem;justify-content:center}[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn+.reading-article-transport-btn{border-left:1px solid #e2e8f0}[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn.is-playing,[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn.is-on{background:#f0fdfa;color:#0f766e}[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn i{font-size:.75rem}@media(max-width:360px){[data-reading-article-modal] .reading-audio-controls{gap:.5rem}[data-reading-article-modal] .reading-article-transport .reading-article-transport-btn{padding-inline:.5rem}}[data-reading-article-modal] .reading-article-skip-label{font-size:.68rem;font-weight:700;line-height:1;color:#0f766e}[data-reading-article-modal][data-reading-highlight=on] .reading-word.is-narrating,.reading-word.is-active,.reading-word:focus-visible{color:#0f766e;background:#ccfbf1;box-shadow:0 0 0 2px #0d9488;outline:none;border-radius:.25em}[data-reading-article-modal][data-reading-highlight=off] .reading-word.is-active,[data-reading-article-modal][data-reading-highlight=off] .reading-word.is-narrating{color:inherit;background:transparent;box-shadow:none}.reading-article-zoom{display:inline-flex;align-items:center;gap:0;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;overflow:hidden;flex-shrink:0}.reading-article-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#475569;font-size:.95rem;font-weight:600;line-height:1;transition:background-color .12s ease,color .12s ease}.reading-article-zoom-btn:hover:not(:disabled){background:#f0fdfa;color:#0f766e}.reading-article-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.reading-article-zoom-label{min-width:2.75rem;text-align:center;font-size:.72rem;font-weight:700;color:#0f766e;font-variant-numeric:tabular-nums;user-select:none;padding:0 .15rem}.reading-glossary{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.reading-glossary-title{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin:0}.reading-glossary-heading{position:relative;display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem}.reading-glossary-info{position:static;display:inline-flex;align-items:center}.reading-glossary-info-button{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:transparent;color:#14b8a6;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.reading-glossary-info-button:hover,.reading-glossary-info-button:focus-visible{background:#ccfbf1;color:#0f766e;transform:translateY(-1px);outline:none}.reading-glossary-info-popup{position:absolute;z-index:20;left:0;bottom:calc(100% + .5rem);width:max-content;max-width:min(17rem,calc(100vw - 4rem));padding:.55rem .7rem;border:1px solid #ccfbf1;border-radius:.75rem;background:#fff;box-shadow:0 .75rem 1.75rem -1rem #0f766e6b;color:#475569;font-size:.75rem;font-weight:500;line-height:1.35;text-transform:none;letter-spacing:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.25rem);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.reading-glossary-info-button:hover+.reading-glossary-info-popup,.reading-glossary-info-button:focus-visible+.reading-glossary-info-popup,.reading-glossary-info.is-pinned .reading-glossary-info-popup{opacity:1;visibility:visible;transform:translateY(0)}.reading-glossary-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.reading-glossary-list li{font-size:.9rem;color:#334155;line-height:1.45}.reading-glossary-list .reading-word{font-weight:600}.reading-article-shell{display:flex;flex-direction:column;height:100%;width:100%;background:#fff}.reading-split{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.reading-article-pane{flex:1 1 auto;min-width:0;overflow:auto;transition:padding .35s ease}.reading-quiz-pane{flex:0 0 auto;width:0;overflow:hidden;opacity:0;border-left:1px solid transparent;background:#f8fafc;transition:width .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,border-color .32s ease;will-change:width,opacity}.reading-article-shell.is-quiz-open .reading-quiz-pane{width:min(26rem,34vw);opacity:1;visibility:visible;border-left-color:#e2e8f0}.reading-quiz-pane-inner{width:min(26rem,34vw);height:100%;display:flex;flex-direction:column;min-height:0}.reading-quiz-pane-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.1rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.reading-quiz-pane-title{font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#0f766e}.reading-quiz-pane-body{flex:1;min-height:0;overflow:auto;padding:1.15rem 1.15rem 1.5rem}.reading-quiz{max-width:100%;margin:0}.reading-quiz-progress{font-size:.8rem;font-weight:600;color:#0f766e;margin-bottom:.75rem}.reading-quiz-q-hanzi{font-size:1.2rem;font-weight:700;color:#134e4b;line-height:1.45;margin:0 0 .35rem}.reading-quiz-q-pinyin{font-size:.9rem;font-weight:600;color:#0f766e;margin:0 0 .35rem}.reading-quiz-q-en{font-size:.85rem;color:#64748b;margin:0 0 1.1rem;line-height:1.4}.reading-quiz-options{display:grid;gap:.55rem}.reading-quiz-option{text-align:left;width:100%;padding:.75rem .9rem;border:2px solid #e2e8f0;border-radius:.9rem;background:#fff;transition:border-color .12s ease,background .12s ease;cursor:pointer}.reading-quiz-option:hover:not(:disabled){border-color:#5eead4;background:#f0fdfa}.reading-quiz-option.is-selected,.reading-quiz-option.is-kb-focus{border-color:#0d9488;background:#ecfdf5}.reading-quiz-option.is-kb-focus:not(.is-correct):not(.is-wrong){box-shadow:0 0 0 2px #0d948859}.reading-quiz-option.is-correct{border-color:#059669;background:#ecfdf5}.reading-quiz-option.is-wrong{border-color:#f87171;background:#fef2f2}.reading-quiz-option:disabled{cursor:default}.reading-quiz-opt-hanzi{display:block;font-size:1rem;font-weight:650;color:#0f172a}.reading-quiz-opt-pinyin{display:block;margin-top:.12rem;font-size:.78rem;color:#0f766e}.reading-quiz-opt-en{display:block;margin-top:.08rem;font-size:.78rem;color:#64748b}.reading-quiz-feedback{margin-top:.9rem;font-size:.88rem;font-weight:600;min-height:1.25rem}.reading-quiz-feedback.is-correct{color:#059669}.reading-quiz-feedback.is-wrong{color:#dc2626}.reading-quiz-actions{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.reading-quiz-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.72rem;font-weight:600;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:#475569;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.reading-quiz-toggle.is-on{border-color:#0f766e;background:#ecfdf5;color:#0f766e}.reading-quiz-toggles{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.reading-quiz-results{text-align:center;padding:1.25rem .25rem}.reading-quiz-results-score{font-size:2.25rem;font-weight:700;color:#0f766e;line-height:1.1}.reading-quiz-results-label{margin-top:.5rem;color:#64748b;font-size:.9rem}@media(max-width:820px){.reading-article-shell.is-quiz-open .reading-quiz-pane{position:absolute;inset:0;z-index:25;width:100%}.reading-quiz-pane-inner{width:100%}}.section-page-header{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.section-page-header .section-header{margin:0;line-height:1.25}.section-page-header .section-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}#dictionary-hover-audio-btn.is-active{border-color:#0f766e;background:#0f766e;color:#fff}#dictionary-hover-audio-btn.is-active:hover{background:#115e59}.reading-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1.25rem}.reading-search-field{position:relative;display:inline-flex;align-items:center;flex:1 1 14rem;min-width:12rem;max-width:24rem}.reading-search-field .vocab-search-input{width:100%}.reading-search-field.kb-nav-selected{border-radius:.375rem}.reading-difficulty-dropdown .vocab-sort-trigger{min-width:11.75rem}.section-hsk-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem}#vocab-tabs.vocab-tabs-bar{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.55rem}.vocab-tabs-top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;width:100%}.vocab-mode-tabs{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-block:3px}#vocab-tabs.vocab-tabs-bar.is-radicals-mode .vocab-sort-group,#vocab-tabs.vocab-tabs-bar.is-radicals-mode #vocab-filter-trigger,#vocab-tabs.vocab-tabs-bar.is-radicals-mode #vocab-filter-menu,#vocab-tabs.vocab-tabs-bar.is-radicals-mode .vocab-hsk-filters-row,#vocab-tabs.vocab-tabs-bar.is-characters-mode #vocab-filter-trigger,#vocab-tabs.vocab-tabs-bar.is-characters-mode #vocab-filter-menu,#vocab-sort-menu .vocab-sort-option[data-for=none],#vocab-tabs.vocab-tabs-bar.is-characters-mode #vocab-sort-menu .vocab-sort-option[data-for=vocabulary]{display:none!important}#vocab-tabs.vocab-tabs-bar:not(.is-characters-mode) #vocab-sort-menu .vocab-sort-option[data-for=characters]{display:none!important}.vocab-hsk-filters-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;width:100%}.vocab-hsk-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;flex:1 1 auto;min-width:0}.vocab-hsk-level-menu{position:relative;flex-shrink:0;margin-left:auto}.vocab-hsk-level-menu-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:.375rem;cursor:pointer;transition:background-color .1s ease,border-color .1s ease,color .1s ease}.vocab-hsk-level-menu-trigger:hover,.vocab-hsk-level-menu.is-open .vocab-hsk-level-menu-trigger{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.vocab-hsk-level-menu-panel{display:none;position:absolute;top:50%;left:calc(100% + .55rem);right:auto;z-index:80;min-width:10.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 28px #0f172a1a;padding:.3rem;transform:translateY(-50%)}.vocab-hsk-level-menu-panel:before{content:"";position:absolute;top:50%;left:-5px;width:.55rem;height:.55rem;background:#fff;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:translateY(-50%) rotate(45deg)}.vocab-hsk-level-menu.is-open .vocab-hsk-level-menu-panel{display:block}.vocab-hsk-level-menu-panel button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:0;background:transparent;color:#334155;font-size:.8125rem;font-weight:600;padding:.5rem .65rem;border-radius:.625rem;cursor:pointer}.vocab-hsk-level-menu-panel button:hover{background:#f8fafc}#vocab-bulk-mastery-modal{z-index:400}.vocab-bulk-mastery-panel{display:flex;flex-direction:column;width:min(42rem,100%);height:min(42rem,calc(100vh - 2rem));max-height:min(42rem,calc(100vh - 2rem));background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.vocab-bulk-mastery-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.75rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0}.vocab-bulk-mastery-hsk,.vocab-bulk-mastery-actions{display:flex;flex-wrap:wrap;gap:.4rem}.vocab-bulk-mastery-action{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:600;line-height:1.2;padding:.45rem .75rem;border-radius:.75rem;cursor:pointer}.vocab-bulk-mastery-action.is-active[data-action=recognition],.vocab-bulk-mastery-action.is-active[data-action=writing]{border-color:#99f6e4;background:#ccfbf1;color:#115e59}.vocab-bulk-mastery-action.is-active[data-action=both]{border-color:#fde68a;background:#fef3c7;color:#92400e}.vocab-bulk-mastery-action.is-active[data-action=reset]{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.vocab-bulk-mastery-list{position:relative;flex:1 1 auto;min-height:12rem;overflow:auto;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.vocab-bulk-mastery-list-sizer{position:relative;width:100%}.vocab-bulk-mastery-list-window{position:absolute;left:0;right:0;top:0}.vocab-bulk-mastery-row{display:flex;align-items:center;gap:.65rem;height:2.5rem;padding:0 .75rem;cursor:pointer;user-select:none;border-bottom:1px solid #e2e8f0;background:#fff}.vocab-bulk-mastery-row:hover{background:#f0fdfa}.vocab-bulk-mastery-check{flex-shrink:0;width:1rem;height:1rem;border:1.5px solid #94a3b8;border-radius:.25rem;background:#fff}.vocab-bulk-mastery-row.is-checked .vocab-bulk-mastery-check{border-color:#0f766e;background:#0f766e;box-shadow:inset 0 0 0 2px #fff}.vocab-bulk-mastery-hanzi{flex:0 0 auto;min-width:3.5rem;font-weight:600;color:#134e4a}.vocab-bulk-mastery-pinyin{flex:0 0 6.5rem;color:#0f766e;font-size:.8rem}.vocab-bulk-mastery-meaning{flex:1 1 auto;min-width:0;color:#64748b;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-hsk-filter{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:600;line-height:1.2;padding:.4rem .8rem;border-radius:.375rem;cursor:pointer;transition:background-color .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease}.vocab-hsk-filter:hover{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.vocab-hsk-filter.is-active{border-color:#0d9488;background:#0f766e;color:#fff}.vocab-hsk-filter.kb-nav-selected{outline:none;box-shadow:0 0 0 2px #0f766e;position:relative;z-index:2}.vocab-hsk-filter.is-active.kb-nav-selected{box-shadow:0 0 0 2px #0d948866}.vocab-radicals-tab.nav-active{background-color:#0f766e;color:#fff;border-color:#0f766e}.radical-panel{width:100%}.radical-panel-intro{font-size:.875rem;color:#64748b;margin:0 0 1rem}.radical-stroke-group{margin-bottom:1.5rem}.radical-stroke-heading{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin:0 0 .65rem}.radical-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.65rem}.radical-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:.85rem .75rem;text-align:center;min-height:7.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:border-color .12s ease,box-shadow .12s ease}.radical-card:hover{border-color:#5eead4;box-shadow:0 1px 2px #0f172a0f}.radical-card-num{font-size:.65rem;font-weight:600;color:#94a3b8}.radical-card-char{font-size:1.85rem;font-weight:600;color:#134e4b;line-height:1.15;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.radical-card-pinyin{font-size:.78rem;font-weight:600;color:#0f766e}.radical-card-meaning{font-size:.72rem;color:#64748b;line-height:1.25}.radical-empty,.vocab-empty{text-align:center;color:#64748b;padding:2.5rem 1rem;font-size:.9rem}#studio .studio-pane{max-width:none}#studio.is-studio-module .section-page-header{display:none}#studio.is-studio-module .studio-pane{max-width:52rem}#studio .studio-home-bar{display:flex;justify-content:flex-start;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:1.15rem}#studio .studio-toolbar-start{display:flex;align-items:center;gap:.75rem;min-width:0}#studio .studio-seeall-title{margin:0;font-size:1.15rem;font-weight:650;color:#134e4b}#studio .studio-shelves{display:flex;flex-direction:column;gap:1.65rem;padding-left:0;overflow:visible}#studio .studio-shelf{overflow:visible}#studio .studio-shelf-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .7rem}#studio .studio-shelf-head{margin:0;font-size:.95rem;font-weight:600;color:#134e4b;letter-spacing:.01em}#studio .studio-see-all{border:0;background:transparent;color:#0f766e;font-size:.82rem;font-weight:650;cursor:pointer;padding:0}#studio .studio-see-all:hover{color:#0d9488;text-decoration:underline}#studio .studio-shelf-row{--studio-shelf-arrow-slot: 2.2rem ;position:relative;display:flex;align-items:center;gap:.35rem;min-width:0;overflow:visible;padding-right:var(--studio-shelf-arrow-slot);box-sizing:border-box;container-type:inline-size;container-name:studio-shelf}#studio .studio-shelf-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;color:#0f766e;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;flex:0 0 auto;align-self:center;font-size:.75rem;padding:0}#studio .studio-shelf-arrow[data-shelf-dir="-1"],#studio .studio-shelf-arrow[data-shelf-dir="1"]{position:absolute;z-index:2;top:50%}#studio .studio-shelf-arrow[data-shelf-dir="-1"]{left:0;transform:translate(.35rem,-50%)}#studio .studio-shelf-arrow[data-shelf-dir="1"]{right:0;transform:translateY(-50%)}#studio .studio-shelf-arrow:hover:not(:disabled){background:#f0fdfa;border-color:#99f6e4}#studio .studio-shelf-arrow:focus-visible{outline:2px solid #0f766e;outline-offset:2px}#studio .studio-shelf-arrow:disabled,#studio .studio-shelf-arrow[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none;opacity:0}#studio .studio-shelf-track{display:flex;gap:.75rem;flex:1 1 auto;min-width:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--studio-shelf-gutter);scrollbar-width:none;-ms-overflow-style:none;--studio-shelf-gutter: .35rem;padding:var(--studio-shelf-gutter);--studio-shelf-gap: .75rem;--studio-shelf-inner: calc(100cqi - (2 * var(--studio-shelf-gutter)));--studio-shelf-card-size: 12.25rem}@container studio-shelf (max-width: 25.949rem){#studio .studio-shelf-track{--studio-shelf-card-size: var(--studio-shelf-inner)}}@container studio-shelf (min-width: 25.95rem){#studio .studio-shelf-track{--studio-shelf-card-size: calc((var(--studio-shelf-inner) - var(--studio-shelf-gap)) / 2)}}@container studio-shelf (min-width: 38.95rem){#studio .studio-shelf-track{--studio-shelf-card-size: calc((var(--studio-shelf-inner) - (2 * var(--studio-shelf-gap))) / 3)}}@container studio-shelf (min-width: 51.95rem){#studio .studio-shelf-track{--studio-shelf-card-size: calc((var(--studio-shelf-inner) - (3 * var(--studio-shelf-gap))) / 4)}}@container studio-shelf (min-width: 64.95rem){#studio .studio-shelf-track{--studio-shelf-card-size: calc((var(--studio-shelf-inner) - (4 * var(--studio-shelf-gap))) / 5)}}#studio .studio-shelf-track::-webkit-scrollbar{display:none;width:0;height:0}#studio .studio-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.75rem,1fr));gap:.75rem;padding:.2rem 0}#studio .studio-card-tile{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:12.25rem;height:12.25rem;margin:0;padding:.2rem;border-radius:.75rem;background:#fff;overflow:visible}#studio .studio-shelf-track .studio-card-tile{flex:0 0 var(--studio-shelf-card-size);width:var(--studio-shelf-card-size);height:var(--studio-shelf-card-size);max-width:var(--studio-shelf-card-size);scroll-snap-align:start;scroll-margin-inline:0}#studio .studio-card-grid .studio-card-tile{width:100%;height:auto;aspect-ratio:1 / 1}#studio .studio-card-tile .studio-item-main{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:.85rem 2.15rem .8rem .85rem}#studio .studio-card-tile .studio-item-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1.05rem}#studio .studio-card-tile .studio-item-meta{margin-top:auto;padding-top:.45rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#studio .studio-card-tile .studio-item-menu{position:absolute;top:.2rem;right:.15rem;padding:0;z-index:3}#studio .studio-shelf-empty{color:#64748b;font-size:.9rem;padding:.35rem .2rem .6rem}#studio .studio-module-title{margin:0 0 1.1rem;font-size:1.65rem;font-weight:650;color:#134e4b;line-height:1.25}#studio .studio-module-title-input{display:block;width:100%;margin:0 0 1.1rem;padding:.15rem 0;border:0;border-radius:0;background:transparent;font-size:1.65rem;font-weight:650;color:#0f172a;line-height:1.25}#studio .studio-module-title-input::placeholder{color:#94a3b8;font-weight:600}#studio .studio-module-title-input:focus{outline:none}#studio .studio-module-title-input:focus-visible{box-shadow:inset 0 -2px #0f766e}#studio .studio-create-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.25rem}@media(max-width:40rem){#studio .studio-create-options{grid-template-columns:1fr}}#studio .studio-practice-lede{margin:-.35rem 0 1.1rem;color:#64748b;font-size:.95rem;font-weight:500;line-height:1.45}#studio .studio-create-option.is-default{border-color:#99f6e4;background:#f0fdfa}#studio .studio-practice-badge{display:inline-flex;align-items:center;margin-top:.15rem;padding:.12rem .45rem;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#studio .studio-create-option.studio-practice-all{grid-column:1 / -1;min-height:7.5rem}#studio .studio-create-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.4rem;min-height:11.25rem;padding:1.35rem 1.4rem 1.25rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;cursor:pointer}#studio .studio-create-option:hover{border-color:#99f6e4;background:#f0fdfa}#studio .studio-create-option:focus-visible{outline:2px solid #0f766e;outline-offset:2px}#studio .studio-create-option-icon{width:2.5rem;height:2.5rem;margin-bottom:.35rem;border-radius:.85rem;background:#ccfbf1;color:#0f766e;display:flex;align-items:center;justify-content:center;font-size:1.05rem}#studio .studio-create-option-title{font-size:1.15rem;font-weight:650;color:#134e4b}#studio .studio-create-option-copy{color:#64748b;font-size:.9rem;line-height:1.45;font-weight:500}#studio .studio-create-image-menu{position:relative}#studio .studio-create-image-menu-panel{display:none;position:absolute;top:calc(100% + .3rem);left:0;z-index:30;min-width:12.25rem;min-height:2.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;box-shadow:0 10px 28px #0f172a1f;padding:.3rem}#studio .studio-create-image-menu.is-open .studio-create-image-menu-panel{display:block}#studio .studio-field-label{margin:.35rem 0 .5rem;font-size:.8rem;font-weight:650;color:#475569}#studio .studio-quick-drop{display:block;width:100%;margin:0 0 1.15rem;padding:0;border:1px dashed #99f6e4;border-radius:1.25rem;background:#f8fffd;cursor:pointer;overflow:hidden;text-align:center}#studio .studio-quick-drop:hover{background:#f0fdfa;border-color:#5eead4}#studio .studio-quick-drop .studio-upload-preview{margin:0;max-width:none;border:0;border-radius:0;background:transparent}#studio .studio-quick-drop-empty{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:2.1rem 1rem;color:#0f766e;font-weight:650}#studio .studio-quick-drop-empty i{font-size:1.35rem}#studio .studio-quick-kinds{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:0 0 1.1rem}@media(max-width:40rem){#studio .studio-quick-kinds{grid-template-columns:1fr}}#studio .studio-quick-kind{position:relative;display:flex;align-items:flex-start;gap:.75rem;margin:0;padding:1rem 1.05rem;border:1px solid #e2e8f0;border-radius:1.15rem;background:#fff;cursor:pointer}#studio .studio-quick-kind input{position:absolute;opacity:0;pointer-events:none}#studio .studio-quick-kind.is-selected{border-color:#0f766e;background:#f0fdfa;box-shadow:inset 0 0 0 1px #0f766e}#studio .studio-quick-kind-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}#studio .studio-quick-option{display:flex;align-items:flex-start;gap:.7rem;margin:0 0 1.2rem;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;cursor:pointer}#studio .studio-quick-option input{margin-top:.2rem;accent-color:#0f766e}#studio .studio-quick-option-title{display:block;font-weight:650;color:#134e4b;font-size:.92rem}#studio .studio-quick-option-copy{display:block;margin-top:.2rem;color:#64748b;font-size:.85rem;line-height:1.4;font-weight:500}#studio .studio-upload-preview{margin:0 0 1rem;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;background:#f8fafc;max-width:16rem}#studio .studio-upload-preview img{display:block;width:100%;max-height:14rem;object-fit:contain;background:#fff}#studio .studio-upload-preview-open{position:relative;display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;overflow:hidden}#studio .studio-scan-line{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#2dd4bf 18%,#fff 50%,#2dd4bf 82%,transparent);box-shadow:0 0 14px 4px #2dd4bfa6;animation:studio-scan-sweep 1.7s ease-in-out infinite alternate}@keyframes studio-scan-sweep{0%{transform:translateY(-4px)}to{transform:translateY(13.75rem)}}#studio .studio-scan-status{margin:0;padding:.45rem .75rem .7rem;font-size:.8rem;color:#0f766e;font-weight:650}.studio-image-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:2rem;background:#0f172ae0}.studio-image-lightbox img{max-width:min(92vw,70rem);max-height:88vh;object-fit:contain;border-radius:.75rem}.studio-image-lightbox-close{position:fixed;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:#fff;color:#0f172a;cursor:pointer}#studio .studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}#studio .studio-item-card{display:flex;align-items:stretch;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:.35rem;overflow:visible}#studio .studio-item-main{flex:1;text-align:left;padding:.85rem .95rem;border:0;background:transparent;border-radius:1rem;min-width:0;cursor:pointer}#studio .studio-item-main:hover{background:#f8fafc}#studio .studio-item-title{display:block;font-weight:600;color:#0f766e}#studio .studio-item-meta{display:block;margin-top:.2rem;font-size:.82rem;color:#64748b;line-height:1.35}#studio .studio-item-card.is-scanning{border-color:#99f6e4;background:#f0fdfa}#studio .studio-item-loading{display:inline-flex;align-items:center;gap:.45rem;color:#0f766e;font-weight:650}#studio .studio-item-ready{color:#0f766e;font-weight:650}#studio .studio-item-failed{color:#b45309;font-weight:650}#studio .studio-scan-placeholder{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;padding:1rem;border:1px solid #99f6e4;border-radius:1rem;background:#f0fdfa;color:#0f766e}#studio .studio-scan-placeholder .studio-item-spinner{width:1.25rem;height:1.25rem;flex-basis:1.25rem}#studio .studio-scan-placeholder strong,#studio .studio-scan-placeholder small{display:block}#studio .studio-scan-placeholder small{margin-top:.15rem;color:#64748b}#studio .studio-item-spinner{width:.85rem;height:.85rem;flex:0 0 .85rem;border:2px solid #99f6e4;border-top-color:#0f766e;border-radius:999px;animation:studio-item-spin .8s linear infinite}@keyframes studio-item-spin{to{transform:rotate(360deg)}}#studio .studio-item-menu{position:relative;display:flex;align-items:center;padding:.2rem .25rem .2rem 0;flex-shrink:0}#studio .studio-item-menu-panel{display:none;position:absolute;top:calc(100% - .15rem);right:.15rem;z-index:30;min-width:9.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;box-shadow:0 10px 28px #0f172a1f;padding:.3rem}#studio .studio-item-menu.is-open .studio-item-menu-panel{display:block}#studio .studio-item-menu-panel button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:0;background:transparent;color:#334155;font-size:.85rem;font-weight:600;padding:.5rem .65rem;border-radius:.65rem;cursor:pointer}#studio .studio-item-menu-panel button i{width:.95rem;text-align:center;color:#64748b}#studio .studio-item-menu-panel button:hover{background:#f8fafc}#studio .studio-item-menu-panel button.is-danger{color:#059669}#studio .studio-item-menu-panel button.is-danger i{color:#dc2626}#studio .studio-item-menu-panel button.is-danger:hover{background:#fff1f2}#studio .studio-primary-btn,#studio .studio-secondary-btn,#studio .studio-back-btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:.9rem;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent}#studio .studio-primary-btn{background:#0f766e;color:#fff;padding:.5rem .85rem}#studio .studio-primary-btn:hover:not(:disabled){background:#0d9488}#studio .studio-primary-btn:disabled{opacity:.45;cursor:default}#studio .studio-secondary-btn{background:#fff;color:#0f766e;border-color:#99f6e4;padding:.5rem .85rem}#studio .studio-back-btn{background:transparent;color:#0f766e;border:0;padding:.35rem .15rem}#studio .studio-icon-btn{width:2.1rem;height:2.1rem;border:0;background:transparent;color:#94a3b8;border-radius:.75rem;cursor:pointer}#studio .studio-icon-btn:hover{background:#f1f5f9;color:#0f766e}#studio .studio-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}#studio .studio-editor-save{display:flex;justify-content:flex-end;margin-top:1.35rem;padding-top:1rem;border-top:1px solid #e2e8f0}#studio .studio-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;font-size:.8rem;font-weight:600;color:#475569}#studio .studio-seeall-title,#studio .studio-shelf-head,#studio .studio-module-title,#studio .studio-create-option-title,#studio .studio-quick-option-title,#studio .studio-item-title{color:#134e4a}#studio .studio-input,#studio .studio-textarea{width:100%;border:1px solid #e2e8f0;border-radius:.9rem;padding:.6rem .8rem;font-size:.95rem;font-weight:500;color:#0f172a;background:#fff}#studio .studio-textarea{min-height:16rem;resize:vertical;line-height:1.55;font-family:inherit}#studio .studio-card-editor-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}#studio .studio-card-row{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .7rem;border:1px solid #e2e8f0;border-radius:.9rem;background:#fff}#studio .studio-card-main{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}#studio .studio-card-index{flex:0 0 1.25rem;font-size:.72rem;color:#94a3b8;text-align:center}#studio .studio-card-row .studio-input{width:auto;min-width:0;padding:.45rem .6rem;border-radius:.65rem;font-size:.9rem}#studio .studio-card-row [data-card-hanzi]{flex:0 1 7rem;width:7rem;min-width:5rem}#studio .studio-card-row [data-card-pinyin]{flex:1 1 7rem;min-width:6rem}#studio .studio-card-row [data-card-meaning]{flex:1 1 8rem;min-width:6.5rem}#studio .studio-card-badge{font-size:.65rem;font-weight:650;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:.12rem .45rem;white-space:nowrap}#studio .studio-card-main>.studio-card-row-menu{flex:0 0 2.1rem;margin-left:auto;padding:0}#studio .studio-card-row-menu .studio-item-menu-panel{min-width:8.5rem}#studio .studio-card-row-menu .studio-item-menu-panel:before{content:"";position:absolute;top:50%;width:.55rem;height:.55rem;background:#fff;transform:translateY(-50%) rotate(45deg)}#studio .studio-card-row-menu .studio-item-menu-panel.is-open-right:before{left:-5px;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}#studio .studio-card-row-menu .studio-item-menu-panel.is-open-left:before{right:-5px;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0}#studio .studio-card-extra{display:none;align-items:center;flex-wrap:wrap;gap:.4rem;padding-left:1.65rem}#studio .studio-ailu-sentences-btn{display:none;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:999px;padding:.18rem .7rem;font-size:.72rem;font-weight:650;cursor:pointer;flex-shrink:0}#studio .studio-ailu-sentences-btn.is-on{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}#studio .studio-card-sentence-wrap{display:flex;flex:1 1 12rem;min-width:8rem;align-items:center;gap:.2rem}#studio .studio-card-sentence-wrap .studio-input{flex:1 1 auto;width:100%}#studio .studio-card-row[data-dict=in] .studio-card-extra,#studio .studio-card-row[data-dict=out] .studio-card-extra{display:flex}#studio .studio-card-row[data-dict=in] [data-use-ailu-sentences]{display:inline-flex}#studio .studio-card-row[data-dict=in][data-custom-sentence="0"] .studio-card-sentence-wrap{visibility:hidden}#vocab-empty-search,#vocab-content-host.is-search-empty #vocab-content{display:none}#vocab-content-host.is-search-empty #vocab-empty-search{display:block}.vocab-hsk-tabs-scroll{flex:1 1 auto;min-width:0;position:relative;overflow:hidden;padding-block:5px;margin-block:-5px;padding-inline:4px 0;margin-inline:-4px 0}.vocab-hsk-tabs-scroll:before,.vocab-hsk-tabs-scroll:after{content:"";position:absolute;top:0;bottom:0;width:5rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease}.vocab-hsk-tabs-scroll:before{left:0;background:linear-gradient(to right,#f8fafc,#f8fafceb,#f8fafcb8 50%,#f8fafc59 80%,#f8fafc00)}.vocab-hsk-tabs-scroll:after{right:0;background:linear-gradient(to right,#f8fafc00,#f8fafc59 20%,#f8fafcb8 50%,#f8fafceb,#f8fafc)}.vocab-hsk-tabs-scroll.has-left-fade:before,.vocab-hsk-tabs-scroll.has-right-fade:after{opacity:1}.vocab-hsk-tabs-scroll.has-right-fade .vocab-hsk-tabs-track{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 5rem),transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 5rem),transparent 100%)}.vocab-hsk-tabs-scroll.has-left-fade.has-right-fade .vocab-hsk-tabs-track{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5rem,#000 calc(100% - 5rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5rem,#000 calc(100% - 5rem),transparent 100%)}.vocab-hsk-tabs-scroll.has-left-fade:not(.has-right-fade) .vocab-hsk-tabs-track{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5rem,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5rem,#000 100%)}.vocab-hsk-tabs-track{position:relative;display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:3px .5rem 3px 4px}.vocab-hsk-tabs-track::-webkit-scrollbar{display:none}.section-hsk-tabs .vocab-tab,.section-hsk-tabs .reading-tab{box-sizing:border-box;border:1px solid #e2e8f0}.vocab-mode-tabs .vocab-tab,#vocab-hsk-tabs-track .vocab-tab{flex-shrink:0;border-radius:1rem}.vocab-mode-tabs .vocab-tab.nav-active,#vocab-hsk-tabs-track .vocab-tab.nav-active{position:relative;z-index:3}.vocab-mode-tabs .vocab-tab.kb-nav-selected,#vocab-hsk-tabs-track .vocab-tab.kb-nav-selected{outline:none;position:relative;z-index:3}.vocab-mode-tabs .vocab-tab.kb-nav-selected:not(.nav-active),#vocab-hsk-tabs-track .vocab-tab.kb-nav-selected:not(.nav-active){background-color:#f8fafc;box-shadow:0 0 0 2px #0f766e}.vocab-mode-tabs .vocab-tab.kb-nav-selected.nav-active,#vocab-hsk-tabs-track .vocab-tab.kb-nav-selected.nav-active{box-shadow:0 0 0 2px #0d948859}.vocab-tabs-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;flex-shrink:0;margin-left:auto}.vocab-sort-group{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.section-header{font-size:2.15625rem;font-weight:600;color:#134e4b;line-height:1.25}.section-card-title{font-size:1.35rem;font-weight:600;color:#134e4b;line-height:1.3}.learning-card{box-shadow:0 1px 3px #0f172a14}#reading-content .reading-hsk-shelves{display:flex;flex-direction:column;gap:1.75rem;overflow:visible}#reading-content .reading-hsk-shelf{overflow:visible}#reading-content .reading-hsk-shelf-head{margin:0 0 .7rem;font-size:.95rem;font-weight:600;color:#134e4b;letter-spacing:.01em}#reading-content .reading-hsk-shelf-row{--reading-shelf-arrow-slot: 2.2rem ;position:relative;display:flex;align-items:center;gap:.35rem;min-width:0;overflow:visible;padding-right:var(--reading-shelf-arrow-slot);box-sizing:border-box;container-type:inline-size;container-name:reading-shelf}#reading-content .reading-hsk-shelf-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;color:#0f766e;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;flex:0 0 auto;align-self:center;font-size:.75rem;padding:0}#reading-content .reading-hsk-shelf-arrow[data-shelf-dir="-1"],#reading-content .reading-hsk-shelf-arrow[data-shelf-dir="1"]{position:absolute;z-index:2;top:50%}#reading-content .reading-hsk-shelf-arrow[data-shelf-dir="-1"]{left:0;transform:translate(calc(-100% - .35rem),-50%)}#reading-content .reading-hsk-shelf-arrow[data-shelf-dir="1"]{right:0;transform:translateY(-50%)}#reading-content .reading-hsk-shelf-arrow:hover:not(:disabled){background:#f0fdfa;border-color:#99f6e4}#reading-content .reading-hsk-shelf-arrow:focus-visible{outline:2px solid #0f766e;outline-offset:2px}#reading-content .reading-hsk-shelf-arrow:disabled,#reading-content .reading-hsk-shelf-arrow[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none;opacity:0}#reading-content .reading-hsk-shelf-track{display:flex;gap:.75rem;flex:1 1 auto;min-width:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--reading-shelf-gutter);scrollbar-width:none;-ms-overflow-style:none;--reading-shelf-gutter: .35rem;padding:var(--reading-shelf-gutter);--reading-shelf-gap: .75rem;--reading-shelf-inner: calc(100cqi - (2 * var(--reading-shelf-gutter)));--reading-shelf-card-size: 12.25rem}@container reading-shelf (max-width: 25.949rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: var(--reading-shelf-inner)}}@container reading-shelf (min-width: 25.95rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - var(--reading-shelf-gap)) / 2)}}@container reading-shelf (min-width: 38.95rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (2 * var(--reading-shelf-gap))) / 3)}}@container reading-shelf (min-width: 51.95rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (3 * var(--reading-shelf-gap))) / 4)}}@container reading-shelf (min-width: 64.95rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (4 * var(--reading-shelf-gap))) / 5)}}#reading-content .reading-hsk-shelf-track::-webkit-scrollbar{display:none;width:0;height:0}#reading-content .reading-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.75rem,1fr));gap:.75rem;padding:.2rem 0}#reading-content .reading-card-tile{box-sizing:border-box;display:flex;flex-direction:column;width:12.25rem;height:12.25rem;margin:0;padding:.95rem .95rem .85rem;border-radius:.75rem;background:#fff}#reading-content .reading-card-tile.kb-nav-selected,#reading-content .reading-card-tile.kb-nav-selected:hover{box-shadow:0 0 0 2px #0f766e inset,0 0 0 5px #0d94882e inset;z-index:1}#reading-content .reading-hsk-shelf-track .reading-card-tile{flex:0 0 var(--reading-shelf-card-size);width:var(--reading-shelf-card-size);height:var(--reading-shelf-card-size);max-width:var(--reading-shelf-card-size);scroll-snap-align:start;scroll-margin-inline:0}#reading-content .reading-card-grid .reading-card-tile{width:100%;height:auto;aspect-ratio:1 / 1}#reading-content .reading-card-tile-badge{display:inline-flex;align-self:flex-start;flex-shrink:0;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;line-height:1.3}#reading-content .reading-card-tile-title{margin-top:.65rem;font-size:1.05rem;font-weight:600;color:#134e4b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#reading-content .reading-card-tile-en{margin-top:.28rem;font-size:.78rem;color:#64748b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#reading-content .reading-card-tile-desc{margin-top:auto;padding-top:.55rem;font-size:.75rem;color:#64748b;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){#reading-content .reading-card-tile{width:10.5rem;height:10.5rem;padding:.8rem}#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: 10.5rem}@container reading-shelf (max-width: 22.449rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: var(--reading-shelf-inner)}}@container reading-shelf (min-width: 22.45rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - var(--reading-shelf-gap)) / 2)}}@container reading-shelf (min-width: 33.7rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (2 * var(--reading-shelf-gap))) / 3)}}@container reading-shelf (min-width: 44.95rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (3 * var(--reading-shelf-gap))) / 4)}}@container reading-shelf (min-width: 56.2rem){#reading-content .reading-hsk-shelf-track{--reading-shelf-card-size: calc((var(--reading-shelf-inner) - (4 * var(--reading-shelf-gap))) / 5)}}#reading-content .reading-card-grid{grid-template-columns:repeat(auto-fill,minmax(10.25rem,1fr))}#reading-content .reading-card-tile-title{font-size:.95rem;-webkit-line-clamp:2}#reading-content .reading-hsk-shelf-arrow{width:1.6rem;height:1.6rem}#reading-content .reading-hsk-shelf-row{--reading-shelf-arrow-slot: calc(1.6rem + .35rem)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.vocab-card-header{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.vocab-card-hanzi-wrap{min-width:0;flex:1 1 0%;overflow:hidden;position:relative}.vocab-card-hanzi-wrap.is-truncated{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 2.25rem),transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 2.25rem),transparent 100%)}.vocab-card-hanzi{font-size:1.875rem;line-height:1.2;white-space:nowrap}.vocab-card-pinyin{margin-top:.125rem;font-size:.875rem;color:#0d9488;white-space:nowrap}.vocab-search-field{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.vocab-search-input{width:10rem;padding:.5rem 2.25rem .5rem 2rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#1e293b;transition:border-color .1s ease,box-shadow .1s ease}.vocab-search-input::placeholder{color:#94a3b8;font-weight:400}.vocab-search-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #0d94882e}@media(min-width:768px){.vocab-search-input{width:11rem}}.vocab-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#94a3b8;pointer-events:none}.vocab-filter-trigger{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.375rem;background:transparent;color:#94a3b8;cursor:pointer;transition:background-color .1s ease,color .1s ease}.vocab-filter-trigger:hover{background-color:#f8fafc}.vocab-filter-trigger.is-active{color:#0f766e}.vocab-filter-trigger:focus-visible{outline:none;background-color:#f8fafc;box-shadow:0 0 0 2px #0d94882e}.vocab-filter-menu{position:absolute;top:calc(100% + .375rem);right:0;z-index:50;width:14.5rem;max-height:18rem;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 28px #0f172a1a;padding:.5rem;display:none}.vocab-search-field.is-filter-open .vocab-filter-menu{display:block}.vocab-filter-option{display:flex;align-items:center;gap:.625rem;padding:.4375rem .5rem;border-radius:.625rem;font-size:.8125rem;font-weight:500;color:#334155;cursor:pointer;transition:background-color .1s ease,color .1s ease}.vocab-filter-option:hover{background-color:#f8fafc}.vocab-filter-option input[type=checkbox]{width:.875rem;height:.875rem;margin:0;accent-color:#0f766e;flex-shrink:0;cursor:pointer}.vocab-sort-dropdown{position:relative;display:inline-block}.vocab-sort-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:12.5rem;white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem .875rem;cursor:pointer;transition:background-color .1s ease,border-color .1s ease,box-shadow .1s ease}.vocab-sort-trigger:hover,.vocab-sort-dropdown.is-open .vocab-sort-trigger{background-color:#f8fafc;border-color:#cbd5e1}.vocab-sort-trigger:focus-visible{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #0d94882e}.vocab-sort-trigger-chevron{font-size:.7rem;color:#0f766e;transition:transform .15s ease}.vocab-sort-dropdown.is-open .vocab-sort-trigger-chevron{transform:rotate(180deg)}.vocab-sort-menu{position:absolute;top:calc(100% + .375rem);left:0;z-index:50;min-width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 28px #0f172a1a;padding:.375rem;display:none}.vocab-sort-dropdown.is-open .vocab-sort-menu{display:block}.vocab-sort-option{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#334155;border-radius:.75rem;border:none;background:transparent;cursor:pointer;transition:background-color .1s ease,color .1s ease}.vocab-sort-option:hover{background-color:#f8fafc}.vocab-sort-option.is-selected{background-color:#0f766e;color:#0f766e;font-weight:600}.vocab-sort-reverse-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#475569;transition:background-color .1s ease,color .1s ease,border-color .1s ease,box-shadow .1s ease}.vocab-sort-reverse-btn:hover:not(.is-active){background-color:#f8fafc;border-color:#cbd5e1}.vocab-sort-reverse-btn.is-active{color:#0f766e;border-color:#0f766e;background-color:#fff;box-shadow:inset 0 0 0 1px #0f766e}.vocab-sort-reverse-btn:focus-visible{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #0d94882e}.vocab-sort-reverse-btn.is-active:focus-visible{box-shadow:inset 0 0 0 1px #0f766e,0 0 0 3px #0d94882e}.vocab-card-hsk{flex-shrink:0;white-space:nowrap;font-size:.625rem;padding:.125rem .625rem;border-radius:.75rem;font-weight:500;line-height:1.25}.kb-nav-selected{outline:none;box-shadow:0 0 0 2px #0f766e,0 0 0 4px #0d948829}.vocab-card.kb-nav-selected{z-index:1}html{scrollbar-gutter:stable;overflow-y:scroll}@property --app-sidebar-w{syntax: "<length>"; inherits: true; initial-value: 256px;}:root{--app-shell-max: 100.5rem;--app-edge-pad-min: 1.5rem;--app-sidebar-w: 18rem;--app-content-max: 58rem;--app-rail-w: 15.5rem;--app-edge-pad: max( var(--app-edge-pad-min), calc(50vw - (var(--app-shell-max) / 2) + var(--app-edge-pad-min)) );transition:--app-sidebar-w .32s cubic-bezier(.4,0,.2,1)}.app-main-col>.section{max-width:var(--app-content-max)}@media(min-width:1180px){.app-main-col>.section:has(.upgrade-cta-host){max-width:none}.app-main-col>#profile{max-width:none}}body.guest-session .app-sidebar-nav,body.guest-session .app-sidebar-spacer,body.guest-session #dashboard-quick-start,body.guest-session #dashboard-reviews-panel,body.guest-session .upgrade-cta-host,body.guest-session #learn-module-tutorial-btn{display:none!important}body.guest-session #app-shell{max-width:64rem;gap:0}body.guest-session #dashboard-mode-grind>.grid,body.guest-session #dashboard-picker-stats{grid-template-columns:minmax(0,1fr)}body.guest-session #dashboard-hsk-progress-panel{grid-column:auto}#guest-progress-notice{margin-bottom:1.5rem;padding:.875rem 1rem;border:1px solid #99f6e4;border-radius:1rem;background:#f0fdfa;color:#115e59;font-size:.875rem;line-height:1.5}.app-sidebar-spacer{width:var(--app-sidebar-w);flex-shrink:0;transition:width .32s cubic-bezier(.4,0,.2,1)}.app-top-nav{width:100%;margin-left:0;z-index:50}.app-top-nav-inner{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:1.5rem;padding-right:var(--app-edge-pad)}.grecaptcha-badge{visibility:hidden}.auth-recaptcha-notice{margin:0;padding-top:.25rem;font-size:.6875rem;line-height:1.4;color:#64748b;text-align:center}.auth-recaptcha-notice a{color:inherit;text-decoration:underline}#auth-google-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}#auth-google-btn:disabled:hover{background:#f8fafc}.email-verify-banner{position:fixed;inset:auto 0 0;z-index:45;background:#f0fdfa;border-top:1px solid #99f6e4;border-bottom:none;box-shadow:0 -4px 12px #0f172a0f}html.email-verify-banner-active #app-shell{padding-top:0;padding-bottom:5rem}.email-verify-banner.hidden{display:none!important}.email-verify-banner-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:none;padding:.65rem var(--app-edge-pad)}.email-verify-banner-copy{display:flex;align-items:flex-start;gap:.65rem;min-width:0;flex:1 1 14rem}.email-verify-banner-icon{color:#0f766e;margin-top:.15rem;flex-shrink:0}.email-verify-banner-text{margin:0;font-size:.875rem;line-height:1.4;color:#134e4a}.email-verify-banner-email{font-weight:700;word-break:break-all}.email-verify-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0}.email-verify-banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .85rem;border-radius:9999px;font-size:.8125rem;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.email-verify-banner-btn:disabled{opacity:.55;cursor:default}.email-verify-banner-btn--primary{border:1px solid #0f766e;background:#0f766e;color:#fff}.email-verify-banner-btn--primary:hover:not(:disabled){background:#115e59;border-color:#115e59}.email-verify-banner-btn--ghost{border:1px solid transparent;background:transparent;color:#0f766e}.email-verify-banner-btn--ghost:hover:not(:disabled){background:#0f766e14}.email-verify-banner-status{margin:0;padding:0 var(--app-edge-pad) .55rem;font-size:.75rem;font-weight:600;color:#0f766e}.email-verify-banner-status.is-error{color:#b91c1c}.app-sidebar-nav{position:fixed;top:0;left:0;bottom:0;width:var(--app-sidebar-w);height:100vh;height:100dvh;z-index:40;max-height:none;overflow-y:auto;overflow-x:hidden;background:#fff;border:0;border-right:1px solid #e2e8f0;border-radius:0;box-shadow:none;padding:5.1rem .75rem 5rem;transform:translateZ(0);backface-visibility:hidden;transition:width .34s cubic-bezier(.4,0,.2,1),padding .34s cubic-bezier(.4,0,.2,1)}.app-sidebar-nav .nav-item{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:flex-start;gap:.85rem;width:100%;padding:.7rem .85rem;font-size:.9375rem;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;transition:gap .34s cubic-bezier(.4,0,.2,1),padding .34s cubic-bezier(.4,0,.2,1),background-color .1s ease,color .1s ease}.app-sidebar-nav .nav-item:focus{outline:none}.app-sidebar-nav .nav-item:focus-visible{outline:2px solid #0d9488;outline-offset:2px}.app-sidebar-nav .nav-item.nav-active,.app-sidebar-nav .nav-item.nav-active:hover{background-color:#0f766e;color:#fff;border-radius:1rem}.app-sidebar-nav .nav-item.nav-active:focus-visible{outline-color:#99f6e4}.app-sidebar-nav .nav-item>i{flex:0 0 1.25rem;width:1.25rem;min-width:1.25rem;margin:0;text-align:center;box-sizing:border-box}.app-sidebar-nav .nav-item>span{display:block;flex:0 1 auto;max-width:11rem;opacity:1;overflow:hidden;white-space:nowrap;transition:max-width .34s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .34s cubic-bezier(.4,0,.2,1)}@media(max-width:80rem){:root{--app-sidebar-w: 3.75rem}.app-sidebar-nav{border-radius:0;padding:5.1rem .5rem 4.25rem}.app-sidebar-nav .nav-item{gap:0;padding-left:.75rem;padding-right:.75rem}.app-sidebar-nav .nav-item>span{max-width:0;opacity:0;margin:0;pointer-events:none}}body:has(#app-shell.hidden)>.app-sidebar-nav{display:none!important}html.welcome-active .dict-regen-queue-panel,html.welcome-active .dict-audio-context-menu,html.welcome-active #qibu-tts-toast-host,html.welcome-active .xp-toast,html.welcome-active .achievement-toast,html.welcome-active .user-menu-overlay,html.welcome-active .studio-image-lightbox,html.welcome-active [data-reading-article-modal],html.welcome-active [data-app-dismissible-confirm]:not([data-app-public-dialog]),html.welcome-active [data-app-transient-dialog]:not([data-app-public-dialog]),html.welcome-active #word-detail-modal,html.welcome-active #char-detail-modal,html.welcome-active #flashcard-modal,html.welcome-active #writing-practice-modal,html.welcome-active #vocab-bulk-mastery-modal,html.welcome-active #tutorial-root,html.welcome-active #dict-tooltip,html.welcome-active #profile-field-modal,html.welcome-active #profile-upgrade-modal,html.welcome-active #account-email-modal,html.welcome-active #account-password-modal,html.welcome-active #learn-path-web-modal,html.welcome-active #guide-article-modal{display:none!important}#nav-dashboard.nav-active,#dashboard-learn-btn{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}html.welcome-active{scrollbar-gutter:stable;overflow-y:auto}html.quiz-modal-open{scrollbar-gutter:auto;overflow-y:hidden}html.reading-article-open,html.reading-article-open body{overflow:hidden!important;overscroll-behavior:none}body.tutorial-start-pending #app-shell,body.tutorial-start-pending nav{pointer-events:none}.kb-nav-selected:hover{box-shadow:0 0 0 2px #134e4b,0 0 0 4px #0f766e2e}.tab-content-host{position:relative;min-height:12rem;overflow-anchor:none}.tab-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8fafcb8;backdrop-filter:blur(2px);z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease}.tab-loading-overlay.is-visible{opacity:1}.tab-loading-spinner{width:2rem;height:2rem;border:3px solid #ccfbf1;border-top-color:#0f766e;border-radius:50%;animation:tab-spin .7s linear infinite;will-change:transform}@keyframes tab-spin{to{transform:rotate(360deg)}}.virtual-viewport{width:100%}.virtual-spacer{position:relative;width:100%;overflow-anchor:none}.virtual-window{width:100%;overflow-anchor:none;box-sizing:border-box}.virtual-window[class*=grid-cols]{grid-auto-rows:var(--virtual-row-px, 168px)}.virtual-window[class*=grid-cols]>*{height:100%;min-height:0}.tutorial-root{position:fixed;inset:0;z-index:650;pointer-events:none}.tutorial-root.hidden{display:none}.tutorial-mask{position:fixed;top:0;left:0;pointer-events:none}.tutorial-mask-overlay{pointer-events:none}.tutorial-highlight-glow,.tutorial-highlight-border,.tutorial-highlight-glow-secondary,.tutorial-highlight-border-secondary,#tutorial-mask-hole{pointer-events:none;transition:x var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),y var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),width var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),height var(--quiz-module-fade-duration) var(--quiz-module-fade-easing)}.tutorial-arrow{position:fixed;z-index:2;color:#0f766e;font-size:1.75rem;filter:drop-shadow(0 2px 4px rgb(15 23 42 / .18));pointer-events:none;opacity:1;transition:opacity var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),top var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),left var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),transform var(--quiz-module-fade-duration) var(--quiz-module-fade-easing)}.tutorial-bubble{position:fixed;z-index:3;max-width:min(22rem,calc(100vw - 2rem));pointer-events:auto;opacity:1;transition:opacity var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),top var(--quiz-module-fade-duration) var(--quiz-module-fade-easing),left var(--quiz-module-fade-duration) var(--quiz-module-fade-easing)}.tutorial-bubble.is-step-faded,.tutorial-arrow.is-step-faded{opacity:0;pointer-events:none}.tutorial-bubble-card{position:relative;background:#fff;border:2px solid #99f6e4;border-radius:1.25rem;padding:1rem 1.125rem .875rem;box-shadow:0 16px 40px #0f172a29}.tutorial-bubble-frame-icon{position:absolute;color:#5eead4;line-height:1;pointer-events:none}.tutorial-bubble-frame-icon.tl{top:-.65rem;left:-.5rem;font-size:1.35rem;transform:rotate(-8deg)}.tutorial-bubble-frame-icon.tr{top:-.45rem;right:-.35rem;font-size:1rem;color:#99f6e4;transform:rotate(12deg)}.tutorial-bubble-frame-icon.bl{bottom:-.55rem;left:.75rem;font-size:.95rem;color:#ccfbf1;transform:rotate(6deg)}.tutorial-bubble-frame-icon.br{bottom:-.7rem;right:-.55rem;font-size:1.5rem;transform:rotate(-14deg)}.tutorial-bubble-message{font-size:.9375rem;line-height:1.5;color:#334155;margin:0}.tutorial-bubble-options{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.tutorial-bubble-options li{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.45;color:#475569}.tutorial-bubble-option-num{flex-shrink:0;width:1.375rem;height:1.375rem;border-radius:9999px;background:#ccfbf1;color:#0f766e;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:.05rem}.tutorial-bubble-kbd{display:inline-block;padding:.1rem .35rem;border-radius:.375rem;border:1px solid #cbd5e1;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#334155;line-height:1.2}.tutorial-bubble-hint{font-size:.75rem;line-height:1.4;color:#94a3b8;margin:.5rem 0 0}.tutorial-bubble-lead{display:block;margin-bottom:.625rem}.tutorial-choice-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.tutorial-choice-btn{font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:9999px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;pointer-events:auto}.tutorial-choice-btn:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a}.tutorial-choice-btn--primary{background:#0f766e;border-color:#0f766e;color:#fff}.tutorial-choice-btn--primary:hover{background:#115e59;border-color:#115e59;color:#fff}.tutorial-bubble-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding-top:.625rem;border-top:1px solid #f1f5f9}.tutorial-step-indicator{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.tutorial-continue-btn{font-size:.8125rem;font-weight:600;padding:.375rem .875rem;border-radius:9999px;background:#0f766e;color:#fff;border:none;cursor:pointer;transition:background-color .15s ease}.tutorial-continue-btn:hover{background:#115e59}.tutorial-close-btn{position:fixed;right:1.25rem;bottom:1.25rem;z-index:4;pointer-events:auto;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;border-radius:9999px;background:#fff;color:#334155;border:1px solid #cbd5e1;box-shadow:0 8px 24px #0f172a24;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.tutorial-close-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8;box-shadow:0 10px 28px #0f172a2e}.tutorial-close-btn.hidden{display:none}.tutorial-bubble-close-btn{font-size:.8125rem;font-weight:600;padding:.375rem .875rem;border-radius:9999px;background:#fff;color:#334155;border:1px solid #cbd5e1;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;pointer-events:auto}.tutorial-bubble-close-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.tutorial-bubble-close-btn.hidden{display:none}.tutorial-bubble-footer-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.tutorial-bubble.is-nudge{animation:tutorial-bubble-nudge .45s ease}@keyframes tutorial-bubble-nudge{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tutorial-focus-target{position:relative;pointer-events:auto!important}.vocab-filter-trigger.tutorial-focus-target{position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.guide-module-nav-btn.tutorial-focus-target{position:absolute}.guide-module-nav-btn--prev.tutorial-focus-target{left:1.25rem;bottom:1.25rem}.guide-module-nav-btn--next.tutorial-focus-target{right:1.25rem;bottom:1.25rem}.app-sidebar-nav.tutorial-focus-target{position:fixed}.tutorial-focus-target.tutorial-focus-target-click{cursor:pointer}body.tutorial-active nav *:not(.tutorial-allowed-interactive):not(.tutorial-allowed-interactive *),body.tutorial-active #app-shell *:not(.tutorial-allowed-interactive):not(.tutorial-allowed-interactive *),body.tutorial-active #flashcard-modal *:not(.tutorial-allowed-interactive):not(.tutorial-allowed-interactive *),body.tutorial-active #writing-practice-modal *:not(.tutorial-allowed-interactive):not(.tutorial-allowed-interactive *){pointer-events:none!important}body.tutorial-active .tutorial-focus-target:not(.tutorial-focus-target-passthrough){pointer-events:auto!important}body.tutorial-active .tutorial-focus-target:not(.tutorial-focus-target-passthrough) *:not(.tutorial-allowed-interactive):not(.tutorial-allowed-interactive *){pointer-events:none!important}body.tutorial-active .tutorial-focus-target.tutorial-focus-target-passthrough{pointer-events:none!important}body.tutorial-active .tutorial-allowed-interactive,body.tutorial-active .tutorial-allowed-interactive *{pointer-events:auto!important}body.tutorial-active .vocab-card:hover:not(.vocab-card-fully-mastered){box-shadow:none!important}body.tutorial-active .nav-item:hover:not(.nav-active){background-color:inherit!important;color:inherit!important}body.tutorial-active .metric-card:hover{transform:none!important;box-shadow:none!important}body.tutorial-active .guide-article-card:hover,body.tutorial-active .guide-article-card--locked:hover,body.tutorial-active .grammar-formula-card:hover{border-color:#e2e8f0!important;box-shadow:none!important}body.tutorial-active .guide-syllable-chip:hover{background:#fff!important;border-color:#99f6e4!important}body.tutorial-active .guide-syllable-example:hover{color:#0f766e!important;opacity:1!important}body.tutorial-active .guide-sound-quiz-play:hover{background:#ccfbf1!important;border-color:#99f6e4!important}body.tutorial-active .guide-sound-quiz-answer:hover:not(:disabled){background:#fff!important;border-color:#e2e8f0!important}body.tutorial-active .guide-module-nav-btn:hover:not(:disabled){background:#fff!important;border-color:#475569!important;color:#475569!important}body.tutorial-active .guide-complete-btn:hover,body.tutorial-active #dashboard-learn-btn:hover,body.tutorial-active .tutorial-allowed-interactive[class*="hover:bg-teal-8"]:hover,body.tutorial-active .tutorial-allowed-interactive[class*="hover:bg-teal-9"]:hover{background-color:#115e59!important}body.tutorial-active #quiz-pinyin-toggle:hover,body.tutorial-active #pinyin-toggle:hover{background-color:#0f766e!important;border-color:#5eead4!important;color:#0f766e!important}body.tutorial-active .quiz-option:not(:disabled):hover{border-color:#e2e8f0!important;background-color:#fff!important}body.tutorial-active .quiz-option:disabled[class*=border-emerald-500]{border-color:#10b981!important;background-color:#ecfdf5!important}body.tutorial-active .quiz-option:disabled[class*=border-red-400]{border-color:#f87171!important;background-color:#fef2f2!important}body.tutorial-active .kb-nav-selected:hover{box-shadow:0 0 0 2px #0f766e,0 0 0 4px #0d948829!important}body.tutorial-active .tutorial-hint-reveal:hover .quiz-hint-popover,body.tutorial-active .tutorial-hint-reveal:focus-within .quiz-hint-popover{opacity:1!important;visibility:visible!important;transform:translate(-50%)!important}body.tutorial-active .info-popover-trigger:hover .info-popover,body.tutorial-active .info-popover-trigger:focus-within .info-popover,body.tutorial-active .info-popover-trigger:hover .info-popover-below,body.tutorial-active .info-popover-trigger:focus-within .info-popover-below{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.profile-billing-checkout{flex-wrap:wrap}.profile-billing-checkout>div{flex:1 1 100%}.profile-renewal-terms{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px;color:#222;font-size:14px;line-height:1.6;text-align:left}.profile-renewal-link{color:#333;font-weight:600;text-decoration:underline;text-underline-offset:3px}.profile-plan-note[data-renewal-terms]{margin-top:5px;color:#475569;font-size:13px;line-height:1.5}.profile-renewal-terms p{margin:8px 0 12px}.profile-renewal-consent{display:flex;align-items:flex-start;gap:10px;font-weight:600;cursor:pointer}.profile-renewal-consent input{flex-shrink:0;width:18px;height:18px;margin-top:3px}