:root{--mobile-nav-height: 0px;--mobile-topbar-height: 61px;--lukisan-latihan: url(/media/lesson/practice-ink-wash.webp);--brand-primary: #E8543E;--brand-primary-dark: #C83F2D;--brand-gold: #F2A93B;--brand-gold-dark: #9A6516;--brand-jade: #3E9C7A;--brand-jade-dark: #267457;--bg-main: #FDFBF7;--surface: #FFFFFF;--surface-muted: #F7F4EE;--text-primary: #2E2A26;--text-secondary: #655F59;--text-muted: #918A82;--primary-soft: #FDEBE7;--jade-soft: #E8F5F0;--gold-soft: #FFF4DF;--danger-soft: #FFF0ED;--border-soft: rgba(46, 42, 38, .09);--border-strong: rgba(46, 42, 38, .16);--shadow-sm: 0 4px 14px rgba(67, 53, 43, .05);--shadow-md: 0 12px 32px rgba(67, 53, 43, .08);--shadow-lg: 0 24px 60px rgba(67, 53, 43, .11);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--bar-off: #E9E5DE;--red: var(--brand-primary);--red-d: var(--brand-primary-dark);--jade: var(--brand-jade);--gold: var(--brand-gold);--ink: var(--text-primary);--ink2: var(--text-secondary);--mut: var(--text-secondary);--mut2: var(--text-muted);--mut3: #AAA39B;--line: var(--border-soft);--line-s: rgba(46, 42, 38, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-main);color:var(--text-primary);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid rgba(62,156,122,.35);outline-offset:3px}.hz{font-family:"Noto Serif SC",serif}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{color:var(--brand-primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-large{box-shadow:var(--shadow-md)}.button{min-height:48px;padding:13px 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:14px;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:not(:disabled):hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--brand-primary);box-shadow:0 10px 22px #e8543e33}.button-primary:not(:disabled):hover{background:var(--brand-primary-dark);box-shadow:0 14px 28px #e8543e40}.button-secondary{color:var(--text-primary);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.button-secondary:not(:disabled):hover{border-color:#3e9c7a73}.button-ghost{color:var(--brand-primary-dark);background:transparent;border:1px solid rgba(232,84,62,.18)}.button-dark{background:var(--text-primary);color:#fff}.icon-button{flex:none;border-radius:50%;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);transition:.18s ease}.icon-button:hover{color:var(--brand-primary);border-color:#e8543e59;transform:translateY(-1px)}.icon-button.solid{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 8px 18px #e8543e38}.chip{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border-soft);color:var(--text-secondary);font-size:10px;font-weight:650;white-space:nowrap}.chip-jade{background:var(--jade-soft);color:var(--brand-jade-dark);border-color:#3e9c7a2e}.track{width:100%;overflow:hidden;display:flex;border-radius:999px;background:var(--bar-off)}.track>i{display:block;border-radius:inherit;transition:width .55s ease}.bamboo{display:flex;align-items:flex-end}.bamboo i{display:block;border-radius:3px}.mascot{display:block;width:auto;object-fit:contain}.example{display:flex;flex-direction:column;gap:5px}.example .hz{line-height:1.5}.example-pinyin{color:var(--text-secondary);font-size:13px}.example-meaning{color:var(--text-muted);font-size:13px}.brand-logo{display:flex;align-items:center;gap:10px}.brand-mark{flex:none;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:var(--surface)}.brand-mark img{width:150%;max-width:none;height:150%;object-fit:contain}.brand-word{font-size:16px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.brand-word b{color:var(--brand-jade-dark)}.brand-word.compact{font-size:14px}.promo-banner{min-height:44px;padding:6px 16px;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;background:linear-gradient(90deg,#7a1210,#b91c1c 55%,#7a1210);position:relative;z-index:50}.promo-banner-rotator{position:relative;height:1.4em;flex:1 1 auto;min-width:0;max-width:640px;overflow:hidden;font-size:12px;font-weight:650}.promo-banner-line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(60%);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.promo-banner-line.is-current{opacity:1;transform:translateY(0)}.promo-banner-line b{color:#ffe29b}.promo-banner-line s{opacity:.7}.promo-banner-actions{flex:none;display:flex;align-items:center;gap:10px}.promo-banner-timer{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:28px;padding:0 8px;color:#ffe29b;background:#00000038;border-radius:8px;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;text-align:center}.promo-banner-claim{min-height:32px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;color:#7a1210;background:#fff;border-radius:9px;font-size:11px;font-weight:800;transition:transform .18s ease}.promo-banner-claim:hover{transform:translateY(-2px)}@media(max-width:700px){.promo-banner{min-height:40px;padding:5px 10px;gap:6px}.promo-banner-rotator{flex:1 1 auto;height:2.5em;font-size:9px}.promo-banner-line{display:block;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;padding-left:18px;text-indent:-18px}.promo-banner-line em{margin-right:4px}.promo-banner-actions{gap:6px}.promo-banner-timer{min-width:58px;min-height:24px;padding:0 5px;font-size:9px}.promo-banner-claim{min-height:28px;padding:0 9px;font-size:10px;gap:4px}}@media(prefers-reduced-motion:reduce){.promo-banner-line{transition:none}}.landing{min-height:100vh;overflow:hidden;background:var(--bg-main)}.landing-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.landing-nav-wrap{position:relative;z-index:20;padding:20px 24px 0}.landing-nav{width:min(1180px,100%);min-height:68px;margin:auto;padding:10px 12px 10px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;background:#ffffffeb;border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-nav>button{justify-self:start}.landing-links{display:flex;gap:32px;font-size:13px;font-weight:550}.landing-links a{padding:8px 0}.landing-links a:hover{color:var(--brand-primary)}.landing-actions{justify-self:end;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.landing-actions>button:first-child{min-height:44px;padding:0 14px}.nav-cta{min-height:44px;padding:10px 18px}.nav-menu-toggle,.landing-mobile-menu{display:none}.hero-section{min-height:670px;padding-top:76px;padding-bottom:64px;display:grid;grid-template-columns:53% 47%;align-items:center}.hero-copy{position:relative;z-index:3;max-width:650px}.hero-badge{width:fit-content;padding:9px 14px;display:flex;align-items:center;gap:8px;color:#8b621e;background:var(--gold-soft);border:1px solid rgba(242,169,59,.24);border-radius:999px;font-size:11px;font-weight:650;transform:translateY(-90px)}.hero-badge i,.free-note i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.45}.hero-copy h1{margin:26px 0 20px;max-width:620px;font-size:clamp(48px,5vw,70px);line-height:1.08;letter-spacing:-3.2px}.hero-copy h1 em{color:var(--brand-primary);font-style:normal}.hero-copy>p{max-width:610px;margin-bottom:24px;color:var(--text-secondary);font-size:16px;line-height:1.75}.hero-brand-block{margin:26px 0 22px;transform:translateY(-50px)}.hero-copy .hero-brand-headline{max-width:none;margin:0;color:var(--text-primary);font-size:clamp(21px,2.2vw + 8px,46px);font-weight:800;line-height:1.16;letter-spacing:-.03em;text-wrap:initial}.hero-brand-rotator{position:relative;height:1.5em;overflow:hidden;font-size:clamp(40px,3.8vw,60px);font-weight:800;line-height:1.16;letter-spacing:-.03em}.hero-brand-rotating-line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;white-space:nowrap;color:var(--brand-jade-dark);opacity:0;transform:translateY(100%);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.hero-brand-rotating-line.is-current{opacity:1;transform:translateY(0)}.hero-brand-rotating-line.is-previous{opacity:0;transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.hero-brand-rotating-line{transition:none}}.capability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:620px}.capability{min-height:64px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#ffffffb8;border:1px solid var(--border-soft);border-radius:14px}.capability>span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px}.tone-jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.tone-gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.capability b,.capability small{display:block}.capability b{font-size:11px}.capability small{margin-top:3px;color:var(--text-muted);font-size:9px;line-height:1.3}.hero-actions{margin-top:25px;display:flex;gap:12px}.hero-actions .button{min-height:54px;padding-inline:24px}.free-note{margin-top:13px;display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:11px}.free-note span{display:inline-flex;align-items:center;gap:5px;color:var(--brand-jade-dark)}.hero-visual{position:relative;min-height:560px}.hero-glow{position:absolute;width:490px;height:490px;right:-25px;top:30px;border-radius:50%;background:radial-gradient(circle at 40% 45%,#FFF1E8 0,#FDF5EE 58%,transparent 72%)}.practice-preview{position:absolute;z-index:2;width:320px;top:18px;left:4px;padding:22px;transform:rotate(-2deg);box-shadow:var(--shadow-lg)}.preview-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:10px}.preview-meta b{color:var(--text-secondary)}.preview-word{margin-top:18px;text-align:center;font-size:70px;line-height:1}.preview-pinyin{margin-top:8px;text-align:center;color:var(--brand-jade-dark);font-size:14px}.preview-meaning{margin:5px 0 18px;text-align:center;font-size:11px;font-weight:600}.preview-options{display:flex;flex-direction:column;gap:8px}.preview-options>div{min-height:42px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-muted);border:1px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:10px}.preview-options span{display:flex;align-items:center;gap:8px}.preview-options i{width:13px;height:13px;display:block;border:1px solid #D7D0C8;border-radius:50%}.preview-options .correct{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a59}.preview-options .correct i{border:4px solid var(--brand-jade)}.hero-mascot{position:absolute;z-index:3;right:-68px;bottom:0;filter:drop-shadow(0 24px 22px rgba(46,42,38,.12))}.hero-chat-card{position:absolute;z-index:5;right:5px;bottom:22px;width:245px;padding:14px;display:grid;grid-template-columns:42px 1fr;gap:10px;box-shadow:var(--shadow-md)}.mini-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;background:var(--jade-soft);border-radius:12px}.mini-avatar .mascot{max-width:none}.hero-chat-card b{font-size:12px}.hero-chat-card p{margin:3px 0 0;color:var(--text-secondary);font-size:9px;line-height:1.45}.hero-chat-card>button{grid-column:1 / -1;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:var(--brand-primary);border-radius:10px;font-size:10px;font-weight:650}.why-stage{min-height:860px;padding:64px 0 104px;position:relative;isolation:isolate;overflow:hidden;color:var(--text-primary);background:radial-gradient(circle at 8% 18%,rgba(62,156,122,.1),transparent 27%),radial-gradient(circle at 91% 76%,rgba(242,169,59,.1),transparent 31%),linear-gradient(180deg,#f6f9f5,#fdfbf7 52%,#faf7f1)}.why-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.58;background-image:linear-gradient(rgba(62,156,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(62,156,122,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.why-stage:after{content:"";position:absolute;z-index:-2;left:-210px;bottom:-300px;width:620px;height:620px;border-radius:50%;opacity:.52;background:radial-gradient(circle,#3e9c7a29,#3e9c7a00 68%)}.why-atmosphere{position:absolute;z-index:-1;right:-170px;top:210px;width:560px;height:560px;border-radius:50%;opacity:.58;pointer-events:none;background:radial-gradient(circle,#f2a93b26,#f2a93b00 68%)}.why-stage.is-visible .why-atmosphere{animation:nightDrift 8s ease-in-out infinite alternate}.proof-strip{min-height:124px;padding:20px 30px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;position:relative;z-index:2;background:#ffffffe0;border:1px solid rgba(46,42,38,.09);border-radius:24px;box-shadow:0 18px 46px #43352b14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.proof-strip>div{padding:0 30px;display:grid;grid-template-columns:58px auto;grid-template-rows:auto auto;column-gap:18px;align-items:center}.why-stage .proof-strip>div+div{border-left:1px solid var(--border-soft)}.proof-icon{grid-row:1 / 3;width:58px;height:58px;display:grid;place-items:center;border:1px solid currentColor;border-radius:16px}.proof-icon.jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.proof-icon.gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.proof-icon.primary{color:var(--brand-primary-dark);background:var(--primary-soft)}.proof-strip strong{color:var(--brand-jade-dark);font-size:29px;line-height:1;letter-spacing:-.9px}.proof-strip>div:nth-child(2) strong{color:var(--brand-gold-dark)}.proof-strip>div:nth-child(3) strong{color:var(--brand-primary-dark)}.proof-strip p{margin:7px 0 0;color:var(--text-secondary);font-size:12px}.why-section{padding-top:66px;display:grid;grid-template-columns:minmax(315px,.95fr) minmax(430px,1.45fr) minmax(330px,1fr);gap:22px;align-items:center;position:relative;z-index:2}.why-stage .section-copy .eyebrow{color:var(--brand-primary-dark)}.why-stage .section-copy h2{margin:18px 0 22px;color:var(--text-primary);font-size:clamp(38px,2.8vw,45px);line-height:1.07;letter-spacing:-2.2px}.why-stage .section-copy h2 em{display:block;color:var(--brand-jade-dark);font-style:normal}.why-stage .section-copy p{max-width:300px;color:var(--text-secondary);font-size:15px;line-height:1.8}.why-stage .section-copy a{margin-top:26px;display:inline-flex;align-items:center;gap:10px;color:var(--brand-primary-dark);font-size:13px;font-weight:700}.why-stage .section-copy a:hover{color:var(--brand-primary)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.why-stage .feature-card{min-height:220px;padding:25px;color:var(--text-primary);background:#ffffffe6;border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.why-stage .feature-card:hover{transform:translateY(-4px);border-color:#3e9c7a47;box-shadow:var(--shadow-md)}.why-stage .feature-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid currentColor;border-radius:16px}.why-stage .feature-icon.f1,.why-stage .feature-icon.f4{color:var(--brand-jade-dark);background:var(--jade-soft)}.why-stage .feature-icon.f2{color:var(--brand-primary-dark);background:var(--primary-soft)}.why-stage .feature-icon.f3{color:var(--brand-gold-dark);background:var(--gold-soft)}.why-stage .feature-card h3{margin:24px 0 10px;font-size:16px;line-height:1.4}.why-stage .feature-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.75}.why-stage .progress-preview{padding:27px;background:#fffffff0;border:1px solid var(--border-soft);border-radius:26px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.why-stage .preview-label{width:fit-content;margin-bottom:30px;padding:7px 13px;color:var(--brand-gold-dark);background:var(--gold-soft);border:1px solid rgba(242,169,59,.24);border-radius:999px;font-size:8px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.why-stage .progress-head{display:flex;justify-content:space-between;align-items:center}.why-stage .progress-head span{color:var(--text-secondary);font-size:12px}.why-stage .progress-head strong{display:block;margin-top:8px;color:var(--brand-jade-dark);font-size:52px;line-height:.95}.why-stage .progress-head strong small{font-size:18px}@media(max-width:640px){.why-stage .progress-head strong{font-size:38px}.why-stage .progress-head strong small{font-size:15px}}.readiness-ring{width:100px;height:100px;display:grid;place-items:center;position:relative}.readiness-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.readiness-ring circle{fill:none;stroke-width:10}.readiness-ring .ring-base{stroke:#e5eee9}.readiness-ring .ring-value{stroke:var(--brand-jade);stroke-linecap:round;transition:stroke-dashoffset 1.15s cubic-bezier(.2,.8,.2,1)}.readiness-ring span{position:relative;z-index:1;color:var(--brand-jade-dark);font-size:15px;font-weight:750}.why-stage .preview-bars{margin:28px 0 24px;display:flex;flex-direction:column;gap:15px}.why-stage .preview-bars>div{display:grid;grid-template-columns:76px 1fr 34px;gap:10px;align-items:center}.why-stage .preview-bars span,.why-stage .preview-bars b{color:var(--text-secondary);font-size:10px}.why-stage .preview-bars b{color:var(--text-primary);text-align:right}.why-stage .preview-bars .track{background:var(--bar-off);box-shadow:none}.why-stage .preview-bars .track>i{transition:width 1.05s cubic-bezier(.2,.8,.2,1)}.why-stage .weak-area{padding:15px 18px;display:flex;align-items:center;gap:12px;color:var(--brand-jade-dark);background:var(--jade-soft);border:1px solid rgba(62,156,122,.18);border-radius:16px}.why-stage .weak-area small,.why-stage .weak-area b{display:block}.why-stage .weak-area small{color:var(--text-secondary);font-size:9px}.why-stage .weak-area b{margin-top:3px;color:var(--text-primary);font-size:13px}.why-stage .reveal-item{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease var(--delay, 0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms)}.why-stage.is-visible .reveal-item{opacity:1;transform:translateY(0) scale(1)}@keyframes nightDrift{0%{transform:translateY(6px) scale(.98);opacity:.48}to{transform:translateY(-10px) scale(1.02);opacity:.64}}@media(max-width:899px){.why-stage{min-height:auto;padding:48px 0 80px}.why-stage .proof-strip>div+div{border-left:0;border-top:1px solid var(--border-soft)}.why-stage .why-section{grid-template-columns:1fr 1fr;padding-top:58px}.why-stage .section-copy{grid-column:1 / -1;max-width:620px}.why-stage .section-copy h2{font-size:clamp(40px,8vw,58px)}.why-stage .section-copy p{max-width:470px}.why-stage .progress-preview{align-self:stretch}}@media(max-width:620px){.why-stage{padding-top:32px}.why-stage .proof-strip{padding:12px 18px}.why-stage .proof-strip>div{padding:18px 5px;grid-template-columns:50px 1fr}.why-stage .proof-icon{width:46px;height:46px}.why-stage .proof-strip strong{font-size:24px}.why-stage .why-section{grid-template-columns:1fr}.why-stage .section-copy{grid-column:auto}.why-stage .section-copy h2{font-size:clamp(34px,9.2vw,40px);letter-spacing:-1.7px}.why-stage .feature-grid{grid-template-columns:1fr}.why-stage .feature-card{min-height:190px;padding:22px}.why-stage .progress-preview{width:100%;padding:22px}}@media(prefers-reduced-motion:reduce){.why-stage .reveal-item{opacity:1;transform:none;transition:none}.why-stage.is-visible .why-atmosphere{animation:none}.readiness-ring .ring-value,.why-stage .preview-bars .track>i{transition:none}}.section-copy h2,.center-heading h2,.xiaolong-copy h2,.coming-section h2{margin:10px 0 12px;font-size:34px;line-height:1.15;letter-spacing:-1.5px}.section-copy p,.center-heading p{color:var(--text-secondary);font-size:13px;line-height:1.7}@media(max-width:640px){.section-copy h2,.center-heading h2{font-size:27px;letter-spacing:-1px}}.xiaolong-section{background:#f5f8f4;border-block:1px solid rgba(62,156,122,.1)}.xiaolong-inner{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.xiaolong-art{align-self:end;position:relative;min-height:520px;display:flex;justify-content:center;align-items:flex-end}.xiaolong-art .mascot{position:relative;z-index:1;filter:drop-shadow(0 30px 25px rgba(37,84,65,.14))}.xiaolong-orbit{position:absolute;width:410px;height:410px;left:50%;bottom:45px;transform:translate(-50%);border:1px solid rgba(242,169,59,.25);border-radius:50%}.xiaolong-orbit:before,.xiaolong-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--brand-gold)}.xiaolong-orbit:before{width:11px;height:11px;top:20%;left:-5px}.xiaolong-orbit:after{width:6px;height:6px;right:10%;top:2%}.xiaolong-copy h2{font-size:44px}.xiaolong-copy>p{max-width:500px;color:var(--text-secondary);line-height:1.75}.prompt-list{margin:24px 0;display:flex;flex-direction:column;gap:9px}.prompt-list button{width:fit-content;padding:11px 15px;color:var(--text-secondary);background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow-sm);font-size:12px}.curriculum-section{padding-block:110px}.center-heading{max-width:600px;margin:0 auto 48px;text-align:center}.hsk-journey{position:relative;display:grid;grid-template-columns:repeat(6,1fr)}.hsk-journey:before{content:"";position:absolute;height:2px;left:7%;right:7%;top:27px;background:#e4e0d8}.hsk-journey>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.hsk-journey>div>span{width:54px;height:54px;display:grid;place-items:center;color:var(--text-muted);background:var(--surface);border:2px solid #E4E0D8;border-radius:50%;font-weight:700}.hsk-journey .current>span{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 8px 20px #e8543e33}.hsk-journey b{font-size:13px}.hsk-journey small{color:var(--text-muted);font-size:9px;text-transform:uppercase}.hsk-journey .current small{color:var(--brand-jade-dark);font-weight:700}.coming-section{margin-bottom:110px;padding:34px;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:24px}.coming-section h2{margin-bottom:0;font-size:25px}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.coming-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.coming-grid>div>span{grid-row:1 / 3;width:38px;height:38px;display:grid;place-items:center;color:var(--text-muted);background:#fff;border-radius:11px}.coming-grid b{font-size:11px}.coming-grid p{margin:3px 0 0;color:var(--text-muted);font-size:9px;line-height:1.5}.pricing-section{padding-bottom:110px}.pricing-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}.price-card{position:relative;padding:24px 20px}.price-card.featured{border:1.5px solid rgba(62,156,122,.42);box-shadow:var(--shadow-md)}.price-card>p{color:var(--text-secondary);font-size:11px}.price-card ul{min-height:112px;margin:22px 0;padding:20px 0 0;display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--border-soft);list-style:none}.price-card li{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px}.price-card li svg{color:var(--brand-jade)}.price-card .button{width:100%}.pricing-page>.button-secondary{margin-top:24px}.pricing-state{max-width:680px;margin:auto;padding:28px;text-align:center;color:var(--text-secondary)}.final-cta{margin-bottom:80px;padding:46px 52px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff;background:var(--text-primary);border-radius:28px;overflow:hidden;position:relative}.final-cta:after{content:"龙";position:absolute;right:28%;bottom:-80px;color:#ffffff08;font-family:"Noto Serif SC";font-size:260px}.final-cta h2{margin:8px 0;max-width:620px;font-size:34px;letter-spacing:-1.3px}.final-cta p{margin:0;color:#ffffff9e;font-size:12px}.cta-hanzi{color:var(--brand-gold);font-size:16px}.final-cta>div:last-child{position:relative;z-index:1;display:flex;gap:10px;flex:none}.final-cta .button-secondary{color:#fff;background:transparent;border-color:#ffffff40}.landing-footer{padding:50px 0 24px;background:#f4f1eb;border-top:1px solid var(--border-soft)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-brand p{max-width:310px;margin:14px 0 0;color:var(--text-secondary);font-size:12px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--text-secondary)}.footer-grid>div>b{margin-bottom:4px;color:var(--text-primary)}.copyright{margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:var(--text-muted);border-top:1px solid var(--border-soft);font-size:10px}.onboarding-page{min-height:100vh;display:grid;grid-template-columns:1fr 560px;background:var(--bg-main)}.onboarding-art{position:relative;padding:44px clamp(32px,5vw,76px);display:flex;flex-direction:column;overflow:hidden;background:#f2f8f4}.onboarding-art>div:nth-child(2){position:relative;z-index:2;margin-top:100px}.onboarding-art h1{margin:12px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-2.5px}.onboarding-art h1 em{color:var(--brand-jade-dark);font-style:normal}.onboarding-art p{max-width:500px;color:var(--text-secondary);line-height:1.7}.onboarding-art .mascot{position:absolute;right:-10px;bottom:-90px;filter:drop-shadow(0 28px 22px rgba(37,84,65,.14))}.onboarding-card{margin:28px;align-self:center;padding:38px;display:flex;flex-direction:column;gap:22px;background:#fff;border:1px solid var(--border-soft);border-radius:26px;box-shadow:var(--shadow-lg)}.step-badge{width:fit-content;padding:5px 9px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:9px;font-weight:700}.onboarding-card h2{margin:0;font-size:27px;letter-spacing:-.8px}.onboarding-card>p{margin:-14px 0 0;color:var(--text-secondary);font-size:13px}.onboarding-card label,.onboarding-card fieldset{display:flex;flex-direction:column;gap:9px;border:0;padding:0;margin:0}.onboarding-card label>span,.onboarding-card legend{margin-bottom:8px;font-size:11px;font-weight:700}.onboarding-card input{width:100%;min-height:50px;padding:0 15px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);outline:0}.onboarding-card input:focus{border-color:var(--brand-jade);box-shadow:0 0 0 3px #3e9c7a1a}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-grid.levels{grid-template-columns:repeat(3,1fr)}.choice-grid button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:11px;font-size:11px}.choice-grid button.selected{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a73;font-weight:700}.choice-grid button b{font-size:14px}.onboarding-card fieldset>small{color:var(--text-muted);font-size:10px}.shell{min-height:100vh;min-height:100dvh;display:flex;background:#f6f4ee}.app-inert-scope{display:contents}.mobile-topbar,.mobile-drawer-backdrop,.mobile-drawer{display:none}@media screen and (max-width:899px){.shell{flex-direction:column}.mobile-topbar{position:sticky;top:0;z-index:40;flex:none;min-height:var(--mobile-topbar-height);padding:calc(8px + env(safe-area-inset-top)) 14px 8px;display:flex;align-items:center;gap:10px;background:#fffdf8f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.mobile-topbar-menu{width:44px;height:44px;flex:none;display:grid;place-items:center;color:var(--text-primary);background:var(--surface-muted);border-radius:12px}.mobile-topbar-brand{display:flex;align-items:center}.mobile-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#141e196b;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:71;width:min(86vw,320px);background:#fcfbf5;border-right:1px solid var(--border-soft);box-shadow:12px 0 40px #1c2a222e;transform:translate(-100%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 10px 10px 16px;border-bottom:1px solid var(--border-soft)}.mobile-drawer-close{width:40px;height:40px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-muted);border-radius:10px}.mobile-drawer .sidebar-nav{padding:8px 10px 20px;overflow-y:visible;flex:1}}@media(prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer-backdrop{transition:none}}.sidebar{width:248px;height:calc(100vh - 24px);flex:none;position:sticky;top:12px;margin:12px 0 12px 12px;padding:0 0 12px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f4f9f4fa,#eff6f0fa);border:1px solid rgba(46,125,98,.1);border-radius:20px;box-shadow:0 12px 32px #2a493512;z-index:10;transition:width .18s ease}.sidebar.collapsed{width:72px}.sidebar-crest{position:relative;padding:16px 16px 14px;flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;background:linear-gradient(135deg,#3e9c7a1a,#3e9c7a05);border-bottom:1px solid rgba(46,125,98,.05)}.sidebar-logo{order:1;width:fit-content;padding:0}.sidebar-collapse-btn{order:2;margin-left:auto;flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:1px solid var(--border-soft);border-radius:8px;transition:background .15s ease,color .15s ease}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--surface-muted)}.sidebar.collapsed .sidebar-crest{flex-direction:column;align-items:center;padding:14px 10px;gap:10px}.crest-tagline{order:3;flex-basis:100%;margin:0 0 0 2px;color:var(--text-muted);font-size:11.5px;font-weight:500}.sidebar-nav{padding:10px 10px 4px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(62,156,122,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#3e9c7a2e;border-radius:999px}.nav-section,.nav-items{display:flex;flex-direction:column;gap:1px}.nav-section:has(.nav-label) .nav-items,.nav-section:has(.nav-accordion-header) .nav-items{padding-left:16px}.nav-label,.nav-accordion-header{width:100%;padding:6px 8px;display:flex;align-items:center;gap:8px;color:var(--brand-jade-dark);background:none;border:none;font:inherit;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left}.nav-label>svg,.nav-accordion-header>svg:first-child{display:none}.nav-label>span,.nav-accordion-header>span{flex:1;white-space:nowrap}.nav-accordion-header{cursor:pointer;border-radius:8px;transition:color .16s ease-out}.nav-accordion-header:hover{color:#164e3b}.nav-accordion-header:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.nav-accordion-arrow{flex:none!important;width:14px!important;height:14px!important;padding:0!important;color:var(--text-muted)!important;background:none!important;transform:rotate(-90deg);transition:transform .18s ease-out}.nav-accordion-arrow.terbuka{transform:rotate(0)}.nav-accordion-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease-out,opacity .2s ease-out}.nav-accordion-panel.terbuka{grid-template-rows:1fr;opacity:1}.nav-accordion-panel>div{min-height:0;overflow:hidden}.navitem{position:relative;min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:13.5px;font-weight:500;text-align:left;transition:background .14s ease-out,color .14s ease-out}.navitem-main{min-width:0;display:flex;align-items:center;gap:10px}.navitem-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.navitem-main svg{width:19px;height:19px;flex:none;color:var(--brand-jade);transition:color .14s ease-out}.navitem-arrow{width:14px!important;height:14px!important;flex:none;color:var(--text-muted)!important;background:none!important;transition:transform .14s ease-out,color .14s ease-out}.navitem:hover{background:#3e9c7a0f}.navitem:hover .navitem-main svg{color:var(--brand-jade-dark)}.navitem:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.navitem.active{color:var(--brand-jade-dark);font-weight:600;background:#3e9c7a17}.navitem.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--brand-jade-dark);border-radius:999px}.navitem.active .navitem-main svg{color:var(--brand-jade-dark)}.navitem[data-tone=naga] .navitem-main svg{color:var(--brand-primary)}.navitem[data-tone=naga].active{color:var(--brand-primary-dark);background:#e8543e14}.navitem[data-tone=naga].active:before{background:var(--brand-primary-dark)}.navitem[data-tone=naga].active .navitem-main svg{color:var(--brand-primary-dark)}.nav-count{flex:none;color:var(--text-muted);font-size:10px}.nav-badge{min-width:19px;height:19px;padding:0 5px;flex:none;display:grid;place-items:center;color:#fff;background:var(--brand-primary);border-radius:999px;font-size:9.5px;font-weight:600}.account-zone{margin-top:auto;padding:10px 10px 0;border-top:1px solid var(--border-soft)}.account-zone .app-user-control{grid-template-columns:36px 1fr 16px}.account-zone .app-user-control .profile-avatar{width:36px;height:36px;font-size:14px}.account-zone .app-user-control b{font-size:13px}.app-user-control{width:100%;min-height:48px;padding:6px 8px;display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:9px;color:var(--text-primary);background:none;border:none;border-radius:8px;text-align:left;transition:background .14s ease-out}.app-user-control:hover{background:#3e9c7a0f}.app-user-control b,.app-user-control small{display:block}.app-user-control b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-control small{margin-top:1px;color:var(--text-muted);font-size:11px}.auth-loading{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text-muted);background:var(--bg);font-weight:600}.auth-error{color:var(--brand-primary);text-align:center}.auth-gate{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding:32px 20px;background:var(--bg)}.auth-gate-kartu{width:min(430px,100%);padding:30px 30px 26px;display:grid;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-sm, 0 8px 24px rgba(46, 42, 38, .06))}.auth-gate-kartu h1{margin:4px 0 0;font-size:22px;letter-spacing:-.4px}.auth-gate-kartu p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.auth-gate-manfaat{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:7px}.auth-gate-manfaat li{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.auth-gate-manfaat svg{flex:none;color:var(--brand-jade)}.auth-gate-aksi{margin-top:6px;display:grid;gap:9px}.auth-gate-aksi .button{width:100%}.auth-gate-masuk{padding:9px 0;color:var(--text-secondary);font-size:12px}.auth-gate-masuk b{color:var(--brand-jade-dark)}.auth-gate-masuk:hover b{text-decoration:underline}.auth-gate-kembali{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.auth-gate-kembali:hover{color:var(--brand-jade-dark)}.auth-gate-kembali .mundur{transform:rotate(180deg)}@media(max-width:620px){.auth-gate{padding:24px 16px}.auth-gate-kartu{padding:24px 20px 22px}}.form-error{color:var(--brand-primary);font-size:12px;font-weight:600}.account-avatar{width:36px;height:36px;display:grid;place-items:center;background:#fff;border:1px solid var(--border-soft);border-radius:50%;font-size:12px;font-weight:700}.account-card b,.account-card small{display:block}.account-card b{font-size:11px}.account-card small{margin-top:3px;color:var(--text-muted);font-size:9px}.main{flex:1;min-width:0}.page{max-width:1440px;margin-inline:auto}.pad{padding:36px clamp(24px,3.2vw,52px) 54px}.page-header{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.page-header h1{margin:7px 0 5px;font-size:clamp(28px,3vw,38px);line-height:1.16;letter-spacing:-1.4px}.page-header p{max-width:680px;margin:0;color:var(--text-secondary);font-size:12px;line-height:1.65}.page-actions{flex:none}.dashboard-page{max-width:1360px;margin-inline:auto}.dashboard-header-hero{margin-bottom:28px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#fdf8f5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.dashboard-header-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:220px;height:220px;background:radial-gradient(circle,rgba(232,84,62,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-hero-content{max-width:680px}.dash-greeting-badge{display:inline-flex;align-items:center;padding:5px 14px;background:var(--primary-soft);border-radius:999px;color:var(--brand-primary-dark);font-size:13px;font-weight:650;margin-bottom:12px}.dash-hero-content h1{margin:0 0 8px;font-size:clamp(26px,2.5vw,34px);letter-spacing:-1px;color:var(--text-primary)}.dash-hero-content h1 em{font-style:normal;color:var(--brand-primary)}.dash-hero-content p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.dash-hero-stats{flex:none}.streak-chip-modern{padding:14px 22px;display:flex;align-items:center;gap:14px;color:var(--brand-gold-dark);background:var(--gold-soft);border:1px solid rgba(242,169,59,.3);border-radius:var(--radius-md);box-shadow:0 6px 16px #f2a93b1f}.streak-chip-modern b{display:block;font-size:18px;line-height:1.1;letter-spacing:-.5px}.streak-chip-modern small{display:block;font-size:11px;opacity:.85;margin-top:2px}.eyebrow-chip{color:var(--brand-jade-dark);background:var(--jade-soft);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.today-plan-modern{display:flex;flex-direction:column;gap:16px}.section-heading-modern{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading-modern h2{margin:0;font-size:20px;letter-spacing:-.5px}.section-heading-modern p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.plan-progress-pill{padding:6px 14px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.learning-list-modern{display:flex;flex-direction:column;gap:12px}.learning-list-modern .learning-row{transition:transform .18s ease-out,background .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;width:100%;padding:16px 20px;display:grid;grid-template-columns:46px 1fr auto 20px;align-items:center;gap:16px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease}.learning-list-modern .learning-row:hover{transform:translate(4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.learning-list-modern .learning-icon{width:46px;height:46px;border-radius:14px}.learning-list-modern .learning-copy b{font-size:14px;color:var(--text-primary)}.learning-list-modern .learning-copy small{font-size:12px;color:var(--text-muted);margin-top:3px}.learning-list-modern .learning-row strong{font-size:14px;color:var(--text-primary)}.start-session-btn{width:100%;margin-top:6px;min-height:52px;font-size:15px;border-radius:var(--radius-md)}.user-level-tag{display:inline-block;margin-top:4px;padding:3px 10px;background:var(--jade-soft);color:var(--brand-jade-dark);border-radius:999px;font-size:11px;font-weight:650}@media(max-width:768px){.dashboard-header-hero{flex-direction:column;align-items:flex-start;padding:24px}}.shell:has(.dashboard-page){background:#f3f4ee}.dashboard-page{max-width:1420px;padding-top:30px}.dashboard-page .card{background:#fcfcf8;border-color:#264a3a14;box-shadow:0 1px 2px #1c342a0a,0 8px 24px #1c342a0f;transition:box-shadow .18s ease-out,transform .18s ease-out,border-color .18s ease-out}.dashboard-page .card:hover{border-color:#264a3a21;box-shadow:0 1px 2px #1c342a0d,0 12px 30px #1c342a17}.dashboard-page .button-primary{color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48;box-shadow:0 9px 20px #185e4829}.dashboard-page .button-primary{transition:background .16s ease-out,box-shadow .16s ease-out}.dashboard-page .button-primary:hover{background:linear-gradient(135deg,#256a53,#114e3c);box-shadow:0 12px 26px #114e3c47}.dashboard-header-hero{min-height:214px;margin-bottom:24px;padding:30px 34px;isolation:isolate;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.82),transparent 32%),linear-gradient(112deg,#f8fbf7,#fdfbf7 48%,#f7f2e9);border-color:#264a3a1f;border-radius:24px;box-shadow:0 1px 2px #1c342a0d,0 18px 44px #1c342a1a}.dashboard-header-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(30,58,46,.1) 100%),linear-gradient(120deg,rgba(62,156,122,.07) 0%,transparent 55%)}.dashboard-header-hero:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:inherit;background:linear-gradient(90deg,#fcfcf8fb,#fcfcf8ed 42%,#fcfcf87a,#fcfcf80f 84%);z-index:-1}.dash-hero-landscape{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;object-fit:cover;object-position:center right}.dash-hero-content{max-width:690px;position:relative;z-index:1}.dash-greeting-badge{min-height:32px;margin-bottom:10px;gap:7px;color:#24634e;background:#ffffffb8;border:1px solid rgba(62,156,122,.18);box-shadow:0 5px 14px #37584412}.dash-hero-content h1{margin-bottom:9px;font-size:clamp(29px,2.8vw,42px);font-weight:750;letter-spacing:-1.4px;color:#1e3a2e}.dash-hero-content h1 em{color:#24785d}.dash-hero-content>p{max-width:570px;font-size:14px;line-height:1.62;color:#4a5a50}.dash-hero-meta{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#55564f;font-size:11px}.dash-hero-meta span{display:inline-flex;align-items:center;gap:6px}.dash-hero-meta span:first-child svg{color:#2e8a68}.dash-hero-meta span:last-child svg{color:#d88719}.dash-hero-meta b{color:#21674f}.dash-hero-meta i{width:3px;height:3px;background:#a7a095;border-radius:50%}.dash-hero-stats{align-self:center;position:relative;z-index:1}.streak-chip-modern{min-width:156px;padding:16px 19px;color:#7a5011;background:#ffffffd1;border-color:#ca91353b;border-radius:17px;box-shadow:0 12px 25px #6c4e201a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streak-chip-modern>svg{color:#e39826}.eyebrow-chip{color:#24634e;background:#eaf5ef;letter-spacing:.07em}.today-plan-modern{padding:22px;gap:15px;border-radius:20px;background:#fcfcf8}.today-plan-title{display:flex;align-items:center;gap:12px}.today-plan-title>span{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#1b6249;background:#def0e7;border-radius:12px;box-shadow:inset 0 0 0 1px #264a3a12,0 4px 10px #1c342a0f}.section-heading-modern h2{font-size:19px;font-weight:700;color:#1e3a2e}.section-heading-modern p{margin-top:3px;font-size:12px;color:#767d73}.plan-progress-pill{padding:7px 13px;color:#3d5a4c;background:#edf3ee;border-color:#264a3a1a;font-size:11px;font-weight:650}.learning-list-modern{gap:8px}.learning-list-modern .learning-row{min-height:66px;padding:10px 13px;grid-template-columns:40px 1fr auto 17px;gap:12px;border-radius:14px;box-shadow:none}.learning-list-modern .learning-row:hover{transform:translate(3px);background:#f6faf7;border-color:#264a3a33;box-shadow:0 1px 2px #1c342a0a,0 10px 24px #1c342a14}.learning-list-modern .learning-icon{width:40px;height:40px;border-radius:12px;box-shadow:inset 0 0 0 1px #264a3a12}.learning-list-modern .learning-copy b{font-size:13px;font-weight:650;color:#23302a}.learning-list-modern .learning-copy small{font-size:11.5px;color:#767d73}.learning-list-modern .learning-row strong{color:#3d5a4c;font-size:13px;font-weight:700}.start-session-btn{min-height:48px;margin-top:1px;border-radius:14px;font-size:13px}@media(max-width:760px){.dashboard-page{padding-top:18px}.dashboard-header-hero{min-height:0;padding:24px 20px}.dash-hero-landscape{width:100%}.dashboard-header-hero:before{background:linear-gradient(90deg,#fdfbf7f7,#fdfbf7d1)}.dash-hero-content h1{font-size:29px}.dash-hero-meta{align-items:flex-start;flex-direction:column;gap:7px}.dash-hero-meta i{display:none}.dash-hero-stats{align-self:flex-start}.streak-chip-modern{min-width:145px;padding:12px 15px}.today-plan-modern{padding:18px 14px}.section-heading-modern{align-items:flex-start}}@media(max-width:480px){.dash-hero-content>p{font-size:12px}.section-heading-modern{flex-direction:column}.learning-list-modern .learning-row{grid-template-columns:38px minmax(0,1fr) auto 15px;padding-inline:10px;gap:9px;min-height:52px}.learning-list-modern .learning-icon{width:38px;height:38px}}.dashboard-page{max-width:1360px}.dashboard-header{margin-bottom:26px;display:flex;align-items:start;justify-content:space-between;gap:20px}.dashboard-header h1{margin:0 0 6px;font-size:29px;letter-spacing:-.8px}.dashboard-header h1 .hz{font-weight:500}.dashboard-header p{margin:0;color:var(--text-secondary);font-size:12px}.streak-chip{min-height:42px;padding:0 15px;display:flex;align-items:center;gap:7px;color:var(--brand-gold-dark);background:var(--gold-soft);border:1px solid rgba(242,169,59,.2);border-radius:999px;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.dashboard-main{display:flex;flex-direction:column;gap:20px}.level-card{padding:23px 24px 18px}.level-top{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between}.level-top span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.level-top h2{margin:5px 0 0;font-size:24px}.level-percent{font-size:31px;font-weight:750}.level-percent small{font-size:13px}.level-meta{margin-top:11px;display:flex;justify-content:space-between;color:var(--text-secondary);font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat-icon{grid-row:1 / 4;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.stat-icon.jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.stat-icon.primary{color:var(--brand-primary);background:var(--primary-soft)}.stat-icon.gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.today-plan{display:flex;flex-direction:column;gap:12px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{margin:0;font-size:17px}.section-heading span{color:var(--text-muted);font-size:10px}.learning-list{display:flex;flex-direction:column;gap:8px}.learning-row{width:100%;min-height:64px;padding:10px 15px;display:grid;grid-template-columns:40px 1fr auto 18px;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:15px;box-shadow:var(--shadow-sm);transition:.18s ease}.learning-row:hover{transform:translate(3px);border-color:var(--border-strong)}.learning-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px}.learning-icon.jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.learning-icon.primary{color:var(--brand-primary);background:var(--primary-soft)}.learning-icon.gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.learning-copy b,.learning-copy small{display:block}.learning-copy b{font-size:11px}.learning-copy small{margin-top:3px;color:var(--text-muted);font-size:9px}.learning-row strong{font-size:11px}.learning-row>svg{color:var(--text-muted)}.continue-button{width:100%;margin-top:2px}.assistant-card{overflow:hidden}.assistant-art{height:210px;display:flex;align-items:end;justify-content:center;position:relative;background:linear-gradient(180deg,#f4faf7,#fff)}.assistant-art .mascot{position:relative;z-index:1;filter:drop-shadow(0 18px 15px rgba(37,84,65,.12))}.assistant-glow{position:absolute;width:180px;height:180px;bottom:6px;border:1px solid rgba(242,169,59,.28);border-radius:50%}.assistant-card>div:nth-child(2){padding:20px 20px 13px}.assistant-card h2{margin:0 0 7px;font-size:17px}.assistant-card p{margin:0;color:var(--text-secondary);font-size:10px;line-height:1.65}.assistant-card .button{width:calc(100% - 40px);margin:0 20px 20px;min-height:43px;font-size:11px}.review-zone-card{padding:20px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title-row h2{margin:0;font-size:14px}.card-title-row>span{color:var(--brand-primary);font-size:10px}.empty-warning{margin:16px 0;padding:14px;display:flex;gap:10px;color:var(--brand-primary);background:var(--danger-soft);border-radius:12px}.empty-warning svg{flex:none}.empty-warning p{margin:0;color:var(--text-secondary);font-size:9px;line-height:1.6}.review-zone-card .button{width:100%;min-height:42px;padding:10px;font-size:10px}.trap-list{margin:12px 0;display:flex;flex-direction:column}.trap-list button{padding:8px 0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left;border-bottom:1px solid var(--border-soft)}.trap-list button .hz{font-size:18px}.trap-list button small{color:var(--text-muted)}.hsk-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.hsk-card-modern{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}.hsk-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.hsk-card-modern.accessible{border-color:#3e9c7a59;background:linear-gradient(180deg,#fff,#fafdfc)}.hsk-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hsk-badge-num{display:flex;align-items:baseline;gap:4px}.hsk-badge-num span{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.hsk-badge-num strong{font-size:28px;font-weight:800;line-height:1;color:var(--brand-primary)}.hsk-card-modern.accessible .hsk-badge-num strong{color:var(--brand-jade-dark)}.hsk-card-body h3{margin:0 0 6px;font-size:18px;letter-spacing:-.3px;color:var(--text-primary)}.hsk-card-body p{margin:0 0 16px;font-size:13px;color:var(--text-secondary);line-height:1.55;min-height:40px}.hsk-stats-pill{display:flex;align-items:center;gap:14px;padding:8px 12px;background:var(--surface-muted);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:18px}.hsk-stats-pill span{display:flex;align-items:center;gap:6px}.hsk-progress-section{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.hsk-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.hsk-progress-label b{color:var(--brand-primary)}.hsk-progress-sub{font-size:11px;color:var(--text-muted)}.hsk-lock-notice{margin-bottom:18px;padding:10px 14px;background:var(--surface-muted);border-radius:var(--radius-sm);border:1px dashed var(--border-strong)}.lock-text{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.hsk-card-footer{margin-top:auto;padding-top:12px}.hsk-action-btn{width:100%;min-height:44px;font-size:14px}.profile-page{max-width:800px;margin-left:0}.profile-card{padding:24px}.profile-hero{padding-bottom:20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border-soft)}.profile-avatar{width:56px;height:56px;display:grid;place-items:center;color:#fff;background:var(--brand-jade);border-radius:50%;font-size:20px;font-weight:700}.profile-hero h2{margin:0;font-size:18px}.profile-hero p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.profile-rows{display:flex;flex-direction:column}.profile-rows>div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-soft);font-size:11px}.profile-rows span{color:var(--text-secondary)}.profile-page>.button{margin-top:16px}.chapter-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.chapter-nav-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.chapter-nav-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.chapter-card-top{display:flex;justify-content:space-between;align-items:center}.chapter-pill{padding:4px 12px;background:var(--jade-soft);color:var(--brand-jade-dark);border-radius:999px;font-size:11px;font-weight:700}.chapter-card-body h2{margin:0 0 4px;font-size:20px}.chapter-hanzi{font-size:16px;color:var(--text-secondary)}.chapter-card-stats{display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px;background:var(--surface-muted);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.chapter-card-stats span{display:flex;align-items:center;gap:6px}.chapter-detail-page{max-width:1280px}.chapter-header-box{margin-bottom:24px;padding:24px 28px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chapter-header-box h1{margin:8px 0 4px;font-size:28px;letter-spacing:-.8px}.chapter-hanzi-title{font-size:20px;color:var(--brand-primary-dark);margin:0 0 14px}.chapter-meta-bar{display:flex;gap:18px;font-size:13px;color:var(--text-muted)}.chapter-meta-bar span{display:flex;align-items:center;gap:6px}.stepper-nav{display:flex;gap:12px;margin-bottom:28px;overflow-x:auto;padding-bottom:4px}.stepper-item{flex:1;min-width:160px;padding:14px 16px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer}.stepper-item:hover{border-color:var(--border-strong)}.stepper-item.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 8px 20px #e8543e40}.stepper-item.completed{border-color:#3e9c7a66;background:var(--jade-soft)}.stepper-num{width:28px;height:28px;border-radius:50%;background:var(--surface-muted);color:var(--text-primary);display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.stepper-item.active .stepper-num{background:#fff;color:var(--brand-primary)}.stepper-label{font-size:13px;font-weight:650;white-space:nowrap}.step-layout-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.step-main-col,.step-side-col{display:flex;flex-direction:column;gap:20px}.dialogue-card{padding:24px}.dialogue-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border-soft);margin-bottom:20px}.dialogue-tabs{display:flex;gap:8px}.dialogue-tabs button{padding:8px 16px;border-radius:var(--radius-sm);background:var(--surface-muted);font-size:13px;font-weight:600}.dialogue-tabs button.active{background:var(--text-primary);color:#fff}.toggle-controls{display:flex;align-items:center;gap:8px}.toggle-btn{padding:6px 12px;border-radius:8px;background:var(--surface-muted);font-size:12px;font-weight:600;color:var(--text-secondary)}.toggle-btn.active{background:var(--brand-jade-dark);color:#fff}.speed-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border-soft);font-size:12px}.dialogue-list{display:flex;flex-direction:column;gap:16px}.dialogue-row{display:flex;gap:14px;align-items:flex-start}.dialogue-row.role-me{flex-direction:row-reverse}.dialogue-avatar{width:40px;height:40px;border-radius:50%;background:var(--jade-soft);color:var(--brand-jade-dark);display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}.dialogue-row.role-me .dialogue-avatar{background:var(--primary-soft);color:var(--brand-primary)}.dialogue-bubble{position:relative;max-width:80%;padding:16px 20px;background:var(--surface-muted);border-radius:var(--radius-md)}.dialogue-row.role-me .dialogue-bubble{background:var(--primary-soft)}.speaker-name{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:4px}.sentence-hz{font-size:18px;line-height:1.4;color:var(--text-primary)}.sentence-py{font-size:13px;color:var(--brand-jade-dark);margin-top:2px}.sentence-id{font-size:13px;color:var(--text-secondary);margin-top:2px}.audio-mini-btn{margin-top:8px;padding:4px 8px;border-radius:6px;background:#fff;border:1px solid var(--border-soft);display:inline-flex;align-items:center;gap:4px;font-size:11px}.vocab-sidebar-card{padding:20px}.vocab-sidebar-card h3{margin:0 0 14px;font-size:16px}.sidebar-vocab-list{display:flex;flex-direction:column;gap:10px}.sidebar-vocab-item{padding:12px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.sidebar-vocab-item:hover{border-color:var(--brand-jade);background:#fff}.sidebar-vocab-item.selected{border-color:var(--brand-primary);background:var(--primary-soft)}.vocab-item-main{display:flex;align-items:center;gap:10px}.vocab-item-main .hz{font-size:20px}.vocab-item-main b{display:block;font-size:12px}.vocab-item-main small{display:block;font-size:12px;color:var(--text-muted)}.play-icon-btn{padding:6px;border-radius:50%;background:#fff}.chapter-footer-nav{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:16px}.practice-card,.grammar-unit-card,.writing-card{padding:28px}.hanzi-characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:20px}.hanzi-char-box{padding:20px;text-align:center;background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border-soft)}.char-big{font-size:48px;display:block;line-height:1;margin-bottom:8px}.learn-toolbar-modern{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.learn-toolbar-modern .search-box{flex:1;max-width:480px;min-height:46px}.segmented-tab{display:flex;padding:4px;background:var(--surface-muted);border-radius:var(--radius-sm)}.segmented-tab button{min-height:38px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px;transition:all .18s ease}.segmented-tab button.active{color:var(--text-primary);background:#fff;box-shadow:var(--shadow-sm)}.chapter-modules-layout{display:flex;flex-direction:column;gap:24px}.chapter-module-card{padding:28px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chapter-module-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.chapter-badge-num{display:inline-block;padding:4px 12px;background:var(--jade-soft);color:var(--brand-jade-dark);border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.chapter-title-group h2{margin:0 0 4px;font-size:22px;letter-spacing:-.5px}.chapter-title-group p{margin:0;color:var(--text-secondary);font-size:13px}.chapter-quiz-btn{min-height:42px;font-size:13px}.chapter-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.chapter-word-pill{padding:12px 16px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.chapter-word-pill:hover{background:#fff;border-color:#3e9c7a66;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.chapter-word-pill .hz{font-size:26px;line-height:1}.pill-copy{flex:1;display:flex;flex-direction:column}.pill-copy b{font-size:13px;color:var(--text-primary)}.pill-copy small{font-size:11px;color:var(--text-muted);margin-top:2px}.learn-page,.grammar-page,.path-page,.review-page{max-width:1320px}.learn-toolbar{padding:13px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center}.search-box{min-height:44px;padding:0 13px;display:flex;align-items:center;gap:9px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:11px}.search-box>svg{color:var(--text-muted)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:11px}.search-box button{display:grid;place-items:center;color:var(--text-muted)}.filter-group,.segmented{padding:4px;display:flex;background:var(--surface-muted);border-radius:10px}.filter-group button,.segmented button{min-height:34px;padding:0 11px;border-radius:8px;color:var(--text-secondary);font-size:9px;font-weight:600}.filter-group button.active,.segmented button.active{color:var(--text-primary);background:#fff;box-shadow:var(--shadow-sm)}.select-wrap select{min-height:42px;padding:0 30px 0 12px;border:1px solid var(--border-soft);border-radius:10px;background:#fff;font-size:10px}.results-meta{padding:18px 4px 10px;display:flex;justify-content:space-between;color:var(--text-muted);font-size:9px}.results-meta>span:last-child{display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.status-dot.mastered{background:var(--brand-jade)}.status-dot.learning{background:var(--brand-gold)}.vocab-list{display:flex;flex-direction:column;gap:8px}.vocab-card{cursor:pointer;width:100%;min-height:72px;padding:11px 15px;display:grid;grid-template-columns:58px minmax(150px,1.6fr) auto minmax(96px,.6fr) 42px 18px;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:15px;box-shadow:var(--shadow-sm);transition:.18s ease}.vocab-card:hover{transform:translateY(-1px);border-color:#3e9c7a47;box-shadow:var(--shadow-md)}.vocab-hanzi{font-size:30px}.vocab-main b,.vocab-main small{display:block}.vocab-main b{color:var(--brand-jade-dark);font-size:12px;font-weight:600}.vocab-main small{margin-top:4px;color:var(--text-secondary);font-size:11px}.mastery-mini{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.mastery-mini small{color:var(--text-muted);font-size:8px}.vocab-card>svg{color:var(--text-muted)}.empty-state{padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--brand-jade-dark)}.empty-state h3{margin:13px 0 5px;color:var(--text-primary);font-size:16px}.empty-state p{margin:0 0 18px;color:var(--text-secondary);font-size:11px}.breadcrumbs{margin-bottom:18px;display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:12px}.breadcrumbs button:hover{color:var(--brand-primary)}.vocab-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.vocab-detail-grid main{display:flex;flex-direction:column;gap:24px}.word-hero-card{min-height:285px;padding:34px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:40px}.word-character{text-align:center;font-size:clamp(94px,11vw,140px);line-height:1}.word-pinyin-row{display:flex;align-items:center;gap:13px}.word-pinyin-row h1{margin:0;color:var(--brand-jade-dark);font-size:29px;font-weight:550}.word-info h2{margin:22px 0 5px;font-size:24px}.word-info>p{margin:0 0 17px;color:var(--text-muted);font-size:12px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.examples-section{display:flex;flex-direction:column;gap:12px}.example-card{padding:20px 22px;display:flex;justify-content:space-between;align-items:start;gap:20px}.detail-actions{display:flex;gap:10px}.detail-actions .button{flex:1}.word-progress-panel{display:flex;flex-direction:column;gap:14px}.word-progress-panel>.card{padding:20px}.mastery-display{margin:18px 0 14px;display:flex;justify-content:space-between;align-items:end}.mastery-display strong{font-size:27px}.word-progress-panel h3{margin:0 0 6px;font-size:14px}.word-progress-panel p{margin:0;color:var(--text-secondary);font-size:10px;line-height:1.65}.detail-stat{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-soft);font-size:9px}.detail-stat span{color:var(--text-secondary)}.detail-stat b.jade{color:var(--brand-jade-dark)}.detail-stat b.gold{color:var(--brand-gold-dark)}.detail-stat b.primary{color:var(--brand-primary)}.tutor-note{display:grid;grid-template-columns:38px 1fr;gap:10px;background:var(--jade-soft)}.tutor-note>span{width:38px;height:38px;display:grid;place-items:center;color:var(--brand-jade-dark);background:#fff;border-radius:11px}.tutor-note button,.review-tutor button{margin-top:10px;display:inline-flex;align-items:center;gap:5px;color:var(--brand-jade-dark);font-size:9px;font-weight:700}.grammar-list{display:flex;flex-direction:column;gap:10px}.grammar-card{overflow:hidden}.grammar-card.open{box-shadow:var(--shadow-md)}.grammar-summary{width:100%;min-height:84px;padding:14px 20px;display:grid;grid-template-columns:34px 75px 1fr auto 24px;align-items:center;gap:14px;text-align:left}.grammar-number{color:var(--text-muted);font-size:9px}.grammar-character{font-size:32px}.grammar-title b,.grammar-title small{display:block}.grammar-title b{color:var(--brand-jade-dark);font-size:12px}.grammar-title small{margin-top:5px;color:var(--text-secondary);font-size:10px}.expand-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--brand-primary);background:var(--primary-soft);border-radius:50%}.grammar-content{margin:0 20px 20px 143px;padding-top:20px;border-top:1px solid var(--border-soft)}.pattern-box{padding:16px;background:var(--surface-muted);border-left:3px solid var(--brand-gold);border-radius:0 12px 12px 0}.pattern-box span{display:block;margin-bottom:7px;color:var(--text-muted);font-size:8px;font-weight:700;text-transform:uppercase}.pattern-box strong{font-size:18px}.grammar-content>p{margin:18px 0;color:var(--text-secondary);font-size:11px;line-height:1.7}.grammar-examples{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.grammar-examples>div{padding:13px 15px;display:flex;align-items:start;justify-content:space-between;background:var(--jade-soft);border-radius:12px}.path-layout{position:relative;max-width:850px;margin-inline:auto}.journey-line{position:absolute;width:2px;left:28px;top:28px;bottom:28px;background:#e1ddd5}.path-level{position:relative;padding-left:76px;margin-bottom:15px}.path-node{position:absolute;z-index:2;left:0;top:22px;width:58px;height:58px;display:grid;place-items:center;color:var(--text-muted);background:#fff;border:2px solid #E1DDD5;border-radius:50%;font-size:15px;font-weight:700}.path-level.current .path-node{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 8px 18px #e8543e33}.path-level .card{padding:20px 22px}.path-level.current .card{border-color:#e8543e47;box-shadow:var(--shadow-md)}.path-level.locked .card{background:#ffffffb8}.path-level.locked .path-node{color:var(--text-muted);background:var(--surface-muted)}.path-card-head{display:flex;align-items:center;justify-content:space-between}.path-card-head span{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.path-card-head h2{margin:4px 0 0;font-size:20px}.path-card-head>svg{color:var(--text-muted)}.path-level .card>p{margin:9px 0 14px;color:var(--text-secondary);font-size:9px}.path-level .upgrade-cta.compact{min-height:38px;padding:8px 13px;font-size:10px}.path-meta{margin-top:8px;display:flex;justify-content:space-between;color:var(--text-muted);font-size:8px}.source-note{max-width:850px;margin:28px auto 0;padding:14px 16px;display:flex;gap:10px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:13px;font-size:10px;line-height:1.5}.practice-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main)}.practice-header{width:min(920px,calc(100% - 40px));min-height:78px;margin-inline:auto;display:grid;grid-template-columns:38px 1fr 65px;align-items:center;gap:18px}.practice-header>button{width:38px;height:38px;display:grid;place-items:center;color:var(--text-secondary);background:#fff;border:1px solid var(--border-soft);border-radius:50%}.practice-header>div>span{display:block;margin-bottom:8px;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.practice-header>strong{text-align:right;font-size:14px}.practice-header>strong small{color:var(--text-muted);font-weight:500}.question-stage,.result-stage{width:min(760px,calc(100% - 40px));margin:auto;flex:1;display:flex;flex-direction:column}.question-card{flex:1;padding:38px 0 24px;display:flex;flex-direction:column;align-items:center}.question-eyebrow{color:var(--text-secondary);font-size:12px;font-weight:650;text-align:center}.question-content{min-height:230px;display:grid;place-items:center}.question-hanzi{font-size:clamp(94px,15vw,140px);line-height:1}.meaning-prompt{font-size:clamp(28px,5vw,42px);font-weight:700;letter-spacing:-1px;text-align:center}.listening-control{display:flex;flex-direction:column;align-items:center;gap:12px}.listening-control>span{color:var(--text-secondary);font-size:10px}.listening-control>button{display:flex;align-items:center;gap:5px;color:var(--brand-primary);font-size:9px;font-weight:650}.answer-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.answer-grid button{min-height:66px;padding:10px 16px;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:15px;box-shadow:var(--shadow-sm);font-size:12px}.answer-grid button>span{width:30px;height:30px;display:grid;place-items:center;color:var(--text-muted);background:var(--surface-muted);border-radius:9px;font-size:9px;font-weight:700}.answer-grid button>i{width:14px;height:14px;border:1.5px solid #D7D2CB;border-radius:50%}.answer-grid button.selected{border-color:#e8543e7a;background:var(--primary-soft)}.answer-grid button.selected>span{color:#fff;background:var(--brand-primary)}.answer-grid button.selected>i{border:4px solid var(--brand-primary)}.writing-answer{width:100%}.writing-answer input{width:100%;min-height:76px;padding:0 20px;text-align:center;background:#fff;border:1.5px solid var(--border-strong);border-radius:16px;outline:0;font-family:"Noto Serif SC";font-size:24px}.writing-answer input:focus{border-color:var(--brand-jade);box-shadow:0 0 0 4px #3e9c7a1a}.mode-switch{margin-top:20px;display:inline-flex;align-items:center;gap:6px;color:var(--brand-primary-dark);font-size:9px;font-weight:650}.practice-footer{padding:18px 0 28px;display:flex;justify-content:flex-end}.practice-footer .button{min-width:210px}.result-stage{padding-top:18px}.result-banner{padding:16px 18px;display:flex;align-items:center;gap:12px;border-radius:15px}.result-banner.correct{color:var(--brand-jade-dark);background:var(--jade-soft)}.result-banner.incorrect{color:var(--brand-primary-dark);background:var(--danger-soft)}.result-banner>span{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:50%}.result-banner.correct>span{background:var(--brand-jade)}.result-banner.incorrect>span{background:var(--brand-primary)}.result-banner b{font-size:12px}.result-banner p{margin:3px 0 0;color:var(--text-secondary);font-size:9px}.result-card{margin-top:14px;padding:22px;background:#fff;border:1px solid var(--border-soft);border-radius:20px;box-shadow:var(--shadow-sm)}.result-word{display:flex;justify-content:space-between;align-items:start}.result-word>div{display:flex;align-items:center;gap:16px}.result-word .hz{font-size:54px;line-height:1}.result-word b,.result-word small{display:block}.result-word b{color:var(--brand-jade-dark);font-size:15px}.result-word small{margin-top:5px;color:var(--text-muted);font-size:8px}.result-word>div:last-child{flex-direction:column;gap:8px;align-items:end}.result-meaning{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.result-meaning h2{margin:0 0 4px;font-size:16px}.result-meaning p{margin:0;color:var(--text-muted);font-size:9px}.result-example{width:100%;margin-top:15px;padding:13px 15px;display:grid;grid-template-columns:1fr 28px;text-align:left;background:var(--surface-muted);border-radius:12px}.result-example .hz{font-size:16px}.result-example span,.result-example p{grid-column:1;margin:3px 0 0;color:var(--text-muted);font-size:8px}.result-example svg{grid-row:1 / 4;grid-column:2;align-self:center;color:var(--brand-primary)}.confidence-section{margin-top:20px}.confidence-section>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.confidence-section h2{margin:0;font-size:14px}.confidence-section p{margin:0;color:var(--text-muted);font-size:8px}.confidence-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.confidence-grid button{padding:13px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto auto;column-gap:9px;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:13px}.confidence-grid button>span{grid-row:1 / 4;width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.confidence-grid button b{font-size:10px}.confidence-grid button small{color:var(--text-muted);font-size:7px}.confidence-grid button em{margin-top:4px;color:var(--text-secondary);font-size:7px;font-style:normal}.confidence-grid .jade>span{color:var(--brand-jade-dark);background:var(--jade-soft)}.confidence-grid .gold>span{color:var(--brand-gold-dark);background:var(--gold-soft)}.confidence-grid .primary>span{color:var(--brand-primary);background:var(--primary-soft)}.confidence-grid button.selected{border-width:2px}.confidence-grid .jade.selected{border-color:var(--brand-jade)}.confidence-grid .gold.selected{border-color:var(--brand-gold)}.confidence-grid .primary.selected{border-color:var(--brand-primary)}.practice-message{min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg-main)}.message-symbol{width:100px;height:100px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:50%;font-size:55px}.message-symbol.done{color:var(--brand-gold-dark);background:var(--gold-soft)}.practice-message h1{margin:18px 0 8px;font-size:28px}.practice-message p{color:var(--text-secondary);font-size:12px}.practice-message>div:last-child{display:flex;gap:10px}.review-summary{margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-summary .card{padding:17px;display:flex;align-items:center;gap:12px}.summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.summary-icon.primary{color:var(--brand-primary);background:var(--primary-soft)}.summary-icon.gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.summary-icon.jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.review-summary strong{font-size:22px}.review-summary p{margin:3px 0 0;color:var(--text-muted);font-size:8px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.queue-toolbar{margin-bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:14px}.queue-toolbar h2{margin:0;font-size:15px}.queue-toolbar p{margin:4px 0 0;color:var(--text-muted);font-size:8px}.review-list{display:flex;flex-direction:column;gap:7px}.review-item{width:100%;min-height:67px;padding:9px 14px;display:grid;grid-template-columns:28px 148px minmax(100px,1fr) auto 82px 16px;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-sm)}.review-item:hover{border-color:#3e9c7a40;transform:translate(2px)}.priority-number{color:var(--text-muted);font-size:8px}.review-word{display:flex;align-items:center;gap:8px;min-width:0}.review-word b{font-size:22px;white-space:nowrap}.review-word small{color:var(--text-muted);font-size:11px;white-space:nowrap}.review-meaning{color:var(--text-secondary);font-size:12px}.status-pill{padding:5px 8px;border-radius:999px;font-size:7px;font-weight:700;white-space:nowrap}.status-pill.primary{color:var(--brand-primary-dark);background:var(--primary-soft)}.status-pill.gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.status-pill.jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.status-pill.neutral{color:var(--text-secondary);background:var(--surface-muted)}.review-mastery{display:flex;flex-direction:column;gap:5px;align-items:end}.review-mastery small{color:var(--text-muted);font-size:7px}.review-item>svg{color:var(--text-muted)}.review-insights{display:flex;flex-direction:column;gap:12px}.review-insights>.card{padding:18px}.distribution{margin-top:16px;display:flex;flex-direction:column;gap:13px}.distribution>div>div{margin-bottom:6px;display:flex;justify-content:space-between;color:var(--text-secondary);font-size:8px}.week-chart{height:90px;margin-top:16px;display:flex;align-items:end;gap:7px;border-bottom:1px solid var(--border-soft)}.week-chart i{flex:1;min-height:7px;background:#eae6df;border-radius:4px 4px 0 0}.week-chart i.active{background:var(--brand-jade)}.review-insights>.card>p{margin:10px 0 0;color:var(--text-muted);font-size:8px}.review-tutor{display:grid;grid-template-columns:48px 1fr;gap:10px;background:var(--jade-soft)}.tutor-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:13px}.tutor-avatar img{width:150%;max-width:none}.review-tutor h3{margin:0 0 5px;font-size:11px}.review-tutor p{margin:0;color:var(--text-secondary);font-size:8px;line-height:1.55}.queue-toolbar{flex-wrap:wrap}.review-start-btn{flex:0 0 auto}.review-session .flashcard-mode{width:100%;max-width:560px;margin:0 auto}.review-session-exit{margin-bottom:14px;display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:9px;font-weight:600}.review-session-exit:hover{color:var(--text-primary)}.review-session-exit>svg{transform:rotate(180deg)}.review-session-done-actions{margin-top:6px;display:flex;gap:10px;justify-content:center}.chat-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);background:var(--bg-main)}.chat-main{min-width:0;height:100vh;height:100dvh;display:grid;grid-template-rows:75px minmax(0,1fr) auto}.chat-header{padding:0 28px;display:flex;align-items:center;gap:12px;background:#fdfbf7e6;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;background:var(--jade-soft);border-radius:13px}.chat-avatar img{width:150%;max-width:none}.chat-header h1{margin:0;font-size:15px}.chat-header p{margin:4px 0 0;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:8px}.chat-header p i{width:3px;height:3px;background:var(--brand-jade);border-radius:50%}.message-count{margin-left:auto;color:var(--text-muted);font-size:8px}.chat-thread{padding:24px clamp(20px,5vw,64px);display:flex;flex-direction:column;gap:13px;overflow-y:auto}.scenario-pill{align-self:center;padding:6px 10px;display:flex;align-items:center;gap:5px;color:var(--brand-gold-dark);background:var(--gold-soft);border-radius:999px;font-size:8px;font-weight:650}.bubble{max-width:min(72%,560px);padding:13px 16px;border-radius:18px;line-height:1.55}.bubble-me{align-self:flex-end;color:#fff;background:var(--text-primary);border-bottom-right-radius:5px;font-size:16px}.bubble-xiao{align-self:flex-start;display:block;max-width:min(88%,640px);text-align:left;background:#fff;border:1px solid var(--border-soft);border-bottom-left-radius:5px;box-shadow:var(--shadow-sm);overflow-wrap:anywhere}.bubble-xiao p,.xl-bubble-xl p,.bubble-xiao ul,.xl-bubble-xl ul,.bubble-xiao ol,.xl-bubble-xl ol{margin:0;line-height:1.6}.bubble-xiao>*+*,.xl-bubble-xl>*+*{margin-top:9px}.bubble-xiao ul,.xl-bubble-xl ul,.bubble-xiao ol,.xl-bubble-xl ol{padding-left:20px;display:grid;gap:5px}.bubble-xiao li,.xl-bubble-xl li{line-height:1.55}.bubble-xiao strong,.xl-bubble-xl strong{font-weight:700}.bubble-xiao em,.xl-bubble-xl em{font-style:italic;color:var(--text-secondary)}.xl-md-heading{font-weight:700;font-size:1.05em;color:var(--brand-jade-dark)}.bubble-xiao code,.xl-bubble-xl code{padding:1px 5px;color:var(--brand-primary-dark);background:var(--surface-muted);border-radius:5px;font-size:.92em}.xl-md-hr{margin:10px 0;border:none;border-top:1px solid var(--border-soft);opacity:.7}.correction-card{align-self:flex-start;max-width:min(82%,620px);padding:15px 17px;background:var(--gold-soft);border:1px solid rgba(242,169,59,.2);border-radius:16px}.correction-card>div:first-child{display:flex;align-items:center;gap:6px;color:var(--brand-gold-dark)}.correction-card>div:first-child b{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.correction-card p{margin:9px 0 0;color:#5f4a29;font-size:10px;line-height:1.65}.correction-card p .hz{font-size:14px}.correction-card>div:last-child{margin-top:10px;display:flex;gap:7px}.correction-card button{padding:6px 9px;color:var(--brand-gold-dark);background:#fff;border-radius:8px;font-size:8px;font-weight:650}.typing-dots{align-self:flex-start;padding:10px;display:flex;gap:4px}.typing-dots i{width:5px;height:5px;background:var(--text-muted);border-radius:50%;animation:dotPulse 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-composer{padding:12px clamp(20px,5vw,64px) 20px;border-top:1px solid var(--border-soft);background:var(--bg-main)}.suggestion-chips{margin-bottom:9px;display:flex;flex-wrap:wrap;gap:6px}.suggestion-chips button{min-height:30px;padding:0 10px;color:var(--text-secondary);background:#fff;border:1px solid var(--border-soft);border-radius:999px;font-size:8px}.chat-composer form{padding:7px 8px 7px 15px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-strong);border-radius:15px;box-shadow:var(--shadow-sm)}.chat-composer label{flex:1}.chat-composer input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.chat-composer form>button{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--brand-primary);border-radius:11px}.demo-note{margin:7px 0 0;color:var(--text-muted);font-size:7px;text-align:center}@keyframes dotPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(max-width:1160px){.hero-section{grid-template-columns:52% 48%}.hero-copy h1{font-size:52px}.hero-visual{transform:scale(.9);transform-origin:center right}.why-section{grid-template-columns:200px 1fr}.progress-preview{grid-column:1 / -1;max-width:500px;justify-self:center}.stats-grid{grid-template-columns:1fr}.vocab-detail-grid{grid-template-columns:minmax(0,1fr) 260px}.review-layout{grid-template-columns:minmax(0,1fr) 255px}.review-item{grid-template-columns:24px 120px minmax(90px,1fr) auto 70px 16px}.review-word b{font-size:18px}}@media(max-width:899px){.landing-nav{grid-template-columns:1fr auto}.landing-links{display:none}.landing-actions{grid-column:2}.nav-menu-toggle{width:38px;height:38px;display:grid;place-items:center;color:var(--text-primary);background:var(--surface-muted);border-radius:11px}.landing-mobile-menu{position:absolute;z-index:19;top:100%;left:0;right:0;margin-top:8px;padding:8px;display:flex;flex-direction:column;background:#fffffff7;border:1px solid var(--border-soft);border-radius:18px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-mobile-menu a{padding:13px 14px;border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600}.landing-mobile-menu a:hover{background:var(--surface-muted)}.hero-section{padding-top:56px;grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(44px,9vw,64px)}.hero-visual{width:620px;max-width:100%;margin:25px auto 0;transform:none}.proof-strip{grid-template-columns:1fr}.proof-strip>div{padding:17px 8px}.proof-strip>div+div{border-left:0;border-top:1px solid var(--border-soft)}.why-section{grid-template-columns:1fr 1fr}.section-copy{grid-column:1 / -1;max-width:520px}.progress-preview{grid-column:auto;align-self:stretch}.xiaolong-inner{grid-template-columns:1fr;gap:0;padding-top:80px}.xiaolong-copy{grid-row:1}.xiaolong-art{min-height:490px}.coming-section,.onboarding-page{grid-template-columns:1fr}.onboarding-art{min-height:350px}.onboarding-art>div:nth-child(2){margin-top:55px}.onboarding-art .mascot{height:290px!important;right:-25px;bottom:-70px;opacity:.58}.onboarding-card{width:min(540px,calc(100% - 32px));margin:24px auto}.sidebar{display:none}.main{padding-bottom:env(safe-area-inset-bottom)}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-icon{grid-row:auto}.learn-toolbar{grid-template-columns:1fr}.filter-group{overflow-x:auto}.vocab-detail-grid{grid-template-columns:1fr}.word-progress-panel{display:grid;grid-template-columns:repeat(2,1fr)}.word-progress-panel .tutor-note{grid-column:1 / -1}.review-layout{grid-template-columns:1fr}.review-insights{display:grid;grid-template-columns:repeat(2,1fr)}.review-tutor{grid-column:1 / -1}.chat-main{height:calc(100vh - var(--mobile-topbar-height) - env(safe-area-inset-bottom) - env(safe-area-inset-top));height:calc(100dvh - var(--mobile-topbar-height) - env(safe-area-inset-bottom) - env(safe-area-inset-top))}}@media(max-width:700px){.landing-container{width:min(100% - 32px,1180px)}.landing-nav-wrap{padding:12px 12px 0}.landing-nav{min-height:60px;padding:8px 9px 8px 13px;border-radius:17px}.landing-nav .brand-word{font-size:14px}.landing-actions>button:first-child{display:none}.nav-cta{min-height:40px;padding:8px 13px;font-size:11px}.hero-section{min-height:auto;padding:44px 0 45px}.hero-badge{font-size:9px}.hero-copy h1{margin-top:22px;font-size:clamp(40px,12vw,58px);letter-spacing:-2.3px}.hero-copy>p{font-size:14px}.capability-row{grid-template-columns:1fr}.capability{min-height:58px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.free-note{justify-content:center}.hero-visual{width:100%;min-height:520px;margin-top:20px}.practice-preview{width:270px;top:25px;left:0}.preview-word{font-size:58px}.hero-mascot{height:330px!important;right:-62px}.hero-chat-card{right:0;bottom:8px}.proof-strip{margin-top:0}.why-section{padding-block:80px;grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:170px;padding:18px}.progress-preview{width:100%}.xiaolong-inner{min-height:auto;padding-top:70px}.xiaolong-copy h2{font-size:36px}.xiaolong-art{min-height:420px}.xiaolong-art .mascot{height:390px!important}.xiaolong-orbit{width:330px;height:330px}.curriculum-section{padding-block:80px}.hsk-journey{grid-template-columns:repeat(3,1fr);row-gap:26px}.hsk-journey:before{display:none}.coming-section{margin-bottom:80px;padding:24px}.coming-grid,.pricing-grid{grid-template-columns:1fr}.final-cta{margin-bottom:60px;padding:32px 24px;flex-direction:column;align-items:flex-start}.final-cta h2{font-size:27px}.final-cta>div:last-child{width:100%;flex-direction:column}.final-cta .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.copyright{flex-direction:column;gap:8px}.pad{padding:24px 16px 32px}.page-header{align-items:stretch;flex-direction:column}.page-actions .button{width:100%}.dashboard-header{flex-direction:column}.stats-grid{grid-template-columns:1fr}.stat-icon{grid-row:1 / 4}.learning-row{grid-template-columns:38px 1fr auto 16px}.section-heading{align-items:start;flex-direction:column}.vocab-card{grid-template-columns:52px 1fr 40px 16px}.vocab-card>.chip,.mastery-mini{display:none}.word-hero-card{padding:25px;grid-template-columns:1fr;gap:20px;text-align:center}.word-character{font-size:100px}.word-pinyin-row,.chip-row{justify-content:center}.detail-actions{flex-direction:column}.word-progress-panel{grid-template-columns:1fr}.word-progress-panel .tutor-note{grid-column:auto}.grammar-summary{grid-template-columns:28px 55px 1fr 23px;padding:13px}.grammar-summary .chip{display:none}.grammar-title small{max-width:180px}.grammar-content{margin:0 14px 16px}.path-level{padding-left:60px}.journey-line{left:21px}.path-node{width:44px;height:44px;top:26px}.review-summary{grid-template-columns:1fr}.queue-toolbar{align-items:stretch;flex-direction:column}.segmented{overflow-x:auto}.review-item{grid-template-columns:24px 92px 1fr 16px}.review-word b{font-size:15px}.review-meaning,.status-pill,.review-mastery{display:none}.review-insights{grid-template-columns:1fr}.review-tutor{grid-column:auto}.practice-header,.question-stage,.result-stage{width:calc(100% - 28px)}.question-card{padding-top:26px}.question-content{min-height:200px}.answer-grid{grid-template-columns:1fr}.practice-footer .button{width:100%}.confidence-section>div:first-child{display:block}.confidence-section p{margin-top:4px}.confidence-grid{grid-template-columns:1fr}.confidence-grid button{min-height:61px}.result-stage{padding-bottom:12px}.result-card{padding:17px}.chat-header{padding:0 14px}.chat-header p{max-width:210px;flex-wrap:wrap}.message-count{display:none}.chat-thread,.chat-composer{padding-inline:14px}.bubble{max-width:88%}.suggestion-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.suggestion-chips button{flex:none}.onboarding-art{min-height:300px;padding:28px 22px}.onboarding-art>div:nth-child(2){margin-top:45px}.onboarding-art h1{font-size:38px}.onboarding-art p{font-size:12px}.onboarding-art .mascot{height:230px!important;opacity:.45}.onboarding-card{padding:25px 20px}.choice-grid.levels{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.landing-nav .brand-mark{width:34px!important;height:34px!important}.landing-nav .brand-word{font-size:12px}.hero-copy h1{font-size:39px}.feature-grid{grid-template-columns:1fr}.hero-visual{min-height:500px}.practice-preview{width:245px}.hero-mascot{height:300px!important;right:-68px}.hero-chat-card{width:218px}.onboarding-card{width:calc(100% - 20px);margin:10px auto 20px}.choice-grid{grid-template-columns:repeat(2,1fr)}.grammar-title small{max-width:145px}.review-word small{display:none}.chat-header p{max-width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-stage{position:relative;min-height:max(720px,100svh);overflow:hidden;isolation:isolate;background:#09241e}.hero-backdrop,.hero-backdrop video,.hero-cinematic-overlay,.hero-bottom-fade{position:absolute;top:0;right:0;bottom:0;left:0}.hero-backdrop{z-index:-1;background:#09241e}.hero-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-static-fallback{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 77% 44%,rgba(62,156,122,.32),transparent 24%),radial-gradient(circle at 70% 0,rgba(242,169,59,.14),transparent 30%),linear-gradient(125deg,#061914,#0b2b23 52%,#12382d)}.hero-static-fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.17;background:linear-gradient(118deg,transparent 0 62%,rgba(253,251,247,.13) 62.2% 62.7%,transparent 63% 100%),repeating-linear-gradient(90deg,transparent 0 150px,rgba(253,251,247,.035) 151px 152px)}.hero-static-fallback .mascot{position:absolute;right:clamp(-90px,2vw,22px);bottom:-66px;height:min(69vh,660px)!important;opacity:.88;filter:drop-shadow(0 34px 36px rgba(0,0,0,.34))}.hero-cinematic-overlay{z-index:2;background:linear-gradient(90deg,#03100df0,#03110ee3 30%,#041411ab 54%,#04120f33 76%,#04100d5c),linear-gradient(180deg,rgba(2,12,10,.52) 0%,transparent 33%,rgba(2,13,11,.34) 100%)}.hero-bottom-fade{z-index:3;top:auto;height:190px;background:linear-gradient(0deg,rgba(4,17,14,.72),transparent)}.hero-stage .landing-nav-wrap{position:absolute;inset:0 0 auto;z-index:20;padding-top:22px}.hero-stage .landing-nav{color:#fdfbf7e0;background:#0618147a;border-color:#fdfbf71f;box-shadow:0 16px 44px #00000029;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}.hero-stage .brand-mark{background:#fdfbf7f0;box-shadow:0 6px 18px #00000029}.hero-stage .brand-word{color:var(--bg-main)}.hero-stage .brand-word b{color:#72d0ae}.hero-stage .landing-links a{color:#fdfbf7c7}.hero-stage .landing-links a:hover{color:#82ddbb}.hero-stage .landing-actions>button:first-child{color:#fdfbf7eb}.hero-stage .nav-menu-toggle{color:#fdfbf7eb;background:#fdfbf724}.hero-stage .nav-cta{color:#fff;background:var(--brand-primary);box-shadow:0 10px 24px #e8543e3d}.hero-stage .hero-section{min-height:max(720px,100svh);padding:154px 0 76px;display:flex;align-items:center}.hero-stage .hero-copy{width:min(660px,58%);max-width:none;color:var(--bg-main)}.hero-stage .hero-badge{padding:9px 14px;color:#f8d691;background:#f2a93b1a;border-color:#f2a93b47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stage .hero-copy h1{max-width:720px;margin:28px 0 22px;color:#fffdf9;font-size:clamp(58px,6.1vw,90px);line-height:.98;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.24)}.hero-stage .hero-copy h1 em{color:#72d0ae}.hero-stage .hero-copy>p{max-width:630px;margin-bottom:28px;color:#fdfbf7c2;font-size:16px;line-height:1.72;text-shadow:0 2px 16px rgba(0,0,0,.22)}.hero-stage .hero-actions{margin-top:0;transform:translateY(-44px)}.hero-stage .hero-actions .button{min-height:56px;padding-inline:25px;border-radius:16px}.hero-stage .hero-actions .button-primary{background:var(--brand-primary);box-shadow:0 14px 34px #e8543e4d}.hero-stage .hero-actions .button-secondary{color:#fffdf9;background:#fdfbf717;border-color:#fdfbf742;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stage .hero-actions .button-secondary:hover{color:#fffdf9;background:#fdfbf726;border-color:#fdfbf76b}.hero-stage .free-note{margin-top:17px;color:#fdfbf78f;font-size:11px;transform:translateY(-44px)}.hero-stage .free-note span{color:#91dcbf}.hero-stage .hero-brand-block{margin:28px 0 26px}.hero-stage .hero-copy .hero-brand-headline{max-width:none;margin:0;color:#fffdf9;font-size:clamp(21px,2.2vw + 8px,46px);line-height:1.16;letter-spacing:-.03em;text-wrap:initial;text-shadow:0 4px 28px rgba(0,0,0,.24)}.hero-stage .hero-brand-rotating-line{background:linear-gradient(100deg,#7fdfba,#cff3e0 52%,#7fdfba);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 15px rgba(114,208,174,.32))}@media(max-width:1160px){.hero-stage .hero-copy{width:min(620px,60%)}.hero-stage .hero-copy h1{font-size:clamp(54px,6vw,74px)}.hero-backdrop video{object-position:57% center}}@media(max-width:899px){.hero-stage{min-height:640px}.hero-stage .hero-section{min-height:640px;padding:136px 0 40px;align-items:center}.hero-stage .hero-copy{width:min(620px,100%)}.hero-stage .hero-copy h1{font-size:clamp(50px,8.2vw,70px)}.hero-static-fallback .mascot{right:-86px;bottom:34px;height:520px!important;opacity:.52}.hero-cinematic-overlay{background:linear-gradient(180deg,#03100d99,#03100d6b 35%,#03100df0 72%,#03100dfa),linear-gradient(90deg,#03100db8,#03100d1f)}}@media(max-width:700px){.hero-stage{min-height:620px}.hero-stage .landing-nav-wrap{padding-top:12px}.hero-stage .landing-nav{background:#061814a8}.hero-stage .hero-section{min-height:620px;padding:124px 0 32px;align-items:flex-end}.hero-stage .hero-copy h1{margin:22px 0 19px;font-size:clamp(44px,13.5vw,60px);line-height:1.01;letter-spacing:-.058em}.hero-stage .hero-copy>p{margin-bottom:23px;font-size:14px;line-height:1.65}.hero-stage .hero-brand-block{margin-bottom:24px}.hero-stage .hero-brand-rotator{font-size:clamp(20px,6.2vw,36px)}.hero-stage .hero-actions{gap:10px}.hero-stage .hero-actions .button{width:100%;min-height:52px}.hero-stage .free-note{justify-content:flex-start;flex-wrap:wrap;line-height:1.5}.hero-static-fallback .mascot{right:-102px;bottom:168px;height:420px!important;opacity:.48}}@media(max-width:380px){.hero-stage .hero-copy h1{font-size:42px}.hero-stage .hero-badge{padding:8px 10px;font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-backdrop video{display:none!important}}.stats-ticker{display:flex;align-items:center;overflow:hidden;padding:8px 0;background:linear-gradient(90deg,var(--brand-primary-dark),var(--brand-primary))}.stats-ticker-track{display:flex;flex:1;gap:40px;overflow:hidden}.stats-ticker-run{display:flex;align-items:center;gap:40px;flex-shrink:0;min-width:100%;animation:statsTickerScroll 22s linear infinite}.stats-ticker-item{color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.stats-ticker-item+.stats-ticker-item:before{content:"•";margin-right:40px;opacity:.55}@keyframes statsTickerScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 40px))}}@media(prefers-reduced-motion:reduce){.stats-ticker-run{animation:none}.stats-ticker-run[aria-hidden]{display:none}}@media(max-width:640px){.stats-ticker{padding:6px 0}.stats-ticker-item{font-size:11px}}.api-inline-error,.api-preference-note{color:var(--brand-primary-dark);font-size:11px;line-height:1.55}.api-inline-error{margin:10px 0 0;font-size:12px;text-align:center}.api-preference-note{margin:0;padding:10px 12px;background:var(--primary-soft);border-radius:12px}.pagination-row{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-size:12px}.attempt-error{margin-top:18px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:var(--brand-primary-dark);background:var(--danger-soft);border:1px solid rgba(232,84,62,.18);border-radius:14px}.attempt-error>svg{flex:none;margin-top:2px}.attempt-error span,.attempt-error b,.attempt-error small{display:block}.attempt-error small{margin-top:3px;color:var(--text-secondary);line-height:1.45}.confidence-before-submit{margin:22px 0 0;padding:18px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:18px}.confidence-before-submit h2{font-size:15px}.confidence-before-submit p{font-size:10px}.confidence-before-submit .confidence-grid button{min-height:76px;padding:10px}.confidence-before-submit .confidence-grid button em{display:none}.trap-list>button>b{margin-left:auto;color:var(--brand-primary);font-size:11px}@media(max-width:700px){.pagination-row{flex-wrap:wrap;gap:10px}.pagination-row .button{flex:1}.confidence-before-submit{padding:14px}}.xl-dock-fab{position:fixed;right:26px;bottom:26px;z-index:60;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;color:#1b5d46;background:#fcfbf5;border:1px solid rgba(46,125,98,.2);box-shadow:0 2px 5px #192d230a,0 12px 30px #192d231a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.xl-dock-fab:hover{transform:translateY(-2px);background:#fffdf7;border-color:#2e7d6257;box-shadow:0 2px 5px #192d230d,0 16px 36px #192d2324}.xl-dock-fab img{width:38px;height:38px;border-radius:50%;background:#dcede2;object-fit:cover}.xl-dock-fab span{font-size:13px;font-weight:650}.xl-dock-fab.is-open{padding:9px}.xl-dock-fab.is-open span{display:none}.xl-dock-panel{position:fixed;right:26px;bottom:96px;z-index:61;width:372px;max-height:min(620px,calc(100vh - 140px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-lg);animation:xl-dock-in .18s ease-out}@keyframes xl-dock-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.xl-dock-head{display:flex;align-items:center;gap:11px;padding:14px 14px 13px 16px;border-bottom:1px solid var(--border-soft)}.xl-dock-avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);overflow:hidden}.xl-dock-avatar img{width:100%;height:100%;object-fit:cover}.xl-dock-head>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.xl-dock-head b{font-size:15px}.xl-dock-head small{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.xl-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-jade)}.xl-dock-close{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--text-muted)}.xl-dock-close:hover{color:var(--text-primary);background:var(--surface-muted)}.xl-dock-thread{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:11px;overflow-y:auto;background:var(--bg-main)}.xl-dock-intro p{margin:0 0 6px;color:var(--text-secondary);font-size:12px;line-height:1.65}.xl-dock-intro p.hz{color:var(--text-primary);font-size:15px;font-weight:600}.xl-dock-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.xl-dock-actions button{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:12px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);font-size:11px;font-weight:600;text-align:left}.xl-dock-actions button:hover{border-color:#e8543e52}.xl-dock-actions svg{color:var(--brand-primary);flex:none}.xl-bubble{max-width:86%;padding:11px 14px;border-radius:16px;font-size:13px;line-height:1.55}.xl-bubble-me{align-self:flex-end;color:#fff;background:var(--brand-primary);border-bottom-right-radius:6px}.xl-bubble-xl{align-self:flex-start;display:block;max-width:94%;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-soft);border-bottom-left-radius:6px;box-shadow:var(--shadow-sm);text-align:left;overflow-wrap:anywhere}.xl-bubble-xl .hz{font-size:15px}.xl-bubble-xl small{color:var(--text-muted);font-size:10px}.xl-bubble-xl svg{color:var(--text-muted);align-self:flex-end}.xl-correction{align-self:flex-start;max-width:92%;padding:11px 13px;border-radius:14px;background:var(--gold-soft);border:1px solid rgba(242,169,59,.3)}.xl-correction b{display:flex;align-items:center;gap:6px;color:var(--brand-gold-dark);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.xl-correction p{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.6}.xl-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft)}.xl-typing i{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:xl-blink 1.3s infinite}.xl-typing i:nth-child(2){animation-delay:.18s}.xl-typing i:nth-child(3){animation-delay:.36s}@keyframes xl-blink{0%,to{opacity:.3}50%{opacity:1}}.xl-dock-composer{padding:12px 14px 14px;border-top:1px solid var(--border-soft);background:var(--surface)}.xl-dock-chips{display:flex;gap:7px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.xl-dock-chips::-webkit-scrollbar{display:none}.xl-dock-chips button{flex:none;padding:7px 12px;border-radius:999px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-soft);font-size:10px;font-weight:600;white-space:nowrap}.xl-dock-chips button:not(:disabled):hover{color:var(--brand-primary-dark);border-color:#e8543e4d}.xl-dock-composer form{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 14px;border-radius:14px;background:var(--surface-muted);border:1px solid var(--border-soft)}.xl-dock-composer form:focus-within{border-color:#e8543e59}.xl-dock-composer label{flex:1;min-width:0}.xl-dock-composer input{width:100%;border:0;background:transparent;font-size:12px}.xl-dock-composer input:focus{outline:none}.xl-dock-composer form>button{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--brand-primary)}.xl-dock-composer form>button:disabled{opacity:.4}.xl-dock-note{margin:9px 0 0;color:var(--text-muted);font-size:9px;text-align:center}@media(max-width:899px){.xl-dock-fab{right:14px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px);width:48px;height:48px;padding:4px;gap:0;border-radius:50%}.xl-dock-fab.is-open{padding:4px}.xl-dock-fab span{display:none}.shell:has(.kamus-page) .xl-dock-fab,.shell:has(.kamus-page) .xl-dock-panel,.shell:has(.peta-page) .xl-dock-fab,.shell:has(.peta-page) .xl-dock-panel,.shell:has(.hanzi-print-page) .xl-dock-fab,.shell:has(.hanzi-print-page) .xl-dock-panel,.shell:has(.dashboard-page) .xl-dock-fab,.shell:has(.dashboard-page) .xl-dock-panel{display:none}.shell:has(.review-session) .xl-dock-fab,.shell:has(.review-session) .xl-dock-panel{display:none}}@media(max-width:700px){.xl-dock-panel{right:12px;left:12px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 10px);width:auto;max-height:min(60vh,calc(100vh - var(--mobile-nav-height) - env(safe-area-inset-bottom) - 26px));max-height:min(60vh,calc(100dvh - var(--mobile-nav-height) - env(safe-area-inset-bottom) - 26px))}}@media(max-width:899px){.chat-composer label{display:flex;align-items:stretch}.chat-composer input{font-size:16px;min-height:30px}.chat-composer form>button{width:44px;height:44px;border-radius:13px}.suggestion-chips button{min-height:36px;padding:0 12px;font-size:10px}.xl-dock-composer input{font-size:16px}.xl-dock-composer form>button{width:40px;height:40px}.xl-dock-chips button{padding:9px 12px;font-size:10.5px}}.curriculum-dialogue{min-width:0;overflow:hidden;background:radial-gradient(circle at 8% 92%,rgba(62,156,122,.07),transparent 20%),radial-gradient(circle at 96% 8%,rgba(242,169,59,.06),transparent 22%),var(--surface);border:1px solid var(--border-soft);border-radius:24px;box-shadow:var(--shadow-md)}.curriculum-dialogue-head{padding:22px 28px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 22px;border-bottom:1px solid var(--border-soft)}.conversation-tabs{display:flex;flex-wrap:wrap;gap:8px}.conversation-tabs button{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:680;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.conversation-tabs button:hover{transform:translateY(-1px);border-color:var(--border-soft)}.conversation-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--brand-jade-dark),#145F48);box-shadow:0 10px 24px #26745738}.conversation-controls{display:flex;justify-content:flex-end;gap:9px}.conversation-controls>button,.conversation-speed{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);background:#fff;border:1px solid var(--border-strong);border-radius:999px;font-size:12px;font-weight:650;transition:border-color .2s ease,color .2s ease,background .2s ease}.conversation-controls>button i{padding:3px 7px;color:var(--text-muted);background:var(--surface-muted);border-radius:999px;font-size:9px;font-style:normal;letter-spacing:.05em}.conversation-controls>button.active{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a52}.conversation-controls>button.active i{color:#fff;background:var(--brand-jade)}.conversation-speed{padding-right:8px}.conversation-speed select{min-width:72px;border:0;outline:0;color:var(--text-primary);background:transparent;cursor:pointer;font-weight:650}.conversation-help{grid-column:2;margin:-3px 2px 0;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--text-muted);font-size:10px}.curriculum-dialogue-body{min-height:520px;padding:clamp(26px,4vw,50px) clamp(22px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:30px;position:relative;background:linear-gradient(#fdfcf7d1,#fdfcf785),url(/media/lesson/dialogue-ink-wash.webp) center bottom / cover no-repeat;overflow:hidden}.curriculum-dialogue-row{width:min(82%,720px);display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:16px;position:relative;z-index:1}.curriculum-dialogue-row.right{margin-left:auto;grid-template-columns:minmax(0,1fr) 74px}.curriculum-dialogue-row.right .curriculum-speaker-avatar{grid-column:2;grid-row:1}.curriculum-dialogue-row.right .curriculum-dialogue-bubble{grid-column:1;grid-row:1}.curriculum-speaker-avatar{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--brand-jade),var(--brand-jade-dark));border:3px solid #fff;border-radius:50%;box-shadow:0 10px 24px #2e2a261f,0 0 0 1px #3e9c7a57;font-size:20px;font-weight:750}.curriculum-speaker-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.curriculum-speaker-avatar.female{color:var(--brand-primary-dark);background:linear-gradient(145deg,#fff2ec,#fcddd2);box-shadow:0 10px 24px #e8543e1f,0 0 0 1px #e8543e47}.curriculum-speaker-avatar.male{color:#70531b;background:linear-gradient(145deg,#fff8e9,#f7e8c8);box-shadow:0 10px 24px #9a65161f,0 0 0 1px #f2a93b47}.curriculum-speaker-avatar.narator{color:#5b4b8a;background:linear-gradient(145deg,#f0edfa,#dcd5f0);box-shadow:0 10px 24px #5b4b8a24,0 0 0 1px #5b4b8a47}.curriculum-dialogue-bubble{min-width:0;padding:20px 24px 17px;position:relative;color:var(--text-primary);background:linear-gradient(145deg,#f6fbf8,#fdfefe);border:1px solid rgba(62,156,122,.24);border-radius:22px;box-shadow:0 12px 28px #43352b12}.curriculum-dialogue-row.left .curriculum-dialogue-bubble:before,.curriculum-dialogue-row.right .curriculum-dialogue-bubble:after{content:"";position:absolute;top:25px;width:16px;height:16px;background:inherit;transform:rotate(45deg)}.curriculum-dialogue-row.left .curriculum-dialogue-bubble:before{left:-9px;border-left:1px solid rgba(62,156,122,.24);border-bottom:1px solid rgba(62,156,122,.24)}.curriculum-dialogue-row.right .curriculum-dialogue-bubble{background:linear-gradient(145deg,#fff5f1,#fffdfb);border-color:#e8543e3b}.curriculum-dialogue-row.right .curriculum-dialogue-bubble:after{right:-9px;border-right:1px solid rgba(232,84,62,.23);border-top:1px solid rgba(232,84,62,.23)}.curriculum-speaker-name{display:block;margin-bottom:8px;color:var(--brand-jade-dark);font-size:13px;font-weight:760}.curriculum-dialogue-row.right .curriculum-speaker-name{color:var(--brand-primary-dark);text-align:right}.curriculum-sentence{font-size:clamp(24px,2.3vw,34px);line-height:1.55;letter-spacing:.015em;overflow-wrap:anywhere}.curriculum-sentence mark{padding:0 3px;color:inherit;background:#f2a93b4d;border-radius:5px;box-shadow:inset 0 -2px #f2a93b99}.curriculum-pinyin{margin-top:8px;color:var(--brand-jade-dark);font-size:13px;line-height:1.55}.curriculum-meaning{margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.55}.curriculum-audio-button{min-height:36px;margin-top:13px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;color:var(--brand-jade-dark);background:#fff;border:1px solid var(--border-strong);border-radius:999px;font-size:10px;font-weight:670;transition:transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.curriculum-dialogue-row.right .curriculum-audio-button{float:right;color:var(--brand-primary-dark)}.curriculum-audio-button:hover{transform:translateY(-1px);border-color:currentColor}.curriculum-audio-button.playing{color:#fff;background:var(--brand-jade-dark);border-color:var(--brand-jade-dark);box-shadow:0 0 0 5px #3e9c7a1a}@media(max-width:860px){.curriculum-dialogue-head{grid-template-columns:1fr}.conversation-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.conversation-help{grid-column:1;justify-content:flex-start}.curriculum-dialogue-row{width:93%}}@media(max-width:560px){.curriculum-dialogue{border-radius:18px}.curriculum-dialogue-head{padding:16px}.conversation-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.conversation-tabs button{min-width:max-content;min-height:42px;padding-inline:14px}.conversation-controls>button,.conversation-speed{min-width:max-content;min-height:40px;padding-inline:11px}.curriculum-dialogue-body{min-height:0;padding:26px 15px;gap:23px}.curriculum-dialogue-row,.curriculum-dialogue-row.right{width:100%;grid-template-columns:48px minmax(0,1fr);gap:10px}.curriculum-dialogue-row.right{grid-template-columns:minmax(0,1fr) 48px}.curriculum-speaker-avatar{width:48px;height:48px;font-size:14px;border-width:2px}.curriculum-dialogue-bubble{padding:15px 16px 13px;border-radius:17px}.curriculum-sentence{font-size:21px;line-height:1.5}.curriculum-pinyin,.curriculum-meaning{font-size:12px}.curriculum-audio-button span{display:none}.curriculum-audio-button{width:36px;padding:0;justify-content:center}}@media(prefers-reduced-motion:reduce){.conversation-tabs button,.curriculum-audio-button{transition:none}}.text-lesson-page{max-width:1440px;background:radial-gradient(circle at 96% 12%,rgba(232,84,62,.045),transparent 18%),radial-gradient(circle at 91% 76%,rgba(62,156,122,.05),transparent 20%)}.shell:has(.lesson-step-2){background:#f7f5ee}.lesson-step-2.text-lesson-page{background:none}.text-lesson-page .breadcrumbs{margin-bottom:18px}.text-lesson-page .stepper-nav{margin-bottom:24px;gap:0;align-items:center;scrollbar-width:none}.text-lesson-page .stepper-nav::-webkit-scrollbar,.text-step-layout .conversation-tabs::-webkit-scrollbar,.text-step-layout .conversation-controls::-webkit-scrollbar{display:none}.text-lesson-page .stepper-item{min-width:132px;padding:9px 14px;gap:9px;position:relative;justify-content:center;box-shadow:none;background:#f7f6f1;border-color:#69553f1f;border-radius:999px}.text-lesson-page .stepper-item:not(:last-child){margin-right:14px}.text-lesson-page .stepper-num{width:24px;height:24px;font-size:12px}.text-lesson-page .stepper-label{font-size:12px}.text-lesson-page .stepper-item:not(:last-child):after{content:"";width:22px;position:absolute;left:100%;top:50%;border-top:1px dashed rgba(105,85,63,.24)}.text-lesson-page .stepper-item.active{color:#1b5d46;background:#dcede2;border-color:#2e7d624d;box-shadow:none;font-weight:700}.text-lesson-page .stepper-item.active .stepper-num{color:#fff;background:#2e7d62}.lesson-step-2 .stepper-item{min-width:118px;padding:7px 13px;background:#fbfaf4;border-color:#786e5821}.lesson-step-2 .stepper-item:not(:last-child){margin-right:12px}.lesson-step-2 .stepper-item:not(:last-child):after{width:12px;border-top-color:#786e5847}.lesson-step-2 .stepper-num{width:24px;height:24px;font-size:12px;background:#edebe1}.lesson-step-2 .stepper-label{font-size:12px}.lesson-step-2 .stepper-nav{margin-bottom:20px}.text-lesson-intro{margin-bottom:22px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px}.text-lesson-icon{width:64px;height:64px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3e6834,#203e1d);border-radius:17px;box-shadow:0 10px 22px #2a4d222e}.text-lesson-context{display:block;margin-bottom:3px;color:var(--brand-primary-dark);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.text-lesson-copy h1{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(30px,3vw,42px);line-height:1.05;letter-spacing:-.035em}.text-lesson-copy p{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.text-lesson-actions{display:flex;align-items:center;gap:16px}.lesson-warmup-link{min-height:44px;padding:0 4px;font-size:12px;color:var(--brand-primary-dark);font-weight:700}.lesson-warmup-link:hover{color:var(--brand-primary)}.lesson-guide-button{min-height:46px;padding:0 18px;font-size:12px;display:inline-flex;align-items:center;gap:9px;color:#31452a;background:#ffffffbf;border:1px solid rgba(149,110,63,.24);border-radius:999px;box-shadow:0 5px 14px #4634260f;font-weight:650}.lesson-guide-button>span{width:20px;height:20px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font:700 12px/1 Georgia,serif}.lesson-guide-button.active{color:#fff;background:#315c2a;border-color:#315c2a}.lesson-guide-panel{margin:-7px 0 20px 82px;padding:14px 18px;color:#40503a;background:linear-gradient(90deg,#3e9c7a1a,#ffffffb3);border-left:3px solid var(--brand-jade);border-radius:0 12px 12px 0;font-size:13px;line-height:1.65}.lesson-step-meta{min-height:48px;padding:5px 6px 5px 16px;display:flex;align-items:center;gap:14px;color:var(--text-secondary);background:#ffffffc2;border:1px solid rgba(149,110,63,.2);border-radius:999px;box-shadow:0 5px 14px #4634260e;font-size:12px}.lesson-step-meta span{display:inline-flex;align-items:center;gap:6px}.lesson-step-meta b{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;color:#fff;background:#315c2a;border-radius:999px;font-size:11px}.text-step-layout{grid-template-columns:minmax(0,1fr) 380px;gap:26px}.text-step-layout .step-main-col,.text-step-layout .step-side-col{min-width:0}.text-step-layout .step-side-col{position:sticky;top:24px}.text-step-layout .curriculum-dialogue{border-color:#89653c2b;border-radius:20px;box-shadow:0 15px 34px #46342613}.text-step-layout .curriculum-dialogue-head{padding:0;display:flex;flex-direction:column;gap:13px;border:0;background:transparent}.text-step-layout .conversation-tabs{padding:0;gap:10px}.text-step-layout .conversation-tabs,.text-step-layout .conversation-controls{scrollbar-width:none}.text-step-layout .conversation-tabs button{min-height:44px;padding:0 21px;color:var(--text-primary);background:#f8f5efeb;border:1px solid transparent;border-radius:11px;box-shadow:none}.text-step-layout .conversation-tabs button.active{color:#fff;background:linear-gradient(135deg,#3c6631,#274821);box-shadow:0 7px 16px #2a4e222e}.text-step-layout .conversation-controls{padding:0 0 16px;justify-content:flex-start;flex-wrap:wrap;gap:10px;border-bottom:1px solid rgba(137,101,60,.15)}.text-step-layout .conversation-controls>button{min-height:42px;padding:0 16px;color:#4d504a;background:#fffc;border-color:#956e3f33}.text-step-layout .conversation-controls>button.active{color:#315c2a;background:#f0f6ed;border-color:#315c2a40}.text-step-layout .conversation-speed{min-height:42px;padding:4px;gap:2px;background:#fffc;border-color:#956e3f33}.conversation-speed>button{min-width:50px;min-height:32px;padding:0 10px;color:var(--text-secondary);border-radius:999px;font-size:12px;font-weight:650}.conversation-speed>button.active{color:#fff;background:#315c2a}.text-step-layout .curriculum-dialogue-body{min-height:0;padding:0 24px 24px;justify-content:flex-start;gap:14px}.conversation-scene-heading{margin:0 -26px 4px;padding:17px 26px;display:flex;align-items:center;gap:9px;color:var(--text-secondary);border-bottom:1px solid rgba(137,101,60,.14);font-size:12px}.conversation-scene-heading strong{max-width:min(70%,520px);overflow:hidden;color:var(--text-primary);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.conversation-scene-icon{width:34px;height:34px;display:grid;place-items:center;color:#315c2a;background:#eff5ec;border-radius:50%}.text-step-layout .curriculum-dialogue-row{width:fit-content;max-width:min(78%,580px);grid-template-columns:46px minmax(0,max-content);gap:10px}.text-step-layout .curriculum-dialogue-row.right{grid-template-columns:minmax(0,max-content) 46px}.text-step-layout .curriculum-speaker-avatar{width:46px;height:46px;border-width:2px;font-size:14px}.text-step-layout .curriculum-dialogue-bubble{max-width:520px;padding:11px 45px 11px 15px;border-radius:15px;box-shadow:0 7px 18px #43352b0e}.text-step-layout .curriculum-dialogue-row.right .curriculum-dialogue-bubble{padding:11px 15px 11px 45px}.text-step-layout .curriculum-dialogue-row.left .curriculum-dialogue-bubble{background:linear-gradient(145deg,#fbf8f0,#fffefc);border-color:#b2864833}.text-step-layout .curriculum-dialogue-row.left .curriculum-dialogue-bubble:before{border-color:#b2864833}.text-step-layout .curriculum-speaker-name{margin-bottom:3px;font-size:12px}.text-step-layout .curriculum-sentence{font-size:clamp(19px,1.6vw,23px);line-height:1.42}.text-step-layout .curriculum-pinyin,.text-step-layout .curriculum-meaning{margin-top:3px;font-size:12px}.text-step-layout .curriculum-audio-button{width:31px;min-height:31px;margin:0;padding:0;position:absolute;right:10px;top:10px;justify-content:center}.text-step-layout .curriculum-dialogue-row.right .curriculum-audio-button{left:10px;right:auto}.text-step-layout .curriculum-audio-button span{display:none}.text-step-layout .curriculum-sentence mark.dialogue-new-word{margin:0 -1px;padding:0 2px;color:inherit;background:transparent;border-radius:5px;box-shadow:inset 0 -1px #b4473480;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.text-step-layout .curriculum-sentence mark.dialogue-new-word:hover,.text-step-layout .curriculum-sentence mark.dialogue-new-word:focus-visible,.text-step-layout .curriculum-sentence mark.dialogue-new-word.active{color:#a53527;background:#e8543e24;box-shadow:inset 0 -2px #e8543e85,0 0 0 3px #e8543e12;outline:0}.focus-vocab-card{padding:18px;border-color:#89653c2b;border-radius:20px;box-shadow:0 15px 34px #46342613}.focus-vocab-head{margin-bottom:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.focus-vocab-head>span{width:34px;height:34px;display:grid;place-items:center;color:var(--brand-primary-dark);background:var(--primary-soft);border-radius:10px}.focus-vocab-head h3{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:19px}.focus-vocab-head>b{min-width:31px;height:31px;display:grid;place-items:center;color:var(--brand-primary-dark);background:#faf4ea;border-radius:50%;font-size:12px}.focus-vocab-card .sidebar-vocab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.focus-vocab-card .sidebar-vocab-item{min-width:0;min-height:92px;padding:12px;align-items:flex-start;background:#ffffffb8;border-color:#956e3f33;border-radius:14px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.focus-vocab-card .sidebar-vocab-item.selected{transform:translateY(-2px);background:linear-gradient(145deg,#fff8f5,#fcedea);border-color:#b5372ab8;box-shadow:0 9px 20px #b5372a1c,inset 0 0 0 1px #b5372a14}.focus-vocab-card .sidebar-vocab-item.selected .hz,.focus-vocab-card .sidebar-vocab-item.selected b{color:#a53527}.focus-vocab-card .vocab-item-main{min-width:0;display:block}.focus-vocab-card .vocab-item-main .hz{display:block;margin-bottom:3px;font-size:21px}.focus-vocab-card .vocab-item-main b{color:var(--brand-primary-dark);font-size:12px}.focus-vocab-card .vocab-item-main small{max-width:105px;margin-top:3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;line-height:1.35}.focus-vocab-card .icon-button{flex:none;margin-left:6px;background:#f7f3e9}.focus-vocab-card .sidebar-vocab-hint{margin:14px 0 0;padding:13px 14px;display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);background:linear-gradient(135deg,#fff9ee,#f8f4eb);border:1px solid rgba(190,145,76,.17);border-radius:13px;font-size:12px;line-height:1.55}.shell:has(.text-lesson-page) .xl-dock-fab{right:14px;bottom:14px;width:50px;height:50px;justify-content:center;padding:5px}.shell:has(.text-lesson-page) .xl-dock-fab img{width:38px;height:38px}.shell:has(.text-lesson-page) .xl-dock-fab span{display:none}.lesson-practice-card,.lesson-writing-card{border-color:#2e7d621f;border-radius:18px;box-shadow:0 4px 20px #1e32280a}.lesson-practice-card{width:min(100%,960px);margin-inline:auto;padding:clamp(22px,3.4vw,34px);background:var(--surface)}.lesson-panel-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:#1b6249}.practice-modes{align-self:flex-start;margin-bottom:16px;display:inline-flex;gap:4px;padding:4px;background:#edebe1cc;border-radius:11px}.practice-mode{min-height:34px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;color:#77806f;background:transparent;border-radius:8px;font-size:12.5px;font-weight:650;transition:background .16s ease-out,color .16s ease-out}.practice-mode.active{color:#1b5d46;background:#fcfbf5;box-shadow:0 1px 3px #192d2312}.practice-mode:disabled{color:#b4b9ac;cursor:not-allowed}.lesson-practice-progress{margin-bottom:20px;display:grid;grid-template-columns:minmax(100px,1fr);gap:8px;color:#6b7268;font-size:12px;font-weight:650}.lesson-practice-progress>div{height:6px;overflow:hidden;background:#e4ebe3;border-radius:999px}.lesson-practice-progress>div i{height:100%;display:block;background:linear-gradient(90deg,#2c7d60,#1b6249);border-radius:inherit;transition:width .22s ease-out}.lesson-question-copy{max-width:640px;margin:0;text-align:left}.lesson-question-copy>p{margin:0 0 14px;color:#77806f;font-size:13px;font-weight:600;line-height:1.5}.lesson-question-copy h2{margin:0;color:var(--text-primary);font-family:inherit;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.35;letter-spacing:-.01em}.lesson-question-copy h2.hz{font-size:clamp(34px,5vw,52px);letter-spacing:.02em}.lesson-clue{margin:0;padding:14px 16px;background:linear-gradient(150deg,#e8f1e7b8,#faf9f280);border:1px solid rgba(46,125,98,.14);border-left:3px solid #2E7D62;border-radius:4px 13px 13px 4px}.lesson-clue strong{display:block;color:#24352c;font-size:25px;font-weight:700;line-height:1.28;letter-spacing:-.015em}.lesson-clue span{display:block;margin-top:7px;color:#7a8478;font-size:13.5px;line-height:1.55}.answer-options.lesson-answer-options{width:100%;max-width:none;margin:22px 0 0;display:flex;flex-direction:column;gap:9px}.lesson-answer-options button{min-height:64px;padding:11px 16px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;position:relative;color:var(--text-primary);background:linear-gradient(150deg,#fffdf7,#fbfaf3);border:1px solid rgba(120,110,88,.18);border-radius:14px;box-shadow:0 1px 2px #192d2308;text-align:left;transition:transform .16s ease-out,border-color .16s ease-out,background-color .16s ease-out,box-shadow .16s ease-out}.lesson-answer-options button:hover{transform:translateY(-1px);background:#fffdf7;border-color:#2e7d6257;box-shadow:0 2px 4px #192d230a,0 8px 20px #192d2312}.lesson-answer-options button:focus-visible{outline:2px solid #2E7D62;outline-offset:2px}.lesson-answer-options .answer-key{width:32px;height:32px;display:grid;place-items:center;color:#4a6d5b;background:#e7f0e7;border:1px solid rgba(46,125,98,.16);border-radius:10px;font-size:12px;font-weight:700;transition:color .16s ease-out,background .16s ease-out,border-color .16s ease-out}.lesson-answer-options button:hover .answer-key{color:#1b5d46;background:#dcede2;border-color:#2e7d624d}.lesson-answer-options .answer-body{min-width:0;display:flex;flex-direction:column;gap:2px}.lesson-answer-options .answer-body b{min-width:0;color:#24352c;font-size:15px;font-weight:600;line-height:1.35}.lesson-answer-options .answer-body b.hz{font-size:23px;font-weight:600;letter-spacing:.02em}.lesson-answer-options .answer-body em{color:#b4674c;font-size:12.5px;font-style:normal;font-weight:550}.lesson-answer-options button.selected{color:#17402f;background:#e8f3eb;border-color:#4e9377;box-shadow:0 0 0 3px #2e7d6217}.lesson-answer-options button.selected .answer-key{color:#fff;background:#2e7d62}.lesson-text-answer{width:min(100%,680px);margin:34px auto 24px;display:block}.lesson-text-answer>span{display:block;margin-bottom:8px;color:#315c2a;font-size:11px;font-weight:730}.lesson-text-answer>input{width:100%;min-height:56px;padding:0 17px;color:var(--text-primary);background:#fff;border:1px solid rgba(149,110,63,.3);border-radius:14px;box-shadow:inset 0 1px 2px #46342606,0 5px 14px #46342609;font-size:15px;outline:none}.lesson-text-answer>input:focus{border-color:#4d7a43;box-shadow:0 0 0 4px #3e6c3317}.lesson-text-answer>input::placeholder{color:#aaa39a}.lesson-check-answer{min-width:190px;margin:4px 0 0;display:flex}.lesson-answer-result{width:min(100%,760px);margin:30px auto 0;padding:16px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;background:#eef7f1;border:1px solid rgba(62,156,122,.25);border-radius:15px}.lesson-answer-result.incorrect{background:#fff2ee;border-color:#e8543e3d}.lesson-answer-result>span{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--brand-jade);border-radius:50%}.lesson-answer-result.incorrect>span{background:var(--brand-primary)}.lesson-answer-result p{margin:3px 0 0;color:var(--text-secondary);font-size:12px}.lesson-step-2.text-lesson-page{max-width:1240px}.lesson-step-2 .text-lesson-intro{padding:0;background:none;border:none;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1fr) auto}.lesson-step-2 .text-lesson-icon{display:none}.lesson-step-2 .text-lesson-context{order:2;margin:9px 0 0;color:#7a8478;font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none}.lesson-step-2 .text-lesson-context .hz{color:#4a5a50;font-size:13.5px}.lesson-step-2 .text-lesson-copy{display:flex;flex-direction:column}.lesson-step-2 .text-lesson-copy h1{order:0}.lesson-step-2 .text-lesson-copy>p{order:1}.lesson-step-2 .lesson-step-meta{align-self:start;flex-direction:column;align-items:flex-end;gap:4px}.lesson-step-2 .text-lesson-copy h1{font-family:inherit;font-size:clamp(26px,2.3vw,32px);font-weight:700;letter-spacing:-.02em;color:#1e3a2e}.lesson-step-2 .text-lesson-copy p{max-width:560px;font-size:13.5px}.lesson-step-2 .lesson-step-meta{padding:0;color:#767d73;background:none;border:none;box-shadow:none;font-size:12px}.lesson-step-2 .lesson-step-meta b{min-height:0;padding:0;color:#1b6249;background:none;font-size:12px;font-weight:700}.lesson-workspace{display:grid;grid-template-columns:minmax(330px,.42fr) minmax(0,.58fr);align-items:stretch;position:relative;isolation:isolate;overflow:hidden;background:#fcfbf5;border:1px solid rgba(120,110,88,.14);border-radius:22px;box-shadow:0 2px 5px #192d2308,0 10px 30px #192d230b}.lesson-workspace:after{content:"";position:absolute;right:0;bottom:0;z-index:-1;width:46%;height:58%;opacity:.1;pointer-events:none;background:url(/media/sidebar/sidebar-ink-wash.png) right bottom / cover no-repeat;-webkit-mask-image:linear-gradient(to top left,#000,transparent 62%);mask-image:linear-gradient(to top left,#000,transparent 62%)}.workspace-pane{min-width:0;display:flex;flex-direction:column}.lesson-workspace .chapter-vocabulary-panel{border-right:1px solid rgba(120,110,88,.13)}.chapter-vocabulary-panel{min-width:0;padding:0;overflow:hidden;background:#f3f6f0}.chapter-vocabulary-head{min-height:56px;padding:15px 18px 13px;display:flex;align-items:center;gap:10px;background:#e6efe6;border-bottom:1px solid rgba(46,125,98,.15)}.chapter-vocabulary-head h2{flex:1;margin:0;color:#24352c;font-size:15px;font-weight:700;letter-spacing:-.01em}.chapter-vocabulary-head>span{width:30px;height:30px;flex:none;display:grid;place-items:center;color:#1b6249;background:#def0e7;border-radius:9px}.chapter-vocabulary-head>b{color:#7a8478;font-size:12px;font-weight:600}.chapter-vocabulary-table{min-width:0}.chapter-vocabulary-row{min-width:0;min-height:52px;padding:8px 18px;display:grid;grid-template-columns:20px minmax(52px,.62fr) minmax(74px,.86fr) minmax(96px,1.5fr) 28px;align-items:center;gap:11px;color:var(--text-secondary);border-bottom:1px solid rgba(120,110,88,.075);font-size:13px;transition:background .16s ease,color .16s ease}.chapter-vocabulary-row.table-head{min-height:30px;padding-block:6px;color:#a0a79a;background:none;border-bottom-color:#786e581f;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.chapter-vocabulary-body{max-height:min(560px,calc(100vh - 300px));overflow-y:auto;scrollbar-color:rgba(46,125,98,.25) transparent;scrollbar-width:thin}.chapter-vocabulary-body .chapter-vocabulary-row:hover{color:#1b5d46;background:#dcede280}.chapter-vocabulary-body .chapter-vocabulary-row:last-child{border-bottom:0}.chapter-vocabulary-row>strong{color:#24352c;font-size:21px;font-weight:600;line-height:1.25}.chapter-vocabulary-row>em{overflow-wrap:anywhere;color:#c1583c;font-style:normal;font-size:14px;font-weight:600}.chapter-vocabulary-row>span:nth-child(4){min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.chapter-vocabulary-row .icon-button{width:28px;min-height:28px;padding:0;color:#7f8b80;background:transparent;border-color:#786e5829;transition:color .16s ease,background .16s ease,border-color .16s ease}.chapter-vocabulary-row:hover .icon-button{color:#1b5d46;background:#ffffffbf;border-color:#2e7d6242}.chapter-practice-panel{width:100%;margin:0;padding:clamp(20px,2.4vw,26px);background:none;border:0;box-shadow:none}.chapter-practice-panel .chapter-practice-panel{padding:0}.chapter-practice-panel .lesson-practice-progress{margin-bottom:14px}.exercise-canvas{position:relative;isolation:isolate;padding:22px 22px 24px;overflow:hidden;background:linear-gradient(180deg,#fcfbf5b8,#fcfbf500 22%),radial-gradient(94% 76% at 50% 36%,#fcfbf5e6,#fcfbf594 60%,#fcfbf53d),var(--lukisan-latihan) center / cover no-repeat;border:1px solid rgba(120,110,88,.13);border-radius:16px}.exercise-canvas:before{content:"";position:absolute;top:12px;left:12px;width:34px;height:34px;z-index:-1;border-top:1px solid rgba(46,125,98,.3);border-left:1px solid rgba(46,125,98,.3);border-top-left-radius:5px;pointer-events:none}.exercise-canvas:after{content:"";position:absolute;right:-6%;bottom:-12%;width:52%;height:74%;z-index:-2;opacity:.14;pointer-events:none;background:url(/media/hsk/level-hsk-banner.png) right bottom / cover no-repeat;-webkit-mask-image:radial-gradient(ellipse at 78% 88%,#000 12%,transparent 74%);mask-image:radial-gradient(ellipse at 78% 88%,#000 12%,transparent 74%)}.lesson-answer-options button.answer-correct{color:#1d4a38;background:#e4f2e8;border-color:#4e9377;box-shadow:0 0 0 3px #2e7d621a}.lesson-answer-options button.answer-correct .answer-key{color:#fff;background:#2e7d62}.lesson-answer-options button.answer-correct>svg{color:#2e7d62}.lesson-answer-options button.answer-incorrect{color:#8a4132;background:#fbede7;border-color:#b260478c;box-shadow:0 0 0 3px #b2604714}.lesson-answer-options button.answer-incorrect .answer-key{color:#fff;background:#b26047}.lesson-answer-options button.answer-incorrect>svg{color:#b26047}.lesson-answer-options button>svg{justify-self:end}.lesson-step-2 .lesson-check-answer{width:100%;min-height:50px;justify-content:center;color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48;box-shadow:0 6px 16px #175d482e;transition:background .16s ease-out,box-shadow .16s ease-out}.lesson-step-2 .lesson-check-answer:not(:disabled):hover{background:linear-gradient(135deg,#256a53,#114e3c);box-shadow:0 9px 20px #114e3c3d}.lesson-step-2 .lesson-check-answer:disabled{color:#8c948b;background:#edefe9;border-color:#e1e6dc;box-shadow:none}.lesson-step-2 .lesson-check-answer{margin-top:18px}.lesson-step-2 .chapter-footer-nav{margin-top:18px;padding:13px 14px;background:#fcfbf5cc;border:1px solid rgba(120,110,88,.13);border-radius:16px;box-shadow:0 2px 5px #192d2308}.lesson-step-2 .chapter-footer-nav .button:not(.button-secondary){min-width:min(420px,52vw);justify-content:center;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48}.lesson-step-2 .chapter-footer-nav .button:not(.button-secondary):hover{background:linear-gradient(135deg,#256a53,#114e3c)}.lesson-step-2 .chapter-progress-note{width:fit-content;margin:14px auto 0;padding:6px;display:flex;align-items:center;gap:9px;color:var(--text-secondary);background:#ffffffa3;border:1px solid rgba(137,101,60,.1);border-radius:999px;font-size:12px}.lesson-step-2 .chapter-progress-note b{padding:5px 9px;color:#315c2a;background:#edf5ea;border-radius:999px}.lesson-writing-card{padding:clamp(22px,4vw,38px)}.lesson-panel-head{margin-bottom:28px;padding-bottom:20px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid rgba(137,101,60,.14)}.lesson-panel-head>span{width:46px;height:46px;display:grid;place-items:center;color:#315c2a;background:#eff5ec;border-radius:13px}.lesson-panel-head h3{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:22px}.lesson-panel-head p{margin:5px 0 0;color:var(--text-secondary);font-size:12px}.lesson-panel-head>b{padding:8px 12px;color:var(--brand-primary-dark);background:var(--primary-soft);border-radius:999px;font-size:12px}.lesson-writing-card .hanzi-selector{padding:12px;background:#f7f4ee;border-radius:16px}.lesson-writing-card .hanzi-selector button{background:#ffffffdb;border-color:#956e3f33}.lesson-writing-card .hanzi-selector button.active{color:#fff;background:#315c2a;border-color:#315c2a}.lesson-writing-card .hanzi-writer-stage{border-color:#956e3f38;box-shadow:0 12px 28px #46342612}.lesson-workspace-page .chapter-footer-nav{margin-top:28px;padding-top:22px;border-top:1px solid rgba(137,101,60,.12)}@media(max-width:1180px){.text-lesson-intro{grid-template-columns:58px minmax(0,1fr)}.text-lesson-icon{width:58px;height:58px}.text-lesson-actions{grid-column:2;justify-content:flex-start}.text-step-layout{grid-template-columns:1fr}.text-step-layout .step-side-col{position:static}.focus-vocab-card .sidebar-vocab-list{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-workspace{grid-template-columns:minmax(280px,.4fr) minmax(0,.6fr)}.chapter-vocabulary-row{grid-template-columns:22px minmax(48px,.68fr) minmax(64px,.85fr) minmax(82px,1.25fr) 30px;padding-inline:11px;gap:6px}}@media(max-width:940px){.lesson-workspace{grid-template-columns:1fr}.lesson-workspace .chapter-practice-panel{grid-row:1}.lesson-workspace .chapter-vocabulary-panel{grid-row:2;border-right:0;border-top:1px solid rgba(120,110,88,.13)}.chapter-vocabulary-body{max-height:480px}}@media(max-width:760px){.text-lesson-page .stepper-nav{gap:10px}.text-lesson-page .stepper-item{flex:0 0 auto;min-width:150px;margin-right:0!important}.text-lesson-page .stepper-item:after{display:none}.text-lesson-intro{grid-template-columns:50px minmax(0,1fr);gap:13px}.text-lesson-icon{width:50px;height:50px;border-radius:14px}.text-lesson-actions{grid-column:1 / -1}.lesson-guide-panel{margin-left:0}.lesson-step-meta{grid-column:1 / -1;justify-self:start}.focus-vocab-card .sidebar-vocab-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-step-2 .text-lesson-intro{padding:18px}.lesson-step-2 .text-lesson-intro:after{top:0;right:0;bottom:0;left:30%;opacity:.2}.lesson-step-2 .chapter-footer-nav .button:not(.button-secondary){min-width:0}}@media(max-width:520px){.text-lesson-actions{align-items:stretch;flex-direction:column;gap:4px}.lesson-warmup-link{align-self:flex-start}.lesson-guide-button{justify-content:center}.text-step-layout .conversation-controls{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto}.text-step-layout .conversation-controls>button{min-width:max-content}.conversation-speed>button{min-width:43px;padding-inline:7px}.conversation-scene-heading{margin-inline:-15px;padding-inline:15px}.conversation-scene-heading strong{max-width:55%}.text-step-layout .curriculum-dialogue-row{width:fit-content;max-width:100%}.text-step-layout .curriculum-dialogue-bubble{max-width:100%}.focus-vocab-card .sidebar-vocab-list{grid-template-columns:1fr}.focus-vocab-card .vocab-item-main small{max-width:190px}.lesson-step-meta{width:100%;justify-content:space-between}.lesson-practice-card{min-height:430px;padding:22px 16px}.lesson-practice-progress{margin-bottom:30px}.lesson-question-copy h2{font-size:25px}.lesson-answer-options{grid-template-columns:1fr;margin-top:28px}.lesson-answer-options button{min-height:62px}.lesson-answer-result{grid-template-columns:34px 1fr}.lesson-answer-result .button{grid-column:1 / -1;width:100%}.lesson-panel-head{grid-template-columns:42px minmax(0,1fr)}.lesson-panel-head>b{grid-column:2;justify-self:start}.chapter-vocabulary-head{padding:15px}.chapter-vocabulary-row{grid-template-columns:22px minmax(52px,.75fr) minmax(68px,.9fr) minmax(92px,1.4fr) 30px;font-size:10px}.chapter-vocabulary-row>strong{font-size:16px}.lesson-step-2 .chapter-footer-nav{align-items:stretch;flex-direction:column-reverse;gap:9px}.lesson-step-2 .chapter-footer-nav .button{width:100%;justify-content:center}.lesson-step-2 .chapter-progress-note{max-width:100%;flex-wrap:wrap;justify-content:center;border-radius:14px}}.hanzi-practice{display:grid;gap:18px;justify-items:center}.hanzi-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%}.hanzi-selector button{min-width:48px;min-height:48px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);font-size:1.5rem;cursor:pointer}.hanzi-selector button.active{border-color:var(--brand-primary);background:var(--primary-soft);color:var(--brand-primary)}.hanzi-writer-stage{width:280px;height:280px;max-width:100%;border:1px solid var(--border-soft);border-radius:18px;background:#fff;overflow:hidden;touch-action:none}.hanzi-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.practice-card>input{width:100%;min-height:48px;border:1px solid var(--border-soft);border-radius:12px;padding:10px 14px;margin:16px 0}.chapter-progress-note{text-align:center;color:var(--muted)}@media(max-width:480px){.answer-options{grid-template-columns:1fr}.hanzi-writer-stage{width:260px;height:260px}}.path-page{max-width:1360px}.path-page .page-header{position:relative;margin-bottom:30px;padding:26px 30px 28px;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f6f9f4,#fbfcf7 52%,#f2f6ee);border:1px solid rgba(46,125,98,.09);border-radius:24px;box-shadow:0 1px 2px #1c342a0a,0 10px 28px #1c342a0d}.path-page .page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/media/hsk/level-hsk-banner.png) center right / cover no-repeat;opacity:.9}.path-page .page-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(95deg,rgba(250,251,246,.93) 0%,rgba(250,251,246,.72) 38%,rgba(250,251,246,.18) 62%,transparent 80%)}.path-page .page-header .eyebrow{color:#8a5b12;letter-spacing:.16em}.path-page .page-header h1{font-size:clamp(34px,3.4vw,48px);font-weight:750;color:#1e3a2e}.path-page .page-header p{max-width:640px;font-size:13.5px;line-height:1.62;color:#4a5a50}.path-page .hsk-grid-modern{grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:14px}.path-page .hsk-card-modern{padding:17px 17px 15px;background:linear-gradient(180deg,#fcfcf8,#f8fbf6);border:1px solid rgba(46,125,98,.13);border-radius:18px;box-shadow:0 1px 2px #1c342a0a,0 8px 20px #1c342a0d;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.path-page .hsk-card-modern:hover{transform:translateY(-2px);border-color:#2e7d6242;box-shadow:0 1px 2px #1c342a0d,0 12px 28px #1c342a17}.path-page .hsk-card-modern.accessible{background:linear-gradient(180deg,#fcfdf9,#f4faf5)}.path-page .hsk-badge-num span{color:#8b968d;font-size:11px;letter-spacing:.12em}.path-page .hsk-card-modern .hsk-badge-num strong,.path-page .hsk-card-modern.accessible .hsk-badge-num strong{font-size:27px;font-weight:800;letter-spacing:-.8px;color:#1b6249}.path-page .hsk-card-modern.locked .hsk-badge-num strong{color:#6e8579}.path-page .hsk-card-body h3{margin-bottom:5px;font-size:16px;font-weight:700;color:#1e3a2e}.path-page .hsk-card-body p{margin-bottom:12px;font-size:12px;line-height:1.55;color:#5b6a60}.path-page .hsk-stats-pill{gap:10px;padding:7px 11px;margin-bottom:12px;color:#4a5a50;background:#2e7d620f;border:1px solid rgba(46,125,98,.09);border-radius:10px;font-size:11px}.path-page .hsk-stats-pill svg{color:#2e7d62}.path-page .hsk-progress-section{gap:6px;margin-bottom:13px}.path-page .hsk-progress-label{font-size:11.5px;color:#5b6a60}.path-page .hsk-progress-label b{color:#1b6249;font-weight:700}.path-page .hsk-progress-sub{font-size:10.5px;color:#8b968d}.path-page .hsk-progress-section .track{background:#e4ebe3;box-shadow:inset 0 1px 2px #1c342a0f}.path-page .hsk-progress-section .track i{transition:width .22s ease-out}.hsk-status-notice{margin-bottom:12px;padding:8px 12px;background:#2e7d620d;border:1px solid rgba(46,125,98,.1);border-radius:12px}.hsk-status-notice .status-text{display:flex;align-items:center;gap:8px;color:#1f5f49;font-size:11.5px;font-weight:650}.hsk-status-notice small{display:block;margin-top:4px;color:#8b968d;font-size:10.5px}.path-page .hsk-card-header .chip{gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;letter-spacing:.04em}.path-page .hsk-card-header .chip-gold,.path-page .hsk-card-header .chip-muted{color:#8a5b12;background:#fdf3de;border-color:#ca913547}.path-page .hsk-card-header .chip-gold svg,.path-page .hsk-card-header .chip-muted svg{color:#d4941f}.path-page .hsk-card-header .chip-jade{color:#1b6249;background:#def0e7;border-color:#2e7d6238}.path-page .hsk-lock-notice{border-radius:12px;border-color:#2e7d622e;background:#2e7d620a}.path-page .hsk-action-btn.button-primary{min-height:42px;border-radius:12px;font-size:13px;font-weight:650;background:linear-gradient(135deg,#f0644c,#e44a35);border-color:#d9412e;box-shadow:0 9px 22px #e8543e3b;transition:background .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.path-page .hsk-action-btn.button-primary:not(:disabled):hover{transform:translateY(-1px);background:linear-gradient(135deg,#e95640,#cc3928);box-shadow:0 13px 28px #c83f2d4a}.path-page .hsk-action-btn:disabled{border-radius:12px;min-height:42px}.path-page .hsk-card-header{margin-bottom:11px}.path-page .hsk-status-notice small{margin-top:3px;font-size:10px}@media(max-width:620px){.path-page .hsk-action-btn.button-primary,.path-page .hsk-action-btn:disabled{min-height:44px}.path-page .hsk-grid-modern{gap:11px}}.hsk-detail-page .chapter-cards-grid{grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:14px}.curriculum-unit-section{margin-top:18px}.curriculum-unit-section+.curriculum-unit-section{margin-top:26px}.curriculum-unit-section-head{margin-bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:14px}.curriculum-unit-section-head span{display:block;margin-bottom:4px;color:var(--brand-primary);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.curriculum-unit-section-head h2{margin:0;color:#1e3a2e;font-size:18px}.curriculum-unit-section-head>b{color:#65736a;font-size:12px;font-weight:650}.checkpoint-section{padding-top:18px;border-top:1px solid rgba(202,145,53,.18)}.hsk-detail-page .checkpoint-grid{grid-template-columns:minmax(300px,560px)}.hsk-detail-page .chapter-nav-card{gap:11px;padding:16px 16px 14px;background:linear-gradient(180deg,#fcfdf9,#f6faf6);border:1px solid rgba(46,125,98,.13);border-radius:18px;box-shadow:0 1px 2px #1c342a0a,0 8px 20px #1c342a0d;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.hsk-detail-page .chapter-nav-card:hover{transform:translateY(-2px);border-color:#2e7d6242;box-shadow:0 1px 2px #1c342a0d,0 12px 28px #1c342a17}.hsk-detail-page .chapter-nav-card.checkpoint{background:linear-gradient(180deg,#fffdf8,#fcf7eb);border-color:#ca913533}.hsk-detail-page .chapter-card-top small{color:#8b968d;font-size:11px;font-weight:550}.hsk-detail-page .chapter-pill{padding:4px 10px;color:#1b6249;background:#def0e7;border:1px solid rgba(46,125,98,.18);font-size:11px;letter-spacing:.02em}.hsk-detail-page .checkpoint .chapter-pill{color:#8a5b12;background:#fdf3de;border-color:#ca913542}.hsk-detail-page .chapter-card-body h2{margin-bottom:4px;color:#1e3a2e;font-size:16.5px;font-weight:720;letter-spacing:-.3px}.hsk-detail-page .chapter-hanzi{color:#b24a35;font-size:14.5px}.hsk-detail-page .chapter-theme{margin:0;color:#5b6a60;font-size:11.5px;line-height:1.55}.hsk-detail-page .chapter-card-stats{gap:7px;padding:7px 11px;color:#4a5a50;background:#2e7d620e;border:1px solid rgba(46,125,98,.08);border-radius:10px;font-size:11px}.hsk-detail-page .chapter-card-stats span:not(:last-child):after{content:"·";margin-left:8px;color:#aab4ac}.hsk-detail-page .hsk-progress-label{color:#65736a;font-size:12px}.hsk-detail-page .hsk-progress-label b{color:#1b6249;font-size:12px}.hsk-detail-page .track{background:#e4ebe3;box-shadow:inset 0 1px 2px #1c342a0f}.hsk-detail-page .chapter-start-btn,.hsk-detail-page .page-actions .button-primary{min-height:42px;border-color:#d9412e;border-radius:12px;background:linear-gradient(135deg,#f0644c,#e44a35);box-shadow:0 9px 22px #e8543e38}.hsk-detail-page .chapter-start-btn:not(:disabled):hover,.hsk-detail-page .page-actions .button-primary:not(:disabled):hover{background:linear-gradient(135deg,#e95640,#cc3928);box-shadow:0 10px 22px #c83f2d42}@media(max-width:700px){.path-page .page-header{padding:22px;border-radius:20px}.path-page .page-header:before{opacity:.3}.hsk-detail-page .chapter-cards-grid{grid-template-columns:1fr;gap:11px}.hsk-detail-page .chapter-nav-card{padding:15px 15px 13px;border-radius:16px}.hsk-detail-page .chapter-start-btn,.hsk-detail-page .page-actions .button-primary{min-height:44px}}.chapter-hero{position:relative;isolation:isolate;margin-bottom:20px;padding:26px 30px 24px;overflow:hidden;background:linear-gradient(112deg,#fcfbf5,#f6f8f1 54%,#eff3e9);border:1px solid rgba(120,110,88,.15);border-radius:20px;box-shadow:0 2px 5px #192d2308,0 10px 30px #192d230b}.chapter-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:46%;z-index:-1;opacity:.5;pointer-events:none;background:url(/media/hsk/level-hsk-banner.png) right center / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%)}.chapter-hero-copy{max-width:620px;position:relative;z-index:1}.chapter-hero-chip{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 13px;color:#1b5d46;background:#dcede2;border:1px solid rgba(46,125,98,.22);border-radius:999px;font-size:12px;font-weight:700}.chapter-hero-chip i{font-style:normal;opacity:.55}.chapter-hero h1{margin:13px 0 0;color:#1e3a2e;font-size:clamp(28px,3vw,38px);font-weight:750;line-height:1.12;letter-spacing:-.025em}.chapter-hero-zh{margin:7px 0 0;color:#b4674c;font-size:clamp(19px,1.8vw,24px);font-weight:600}.chapter-hero-meta{margin-top:17px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;color:#6d7669;font-size:13px}.chapter-hero-meta>span{display:inline-flex;align-items:center;gap:7px}.chapter-hero-meta svg{color:#7e8a79}.chapter-hero-progress{gap:9px}.chapter-hero-track{width:clamp(90px,13vw,150px);height:7px;overflow:hidden;background:#e2e5da;border-radius:999px}.chapter-hero-track b{height:100%;display:block;background:linear-gradient(90deg,#2c7d60,#1b6249);border-radius:inherit;transition:width .22s ease-out}.chapter-hero-progress strong{color:#1b5d46;font-weight:700}.chapter-vocabulary-title{flex:1;min-width:0}.chapter-vocabulary-title h2{margin:0;color:#24352c;font-size:15px;font-weight:700;letter-spacing:-.01em}.chapter-vocabulary-title p{margin:3px 0 0;color:#7a8478;font-size:12px;line-height:1.45}.flashcard-mode{display:flex;flex-direction:column}.flashcard-shell{position:relative}.flashcard-audio{position:absolute;top:14px;right:14px;z-index:2}.flashcard-scene{perspective:1200px;border-radius:18px;cursor:pointer;transition:transform .14s cubic-bezier(.22,.61,.36,1)}.flashcard-scene:hover{transform:translateY(-2px)}.flashcard-scene:active{transform:scale(.98)}.flashcard-scene:focus-visible{outline:2px solid var(--brand-jade);outline-offset:3px}.flashcard-inner{position:relative;min-height:250px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.22,.61,.36,1)}.flashcard-inner.is-revealed{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;padding:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(120,110,88,.14);border-radius:18px;box-shadow:0 10px 32px #26362f12;background:radial-gradient(72% 58% at 50% 46%,#fcfbf5d6,#fcfbf561 56%,#fcfbf500 78%),var(--lukisan-latihan) center / cover no-repeat}.flashcard-scene:hover .flashcard-face{border-color:#2e7d624d}.flashcard-face.back{transform:rotateY(180deg)}.flashcard-face>strong{color:#1e3a2e;font-size:clamp(50px,7vw,76px);font-weight:600;line-height:1.05;letter-spacing:.03em}.flashcard-face.back>strong{font-size:clamp(38px,5vw,54px)}.flashcard-face.back em{color:#b4674c;font-size:clamp(19px,2vw,25px);font-style:normal;font-weight:600}.flashcard-face.back>span{max-width:34ch;color:#4a5a50;font-size:16px}.flashcard-pos{margin-top:4px;padding:4px 12px;color:#1b5d46;background:#2e7d621a;border-radius:999px;font-size:12px;font-weight:650}.flashcard-hint{margin:0;color:#98a093;font-size:12.5px}@media(prefers-reduced-motion:reduce){.flashcard-scene,.flashcard-inner{transition:none}.flashcard-scene:hover,.flashcard-scene:active,.flashcard-inner.is-revealed{transform:none}.flashcard-face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .16s linear}.flashcard-face.back{transform:none;opacity:0;pointer-events:none}.flashcard-inner.is-revealed .flashcard-face.front{opacity:0;pointer-events:none}.flashcard-inner.is-revealed .flashcard-face.back{opacity:1;pointer-events:auto}}.flashcard-reveal-btn{width:100%;min-height:50px;margin-top:16px;justify-content:center;gap:9px;color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48;border-radius:14px;box-shadow:0 6px 16px #175d482e;font-size:14px;font-weight:650;transition:background .16s ease-out,box-shadow .16s ease-out}.flashcard-reveal-btn:hover{background:linear-gradient(135deg,#256a53,#114e3c);box-shadow:0 9px 20px #114e3c3d}.flashcard-rating{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flashcard-rate{min-height:62px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;background:#fcfbf5;border:1px solid rgba(120,110,88,.16);border-radius:13px;cursor:pointer;transition:transform .14s cubic-bezier(.22,.61,.36,1),background .14s,border-color .14s}.flashcard-rate>span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700}.flashcard-rate>small{color:#8a9288;font-size:12px;line-height:1.3}.flashcard-rate:hover{transform:translateY(-2px)}.flashcard-rate:active{transform:scale(.98)}.flashcard-rate:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.flashcard-rate.rate-lupa{color:#a6412f;background:#fcf1ee;border-color:#a6412f33}.flashcard-rate.rate-lupa:hover{background:#fbe8e3;border-color:#a6412f61}.flashcard-rate.rate-ragu{color:#6b6552;background:#faf7ee;border-color:#8c764233}.flashcard-rate.rate-ragu:hover{background:#f6f1e2;border-color:#8c764261}.flashcard-rate.rate-ingat{color:#1b5d46;background:#eef6f1;border-color:#2e7d6238}.flashcard-rate.rate-ingat:hover{background:#e3f0e8;border-color:#2e7d626b}.flashcard-rate.active{box-shadow:inset 0 0 0 1px currentColor}.flashcard-tally{color:#5b7f6b;font-weight:650}@media(max-width:480px){.flashcard-rate{min-height:58px}.flashcard-rate>small{display:none}}@media(prefers-reduced-motion:reduce){.flashcard-rate{transition:none}.flashcard-rate:hover,.flashcard-rate:active{transform:none}}.flashcard-nav{margin-top:12px;display:flex;justify-content:space-between;gap:10px}.flashcard-nav button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;color:#55604f;background:#fffdf7cc;border:1px solid rgba(120,110,88,.17);border-radius:11px;font-size:12.5px;font-weight:600;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}.flashcard-nav button:hover{color:#1b5d46;background:#fffdf7;border-color:#2e7d624d}.flashcard-nav button:first-child svg{transform:rotate(180deg)}@media(max-width:760px){.chapter-hero{padding:20px;border-radius:17px}.chapter-hero:after{top:0;right:0;bottom:0;left:58%;opacity:.32}.chapter-hero-meta{gap:8px 14px}.flashcard-inner{min-height:330px}.flashcard-audio{top:10px;right:10px}}.flashcard-note{margin:12px 0 0;color:#98a093;font-size:11.5px;text-align:center}.flashcard-note b{color:#5b7f6b;font-weight:650}.matching-mode{display:flex;flex-direction:column;padding:18px;background:linear-gradient(180deg,#fcfbf5a8,#fcfbf500 26%),radial-gradient(96% 74% at 50% 40%,#fcfbf5d6,#fcfbf580 60%,#fcfbf533),var(--lukisan-latihan) center / cover no-repeat;border:1px solid rgba(120,110,88,.13);border-radius:16px}.matching-hint{margin-bottom:15px;padding:12px 15px;display:flex;align-items:flex-start;gap:11px;background:#faf9f2e6;border:1px solid rgba(120,110,88,.15);border-radius:13px}.matching-hint>span{width:30px;height:30px;flex:none;display:grid;place-items:center;color:#b4674c;background:#f7eae3;border-radius:9px}.matching-hint b{display:block;color:#24352c;font-size:13px;font-weight:650}.matching-hint small{display:block;margin-top:3px;color:#7a8478;font-size:11.5px;line-height:1.45}.matching-progress{grid-template-columns:1fr auto;column-gap:12px}.matching-progress em{color:#5b7f6b;font-style:normal;font-size:12px;font-weight:700}.matching-progress>div{grid-column:1 / -1}.matching-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 46px}.matching-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.matching-lines path{fill:none;stroke:#2e7d62;stroke-width:2.5;stroke-linecap:round}.matching-col{display:flex;flex-direction:column;gap:12px}.matching-card{position:relative;min-height:62px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:#fffdf7e0;border:1px solid rgba(120,110,88,.17);border-radius:13px;transition:background .16s ease-out,border-color .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out}.matching-card:not(:disabled):hover{transform:translateY(-1px);background:#fffdf7;border-color:#2e7d6252;box-shadow:0 4px 14px #192d230f}.matching-card.hanzi strong{color:#1e3a2e;font-size:23px;font-weight:600;line-height:1.2}.matching-card.hanzi em{color:#b4674c;font-size:12.5px;font-style:normal;font-weight:550}.matching-card.arti{color:#3e4a42;font-size:14px;font-weight:550}.matching-card:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:#d6d9ce;border-radius:50%;transform:translateY(-50%);transition:background .16s ease-out}.matching-card.hanzi:after{right:-4px}.matching-card.arti:after{left:-4px}.matching-card.picked{background:#eff6f1;border-color:#4e9377;box-shadow:0 0 0 3px #2e7d621a}.matching-card.picked:after{background:#2e7d62}.matching-card.matched{background:#e8f3eb;border-color:#4e9377}.matching-card.matched:after{background:#2e7d62}.matching-card.wrong{animation:matching-wrong .5s ease}.matching-card:disabled{cursor:default}@keyframes matching-wrong{0%{transform:translate(0);background:#fbede7;border-color:#b260478c}25%{transform:translate(-4px);background:#fbede7;border-color:#b260478c}75%{transform:translate(4px);background:#fbede7;border-color:#b260478c}99%{transform:translate(0);background:#fbede7;border-color:#b260478c}to{transform:translate(0)}}.matching-next{width:100%;min-height:46px;margin-top:15px;justify-content:center}@media(prefers-reduced-motion:reduce){.matching-card.wrong{animation:none;background:#fbede7}}@media(max-width:640px){.matching-board{gap:10px 26px}.matching-card{min-height:56px;padding:9px 11px}.matching-card.hanzi strong{font-size:20px}}.shell:has(.lesson-step-3){background:#f7f5ee}.lesson-step-3.text-lesson-page{max-width:1280px;background:none}.grammar-point-list{display:flex;flex-direction:column;gap:18px}.grammar-point{position:relative;isolation:isolate;padding:18px 20px 20px;overflow:hidden;background:#fcfbf5;border:1px solid rgba(120,110,88,.15);border-radius:20px;box-shadow:0 2px 5px #192d2308,0 10px 30px #192d230b;transition:border-color .18s ease-out,box-shadow .18s ease-out}.grammar-point:hover{border-color:#2e7d6242;box-shadow:0 2px 5px #192d230a,0 14px 36px #192d2312}.grammar-point-head{margin-bottom:18px;display:grid;grid-template-columns:36px 62px minmax(0,1fr) auto;align-items:center;gap:16px}.grammar-point-number{min-width:36px;min-height:38px;display:grid;place-items:center;color:#f2f6ee;background:linear-gradient(155deg,#2f5e3f,#1c3f2b);border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.02em}.grammar-point-tile{position:relative;isolation:isolate;width:62px;height:62px;display:grid;place-items:center;overflow:hidden;color:#1e3a2e;background:linear-gradient(158deg,#f1f5ec,#e6eee3);border:1px solid rgba(46,125,98,.18);border-radius:15px;font-size:30px;font-weight:600;line-height:1}.grammar-point-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.3;background:url(/media/sidebar/sidebar-ink-wash.png) center bottom / cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 100%);mask-image:linear-gradient(180deg,transparent 30%,#000 100%)}.grammar-point-title{min-width:0}.grammar-point-title h3{margin:0;color:#1e3a2e;font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-.02em;line-height:1.2}.grammar-point-title p{margin:4px 0 0;display:flex;align-items:center;gap:7px;color:#7a8478;font-size:12px}.grammar-point-title em{color:#b4674c;font-style:normal;font-weight:600}.grammar-point-title i{font-style:normal;opacity:.5}.grammar-point-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grammar-panel{min-width:0;position:relative;isolation:isolate;padding:12px 14px 13px;overflow:hidden;border:1px solid rgba(120,110,88,.14);border-radius:14px}.grammar-panel.pola{background:linear-gradient(155deg,#eff4ea,#e7eee1);border-color:#2e7d622e}.grammar-panel.fungsi,.grammar-panel.contoh{background:#faf9f2eb}.grammar-panel.contoh:after{content:"";position:absolute;right:-10%;bottom:-18%;width:52%;height:92%;z-index:-1;opacity:.12;pointer-events:none;background:url(/media/hsk/level-hsk-banner.png) right bottom / cover no-repeat;-webkit-mask-image:radial-gradient(ellipse at 80% 90%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse at 80% 90%,#000 10%,transparent 72%)}.grammar-panel-label{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#8a9083;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.grammar-panel.pola .grammar-panel-label{color:#5b7f6b}.grammar-panel.fungsi .grammar-panel-label svg{color:#b4674c}.grammar-panel.contoh .grammar-panel-label svg{color:#5b7f6b}.grammar-panel.pola strong{display:block;color:#1e3a2e;font-size:14.5px;font-weight:600;line-height:1.45}.grammar-panel.fungsi p{margin:0;color:#4a5a50;font-size:12.5px;line-height:1.55}.grammar-example{display:flex;align-items:baseline;gap:12px}.grammar-example strong{flex:none;color:#1e3a2e;font-size:17px;font-weight:600;line-height:1.4}.grammar-example>div{min-width:0;display:flex;flex-direction:column;gap:1px}.grammar-example em{color:#b4674c;font-size:11.5px;font-style:normal;font-weight:550}.grammar-example span{color:#6d7669;font-size:11.5px;line-height:1.45}.grammar-example-empty{margin:0;color:#98a093;font-size:12px}.grammar-example-nav{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.grammar-example-nav button{width:22px;height:22px;display:grid;place-items:center;color:#6d7669;background:#ffffffb3;border:1px solid rgba(120,110,88,.18);border-radius:50%;transition:color .16s ease-out,background .16s ease-out,border-color .16s ease-out}.grammar-example-nav button:hover{color:#1b5d46;background:#fff;border-color:#2e7d6257}.grammar-example-nav button:first-child svg{transform:rotate(180deg)}.grammar-example-nav b{color:#8a9083;font-size:12px;font-weight:700;letter-spacing:0}@media(max-width:900px){.grammar-point-panels{grid-template-columns:1fr}}@media(max-width:1100px){.grammar-lesson-workspace .grammar-point-panels{grid-template-columns:1fr}.grammar-lesson-workspace .grammar-example{align-items:flex-start}}@media(max-width:620px){.grammar-point{padding:18px}.grammar-point-head{grid-template-columns:36px 58px minmax(0,1fr);gap:12px;row-gap:10px}.grammar-point-tile{width:58px;height:58px;font-size:28px;border-radius:14px}.grammar-point-head .chip{grid-column:3;justify-self:start}}.shell:has(.lesson-step-1),.shell:has(.lesson-step-3){background:#f7f5ee}.lesson-step-1.text-lesson-page,.lesson-step-3.text-lesson-page{max-width:1240px;background:none}.lesson-step-1 .stepper-item,.lesson-step-3 .stepper-item{min-width:118px;padding:7px 13px;background:#fbfaf4;border-color:#786e5821}.lesson-step-1 .stepper-item:not(:last-child),.lesson-step-3 .stepper-item:not(:last-child){margin-right:12px}.lesson-step-1 .stepper-item:not(:last-child):after,.lesson-step-3 .stepper-item:not(:last-child):after{width:12px;border-top-color:#786e5847}.lesson-step-1 .stepper-num,.lesson-step-3 .stepper-num{width:24px;height:24px;font-size:12px;background:#edebe1}.lesson-step-1 .stepper-label,.lesson-step-3 .stepper-label{font-size:12px}.lesson-step-1 .stepper-nav,.lesson-step-3 .stepper-nav{margin-bottom:20px}.reading-lesson-workspace{display:block}.reading-workspace-head,.grammar-workspace-head{min-height:66px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#e8f1e7,#f4f6ee);border-bottom:1px solid rgba(46,125,98,.15)}.reading-workspace-title,.grammar-workspace-head>div{min-width:0;display:flex;align-items:center;gap:11px}.reading-workspace-title>span,.grammar-workspace-head>div>span{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#1b6249;background:#def0e7;border-radius:10px}.reading-workspace-head h2,.grammar-workspace-head h2{margin:0;color:#24352c;font-size:16px;font-weight:720}.lesson-step-3 .grammar-workspace-head{min-height:84px;padding:18px 22px;align-items:flex-start}.grammar-head-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#7a8478;font-size:11.5px;font-weight:600}.grammar-head-eyebrow i{font-style:normal;opacity:.45}.grammar-head-eyebrow em{color:#8a5b12;font-style:normal;font-size:12.5px}.lesson-step-3 .grammar-workspace-head h2{font-size:26px;font-weight:750;letter-spacing:-.02em;line-height:1.15}.lesson-step-3 .grammar-workspace-head p{margin-top:5px;font-size:12.5px}.lesson-step-3 .grammar-workspace-head>div{align-items:flex-start}.lesson-step-3 .grammar-workspace-head>div>span{margin-top:3px}.reading-workspace-head p,.grammar-workspace-head p{margin:3px 0 0;color:#6d7669;font-size:12px;line-height:1.4}.reading-workspace-head .text-lesson-actions{gap:8px}.reading-workspace-head .lesson-warmup-link{min-height:38px;padding:0 11px;color:#1b6249;font-size:12px}.reading-workspace-head .lesson-guide-button{min-height:38px;padding:0 13px;background:#fcfbf5d1;box-shadow:none;font-size:12px}.reading-workspace-head .lesson-guide-button>span{width:20px;height:20px;font-size:12px}.reading-workspace-head .lesson-guide-button.active{color:#fff;background:#315c2a;border-color:#315c2a}.reading-lesson-workspace>.lesson-guide-panel{margin:0;padding:11px 18px;color:#526157;background:#f4f7f0;border:0;border-bottom:1px solid rgba(46,125,98,.13);border-radius:0;font-size:12px}.reading-lesson-workspace .text-step-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0}.reading-lesson-workspace .step-main-col{min-width:0;padding:18px;border-right:1px solid rgba(120,110,88,.13)}.reading-lesson-workspace .step-side-col{min-width:0;padding:18px;position:static;background:#f3f6f0b8}.reading-lesson-workspace .curriculum-dialogue,.reading-lesson-workspace .focus-vocab-card{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.reading-lesson-workspace .focus-vocab-card{padding:0}.reading-lesson-workspace .curriculum-dialogue-body{padding-bottom:8px}.reading-lesson-workspace .focus-vocab-head>span{color:#1b6249;background:#def0e7}.reading-lesson-workspace .focus-vocab-head>b{color:#7a8478;background:#e9ede4}.reading-lesson-workspace .sidebar-vocab-item{background:#fcfbf5c7}.grammar-lesson-workspace{display:block}.grammar-workspace-head>b{flex:none;padding:6px 10px;color:#1b6249;background:#def0e7;border-radius:999px;font-size:12px}.grammar-lesson-workspace .grammar-point-list{gap:0}.grammar-lesson-workspace .grammar-point{padding:22px 24px;background:transparent;border:0;border-bottom:1px solid rgba(120,110,88,.11);border-radius:0;box-shadow:none}.grammar-lesson-workspace .grammar-point:last-child{border-bottom:0}.grammar-lesson-workspace .grammar-point:hover{background:#eff5eb80;border-color:#786e581c;box-shadow:none}.grammar-lesson-workspace .grammar-point-number{background:linear-gradient(135deg,#2e765d,#175d48)}.grammar-lesson-workspace .grammar-point-tile{border-radius:15px}.grammar-lesson-workspace .grammar-panel{background-color:#faf9f2c7;box-shadow:inset 0 1px #ffffff80}.lesson-step-1 .chapter-footer-nav,.lesson-step-3 .chapter-footer-nav{margin-top:18px;padding:13px 14px;background:#fcfbf5cc;border:1px solid rgba(120,110,88,.13);border-radius:16px;box-shadow:0 2px 5px #192d2308}.lesson-step-1 .chapter-footer-nav .button:not(.button-secondary),.lesson-step-3 .chapter-footer-nav .button:not(.button-secondary){min-width:min(420px,52vw);justify-content:center;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48}.lesson-step-1 .chapter-progress-note,.lesson-step-3 .chapter-progress-note{width:fit-content;margin:14px auto 0;padding:6px;display:flex;align-items:center;gap:9px;color:var(--text-secondary);background:#ffffffa3;border:1px solid rgba(137,101,60,.1);border-radius:999px;font-size:12px}.lesson-step-1 .chapter-progress-note b,.lesson-step-3 .chapter-progress-note b{padding:5px 9px;color:#315c2a;background:#edf5ea;border-radius:999px}@media(max-width:940px){.reading-lesson-workspace .text-step-layout{grid-template-columns:1fr}.reading-lesson-workspace .step-main-col{border-right:0;border-bottom:1px solid rgba(120,110,88,.13)}}@media(max-width:700px){.reading-workspace-head{align-items:flex-start;flex-direction:column}.reading-workspace-head .text-lesson-actions{width:100%}.reading-workspace-head .lesson-guide-button{margin-left:auto}.grammar-lesson-workspace .grammar-point{padding:18px}}@media(max-width:520px){.reading-workspace-head .text-lesson-actions{align-items:stretch}.reading-workspace-head .lesson-warmup-link{align-self:auto;text-align:left}.reading-workspace-head .lesson-guide-button{width:100%;margin:0}.reading-lesson-workspace .step-main-col,.reading-lesson-workspace .step-side-col{padding:14px}.lesson-step-1 .chapter-footer-nav,.lesson-step-3 .chapter-footer-nav{align-items:stretch;flex-direction:column-reverse;gap:9px}.lesson-step-1 .chapter-footer-nav .button,.lesson-step-3 .chapter-footer-nav .button{width:100%;min-width:0;justify-content:center}.lesson-step-1 .chapter-progress-note,.lesson-step-3 .chapter-progress-note{max-width:100%;flex-wrap:wrap;justify-content:center;border-radius:14px}}.shell:has(.lesson-step-4),.shell:has(.lesson-step-5){background:#f7f5ee}.lesson-step-4.text-lesson-page,.lesson-step-5.text-lesson-page{max-width:1240px;background:none}.lesson-step-4 .stepper-item,.lesson-step-5 .stepper-item{min-width:118px;padding:7px 13px;background:#fbfaf4;border-color:#786e5821}.lesson-step-4 .stepper-item:not(:last-child),.lesson-step-5 .stepper-item:not(:last-child){margin-right:12px}.lesson-step-4 .stepper-item:not(:last-child):after,.lesson-step-5 .stepper-item:not(:last-child):after{width:12px;border-top-color:#786e5847}.lesson-step-4 .stepper-num,.lesson-step-5 .stepper-num{width:24px;height:24px;font-size:12px;background:#edebe1}.lesson-step-4 .stepper-label,.lesson-step-5 .stepper-label{font-size:12px}.lesson-step-4 .stepper-nav,.lesson-step-5 .stepper-nav{margin-bottom:20px}.practice-lesson-workspace,.hanzi-lesson-workspace{display:block}.lesson-workspace-head{min-height:66px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#e8f1e7,#f4f6ee);border-bottom:1px solid rgba(46,125,98,.15)}.lesson-workspace-head>div{min-width:0;display:flex;align-items:center;gap:11px}.lesson-workspace-head>div>span{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#1b6249;background:#def0e7;border-radius:10px}.lesson-workspace-head h2{margin:0;color:#24352c;font-size:16px;font-weight:720}.lesson-workspace-head p{margin:3px 0 0;color:#6d7669;font-size:12px;line-height:1.4}.lesson-workspace-head>b{flex:none;padding:6px 10px;color:#1b6249;background:#def0e7;border-radius:999px;font-size:12px}.practice-lesson-workspace .chapter-practice-panel{max-width:900px;min-height:520px;margin-inline:auto;padding:clamp(22px,3vw,34px)}.lesson-step-4 .lesson-check-answer{width:100%;min-height:50px;margin-top:18px;justify-content:center;color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48;box-shadow:0 6px 16px #175d482e}.lesson-step-4 .lesson-check-answer:not(:disabled):hover{background:linear-gradient(135deg,#256a53,#114e3c)}.lesson-step-4 .lesson-check-answer:disabled{color:#8c948b;background:#edefe9;border-color:#e1e6dc;box-shadow:none}.hanzi-lesson-workspace .lesson-writing-card{width:100%;padding:clamp(24px,4vw,42px);background:transparent;border:0;box-shadow:none}.hanzi-lesson-workspace .hanzi-selector{width:min(100%,900px);padding:14px;background:#f3f6f0d1;border:1px solid rgba(120,110,88,.12);border-radius:16px}.hanzi-lesson-workspace .hanzi-selector button{background:#fcfbf5;border-color:#786e5829;box-shadow:0 2px 5px #192d2306}.hanzi-lesson-workspace .hanzi-selector button.active{color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48}.hanzi-lesson-workspace .hanzi-writer-stage{background:linear-gradient(rgba(46,125,98,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(46,125,98,.07) 1px,transparent 1px),#fffefa;background-size:50% 50%;border-color:#2e7d6233;box-shadow:0 10px 28px #192d2312}.hanzi-lesson-workspace .hanzi-controls .button-primary{background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48}.lesson-step-4 .chapter-footer-nav,.lesson-step-5 .chapter-footer-nav{margin-top:18px;padding:13px 14px;background:#fcfbf5cc;border:1px solid rgba(120,110,88,.13);border-radius:16px;box-shadow:0 2px 5px #192d2308}.lesson-step-4 .chapter-footer-nav .button:not(.button-secondary),.lesson-step-5 .chapter-footer-nav .button:not(.button-secondary){min-width:min(420px,52vw);justify-content:center;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48}.lesson-step-4 .chapter-progress-note,.lesson-step-5 .chapter-progress-note{width:fit-content;margin:14px auto 0;padding:6px;display:flex;align-items:center;gap:9px;color:var(--text-secondary);background:#ffffffa3;border:1px solid rgba(137,101,60,.1);border-radius:999px;font-size:12px}.lesson-step-4 .chapter-progress-note b,.lesson-step-5 .chapter-progress-note b{padding:5px 9px;color:#315c2a;background:#edf5ea;border-radius:999px}@media(max-width:700px){.lesson-workspace-head{align-items:flex-start}.practice-lesson-workspace .chapter-practice-panel,.hanzi-lesson-workspace .lesson-writing-card{padding:18px}}@media(max-width:520px){.lesson-workspace-head{flex-direction:column}.lesson-workspace-head>b{margin-left:45px}.lesson-step-4 .chapter-footer-nav,.lesson-step-5 .chapter-footer-nav{align-items:stretch;flex-direction:column-reverse;gap:9px}.lesson-step-4 .chapter-footer-nav .button,.lesson-step-5 .chapter-footer-nav .button{width:100%;min-width:0;justify-content:center}.lesson-step-4 .chapter-progress-note,.lesson-step-5 .chapter-progress-note{max-width:100%;flex-wrap:wrap;justify-content:center;border-radius:14px}}@media(max-width:620px){.lesson-step-3 .grammar-workspace-head{min-height:0;padding:15px 16px;flex-direction:column;align-items:flex-start;gap:11px}.lesson-step-3 .grammar-workspace-head h2{font-size:21px}.grammar-head-eyebrow{flex-wrap:wrap;font-size:12px}}.lesson-answer-result p{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.lesson-answer-result p span.hz{font-size:17px;font-weight:600}.lesson-answer-result p em{color:#b4674c;font-style:normal;font-weight:550}.lesson-answer-result small{display:block;margin-top:3px;color:#6d7669;font-size:12px}.skill-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 11px;margin-bottom:10px;color:#4a6d5b;background:#e7f0e7;border:1px solid rgba(46,125,98,.16);border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.listening-prompt{display:flex;flex-direction:column;gap:10px;padding:0}.listening-play{width:54px;height:54px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#2e765d,#175d48);border-radius:50%;box-shadow:0 8px 22px #175d4842;transition:transform .16s ease-out,box-shadow .16s ease-out,background-color .16s ease-out}.listening-play:hover{transform:translateY(-2px);box-shadow:0 12px 28px #114e3c52}.listening-play:focus-visible{outline:2px solid #2E7D62;outline-offset:3px}.listening-play.playing{animation:listening-pulse 1.1s ease-in-out infinite}@keyframes listening-pulse{0%,to{box-shadow:0 8px 22px #175d4842,0 0 #2e7d624d}50%{box-shadow:0 8px 22px #175d4842,0 0 0 14px #2e7d6200}}.listening-hint{margin:0;color:#7a8478;font-size:12.5px;line-height:1.45}.listening-band{display:flex;align-items:center;gap:14px;padding:12px 14px;background:linear-gradient(150deg,#e8f1e78c,#faf9f273);border:1px solid rgba(46,125,98,.13);border-radius:14px}.listening-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.listening-band .listening-toggle{flex:none}@media(max-width:620px){.listening-band{flex-wrap:wrap}.listening-copy{flex-basis:calc(100% - 68px)}.listening-band .listening-toggle{margin-left:68px}}.listening-toggle{min-height:34px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;color:#4a6d5b;background:#fffdf7cc;border:1px solid rgba(120,110,88,.18);border-radius:10px;font-size:12px;font-weight:600;transition:color .16s ease-out,background-color .16s ease-out,border-color .16s ease-out}.listening-toggle:hover{color:#1b5d46;background:#fffdf7;border-color:#2e7d624d}.listening-transcript{width:100%;margin-top:4px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;text-align:center;background:linear-gradient(150deg,#e8f1e799,#faf9f280);border:1px solid rgba(46,125,98,.14);border-radius:13px}.listening-speaker{color:#2e7d62;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.listening-transcript strong{color:#1e3a2e;font-size:22px;font-weight:600;line-height:1.4}.listening-transcript em{color:#b4674c;font-size:13px;font-style:normal;font-weight:550}.listening-transcript span{color:#6d7669;font-size:12.5px}@media(prefers-reduced-motion:reduce){.listening-play.playing{animation:none}}@media(max-width:620px){.listening-play{width:64px;height:64px}.listening-transcript strong{font-size:19px}}.community{position:relative;isolation:isolate}.community:before{content:"";position:absolute;top:-60px;right:0;bottom:-60px;left:0;z-index:-1;pointer-events:none;filter:blur(34px);background:radial-gradient(30% 22% at 10% 6%,rgba(46,125,98,.3),transparent 70%),radial-gradient(26% 18% at 92% 2%,rgba(242,169,59,.26),transparent 72%),radial-gradient(24% 16% at 68% 26%,rgba(232,84,62,.14),transparent 74%),radial-gradient(30% 20% at 4% 52%,rgba(46,125,98,.16),transparent 72%),radial-gradient(26% 18% at 96% 66%,rgba(242,169,59,.18),transparent 72%),radial-gradient(28% 20% at 42% 88%,rgba(46,125,98,.14),transparent 74%)}.community-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:26px;align-items:start}.community-updates{position:sticky;top:20px}@media(max-width:1080px){.community-grid{grid-template-columns:minmax(0,1fr)}.community-updates{position:static}}.community .announcement,.community .forum-ask,.community .forum-thread,.community .forum-empty,.community .trial-voucher-card{background:#ffffff94;border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:inset 0 1px #ffffffd9,0 10px 30px #1f3e3012,0 2px 6px #1f3e300a;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);transition:transform .18s cubic-bezier(.22,.61,.36,1),background-color .18s ease,box-shadow .18s ease}.community .announcement:hover,.community .forum-thread:hover{transform:translateY(-2px);background:#ffffffb8;box-shadow:inset 0 1px #ffffffe6,0 16px 40px #1f3e301a,0 3px 8px #1f3e300d}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.community .announcement,.community .forum-ask,.community .forum-thread,.community .forum-empty,.community .trial-voucher-card{background:#fffffff2}}.community .trial-voucher-card{margin-bottom:18px;border-color:var(--jade-soft);box-shadow:inset 0 1px #ffffffd9,0 10px 30px #2e7d621a,0 2px 6px #1f3e300d}.community .trial-voucher-card h2{color:var(--brand-jade-dark)}.community-section-head{display:flex;align-items:center;gap:10px;margin:4px 2px 14px}.community-section-head h2{margin:0;flex:1;font-size:16px;font-weight:650;color:var(--text-primary)}.community-section-head b{font-size:12px;font-weight:600;color:var(--text-muted)}.community-section-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--brand-jade-dark);background:var(--jade-soft)}.community-updates{display:flex;flex-direction:column;gap:12px}.announcement{position:relative;padding:15px 17px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.community .announcement.pinned{border-left:3px solid rgba(232,84,62,.8)}.announcement header{display:flex;align-items:baseline;gap:7px;margin-bottom:7px}.announcement header h3{margin:0;flex:1;font-size:14px;font-weight:650;line-height:1.4;color:var(--text-primary)}.announcement header time{flex:none;font-size:11.5px;color:var(--text-muted)}.announcement-pin{flex:none;color:var(--brand-primary);line-height:0}.announcement p{margin:0;font-size:13px;line-height:1.65;color:var(--text-secondary)}.announcement p.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.announcement-more,.announcement-cta{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:0;font-size:12.5px;font-weight:600;background:none;border:0;cursor:pointer;color:var(--brand-primary)}.announcement-more[aria-expanded=true] svg{transform:rotate(90deg)}.announcement-more svg{transition:transform .18s ease}.announcement-cta{display:flex;color:var(--brand-jade-dark)}.community-qna{display:flex;flex-direction:column;gap:14px}.community-qna .community-section-head{margin-top:8px;margin-bottom:0}.forum-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--brand-primary-dark);background:var(--primary-soft)}.forum-avatar.official{color:var(--brand-jade-dark);background:var(--jade-soft)}.forum-ask{padding:14px 16px}.forum-composer{display:flex;gap:12px;align-items:flex-start}.forum-composer.compact{margin-top:12px}.forum-composer-field{flex:1;min-width:0}.forum-composer textarea{display:block;width:100%;padding:12px 15px;font:inherit;font-size:13.5px;line-height:1.6;color:var(--text-primary);background:#ffffff8c;border:1px solid rgba(31,62,48,.1);border-radius:14px;resize:none;overflow:hidden;transition:border-color .16s ease,background-color .16s ease}.forum-composer textarea:focus{outline:none;background:var(--surface);border-color:var(--brand-primary)}.forum-composer textarea::placeholder{color:var(--text-muted)}@media(max-width:720px){.forum-ask .forum-composer textarea{min-height:70px}}.forum-composer-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:9px}.forum-cancel{padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-secondary);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.forum-error{margin:8px 0 0;font-size:12.5px;color:var(--brand-primary-dark)}.forum-thread{padding:16px 18px}.forum-thread-head,.forum-reply-head{display:flex;align-items:center;gap:10px}.forum-thread-head b,.forum-reply-head b{font-size:13.5px;font-weight:650;color:var(--text-primary)}.forum-thread-head time,.forum-reply-head time{font-size:11.5px;color:var(--text-muted)}.forum-thread-body{margin:11px 0 0;font-size:14px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.forum-reply{margin-top:12px;padding:13px 15px;background:#ffffff80;border:1px solid rgba(31,62,48,.07);border-radius:14px}.forum-reply.official{background:var(--jade-soft);border:1px solid rgba(62,156,122,.18)}.forum-reply .forum-avatar{width:28px;height:28px;font-size:11px}.forum-reply p{margin:8px 0 0;font-size:13.5px;line-height:1.65;color:var(--text-secondary);white-space:pre-wrap}.forum-reply-open{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 12px 7px 10px;font-size:13px;font-weight:600;color:var(--text-secondary);background:none;border:1px solid var(--border-soft);border-radius:999px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.forum-reply-open:hover{color:var(--brand-primary-dark);background:var(--primary-soft);border-color:transparent}.forum-reply-open svg{transform:scaleX(-1)}.forum-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 24px;text-align:center;color:var(--text-muted)}.forum-empty p{margin:0;max-width:42ch;font-size:13.5px;line-height:1.65}.exercise-canvas.listening-exercise{padding:16px 16px 18px}.listening-exercise .lesson-question-copy{max-width:none;margin-bottom:12px}.listening-exercise .lesson-answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:760px){.listening-exercise .lesson-answer-options{grid-template-columns:minmax(0,1fr)}}.listening-exercise .lesson-answer-options button{min-height:52px;padding:9px 13px;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;border-radius:12px}.listening-exercise .lesson-answer-options .answer-key{width:26px;height:26px;font-size:11.5px}.listening-exercise .lesson-answer-options .answer-body b{font-size:14px;line-height:1.45}.listening-exercise .listening-transcript{padding:12px 14px}.listening-exercise .listening-transcript strong{font-size:19px}@media(min-width:900px)and (max-width:1160px){.why-stage .why-section{grid-template-columns:minmax(270px,.8fr) minmax(460px,1.2fr)}.why-stage .section-copy{grid-column:auto;max-width:none}.why-stage .section-copy h2{font-size:38px}.why-stage .progress-preview{grid-column:1 / -1;width:min(100%,520px);max-width:none;justify-self:center}}.hanzi-print-page{max-width:1680px;margin-inline:auto}.hanzi-print-page .page-header{align-items:flex-end}.hanzi-print-workspace{display:grid;grid-template-columns:minmax(330px,390px) minmax(620px,1fr);gap:22px;align-items:start}.hanzi-picker-pane{display:grid;gap:14px;position:sticky;top:20px}.hanzi-picker-card,.hanzi-selected-card{padding:20px}.hanzi-tool-heading{display:flex;align-items:center;gap:12px}.hanzi-tool-heading>span{width:42px;height:42px;flex:none;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:13px}.hanzi-tool-heading h2,.hanzi-preview-toolbar h2{margin:0;font-size:17px;letter-spacing:-.4px}.hanzi-tool-heading p,.hanzi-preview-toolbar p{margin:4px 0 0;color:var(--text-muted);font-size:10.5px}.hanzi-search-scope{margin-top:18px;padding:4px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:12px}.hanzi-search-scope button{min-height:38px;color:var(--text-secondary);border-radius:9px;font-size:11px;font-weight:650;text-align:center}.hanzi-search-scope button.active{color:#fff;background:var(--brand-jade-dark);box-shadow:0 6px 14px #2674572e}.hanzi-level-tabs{margin-top:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.hanzi-level-tabs button{min-height:37px;padding:4px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid transparent;border-radius:10px;font-size:10px;font-weight:650}.hanzi-level-tabs button.active{color:#fff;background:var(--brand-jade-dark);box-shadow:0 6px 14px #2674572e}.hanzi-level-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;text-align:center}.hanzi-level-tabs button.locked{color:var(--text-muted);border-color:var(--border-soft)}.hanzi-level-tabs button.locked span{opacity:.55;filter:blur(.55px)}.hanzi-level-tabs button.locked svg{color:var(--brand-gold-dark)}.hanzi-print-search{min-height:46px;margin-top:12px;padding:0 13px;display:flex;align-items:center;gap:9px;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:13px}.hanzi-print-search:focus-within{border-color:#3e9c7a6b;box-shadow:0 0 0 3px #3e9c7a14}.hanzi-print-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;font-size:12px}.hanzi-search-results{height:min(48vh,470px);margin-top:12px;padding-right:4px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin}.hanzi-search-results.panel-ekstra{height:auto;min-height:120px;overflow:visible}.hanzi-result{width:100%;min-height:64px;padding:9px 10px;display:grid;grid-template-columns:50px minmax(0,1fr) 30px;gap:10px;align-items:center;text-align:left;background:#fcfbf8;border:1px solid var(--border-soft);border-radius:14px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.hanzi-result:hover{transform:translateY(-1px);border-color:#3e9c7a47}.hanzi-result.selected{background:var(--jade-soft);border-color:#3e9c7a59}.hanzi-result>span:first-child{font-size:25px;text-align:center}.hanzi-result>span:nth-child(2){min-width:0}.hanzi-result b,.hanzi-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hanzi-result b{color:var(--brand-primary-dark);font-size:11px;font-weight:600}.hanzi-result small{margin-top:4px;color:var(--text-secondary);font-size:10px}.hanzi-result-meta{display:flex;align-items:center;gap:7px}.hanzi-result-meta em{padding:2px 6px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:8px;font-style:normal;font-weight:700}.hanzi-result i{width:28px;height:28px;display:grid;place-items:center;color:var(--brand-jade-dark);background:#fff;border:1px solid rgba(62,156,122,.2);border-radius:50%;font-style:normal}.hanzi-tool-state{padding:34px 16px;color:var(--text-muted);text-align:center;font-size:11px}.hanzi-tool-state.error{color:var(--brand-primary-dark)}.hanzi-pro-search-lock{min-height:126px;position:relative;overflow:hidden;color:var(--text-primary);background:linear-gradient(145deg,#f7f4ee,#fff9ec);border:1px solid rgba(242,169,59,.25);border-radius:14px;text-align:center}.hanzi-pro-blur{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;display:flex;flex-direction:column;gap:8px;opacity:.38;filter:blur(3px)}.hanzi-pro-blur i{height:27px;display:block;background:linear-gradient(90deg,#d7d1c7 20%,#eee8df 20%,#eee8df 80%,#d7d1c7 80%);border-radius:9px}.hanzi-pro-lock-copy{position:relative;z-index:1;min-height:126px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hanzi-pro-lock-copy svg{color:var(--brand-gold-dark)}.hanzi-pro-lock-copy b{margin-top:6px;font-size:11px}.hanzi-pro-lock-copy small{max-width:230px;margin-top:4px;color:var(--text-secondary);font-size:9px;line-height:1.5}.hanzi-selected-card>div:first-child{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:11px}.hanzi-selected-card>div:first-child b{color:var(--brand-jade-dark)}.hanzi-selected-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.hanzi-selected-list button{min-height:34px;padding:6px 9px 6px 11px;display:flex;align-items:center;gap:7px;color:var(--brand-primary-dark);background:var(--primary-soft);border:1px solid rgba(232,84,62,.18);border-radius:999px}.hanzi-selected-list button span{font-size:16px}.hanzi-selected-list p{width:100%;margin:0;padding:9px 0;color:var(--text-muted);font-size:10px}.hanzi-clear-selection{margin-top:13px;color:var(--text-muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}.hanzi-preview-pane{min-width:0;background:#eeede9;border:1px solid var(--border-soft);border-radius:24px;overflow:hidden}.hanzi-preview-toolbar{min-height:74px;padding:13px 16px 13px 20px;display:flex;align-items:center;gap:12px;background:#fdfbf7f5;border-bottom:1px solid var(--border-soft)}.hanzi-preview-toolbar>div:first-child{margin-right:auto}.hanzi-preview-toolbar .button{min-height:43px;padding:10px 15px;font-size:11px}.hanzi-pages-select{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:10.5px;font-weight:600}.hanzi-pages-select select{min-height:43px;padding:0 10px;border:1px solid var(--border-soft);border-radius:10px;background:#fff;font-size:12px}.hanzi-print-root{display:none}.hanzi-stroke-toggle{cursor:pointer}.hanzi-stroke-toggle input{position:absolute;opacity:0;pointer-events:none}.hanzi-stroke-toggle span{min-height:39px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);background:#fff;border:1px solid var(--border-soft);border-radius:12px;font-size:10px;font-weight:600}.hanzi-stroke-toggle input:checked+span{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a40}.hanzi-preview-scroll{height:calc(100vh - 190px);min-height:700px;padding:22px;overflow:auto;display:grid;align-content:start;justify-items:center;gap:22px}.hanzi-preview-empty{width:min(520px,100%);margin-top:90px;padding:50px;text-align:center}.hanzi-preview-empty>span{display:block;color:#3e9c7a52;font-size:92px;line-height:1}.hanzi-preview-empty h2{margin:18px 0 8px;font-size:20px}.hanzi-preview-empty p{margin:0;color:var(--text-muted);font-size:11px}.hanzi-sheet-page{width:210mm;min-height:297mm;padding:12mm 14mm 10mm;position:relative;flex:none;color:#2e2a26;background:#fff;border:1px solid #DCD8D1;box-shadow:0 18px 44px #2e2a2629;font-family:Sora,system-ui,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}.hanzi-sheet-brand{min-height:14mm;padding-bottom:3mm;display:flex;justify-content:space-between;align-items:center;border-bottom:.35mm solid #E9E5DE}.hanzi-sheet-logo{width:57mm;height:15mm;overflow:hidden}.hanzi-sheet-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%}.hanzi-sheet-brand>p{margin:0;color:#918a82;text-align:right;font-size:2.2mm;text-transform:uppercase;letter-spacing:.25mm}.hanzi-sheet-brand>p b{display:block;margin-top:1mm;color:#2e2a26;font-size:2.7mm;letter-spacing:0}.hanzi-sheet-title{min-height:34mm;padding:5mm 0;display:grid;grid-template-columns:34mm 1fr auto;gap:6mm;align-items:center;border-bottom:.25mm solid #EEEAE3}.hanzi-sheet-character{font-size:27mm;line-height:1;color:#1f3f32;text-align:center}.hanzi-sheet-title>div:nth-child(2)>span{color:#918a82;font-size:2.3mm;text-transform:uppercase;letter-spacing:.25mm}.hanzi-sheet-title h1{margin:1mm 0 0;font-size:8mm;line-height:1;font-weight:600}.hanzi-sheet-title p{display:inline-block;margin:1.5mm 3mm 0 0;color:#c83f2d;font-size:3.2mm}.hanzi-sheet-title>div:nth-child(2)>b{font-size:3mm;font-weight:500}.hanzi-sheet-stroke-count{min-width:22mm;padding:3mm;text-align:center;background:#f7f4ee;border-radius:4mm}.hanzi-sheet-stroke-count strong,.hanzi-sheet-stroke-count span{display:block}.hanzi-sheet-stroke-count strong{color:#267457;font-size:7mm;line-height:1}.hanzi-sheet-stroke-count span{margin-top:1mm;color:#918a82;font-size:2.3mm}.hanzi-sheet-strokes,.hanzi-sheet-practice{padding-top:4mm}.hanzi-sheet-section-title{margin-bottom:3mm;display:flex;justify-content:space-between;align-items:flex-end}.hanzi-sheet-section-title>div{display:flex;align-items:center;gap:2mm}.hanzi-sheet-section-title>div>span{width:7mm;height:7mm;display:grid;place-items:center;color:#fff;background:#267457;border-radius:2mm;font-size:2.2mm;font-weight:700}.hanzi-sheet-section-title h2{margin:0;font-size:3.8mm}.hanzi-sheet-section-title>p{margin:0;color:#918a82;font-size:2.2mm}.stroke-sequence{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1.5mm}.stroke-step{min-width:0;position:relative;aspect-ratio:1;background:#fffefc;border:.25mm solid #DDD8D0}.stroke-step:before,.stroke-step:after{content:"";position:absolute;z-index:0;opacity:.55}.stroke-step:before{top:50%;left:0;right:0;border-top:.2mm dashed #DDD8D0}.stroke-step:after{top:0;bottom:0;left:50%;border-left:.2mm dashed #DDD8D0}.stroke-step svg{width:100%;height:100%;position:relative;z-index:1}.stroke-step svg path{vector-effect:non-scaling-stroke}.stroke-outline{fill:#e8e3dc}.stroke-completed{fill:#655f59}.stroke-current{fill:#e8543e}.stroke-step>span{width:4mm;height:4mm;position:absolute;z-index:2;right:-.7mm;bottom:-.7mm;display:grid;place-items:center;color:#fff;background:#e8543e;border-radius:50%;font-size:1.8mm;font-weight:700}.stroke-unavailable{min-height:18mm;display:grid;place-items:center;color:#918a82;background:#f7f4ee;border-radius:3mm;font-size:2.5mm}.hanzi-sheet-practice{margin-top:2mm}.tianzi-grid{display:grid;grid-template-columns:repeat(6,24mm);gap:1.5mm;justify-content:center}.tianzi-cell{width:24mm;height:24mm;position:relative;overflow:hidden;background:#fffefc;border:.35mm solid #AFA9A0}.tianzi-cell:before,.tianzi-cell:after,.tianzi-cell i,.tianzi-cell b{content:"";position:absolute;opacity:.62}.tianzi-cell:before{top:50%;left:0;right:0;border-top:.2mm dashed #D5D0C8}.tianzi-cell:after{top:0;bottom:0;left:50%;border-left:.2mm dashed #D5D0C8}.tianzi-cell i{width:34mm;top:50%;left:50%;border-top:.2mm dashed #E1DDD6;transform:translate(-50%,-50%) rotate(45deg)}.tianzi-cell b{width:34mm;top:50%;left:50%;border-top:.2mm dashed #E1DDD6;transform:translate(-50%,-50%) rotate(-45deg)}.tianzi-cell svg{position:absolute;z-index:1;top:1.5mm;right:1.5mm;bottom:1.5mm;left:1.5mm;width:calc(100% - 3mm);height:calc(100% - 3mm)}.tianzi-cell svg path{fill:#2e2a26}.tianzi-cell.trace svg{opacity:.15}.hanzi-sheet-footer{position:absolute;left:14mm;right:14mm;bottom:6mm;padding-top:2mm;display:grid;grid-template-columns:1fr 1fr auto;gap:8mm;color:#918a82;border-top:.25mm solid #EEEAE3;font-size:2.2mm}.hanzi-sheet-footer b{color:#267457}@media(max-width:1380px){.hanzi-print-workspace{grid-template-columns:1fr}.hanzi-picker-pane{position:static;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.hanzi-preview-scroll{height:900px}}@media(max-width:700px){.hanzi-print-page .page-header{align-items:flex-start}.hanzi-print-page .page-header .page-actions,.hanzi-print-page .page-header .button{width:100%}.hanzi-picker-pane{grid-template-columns:1fr}.hanzi-level-tabs{grid-template-columns:repeat(3,1fr)}.hanzi-preview-toolbar{align-items:stretch;flex-wrap:wrap}.hanzi-preview-toolbar>div:first-child{width:100%}.hanzi-preview-toolbar .button{flex:1}.hanzi-preview-scroll{height:760px;padding:12px;justify-items:start}.hanzi-sheet-page{flex:none}}.stroke-order-page{max-width:1680px;margin-inline:auto;background:radial-gradient(circle at 94% 3%,rgba(242,169,59,.09),transparent 24%),radial-gradient(circle at 8% 28%,rgba(62,156,122,.07),transparent 25%)}.stroke-order-page .page-header{margin-bottom:20px;padding:25px 28px;position:relative;overflow:hidden;background:linear-gradient(125deg,#fffffff0,#f5faf7e6);border:1px solid rgba(62,156,122,.12);border-radius:24px;box-shadow:0 14px 38px #2e2a260f}.stroke-order-page .page-header:after{content:"永";position:absolute;right:34px;top:50%;color:#3e9c7a0e;font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:132px;line-height:1;transform:translateY(-50%);pointer-events:none}.stroke-order-page .page-header>*{position:relative;z-index:1}.stroke-order-search-card{margin-bottom:20px;padding:14px 16px}.stroke-order-search-card form{min-height:58px;padding:6px 7px 6px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;background:#f9f7f2;border:1px solid var(--border-soft);border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease}.stroke-order-search-card form:focus-within{border-color:#3e9c7a6b;box-shadow:0 0 0 4px #3e9c7a14}.stroke-order-search-icon{display:grid;color:var(--brand-jade-dark)}.stroke-order-search-card input{min-width:0;padding:0;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:19px}.stroke-order-search-card input::placeholder{color:#a19b92;font-family:Sora,system-ui,sans-serif;font-size:13px}.stroke-order-clear{width:30px;height:30px;display:grid;place-items:center;color:var(--text-muted);background:#fff;border:1px solid var(--border-soft);border-radius:50%}.stroke-order-search-card>div{margin-top:10px;padding:0 7px;display:flex;justify-content:space-between;gap:16px;color:var(--brand-jade-dark);font-size:10.5px;font-weight:650}.stroke-order-search-card>div small{color:var(--text-muted);font-size:9.5px;font-weight:450}.stroke-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:start}.stroke-order-player-card{padding:0;overflow:hidden}.stroke-order-player-head{min-height:78px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(90deg,#ebf7f1a8,#ffffff40);border-bottom:1px solid var(--border-soft)}.stroke-order-player-title{display:flex;align-items:center;gap:12px}.stroke-order-player-title>span{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand-jade),var(--brand-jade-dark));border-radius:13px;box-shadow:0 8px 18px #26745733}.stroke-order-player-title h2{margin:0;font-size:15px;letter-spacing:-.25px}.stroke-order-player-title p{margin:4px 0 0;color:var(--text-muted);font-size:9.5px}.stroke-order-head-actions{display:flex;gap:7px}.stroke-order-head-actions button{width:36px;height:36px;display:grid;place-items:center;color:var(--brand-jade-dark);background:#fff;border:1px solid var(--border-soft);border-radius:11px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.stroke-order-head-actions button:hover:not(:disabled){transform:translateY(-1px);background:var(--jade-soft);border-color:#3e9c7a4d}.stroke-order-head-actions button:disabled{opacity:.38;cursor:not-allowed}.stroke-order-progress-row{padding:15px 23px 9px;display:flex;justify-content:space-between;gap:16px;color:var(--text-secondary);font-size:10px}.stroke-order-progress-row b{color:var(--brand-jade-dark)}.stroke-order-player-card>.track{width:auto;margin:0 23px;background:#ece9e2}.stroke-order-state{min-height:360px;padding:50px;display:grid;place-items:center;color:var(--text-muted);font-size:11px;text-align:center}.stroke-order-state.error{color:var(--brand-primary-dark)}.stroke-order-character-grid{min-height:370px;padding:25px 23px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;align-content:center;background:linear-gradient(#fdfbf7e8,#fdfbf7e8),repeating-linear-gradient(0deg,transparent 0 34px,rgba(62,156,122,.055) 34px 35px)}.stroke-order-character{min-width:0;min-height:184px;padding:16px 8px 8px;position:relative;display:grid;place-items:center;overflow:hidden;background:#ffffffe6;border:1px solid #E6E1D9;border-radius:18px;box-shadow:0 8px 24px #2e2a260b;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.stroke-order-character:hover{transform:translateY(-2px);border-color:#3e9c7a59;box-shadow:0 12px 28px #2e2a2614}.stroke-order-character.waiting{opacity:.66}.stroke-order-character.selected{border-color:#3e9c7a8c;box-shadow:0 0 0 3px #3e9c7a17,0 12px 28px #2e2a2612}.stroke-order-character.writing{background:#fff9f6;border-color:#e8543e9e;box-shadow:0 0 0 4px #e8543e14,0 16px 34px #e8543e1c}.stroke-order-character.done{background:linear-gradient(145deg,#f9fcfa,#eef8f3);border-color:#3e9c7a47}.stroke-order-character.unavailable{opacity:.62}.stroke-order-number{position:absolute;z-index:3;top:11px;left:11px;padding:4px 7px;color:var(--text-muted);background:#f4f1eb;border-radius:999px;font-size:8px;font-weight:750;letter-spacing:.6px}.stroke-order-character.writing .stroke-order-number{color:#fff;background:var(--brand-primary)}.stroke-order-character.done .stroke-order-number{color:#fff;background:var(--brand-jade-dark)}.stroke-order-grid-lines{width:142px;height:142px;position:absolute;opacity:.66;pointer-events:none}.stroke-order-grid-lines:before,.stroke-order-grid-lines:after,.stroke-order-grid-lines i,.stroke-order-grid-lines b{content:"";position:absolute;display:block;border-color:#ded9d0;border-style:dashed}.stroke-order-grid-lines:before{top:50%;left:0;right:0;border-width:1px 0 0}.stroke-order-grid-lines:after{top:0;bottom:0;left:50%;border-width:0 0 0 1px}.stroke-order-grid-lines i,.stroke-order-grid-lines b{width:190px;top:50%;left:50%;border-width:1px 0 0}.stroke-order-grid-lines i{transform:translate(-50%,-50%) rotate(45deg)}.stroke-order-grid-lines b{transform:translate(-50%,-50%) rotate(-45deg)}.stroke-order-writer{width:150px;height:150px;position:relative;z-index:2;display:block}.stroke-order-unavailable{position:absolute;z-index:4;bottom:10px;padding:4px 8px;color:var(--brand-primary-dark);background:var(--primary-soft);border-radius:999px;font-size:8px;font-weight:650}.stroke-order-controls{min-height:76px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fcfbf8;border-top:1px solid var(--border-soft)}.stroke-order-primary-controls{display:flex;gap:8px}.stroke-order-primary-controls .button{min-height:42px;padding:10px 16px;font-size:10.5px}.stroke-order-speed{padding:4px;display:flex;align-items:center;gap:3px;background:#f2efe9;border-radius:12px}.stroke-order-speed>span{padding:0 8px;color:var(--text-muted);font-size:8.5px}.stroke-order-speed button{min-width:39px;height:32px;padding:4px 7px;color:var(--text-secondary);border-radius:9px;font-size:9px;font-weight:650}.stroke-order-speed button.active{color:#fff;background:var(--brand-jade-dark);box-shadow:0 5px 12px #26745729}.stroke-order-side{display:grid;gap:16px;position:sticky;top:20px}.stroke-order-focus-card,.stroke-order-guide-card{padding:20px}.stroke-order-focus-card{text-align:center;background:linear-gradient(155deg,#fff,#f0f8f4)}.stroke-order-side-label{display:block;color:var(--brand-jade-dark);font-size:9px;font-weight:750;letter-spacing:.9px;text-transform:uppercase}.stroke-order-focus-hanzi{width:132px;height:132px;margin:15px auto;display:grid;place-items:center;color:#244d3d;background-color:#ffffffc7;background-image:linear-gradient(90deg,transparent 49.5%,rgba(62,156,122,.15) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(62,156,122,.15) 50%,transparent 50.5%);border:1px solid rgba(62,156,122,.18);border-radius:20px;font-size:76px;box-shadow:inset 0 0 0 8px #3e9c7a06}.stroke-order-focus-stats{margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.stroke-order-focus-stats span{padding:9px 5px;color:var(--text-muted);background:#ffffffc2;border:1px solid var(--border-soft);border-radius:11px;font-size:8.5px}.stroke-order-focus-stats b{display:block;margin-bottom:2px;color:var(--text-primary);font-size:14px}.stroke-order-focus-card .button{width:100%;justify-content:center;font-size:10px}.stroke-order-guide-card ol{margin:16px 0;padding:0;display:grid;gap:14px;list-style:none}.stroke-order-guide-card li{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start}.stroke-order-guide-card li>span{width:27px;height:27px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:9px;font-size:9px;font-weight:750}.stroke-order-guide-card li p{margin:3px 0 0;color:var(--text-secondary);font-size:9.5px;line-height:1.55}.stroke-order-local-note{margin:0;padding:11px;display:flex;align-items:center;gap:7px;color:var(--brand-jade-dark);background:#f0f8f4;border-radius:11px;font-size:8.5px;line-height:1.5}@media(max-width:1180px){.stroke-order-layout{grid-template-columns:1fr}.stroke-order-side{position:static;grid-template-columns:1fr 1fr}.stroke-order-focus-card{display:grid;grid-template-columns:auto 132px 1fr;gap:14px;align-items:center;text-align:left}.stroke-order-focus-card .stroke-order-side-label{grid-column:1 / -1}.stroke-order-focus-hanzi,.stroke-order-focus-stats{margin:0}}@media(max-width:720px){.stroke-order-page .page-header{padding:21px 18px}.stroke-order-page .page-header:after{right:-6px;font-size:104px}.stroke-order-search-card form{grid-template-columns:auto minmax(0,1fr) auto}.stroke-order-search-card form .button{grid-column:1 / -1;width:100%;justify-content:center}.stroke-order-search-card>div{flex-direction:column;gap:4px}.stroke-order-player-head{align-items:flex-start}.stroke-order-player-title p{display:none}.stroke-order-head-actions{flex:none}.stroke-order-character-grid{min-height:300px;padding:18px 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stroke-order-character{min-height:154px;padding:5px;border-radius:15px}.stroke-order-writer{width:130px;height:130px;transform:scale(.86)}.stroke-order-grid-lines{width:120px;height:120px}.stroke-order-controls{align-items:stretch;flex-direction:column}.stroke-order-primary-controls .button{flex:1;justify-content:center}.stroke-order-speed{justify-content:center}.stroke-order-side{grid-template-columns:1fr}.stroke-order-focus-card{display:block;text-align:center}.stroke-order-focus-hanzi{margin:15px auto}.stroke-order-focus-stats{margin-bottom:17px}}@media(max-width:420px){.stroke-order-player-head{flex-direction:column}.stroke-order-head-actions{width:100%}.stroke-order-head-actions button{flex:1}.stroke-order-character-grid{grid-template-columns:1fr}.stroke-order-character{min-height:166px}}@media(prefers-reduced-motion:reduce){.stroke-order-character,.stroke-order-head-actions button{transition:none}}@page{size:A4 portrait;margin:0}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}.sidebar,.xl-dock-fab,.xl-dock-panel,.page-header,.alat-hero,.promo-banner,.hanzi-picker-pane,.hanzi-preview-toolbar,.hanzi-preview-scroll{display:none!important}.shell,.main,.hanzi-print-page,.hanzi-print-workspace,.hanzi-preview-pane{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:0!important}.hanzi-print-root{display:block!important}.hanzi-sheet-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;zoom:1!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important}.hanzi-sheet-page:last-child{break-after:auto!important;page-break-after:auto!important}}.developer-console{--dev-line: rgba(46, 42, 38, .09);--dev-line-strong: rgba(46, 42, 38, .15);--dev-ok: #2E7D62;--dev-ok-soft: #E8F5F0;--dev-warn: #B07A1E;--dev-warn-soft: #FDF3E0;--dev-bad: #C0503A;--dev-bad-soft: #FCEEEA;--dev-muted: #8B857D;display:flex;flex-direction:column;gap:18px}.dev-subnav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 4px;background:linear-gradient(180deg,var(--bg-main) 72%,rgba(253,251,247,0))}.dev-subnav-badge{flex:none;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-gold-dark);background:var(--gold-soft);border:1px solid rgba(154,101,22,.18);border-radius:999px}.dev-subnav-items{display:flex;min-width:0;max-width:100%;gap:4px;overflow-x:auto;scrollbar-width:thin}.dev-subnav-items button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--text-secondary);background:none;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.dev-subnav-items button:hover{color:var(--brand-jade-dark);background:var(--jade-soft)}.dev-subnav-items button.active{color:var(--brand-jade-dark);background:var(--surface);border-color:#3e9c7a47}.dev-hero{position:relative;overflow:hidden;padding:26px 28px;background:radial-gradient(120% 150% at 88% 0%,rgba(62,156,122,.1),transparent 58%),linear-gradient(140deg,#fbfaf4,#f3f6ef);border:1px solid var(--dev-line);border-radius:var(--radius-lg)}.dev-hero:after{content:"";position:absolute;inset:0 0 0 auto;width:220px;background:linear-gradient(200deg,transparent 46%,rgba(62,156,122,.13) 46.4%,transparent 47.4%),linear-gradient(200deg,transparent 62%,rgba(62,156,122,.09) 62.4%,transparent 63.4%),linear-gradient(200deg,transparent 78%,rgba(154,101,22,.08) 78.4%,transparent 79.4%);pointer-events:none}.dev-hero-eyebrow{display:inline-block;margin-bottom:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-jade-dark)}.dev-hero h1{margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.dev-hero p{margin:0;max-width:62ch;font-size:13.5px;line-height:1.65;color:var(--text-secondary)}.dev-hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:12px;color:var(--text-secondary)}.dev-hero-meta span{display:inline-flex;align-items:center;gap:6px}.dev-hero-meta b{color:var(--text-primary)}.dev-hero-bi{border-radius:var(--radius-lg) 3px var(--radius-lg) var(--radius-lg)}.dev-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.dev-kpi-card{display:flex;flex-direction:column;gap:5px;padding:16px 18px;background:var(--surface);border:1px solid var(--dev-line);border-radius:var(--radius-md)}.dev-kpi-card>span{font-size:11px;font-weight:650;letter-spacing:.03em;color:var(--dev-muted)}.dev-kpi-card>b{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.dev-kpi-card>b.is-warn{color:var(--dev-warn)}.dev-kpi-card>em{font-size:11px;font-style:normal;color:var(--text-secondary)}.dev-link.inline{font-size:inherit;font-weight:inherit;color:var(--brand-jade-dark)}.dev-status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px}.dev-status-card{padding:14px 16px;background:var(--surface);border:1px solid var(--dev-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dev-status-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-status-head b{font-size:12.5px;font-weight:650;color:var(--text-primary)}.dev-status-value{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:7px}.dev-status-value span{font-size:13px;font-weight:600;color:var(--text-secondary)}.dev-status-value em{font-size:12px;font-style:normal;color:var(--dev-muted)}.dev-status-detail{margin:6px 0 0;font-size:11.5px;line-height:1.5;color:var(--dev-muted)}.dev-dot{width:8px;height:8px;border-radius:50%;flex:none}.dev-dot.tone-ok{background:var(--dev-ok);box-shadow:0 0 0 3px var(--dev-ok-soft)}.dev-dot.tone-warn{background:var(--dev-warn);box-shadow:0 0 0 3px var(--dev-warn-soft)}.dev-dot.tone-bad{background:var(--dev-bad);box-shadow:0 0 0 3px var(--dev-bad-soft)}.dev-dot.tone-muted{background:#c4bfb6;box-shadow:0 0 0 3px #c4bfb62e}.dev-panel{padding:16px 18px 18px;background:var(--surface);border:1px solid var(--dev-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dev-panel+.dev-panel{margin-top:16px}.dev-panel-nested{margin-top:16px}.dev-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.dev-panel-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--brand-jade-dark);background:var(--jade-soft)}.dev-panel-title{flex:1;min-width:160px}.dev-panel-title h2{margin:0;font-size:14.5px;font-weight:650;color:var(--text-primary)}.dev-panel-title p{margin:2px 0 0;font-size:12px;color:var(--dev-muted)}.dev-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.dev-page-head h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.dev-page-head p{margin:5px 0 0;max-width:70ch;font-size:12.5px;line-height:1.6;color:var(--text-secondary)}.dev-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dev-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.dev-grid-2>.dev-panel+.dev-panel,.dev-grid-3>.dev-panel+.dev-panel{margin-top:0}.dev-stat-row{display:flex;flex-wrap:wrap;gap:10px}.dev-stat-row+.dev-stat-row{margin-top:10px}.dev-stat{flex:1 1 90px;min-width:90px;padding:10px 12px;background:var(--surface-muted);border-radius:var(--radius-sm)}.dev-stat b{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.dev-stat span{display:block;margin-top:2px;font-size:11.5px;color:var(--text-secondary)}.dev-stat em{display:block;margin-top:3px;font-size:10.5px;font-style:normal;color:var(--dev-muted)}.dev-stat.tone-ok b{color:var(--dev-ok)}.dev-stat.tone-warn b{color:var(--dev-warn)}.dev-stat.tone-bad b{color:var(--dev-bad)}.dev-progress{height:6px;margin-top:12px;overflow:hidden;background:#e9e5de;border-radius:999px}.dev-progress i{display:block;height:100%;background:linear-gradient(90deg,#2e7d62,#1b6249);border-radius:inherit}.dev-badge{display:inline-flex;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:650;white-space:nowrap;border-radius:999px}.dev-badge.tone-ok{color:var(--dev-ok);background:var(--dev-ok-soft)}.dev-badge.tone-warn{color:var(--dev-warn);background:var(--dev-warn-soft)}.dev-badge.tone-bad{color:var(--dev-bad);background:var(--dev-bad-soft)}.dev-badge.tone-muted{color:var(--dev-muted);background:var(--surface-muted)}.dev-minichip{display:inline-flex;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:600;color:var(--text-secondary);background:var(--surface-muted);border-radius:6px;white-space:nowrap}.dev-chip-row{display:flex;flex-wrap:wrap;gap:4px}.dev-table-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}.dev-table{width:100%;border-collapse:collapse;font-size:12.5px}.dev-table th{padding:8px 10px;font-size:10.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;color:var(--dev-muted);border-bottom:1px solid var(--dev-line-strong)}.dev-table td{padding:9px 10px;color:var(--text-secondary);border-bottom:1px solid var(--dev-line);vertical-align:middle}.dev-table tbody tr:last-child td{border-bottom:0}.dev-table tbody tr.clickable{cursor:pointer;transition:background-color .13s ease}.dev-table tbody tr.clickable:hover{background:var(--surface-muted)}.dev-cell-stack{display:flex;flex-direction:column;gap:1px}.dev-cell-stack b{font-weight:650;color:var(--text-primary)}.dev-cell-stack span{font-size:11px;color:var(--dev-muted)}.dev-truncate{display:block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-hanzi{font-size:17px}.dev-pinyin{color:#b4674c;font-weight:550}.dev-muted{color:var(--dev-muted)}.dev-code{padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--text-secondary);background:var(--surface-muted);border-radius:5px}.dev-expand{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--brand-jade-dark)}.dev-range-pill{padding:6px 12px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid transparent;border-radius:999px;font-size:11.5px;font-weight:600}.dev-range-pill.active{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a40}.dev-bars{width:100%;height:130px}.dev-bar-jade{fill:var(--brand-jade)}.dev-bar-gold{fill:var(--brand-gold)}.dev-bar-primary{fill:var(--brand-primary)}.dev-bar-jade:hover,.dev-bar-gold:hover,.dev-bar-primary:hover{opacity:.8}.dev-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dev-search{display:inline-flex;align-items:center;gap:7px;padding:0 10px;min-height:34px;color:var(--dev-muted);background:var(--surface-muted);border:1px solid var(--dev-line);border-radius:var(--radius-sm);transition:border-color .15s ease,background-color .15s ease}.dev-search:focus-within{background:var(--surface);border-color:var(--brand-jade)}.dev-search input{width:190px;font:inherit;font-size:12.5px;color:var(--text-primary);background:none;border:0;outline:none}.dev-search button{display:grid;place-items:center;color:var(--dev-muted);background:none;border:0;cursor:pointer}.dev-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dev-muted)}.dev-select select{min-height:34px;padding:0 26px 0 10px;font:inherit;font-size:12.5px;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--dev-line);border-radius:var(--radius-sm);cursor:pointer}.dev-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 15px;font-size:13px;font-weight:650;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.dev-button.primary{color:#fff;background:var(--brand-jade-dark)}.dev-button.primary:hover:not(:disabled){background:#1b6249}.dev-button:disabled{opacity:.55;cursor:default}.dev-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:var(--brand-jade-dark);background:none;border:0;cursor:pointer}.dev-link:hover{text-decoration:underline}.dev-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--dev-muted)}.dev-pager>div{display:flex;align-items:center;gap:8px}.dev-pager button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 11px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--dev-line);border-radius:var(--radius-sm);cursor:pointer}.dev-pager button:disabled{opacity:.45;cursor:default}.dev-pager button:first-child svg{transform:rotate(180deg)}.dev-pager b{font-size:12px;color:var(--text-primary)}.dev-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;text-align:center;color:var(--dev-muted)}.dev-empty b{font-size:13.5px;color:var(--text-primary)}.dev-empty p{margin:0;max-width:46ch;font-size:12.5px;line-height:1.6}.dev-skeleton{display:flex;flex-direction:column;gap:9px;padding:4px 0}.dev-skeleton i{display:block;height:38px;background:linear-gradient(90deg,var(--surface-muted) 25%,#F1EEE7 50%,var(--surface-muted) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:dev-shimmer 1.4s ease-in-out infinite}@keyframes dev-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dev-error{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;color:var(--dev-bad);background:var(--dev-bad-soft);border:1px solid rgba(192,80,58,.18);border-radius:var(--radius-md)}.dev-error b{display:block;font-size:13px}.dev-error p{margin:3px 0 0;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.dev-error button{margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;color:var(--dev-bad);background:var(--surface);border:1px solid rgba(192,80,58,.22);border-radius:var(--radius-sm);cursor:pointer}.dev-notconfigured{display:flex;flex-direction:column;gap:6px;padding:18px;color:var(--dev-muted);background:var(--surface-muted);border:1px dashed var(--dev-line-strong);border-radius:var(--radius-md)}.dev-notconfigured b{font-size:13px;color:var(--text-primary)}.dev-notconfigured p{margin:0;font-size:12.5px;line-height:1.6}.dev-note{margin:10px 0 0;font-size:11.5px;line-height:1.55;color:var(--dev-muted)}.dev-subhead{margin:18px 0 8px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dev-muted)}.dev-qa-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.dev-qa-list li{display:flex;align-items:center;gap:10px;font-size:12.5px}.dev-qa-list li>b{width:46px;font-weight:650;color:var(--text-primary)}.dev-qa-counts{display:flex;gap:8px;margin-left:auto;font-size:11px;color:var(--dev-muted)}.dev-qa-counts i{font-style:normal}.dev-qa-counts i.bad{color:var(--dev-bad);font-weight:650}.dev-qa-counts i.warn{color:var(--dev-warn);font-weight:650}.dev-qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.dev-qa-card{padding:12px 14px;text-align:left;background:var(--surface-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.dev-qa-card:hover{background:var(--surface);border-color:var(--dev-line-strong)}.dev-qa-card.active{background:var(--surface);border-color:var(--brand-jade)}.dev-qa-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-qa-card-head b{font-size:13px;color:var(--text-primary)}.dev-qa-card-counts{margin-top:7px;font-size:11px;color:var(--dev-muted)}.dev-qa-card-counts .bad{color:var(--dev-bad);font-weight:650}.dev-qa-card-counts .warn{color:var(--dev-warn);font-weight:650}.dev-log-list,.dev-service-list,.dev-entitlement-list,.dev-list,.dev-option-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.dev-log-list li,.dev-service-list li,.dev-entitlement-list li{display:flex;align-items:center;gap:9px;font-size:12.5px}.dev-log-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.dev-log-list em,.dev-service-list em,.dev-entitlement-list em{font-size:10.5px;font-style:normal;color:var(--dev-muted)}.dev-log-list time{font-size:11px;color:var(--dev-muted);white-space:nowrap}.dev-service-list b,.dev-entitlement-list b{min-width:110px;font-weight:650;color:var(--text-primary)}.dev-service-list span,.dev-entitlement-list span{flex:1;color:var(--text-secondary)}.dev-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 10px;font-size:12.5px;background:var(--surface-muted);border-radius:var(--radius-sm)}.dev-list li b{color:var(--text-primary)}.dev-list li b.hz{font-size:15px}.dev-list li em{font-style:normal;color:var(--dev-muted)}.dev-option-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;background:var(--surface-muted);border:1px solid transparent;border-radius:var(--radius-sm)}.dev-option-list li.correct{color:var(--dev-ok);background:var(--dev-ok-soft);border-color:#2e7d6233}.dev-option-list li>b{width:18px;font-weight:700;color:var(--dev-muted)}.dev-option-list li>span{flex:1;color:var(--text-primary)}.dev-option-list li.correct>span{color:var(--dev-ok);font-weight:600}.dev-generator{font-size:10px;font-style:normal;color:var(--dev-muted)}.dev-question-prompt{padding:14px 16px;background:var(--jade-soft);border-radius:var(--radius-sm)}.dev-question-prompt span{display:block;margin-bottom:5px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-jade-dark)}.dev-question-prompt b{font-size:17px;color:var(--text-primary)}.dev-question-prompt b.hz{font-size:22px}.dev-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0}.dev-meta>div{padding:9px 11px;background:var(--surface-muted);border-radius:var(--radius-sm)}.dev-meta dt{font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--dev-muted)}.dev-meta dd{margin:3px 0 0;font-size:12.5px;color:var(--text-primary);word-break:break-word}.dev-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;background:#2e2a2647;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dev-drawer{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--bg-main);border-left:1px solid var(--dev-line-strong);box-shadow:var(--shadow-lg);animation:dev-slide .18s ease-out}@keyframes dev-slide{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.dev-drawer>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-main);border-bottom:1px solid var(--dev-line)}.dev-drawer>header h2{flex:1;margin:0;font-size:16px;font-weight:650;color:var(--text-primary)}.dev-drawer>header button{display:grid;place-items:center;width:30px;height:30px;color:var(--text-secondary);background:var(--surface-muted);border:0;border-radius:8px;cursor:pointer}.dev-drawer-body{padding:18px 20px 24px}.dev-drawer-foot{position:sticky;bottom:0;padding:12px 20px;background:var(--surface);border-top:1px solid var(--dev-line)}.dev-form{display:flex;flex-direction:column;gap:12px}.dev-form label{display:flex;flex-direction:column;gap:5px}.dev-form label>span{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--dev-muted)}.dev-form input,.dev-form textarea{padding:9px 12px;font:inherit;font-size:13.5px;line-height:1.6;color:var(--text-primary);background:var(--surface);border:1px solid var(--dev-line-strong);border-radius:var(--radius-sm);resize:vertical}.dev-form input.hz{font-size:20px}.dev-form input:focus,.dev-form textarea:focus{outline:none;border-color:var(--brand-jade)}.dev-form label.dev-checkbox{flex-direction:row;align-items:center;gap:8px}.dev-form label.dev-checkbox span{font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--text-primary)}.dev-plan-scope{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--dev-line);border-radius:var(--radius-sm)}.dev-plan-scope legend{padding:0 4px;font-size:11px;font-weight:650;color:var(--dev-muted)}.dev-plan-scope label{flex-direction:row;align-items:center;gap:8px}.dev-plan-scope label span{font-size:13px;font-weight:500;color:var(--text-primary)}.dev-voucher-preview{padding:10px 12px;background:var(--surface-muted);border-radius:var(--radius-sm)}.dev-voucher-preview>b{display:block;margin-bottom:6px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--dev-muted)}.dev-voucher-preview table{width:100%;border-collapse:collapse;font-size:12.5px}.dev-voucher-preview th{padding:4px 6px;text-align:left;font-size:10.5px;font-weight:650;color:var(--dev-muted)}.dev-voucher-preview td{padding:4px 6px;color:var(--text-primary)}.dev-voucher-preview tr.ineligible td{color:var(--dev-muted);font-style:italic}.dev-form .dev-hint{margin:-4px 0 2px;font-size:11.5px;line-height:1.5;color:var(--dev-muted)}.dev-voucher-stats{padding:10px 12px;background:var(--jade-soft);border-radius:var(--radius-sm)}.dev-voucher-stats>b{display:block;margin-bottom:6px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-jade-dark)}.dev-voucher-stats>div{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:var(--text-secondary)}.dev-voucher-stats b{color:var(--text-primary)}.dev-row-actions{display:inline-flex;gap:10px;white-space:nowrap}.dev-link.danger{color:var(--dev-bad)}.dev-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px}.dev-savebar>div{display:flex;gap:8px}.dev-save-state{font-size:12px;color:var(--dev-muted)}.dev-save-state.bad{color:var(--dev-bad)}.dev-savebar button,.dev-confirm button{min-height:34px;padding:0 15px;font-size:12.5px;font-weight:650;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.dev-savebar button.ghost,.dev-confirm button.ghost{color:var(--text-secondary);background:var(--surface-muted)}.dev-savebar button.primary,.dev-confirm button.primary{color:#fff;background:var(--brand-jade-dark)}.dev-confirm button.danger{color:#fff;background:var(--dev-bad)}.dev-savebar button:disabled{opacity:.5;cursor:default}.dev-confirm{margin:auto;width:min(420px,calc(100% - 32px));padding:22px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dev-confirm h3{margin:0 0 8px;font-size:16px;font-weight:650;color:var(--text-primary)}.dev-confirm p{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.dev-confirm>div{display:flex;justify-content:flex-end;gap:8px}.dev-reason{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.dev-reason span{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--dev-muted)}.dev-reason textarea{padding:9px 12px;font:inherit;font-size:13px;line-height:1.55;border:1px solid var(--dev-line-strong);border-radius:var(--radius-sm);resize:vertical}.nav-section-developer{margin-top:6px;padding-top:10px;border-top:1px dashed var(--border-strong)}.nav-dev-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:4px;vertical-align:middle}.dev-ui-toggle{position:fixed;top:12px;right:12px;z-index:96;display:grid;place-items:center;width:30px;height:30px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, .1))}.dev-ui-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}.dev-ui-hidden .dev-tell{display:none}@media(max-width:900px){.dev-hero{padding:20px}.dev-hero:after{display:none}.dev-search input{width:130px}.dev-filters{width:100%}}@media(max-width:620px){.dev-subnav{flex-direction:column;align-items:flex-start;gap:8px}.dev-meta{grid-template-columns:1fr}}.dev-envlist{margin-top:14px;padding:14px 16px;background:var(--dev-warn-soft);border:1px solid rgba(176,122,30,.2);border-radius:var(--radius-md)}.dev-envlist>b{display:block;font-size:12.5px;color:var(--dev-warn)}.dev-envlist ul{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none}.dev-envlist p{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--text-secondary)}.dev-number{width:84px;min-height:34px;padding:0 10px;font:inherit;font-size:12.5px;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--dev-line);border-radius:var(--radius-sm)}.dev-ai-result{margin-top:16px}.dev-ai-answer{margin:0;padding:14px 16px;font-size:13.5px;line-height:1.7;white-space:pre-wrap;color:var(--text-primary);background:var(--jade-soft);border-radius:var(--radius-sm)}.dev-danger-zone{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;background:var(--dev-bad-soft);border:1px solid rgba(192,80,58,.18);border-radius:var(--radius-md)}.dev-danger-zone>div{flex:1;min-width:200px}.dev-danger-zone b{display:block;font-size:13px;color:var(--text-primary)}.dev-danger-zone p{margin:3px 0 0;font-size:12px;line-height:1.55;color:var(--text-secondary)}.dev-button.danger-outline{color:var(--dev-bad);background:var(--surface);border-color:#c0503a4d}.dev-button.danger-outline:hover{background:#fff7f5}.dev-note-error{color:var(--dev-bad)}.hanzi-lesson-workspace .lesson-writing-card{padding:clamp(16px,2vw,24px)}.hanzi-lesson-workspace .hanzi-practice{width:min(100%,980px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;justify-items:stretch}.hanzi-lesson-workspace .hanzi-pick{grid-column:1;grid-row:1}.hanzi-lesson-workspace .hanzi-stage-pane{grid-column:2;grid-row:1}@media(max-width:900px){.hanzi-lesson-workspace .hanzi-practice{grid-template-columns:minmax(0,1fr)}.hanzi-lesson-workspace .hanzi-pick,.hanzi-lesson-workspace .hanzi-stage-pane{grid-column:1;grid-row:auto}}.hanzi-lesson-workspace .hanzi-pick{padding:20px;background:var(--surface);border:1px solid rgba(46,125,98,.14);border-radius:20px;box-shadow:0 8px 24px #2337300d}.hanzi-pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.hanzi-pick-head span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6d7669}.hanzi-pick-head b{padding:3px 10px;font-size:11px;font-weight:650;color:#1b6249;background:#def0e7;border-radius:999px}.hanzi-lesson-workspace .hanzi-selector{width:auto;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:12px;background:none;border:0;border-radius:0}.hanzi-lesson-workspace .hanzi-selector button{position:relative;min-width:0;min-height:58px;padding:0;font-size:26px;line-height:1;color:var(--text-primary);background:#fffefa;border:1px solid rgba(120,110,88,.16);border-radius:14px;box-shadow:0 2px 6px #192d2308;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.hanzi-lesson-workspace .hanzi-selector button:hover{transform:translateY(-1px);border-color:#2e7d6266;background:#f4faf6;box-shadow:0 6px 14px #192d2312}.hanzi-lesson-workspace .hanzi-selector button:focus-visible{outline:2px solid #2E765D;outline-offset:2px}.hanzi-lesson-workspace .hanzi-selector button:active{transform:scale(.98)}.hanzi-lesson-workspace .hanzi-selector button.active{color:#fff;background:linear-gradient(180deg,#2f9b73,#21735a);border-color:#21735a;transform:scale(1.02);box-shadow:0 8px 18px #28825f2e,0 0 0 4px #2f9b731f}.hanzi-selector-check{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:20px;height:20px;color:#1b6249;background:#fff;border:1px solid rgba(46,125,98,.3);border-radius:999px;box-shadow:0 2px 6px #192d231f}.hanzi-stage-pane{display:flex;flex-direction:column;align-items:center;gap:16px}.hanzi-context{width:100%;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;padding:14px 16px;text-align:center;background:#edf7f2;border:1px solid rgba(46,125,98,.16);border-radius:16px}.hanzi-context-label{width:100%;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6d7669}.hanzi-context b{font-size:24px;font-weight:600;color:#1e3a2e}.hanzi-context em{font-size:15px;font-style:normal;font-weight:550;color:#b4674c}.hanzi-context-meaning{width:100%;font-size:13px;color:#6d7669}.hanzi-lesson-workspace .hanzi-writer-stage{width:min(100%,320px);aspect-ratio:1;height:auto;border-radius:20px;border-color:#2e7d6233;box-shadow:0 8px 24px #23373012}.hanzi-context,.hanzi-lesson-workspace .hanzi-writer-stage{animation:hanzi-masuk .16s ease-out}@keyframes hanzi-masuk{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hanzi-context,.hanzi-lesson-workspace .hanzi-writer-stage{animation:none}.hanzi-lesson-workspace .hanzi-selector button{transition:none}}.hanzi-lesson-workspace .hanzi-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hanzi-lesson-workspace .hanzi-controls .button{min-height:52px;padding:0 14px;justify-content:center;gap:8px;font-size:14px;border-radius:14px}.hanzi-reset{grid-column:1 / -1;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;color:#6d7669;background:none;border:0;border-radius:10px;cursor:pointer;transition:color .14s ease-out,background-color .14s ease-out}.hanzi-reset:hover{color:#1b6249;background:#e8f1e7b3}.hanzi-reset:focus-visible{outline:2px solid #2E765D;outline-offset:2px}@media(max-width:900px){.hanzi-stage-pane{margin-inline:auto;max-width:360px}.hanzi-lesson-workspace .hanzi-selector{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px}.hanzi-lesson-workspace .hanzi-selector button{min-height:52px;font-size:23px}}.problem-section{padding-block:clamp(48px,6vw,84px)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:34px}.problem-card{padding:22px 22px 24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.problem-card>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;color:var(--brand-primary-dark);background:var(--primary-soft);border-radius:13px}.problem-card b{display:block;margin-bottom:7px;font-size:15.5px;font-weight:650;line-height:1.4;color:var(--text-primary)}.problem-card p{margin:0;font-size:13.5px;line-height:1.7;color:var(--text-secondary)}.problem-bridge{max-width:62ch;margin:30px auto 0;padding-top:24px;text-align:center;font-size:15px;line-height:1.75;color:var(--text-secondary);border-top:1px solid var(--border-soft)}.loop-section{padding-block:clamp(48px,6vw,84px)}.loop-flow{display:flex;align-items:stretch;justify-content:center;gap:4px;margin-top:38px}.loop-stage-wrap{display:flex;align-items:center;flex:1 1 0;min-width:0}.loop-stage{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px 20px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.loop-stage:disabled{cursor:default}.loop-stage:not(:disabled):hover{transform:translateY(-2px);border-color:#3e9c7a4d;box-shadow:var(--shadow-md)}.loop-number{display:grid;place-items:center;width:24px;height:24px;margin-bottom:2px;font-size:11px;font-weight:700;color:#fff;background:var(--brand-jade);border-radius:50%}.loop-icon{color:var(--brand-jade-dark)}.loop-stage b{font-size:13.5px;font-weight:650;color:var(--text-primary)}.loop-stage p{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-secondary)}.loop-arrow{flex:0 0 auto;padding:0 4px;color:#3e9c7a59}.loop-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;max-width:60ch;text-align:center;font-size:13px;color:var(--text-secondary)}.loop-note svg{flex:0 0 auto;color:var(--brand-jade-dark)}@media(max-width:900px){.loop-flow,.loop-stage-wrap{flex-direction:column}.loop-arrow{transform:rotate(90deg);padding:6px 0}}.demo-section{padding-block:clamp(48px,6vw,84px)}.demo-laptop{max-width:880px;margin:38px auto 0}.demo-laptop-screen{padding:10px;background:#1e2321;border-radius:16px 16px 4px 4px;box-shadow:var(--shadow-md)}.demo-laptop-screen video,.demo-laptop-fallback{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--surface-muted)}.demo-laptop-fallback{display:grid;place-items:center;padding:0 20px;text-align:center;color:var(--text-secondary);font-size:13px;font-weight:600}.demo-laptop-base{width:112%;height:15px;margin:0 auto 0 -6%;background:linear-gradient(180deg,#d7dbd7,#b3b8b3);border-radius:0 0 14px 14px;box-shadow:0 14px 24px #1e2d2629}.demo-laptop-base:after{content:"";display:block;width:88px;height:6px;margin:0 auto;background:#00000029;border-radius:0 0 7px 7px}@media(max-width:480px){.demo-laptop-base{width:106%;margin-left:-3%}}.demo-showcase-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr);gap:64px;align-items:end;margin-top:38px}.demo-showcase-grid .demo-laptop{max-width:100%;margin:0}@media(max-width:900px){.demo-showcase-grid{grid-template-columns:1fr;gap:32px}}.telegram-showcase{display:flex;flex-direction:row;align-items:center;gap:22px;text-align:left}.telegram-showcase-caption{display:flex;flex-direction:column;align-items:flex-start;min-width:0}@media(max-width:640px){.telegram-showcase{flex-direction:column;align-items:center;text-align:center;gap:16px}.telegram-showcase-caption{align-items:center}.telegram-phone{width:min(220px,60vw)}}.telegram-phone{position:relative;flex:none;width:min(190px,42vw);padding:14px 8px 8px;background:#1e2321;border-radius:30px;box-shadow:var(--shadow-md)}.telegram-phone-notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:54px;height:14px;background:#000;border-radius:8px}.telegram-phone-screen{border-radius:18px;overflow:hidden;background:var(--surface-muted)}.telegram-phone-screen video,.telegram-phone-fallback{display:block;width:100%;aspect-ratio:9 / 18.5;object-fit:cover}.telegram-phone-fallback{display:grid;place-items:center;padding:0 14px;text-align:center;color:var(--text-secondary);font-size:11px;font-weight:600}.telegram-showcase-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;padding:5px 11px;border-radius:999px;background:var(--jade-soft);color:var(--brand-jade-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.telegram-showcase-fitur{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.telegram-showcase-fitur li{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.telegram-showcase-fitur li svg{flex:none;color:var(--brand-jade-dark)}.telegram-showcase-cta{width:100%;max-width:260px}.ecosystem-section{padding-block:clamp(48px,6vw,84px)}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}.ecosystem-panel{padding:20px 22px 22px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ecosystem-panel-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.ecosystem-panel-head b{font-size:14.5px;font-weight:650;color:var(--text-primary)}.ecosystem-panel-head.tone-jade{color:var(--brand-jade-dark)}.ecosystem-panel-head.tone-gold{color:var(--brand-gold-dark)}.ecosystem-panel-head.tone-primary{color:var(--brand-primary-dark)}.ecosystem-panel ul{display:flex;flex-direction:column;gap:2px}.ecosystem-panel li button{display:flex;flex-direction:column;width:100%;padding:9px 10px;text-align:left;border-radius:10px;transition:background .15s ease-out}.ecosystem-panel li button:hover{background:var(--surface-muted)}.ecosystem-panel li button b{font-size:13px;font-weight:600;color:var(--text-primary)}.ecosystem-panel li button span{font-size:11.5px;color:var(--text-secondary)}.ecosystem-ai{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--gold-soft),var(--surface));border-color:#f2a93b4d}.ecosystem-ai-body{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ecosystem-ai-body p{margin:0;max-width:46ch;font-size:13px;line-height:1.6;color:var(--text-secondary)}@media(max-width:900px){.ecosystem-grid{grid-template-columns:1fr}}.xiaolong-story{display:flex;align-items:center;gap:48px;padding-block:clamp(48px,6vw,84px)}.xiaolong-story-art{flex:0 0 auto}.xiaolong-story-copy{flex:1 1 380px;min-width:0}.xiaolong-story-copy h2{margin:8px 0 12px;font-size:clamp(26px,3vw,34px);color:var(--text-primary)}.xiaolong-story-copy>p{margin:0 0 22px;max-width:56ch;font-size:14.5px;line-height:1.75;color:var(--text-secondary)}.xiaolong-example{display:flex;flex-direction:column;gap:8px;max-width:480px;margin-bottom:18px}.xiaolong-bubble{padding:12px 16px;border-radius:16px;font-size:13.5px;line-height:1.6}.xiaolong-bubble.me{align-self:flex-end;color:#fff;background:var(--text-primary);border-bottom-right-radius:4px}.xiaolong-bubble.bot{color:var(--text-primary);background:var(--surface);border:1px solid var(--border-soft);border-bottom-left-radius:4px}.xiaolong-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.xiaolong-chips span{padding:7px 13px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:12px;font-weight:600}@media(max-width:900px){.xiaolong-story{flex-direction:column;text-align:center;gap:24px}.xiaolong-story-copy>p{margin-inline:auto}.xiaolong-example{margin-inline:auto}.xiaolong-bubble.me{align-self:center}.xiaolong-chips{justify-content:center}}.level-section{padding-block:clamp(48px,6vw,84px)}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin-top:36px}.level-card{padding:20px 22px 22px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.level-card:hover{transform:translateY(-2px);border-color:#3e9c7a4d;box-shadow:var(--shadow-md)}.level-card.open{border-color:var(--brand-jade)}.level-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.level-badge{padding:4px 11px;font-size:12px;font-weight:700;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px}.level-card-head b{flex:1;font-size:15px;font-weight:650;color:var(--text-primary)}.level-free,.level-pro{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-style:normal;font-weight:650;border-radius:999px}.level-free{color:var(--brand-jade-dark);background:var(--jade-soft)}.level-pro{color:var(--brand-gold-dark);background:var(--gold-soft)}.level-goal{margin:0;font-size:13.5px;line-height:1.7;color:var(--text-secondary)}.level-stats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;padding-top:13px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-soft)}.level-stats b{color:var(--text-primary);font-weight:650}.placement-section{padding-block:clamp(10px,2vw,20px)}.placement-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;padding:clamp(24px,3.4vw,38px);background:linear-gradient(140deg,var(--jade-soft),rgba(250,249,242,.7));border:1px solid rgba(62,156,122,.16);border-radius:var(--radius-lg)}.placement-copy{flex:1 1 340px;min-width:0}.placement-copy h2{margin:8px 0 10px;font-size:clamp(21px,2.4vw,27px);color:var(--text-primary)}.placement-copy p{margin:0;max-width:54ch;font-size:14px;line-height:1.7;color:var(--text-secondary)}.placement-action{display:flex;flex-wrap:wrap;gap:10px}.plan-compare{max-width:780px;margin:40px auto 0;padding:22px 24px 24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.plan-compare h3{margin:0 0 16px;font-size:16px;font-weight:650;text-align:center;color:var(--text-primary)}.plan-compare-scroll{overflow-x:auto}.plan-compare table{width:100%;border-collapse:collapse;font-size:13.5px}.plan-compare th{padding:10px 12px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.plan-compare th:first-child{text-align:left}.plan-compare th.pro,.plan-compare td.pro{background:#3e9c7a0d}.plan-compare th.pro{color:var(--brand-jade-dark)}.plan-compare td{padding:11px 12px;text-align:center;color:var(--brand-jade-dark);border-bottom:1px solid var(--border-soft)}.plan-compare td:first-child{text-align:left;color:var(--text-secondary)}.plan-compare tbody tr:last-child td{border-bottom:0}.plan-no{color:var(--text-muted)}.faq-section{padding-block:clamp(48px,6vw,84px)}.faq-list{max-width:760px;margin:34px auto 0;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden;transition:border-color .16s ease-out}.faq-item.open{border-color:#3e9c7a47}.faq-item>button{width:100%;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font:inherit;font-size:14.5px;font-weight:600;color:var(--text-primary);background:none;border:0;cursor:pointer}.faq-item>button svg{flex:none;color:var(--text-muted);transition:transform .18s ease-out}.faq-item.open>button svg{transform:rotate(90deg);color:var(--brand-jade-dark)}.faq-item>p{margin:0;padding:0 18px 17px;max-width:68ch;font-size:13.5px;line-height:1.75;color:var(--text-secondary)}.community-section{padding-block:clamp(40px,5vw,70px)}.community-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:30px}.community-inner h2{margin:8px 0 12px;font-size:clamp(22px,2.6vw,30px);color:var(--text-primary)}.community-inner>div>p{margin:0 0 20px;max-width:50ch;font-size:14.5px;line-height:1.75;color:var(--text-secondary)}.community-preview{padding:18px;display:flex;flex-direction:column;gap:12px}.community-preview-row{display:flex;gap:12px;align-items:flex-start}.community-preview-row.official{padding:13px;background:var(--jade-soft);border:1px solid rgba(62,156,122,.16);border-radius:var(--radius-sm)}.community-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;font-size:12px;font-weight:650;color:var(--brand-primary-dark);background:var(--primary-soft);border-radius:50%}.community-avatar.official{color:var(--brand-jade-dark);background:#d9ede4}.community-preview-row b{display:block;font-size:12px;font-weight:650;color:var(--text-primary)}.community-preview-row p{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--text-secondary)}@media(max-width:700px){.placement-inner{flex-direction:column;align-items:flex-start}.placement-action{width:100%}}.why-stage .section-copy .eyebrow-pill{display:inline-flex;align-items:center;padding:7px 14px;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-jade-dark);background:#ffffffc7;border:1px solid rgba(62,156,122,.2);border-radius:999px;box-shadow:0 2px 8px #2554410d}.copy-ornament{display:block;width:9px;height:9px;margin:0 0 18px;background:#3e9c7a52;border:1px solid rgba(62,156,122,.5);transform:rotate(45deg);border-radius:2px}.why-stage .section-copy h2{margin:20px 0 18px}.why-stage .section-copy p{max-width:330px}.why-stage .section-copy .why-cta{min-height:48px;margin-top:26px;padding-inline:22px;color:#fff;background:linear-gradient(135deg,#2e765d,#175d48);border-color:#175d48;box-shadow:0 8px 20px #175d482e}.why-stage .section-copy .why-cta:hover{background:linear-gradient(135deg,#256a53,#114e3c)}.why-trustline{display:flex;align-items:center;gap:11px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(46,42,38,.08)}.why-trustline-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px}.why-trustline b{display:block;font-size:12.5px;font-weight:650;color:var(--text-primary)}.why-trustline small{display:block;margin-top:2px;font-size:11.5px;color:var(--text-muted)}.why-stage .feature-card{display:flex;flex-direction:column}.why-stage .feature-card>p{flex:1}.feature-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:16px;padding:5px 11px;font-size:10.5px;font-weight:650;border-radius:999px}.feature-tag.tone-jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.feature-tag.tone-gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.feature-tag.tone-primary{color:var(--brand-primary-dark);background:var(--primary-soft)}.why-mascot{position:absolute;top:120px;right:max(12px,calc(50% - 620px));z-index:1;pointer-events:none;filter:drop-shadow(0 24px 26px rgba(37,84,65,.16));opacity:0;transform:translateY(26px) scale(.96);transition:opacity .9s ease .28s,transform .9s cubic-bezier(.2,.8,.2,1) .28s}.why-stage.is-visible .why-mascot{opacity:1;transform:translateY(0) scale(1)}@media(max-width:1180px){.why-mascot{display:none}}.why-stage .progress-preview{position:relative;z-index:2}.why-assurance{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:42px;padding:16px 18px;background:#ffffffd1;border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.assurance-item{display:flex;align-items:center;gap:11px}.assurance-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px}.assurance-icon.tone-jade{color:var(--brand-jade-dark);background:var(--jade-soft)}.assurance-icon.tone-gold{color:var(--brand-gold-dark);background:var(--gold-soft)}.assurance-icon.tone-primary{color:var(--brand-primary-dark);background:var(--primary-soft)}.assurance-item b{display:block;font-size:12.5px;font-weight:650;line-height:1.35;color:var(--text-primary)}.assurance-item small{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:var(--text-muted)}@media(max-width:899px){.why-assurance{margin-top:32px}.why-stage .section-copy p{max-width:470px}}.why-stage .reveal-item.reveal-item{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease var(--delay, 0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms)}.why-stage.is-visible .reveal-item.reveal-item{opacity:1;transform:translateY(0) scale(1)}.why-stage.is-visible .feature-card.reveal-item:hover{transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.why-stage .reveal-item.reveal-item,.why-stage.is-visible .reveal-item.reveal-item,.why-mascot{opacity:1;transform:none;transition:none}}.why-scenery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:url(/media/dashboard/home-naga-dashboard-1600.webp) right top / cover no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(100deg,transparent 6%,rgba(0,0,0,.45) 34%,#000 62%);mask-image:linear-gradient(100deg,transparent 6%,rgba(0,0,0,.45) 34%,#000 62%)}.why-scenery:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(180deg,transparent,#FAF7F1 88%)}.why-stage .why-atmosphere{opacity:.42}@media(max-width:899px){.why-scenery{opacity:.26;-webkit-mask-image:none;mask-image:none}}.why-stage .section-copy{min-width:0}.why-stage .section-copy h2{max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(min-width:900px){.why-section{grid-template-columns:minmax(330px,1.05fr) minmax(420px,1.4fr) minmax(320px,.98fr)}.why-stage .section-copy h2{font-size:clamp(34px,2.55vw,42px);letter-spacing:-1.6px}}.dash-hero-landscape{object-position:center}.dashboard-header-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#fffdf8 16%,#fffdf8d1 38%,#fffdf800 62%)}@media(max-width:900px){.dash-hero-landscape{object-position:78% center}}.dashboard-header-hero .streak-chip-modern{align-self:flex-start;margin-top:2px}.test-page{display:flex;flex-direction:column;gap:20px;max-width:1440px;margin-inline:auto;padding:36px clamp(24px,3.2vw,52px) 54px}@media(max-width:899px){.test-page{padding:24px 16px 32px}}.test-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 24px;color:var(--text-muted);font-size:13.5px}.test-state.error{color:var(--brand-primary-dark);background:var(--danger-soft)}.test-state.test-closed{flex-direction:column;max-width:460px;margin-inline:auto;padding:44px 30px;text-align:center}.test-closed-ikon{display:grid;place-items:center;width:56px;height:56px;color:var(--text-muted);background:var(--surface-muted);border-radius:50%}.test-state.test-closed h1{margin:14px 0 6px;font-size:19px;font-weight:650;color:var(--text-primary)}.test-state.test-closed p{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.test-back{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--text-secondary);background:none;border:0;cursor:pointer}.test-back:hover{color:var(--brand-jade-dark)}.test-back svg{transform:scaleX(-1)}.test-total{padding:12px 18px;text-align:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.test-total b{display:block;font-size:26px;font-weight:700;color:var(--brand-jade-dark)}.test-total span{font-size:11px;color:var(--text-muted)}.test-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}@media(min-width:1100px){.test-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.test-level-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;text-align:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.test-level-card:hover:not(:disabled){transform:translateY(-3px);border-color:#3e9c7a4d;box-shadow:var(--shadow-md)}.test-level-card:disabled{opacity:.55;cursor:default}.test-level-badge{display:grid;place-items:center;width:46px;height:46px;font-size:19px;font-weight:700;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:14px}.test-level-badge.small{width:30px;height:30px;font-size:13px;border-radius:9px}.test-level-card>b{font-size:17px;font-weight:700;color:var(--text-primary)}.test-level-meta{font-size:11.5px;line-height:1.5;color:var(--text-muted)}.test-level-card em{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-style:normal;font-weight:650;color:var(--brand-jade-dark)}.test-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.test-package-card{display:flex;flex-direction:column;gap:10px;padding:20px}.test-package-head{display:flex;align-items:center;gap:10px}.test-package-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:19px;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.test-package-title{margin:0;font-size:13px;color:var(--text-secondary)}.test-package-meta{display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:10px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-soft)}.test-package-meta span{display:inline-flex;align-items:center;gap:5px}.test-note{margin:0;font-size:11.5px;color:var(--text-muted)}.test-history{padding:18px 20px}.test-history h2{margin:0 0 12px;font-size:15px;font-weight:650;color:var(--text-primary)}.test-history-list{display:flex;flex-direction:column;gap:6px}.test-history-list button{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:13px;text-align:left;color:var(--text-secondary);background:var(--surface-muted);border:0;border-radius:var(--radius-sm);cursor:pointer}.test-history-list button:hover{background:var(--jade-soft)}.test-history-list b{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--text-primary)}.test-history-score{margin-left:auto;font-weight:650;color:var(--text-primary)}.test-history-list em{font-style:normal;font-size:11px;font-weight:650}.test-history-list em.lulus{color:var(--brand-jade-dark)}.test-history-list em.belum{color:var(--brand-primary-dark)}.test-exam{display:flex;flex-direction:column;gap:16px}.test-exam-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.test-exam-id{display:flex;flex-direction:column}.test-exam-id b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;color:var(--text-primary)}.test-exam-id span{font-size:11px;color:var(--text-muted)}.test-timer{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;font-weight:700;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px}.test-timer.habis{color:var(--brand-primary-dark);background:var(--danger-soft)}body[data-exam-focus=true] .sidebar,body[data-exam-focus=true] .mobile-topbar-menu{display:none}.test-exam-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:880px){.test-exam-body{grid-template-columns:minmax(0,1fr)}}.test-nav{position:sticky;top:150px;display:flex;flex-direction:column;max-height:calc(100dvh - 174px);padding:16px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.test-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11.5px;color:var(--text-muted)}.test-nav-head b{font-size:13px;color:var(--text-primary)}.test-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow-y:auto;min-height:0;padding:2px;scrollbar-gutter:stable}.test-nav-grid button{min-height:38px;font-size:12.5px;font-weight:650;color:var(--text-secondary);background:var(--surface-muted);border:1px solid transparent;border-radius:9px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.test-nav-grid button.terjawab{color:var(--brand-jade-dark);background:var(--jade-soft)}.test-nav-grid button.ditandai{border-color:var(--brand-gold)}.test-nav-grid button.aktif{color:#fff;background:var(--brand-jade-dark);border-color:var(--brand-jade-dark)}.test-nav-legend{display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:10.5px;color:var(--text-muted)}.test-nav-legend span{display:inline-flex;align-items:center;gap:7px}.test-nav-legend i{width:11px;height:11px;border-radius:4px;display:inline-block}.test-nav-legend i.terjawab{background:var(--jade-soft);border:1px solid var(--brand-jade)}.test-nav-legend i.ditandai{background:var(--surface-muted);border:1px solid var(--brand-gold)}.test-question{scroll-margin-top:152px;padding:22px 24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.test-question-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.test-question-head>b{font-size:12.5px;color:var(--text-muted);font-weight:600}.test-section-chip{padding:5px 11px;font-size:11px;font-weight:650;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px}.test-flag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:600;color:var(--text-muted);background:none;border:1px solid var(--border-soft);border-radius:999px;cursor:pointer}.test-flag.on{color:var(--brand-gold-dark);background:var(--gold-soft);border-color:#f2a93b59}.test-instruction{margin:0 0 12px;font-size:12.5px;color:var(--text-muted)}.test-prompt{padding:20px;margin-bottom:18px;text-align:center;background:var(--surface-muted);border-radius:var(--radius-sm)}.test-prompt b{font-size:20px;color:var(--text-primary)}.test-prompt b.hz{font-size:28px;line-height:1.4}.test-prompt b{white-space:pre-line}.test-prompt em{display:block;margin-top:6px;font-size:13px;font-style:normal;color:#b4674c}.test-options{--opsi-gap: 12px;--opsi-lebar-min: 240px;--opsi-tinggi-min: 56px;--opsi-gambar-tinggi: 150px;--opsi-radius: 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--opsi-lebar-min),1fr));gap:var(--opsi-gap);align-items:stretch}.test-options.opsi-gambar{grid-template-columns:repeat(3,minmax(0,1fr))}.test-options.opsi-gambar.opsi-2,.test-options.opsi-gambar.opsi-4{grid-template-columns:repeat(2,minmax(0,1fr))}.test-options.opsi-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}.test-options button{display:flex;align-items:center;gap:12px;min-height:var(--opsi-tinggi-min);padding:10px 14px;text-align:left;font-size:14px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--opsi-radius);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.test-options button:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.test-options button:hover{transform:translateY(-1px);border-color:var(--brand-jade);box-shadow:var(--shadow-sm)}.test-options button.dipilih{background:var(--jade-soft);border-color:var(--brand-jade);box-shadow:inset 0 0 0 1px var(--brand-jade)}.test-option-label{display:grid;place-items:center;flex:none;width:28px;height:28px;font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--surface-muted);border-radius:8px}.test-options button.dipilih .test-option-label{color:#fff;background:var(--brand-jade-dark)}.test-options .hz{font-size:18px}.test-question-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.test-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#2e2a264d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.test-confirm{width:min(430px,calc(100% - 32px));padding:24px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.test-confirm h3{margin:0 0 10px;font-size:17px;font-weight:650;color:var(--text-primary)}.test-confirm p{margin:0 0 18px;font-size:13.5px;line-height:1.65;color:var(--text-secondary)}.test-confirm>div{display:flex;justify-content:flex-end;gap:9px}.test-result{padding:28px;text-align:center}.test-result-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px;text-align:left}.test-result-head b{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;color:var(--text-primary)}.test-result-head span{font-size:12.5px;color:var(--text-muted)}.test-result-score{display:flex;align-items:baseline;justify-content:center;gap:8px}.test-result-score strong{font-size:58px;font-weight:700;line-height:1;color:var(--brand-jade-dark)}.test-result-score span{font-size:17px;color:var(--text-muted)}.test-result-verdict{display:inline-block;margin-top:14px;padding:7px 18px;font-size:12.5px;font-weight:700;color:var(--brand-primary-dark);background:var(--danger-soft);border-radius:999px}.test-result-verdict.lulus{color:var(--brand-jade-dark);background:var(--jade-soft)}.test-result-note{margin:12px 0 0;font-size:12px;color:var(--text-muted)}.test-result-table{width:100%;margin-top:24px;border-collapse:collapse;font-size:13.5px}.test-result-table th{padding:9px 12px;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.test-result-table th:first-child,.test-result-table td:first-child{text-align:left}.test-result-table td{padding:11px 12px;text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--border-soft)}.test-result-table tr.total td{font-weight:700;color:var(--text-primary);border-bottom:0}.test-result-disclaimer{margin:22px 0 0;padding-top:16px;font-size:11px;line-height:1.6;color:var(--text-muted);border-top:1px solid var(--border-soft)}.test-listening{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;margin-bottom:18px;background:linear-gradient(150deg,#e8f5f099,#faf9f280);border:1px solid rgba(62,156,122,.16);border-radius:var(--radius-md)}.test-play{display:grid;place-items:center;flex:none;width:54px;height:54px;color:#fff;background:linear-gradient(150deg,#2e765d,#175d48);border:0;border-radius:50%;cursor:pointer;box-shadow:0 8px 20px #175d4838;transition:transform .16s ease-out,box-shadow .16s ease-out}.test-play:hover{transform:translateY(-2px)}.test-play.memutar{animation:test-pulse 1.1s ease-in-out infinite}@keyframes test-pulse{0%,to{box-shadow:0 8px 20px #175d4838,0 0 #2e7d6252}50%{box-shadow:0 8px 20px #175d4838,0 0 0 14px #2e7d6200}}.test-listening-copy{flex:1;min-width:140px}.test-listening-copy b{display:block;font-size:13.5px;color:var(--text-primary)}.test-listening-copy span{font-size:11.5px;color:var(--text-muted)}.test-reveal{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:11.5px;font-weight:600;color:#4a6d5b;background:#fffdf7d9;border:1px solid rgba(120,110,88,.18);border-radius:10px;cursor:pointer}.test-reveal:hover{color:var(--brand-jade-dark);background:#fff}.test-transcript{width:100%;padding:14px 16px;text-align:center;background:#fffdf7e6;border:1px solid rgba(46,125,98,.14);border-radius:var(--radius-sm)}.test-transcript b{font-size:22px;color:#1e3a2e}.test-transcript em{display:block;margin-top:5px;font-size:13px;font-style:normal;color:#b4674c}.test-audio-bar{position:sticky;top:68px;z-index:9;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--jade-soft)}.test-audio-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--brand-jade-dark);color:#fff}.test-audio-copy{display:grid;line-height:1.35}.test-audio-copy b{font-size:13px}.test-audio-copy span{font-size:11.5px;color:var(--text-muted)}.test-audio-el{flex:1;min-width:180px;height:34px}.test-images{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}.test-images img{max-width:100%;max-height:240px;height:auto;border:1px solid var(--border-soft);border-radius:14px;background:#fff}.test-options button.label-saja{justify-content:center;min-height:68px}.test-options button.label-saja .test-option-label{width:44px;height:44px;font-size:22px;border-radius:12px}.test-options button.bergambar{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.test-options button.bergambar img{width:100%;height:var(--opsi-gambar-tinggi);object-fit:contain;border-radius:10px;background:#fff}.test-option-teks{line-height:1.5}.test-source-scroll-hint{display:none}.test-expiry-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--jade-soft);color:var(--text-muted);font-size:13px}.test-expiry-note span{flex:1;min-width:180px}.test-expiry-note button{color:var(--brand-jade-dark);font-weight:700;text-decoration:underline}.test-options.opsi-teks button.bergambar img{width:auto;max-width:100%;height:70px;object-fit:contain;align-self:center}.test-question[data-layout=READING_PASSAGE_MC] .test-images img,.test-question[data-layout=FILL_BLANK_CHOICES] .test-images img,.test-question[data-layout=FILL_BLANK] .test-images img,.test-question[data-layout=SENTENCE_ORDER] .test-images img{max-height:none}.test-options button:disabled{opacity:1;cursor:not-allowed;border-color:var(--border-soft)}.test-options button:disabled:hover{transform:none;box-shadow:none;border-color:var(--border-soft)}.test-options button:disabled.dipilih{border-color:var(--brand-jade)}.test-options button.label-saja{justify-content:center}.test-options button.label-saja .test-option-label{width:44px;height:44px;font-size:24px}.test-question[data-layout=SENTENCE_ORDER] .test-option-label{min-width:42px;width:auto;padding-inline:8px}.test-question[data-layout=BINARY_IMAGE] .test-images{display:flex;justify-content:center}.test-question[data-layout=BINARY_IMAGE] .test-images img{max-height:270px;object-fit:contain}@media(max-width:900px){.test-options{--opsi-lebar-min: 200px}.test-options.opsi-gambar{--opsi-gambar-tinggi: 120px}}@media(max-width:880px){.test-nav{position:static;max-height:200px}.test-nav-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.test-nav-legend{flex-direction:row;flex-wrap:wrap;margin-top:10px}.test-question{padding:18px}.test-question-head{flex-wrap:wrap}}@media(max-width:640px){.test-exam-bar{gap:8px;padding:10px;flex-wrap:wrap}.test-timer{padding:7px 9px;font-size:13px}.test-exam-bar .btn{padding-inline:12px}.test-question{scroll-margin-top:215px}.test-question[data-layout=READING_PASSAGE_MC] .test-images,.test-question[data-layout=FILL_BLANK_CHOICES] .test-images,.test-question[data-layout=FILL_BLANK] .test-images,.test-question[data-layout=SENTENCE_ORDER] .test-images{flex-direction:column;flex-wrap:nowrap;overflow-x:auto}.test-question[data-layout=READING_PASSAGE_MC] .test-images img,.test-question[data-layout=FILL_BLANK_CHOICES] .test-images img,.test-question[data-layout=FILL_BLANK] .test-images img,.test-question[data-layout=SENTENCE_ORDER] .test-images img{max-width:none;flex-shrink:0}.test-source-scroll-hint{display:block;margin:-6px 0 14px;color:var(--text-muted);font-size:11px}.test-audio-bar{flex-wrap:wrap}.test-audio-el{width:100%;flex-basis:100%}.test-options{grid-template-columns:minmax(0,1fr)}.test-options.opsi-gambar{grid-template-columns:repeat(2,minmax(0,1fr))}}.dengar-hub{position:relative}.dengar-latar{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.dengar-hanzi{position:absolute;color:var(--brand-jade);opacity:.05;font-family:"Noto Serif SC",serif;font-size:clamp(120px,22vw,260px);line-height:1;animation:dengarApung 9s ease-in-out infinite}.dengar-hanzi.h1{top:-30px;right:2%}.dengar-hanzi.h2{top:44%;left:-2%;font-size:clamp(90px,15vw,180px);animation-duration:11s;animation-delay:-3s}.dengar-hanzi.h3{bottom:4%;right:12%;font-size:clamp(80px,13vw,160px);animation-duration:7.5s;animation-delay:-5s}@keyframes dengarApung{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dengar-kepala{margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:20px}.dengar-judul{display:flex;align-items:start;gap:15px}.dengar-judul h1{margin:5px 0 7px;font-size:clamp(26px,3.4vw,34px)}.dengar-judul p{margin:0;max-width:46ch;color:var(--text-secondary);font-size:13px;line-height:1.6}.dengar-ikon{flex:none;width:52px;height:52px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:17px}.dengar-ikon.kecil{width:40px;height:40px;border-radius:13px}.dengar-kemajuan{padding:18px 20px}.dengar-kemajuan-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dengar-kemajuan b{margin:8px 0 10px;display:block;font-size:30px}.dengar-kemajuan p{margin:10px 0 0;color:var(--text-secondary);font-size:12px}.dengar-rangka{border-radius:12px;background:linear-gradient(90deg,var(--surface-muted) 25%,#EFEAE1 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:dengarKilau 1.6s linear infinite}.rangka-kemajuan{height:74px;margin-top:10px}@keyframes dengarKilau{to{background-position:-200% 0}}.dengar-baris-utama{margin-bottom:26px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px}.dengar-hero{position:relative;overflow:hidden;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%);border-radius:26px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.dengar-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dengar-hero h2{margin:0 0 8px;font-size:20px}.dengar-hero p{margin:0 0 16px;max-width:40ch;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.dengar-lanjut-tautan{margin-top:12px;display:block;color:var(--brand-jade-dark);font-size:11.5px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.dengar-hero{grid-template-columns:minmax(0,1fr)}.dengar-gelombang{position:absolute;top:12%;right:6%;bottom:12%;left:6%;border:2px solid rgba(62,156,122,.22);border-radius:50%;animation:dengarRiak 2.2s ease-out infinite}.dengar-gelombang.g2{animation-delay:.7s}.dengar-gelombang.g3{animation-delay:1.4s}@keyframes dengarRiak{0%{transform:scale(1);opacity:.28}to{transform:scale(1.22);opacity:0}}.dengar-tes{padding:24px;display:flex;flex-direction:column;align-items:start;gap:10px}.dengar-tes h2{margin:4px 0 0;font-size:17px}.dengar-tes p{margin:0 0 6px;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.dengar-fitur{margin-bottom:28px}.dengar-fitur h2,.dengar-pola h2,.dengar-tinjau h2{margin:0 0 13px;font-size:15px}.dengar-fitur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.dengar-fitur-grid button{padding:18px 20px;display:flex;flex-direction:column;align-items:start;gap:9px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dengar-fitur-grid button:hover:not(:disabled){transform:translateY(-2px);border-color:#3e9c7a4d;box-shadow:var(--shadow-md)}.dengar-fitur-grid b{font-size:14px}.dengar-fitur-grid small{color:var(--text-secondary);font-size:11.5px;line-height:1.55}.dengar-wawasan{margin:0 0 14px;padding:13px 16px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:14px;font-size:12.5px;line-height:1.6}.dengar-statistik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.dengar-statistik{padding:15px 17px;background:var(--surface);border:1px solid var(--border-soft);border-radius:17px}.dengar-statistik span{display:block;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dengar-statistik b{margin-top:7px;display:block;font-size:22px}.dengar-statistik small{margin-top:5px;display:block;color:var(--text-secondary);font-size:10.5px}.dengar-riwayat{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}.dengar-riwayat li{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:15px}.dengar-riwayat b{display:block;font-size:12.5px}.dengar-riwayat span{display:block;margin-top:3px;color:var(--text-secondary);font-size:11.5px}.dengar-riwayat small{display:block;margin-top:2px;color:var(--text-muted);font-size:10.5px}.dengar-riwayat li button{flex:none;min-height:36px;padding:0 13px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:11.5px;font-weight:650}.dengar-kosong{padding:32px;display:grid;justify-items:center;gap:14px;text-align:center}.dengar-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.dengar-mengambang{position:fixed;right:24px;bottom:100px;z-index:30;padding:13px 18px;display:none;align-items:center;gap:11px;color:#fff;background:var(--brand-jade);border-radius:16px;box-shadow:var(--shadow-lg);animation:dengarMasukKanan .3s cubic-bezier(.22,1,.36,1)}.dengar-mengambang b{display:block;font-size:12.5px}.dengar-mengambang small{display:block;margin-top:2px;opacity:.82;font-size:10.5px}@keyframes dengarMasukKanan{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@media(min-width:981px){.dengar-mengambang{display:flex}}.dengar-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#2e2a2661;animation:dengarPudar .22s ease}@supports (backdrop-filter: blur(4px)){.dengar-tirai{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes dengarPudar{0%{opacity:0}to{opacity:1}}.dengar-lembar{width:min(520px,100%);max-height:88vh;overflow-y:auto;padding:24px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-lg);animation:dengarNaik .26s cubic-bezier(.22,1,.36,1)}@keyframes dengarNaik{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.dengar-lembar header{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dengar-lembar h2{margin:0;font-size:18px}.dengar-lembar header button{width:36px;height:36px;display:grid;place-items:center;color:var(--text-secondary);border-radius:10px}.dengar-lembar fieldset{margin:0 0 18px;padding:0;border:0}.dengar-lembar legend{margin-bottom:9px;padding:0;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dengar-pilihan{display:flex;flex-wrap:wrap;gap:8px}.dengar-pilihan button{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;gap:6px;background:var(--surface-muted);border:1px solid transparent;border-radius:13px;font-size:12.5px;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.dengar-pilihan button:hover:not(:disabled){transform:translateY(-1px)}.dengar-pilihan button.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a66}.dengar-pilihan button:disabled{color:var(--text-muted);opacity:.55}.dengar-catatan{margin:9px 0 0;color:var(--text-muted);font-size:11px;line-height:1.55}.dengar-lembar .button{width:100%}.dengar-latihan{max-width:780px;margin:0 auto;padding:22px clamp(16px,4vw,28px) 120px}.dengar-latihan-kepala{margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.dengar-latihan-kepala>span{color:var(--text-secondary);font-size:11.5px;font-weight:650}.dengar-latihan-kepala>button{justify-self:end;min-height:40px;padding:0 14px;color:var(--text-secondary);border-radius:11px;font-size:12px}.dengar-latihan-kepala>button:hover{background:var(--surface-muted)}.dengar-langkah{min-width:116px;text-align:center}.dengar-langkah b{display:block;margin-bottom:6px;font-size:12.5px}.dengar-spanduk{margin:0 0 14px;padding:11px 14px;color:var(--brand-primary-dark);background:var(--danger-soft);border-radius:12px;font-size:12px}.dengar-kartu{padding:26px clamp(18px,4vw,30px)}.dengar-kartu-meta{margin-bottom:18px;display:flex;gap:7px}.dengar-cap{padding:5px 10px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:10px;font-weight:700}.dengar-cap.halus{color:var(--text-secondary);background:var(--surface-muted)}.dengar-ajakan{margin-bottom:18px;display:grid;justify-items:center;gap:6px;text-align:center}.dengar-ajakan>span{color:var(--brand-jade-dark)}.dengar-ajakan b{font-size:14px}.dengar-ajakan p{margin:0;color:var(--text-secondary);font-size:12px}.dengar-pemutar{display:grid;justify-items:center;gap:16px}.dengar-tombol-bungkus{position:relative;display:grid;place-items:center}.dengar-tombol-bungkus.berbunyi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--brand-jade);border-radius:50%;animation:dengarDenyut 1.8s ease-out infinite}@keyframes dengarDenyut{0%{transform:scale(1);opacity:.18}to{transform:scale(1.12);opacity:0}}.dengar-play{width:72px;height:72px;display:grid;place-items:center;color:#fff;background:var(--brand-jade);border-radius:50%;box-shadow:var(--shadow-md);transition:transform .15s ease}.dengar-play:hover:not(:disabled){transform:translateY(-1px)}.dengar-play:active:not(:disabled){transform:scale(.985)}.dengar-spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dengarPutar .8s linear infinite}@keyframes dengarPutar{to{transform:rotate(360deg)}}.dengar-kendali{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.dengar-ulang{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);background:var(--surface-muted);border-radius:12px;font-size:12px;font-weight:600}.dengar-laju{display:flex;gap:4px;padding:4px;background:var(--surface-muted);border-radius:13px}.dengar-laju button{min-width:52px;min-height:36px;border-radius:10px;font-size:11.5px;font-weight:650;color:var(--text-secondary);transition:background .18s ease,color .18s ease}.dengar-laju button.aktif{color:#fff;background:var(--brand-jade)}.dengar-volume{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:var(--text-secondary);background:var(--surface-muted);border-radius:12px}.dengar-volume input{width:84px;accent-color:var(--brand-jade)}.dengar-galat{margin:0;color:var(--brand-primary-dark);font-size:12px;text-align:center}.dengar-galat button{color:var(--brand-jade-dark);font-weight:700;text-decoration:underline}.dengar-pertanyaan{margin:24px 0 14px;font-size:15px;text-align:center}.dengar-opsi{display:grid;gap:9px}.dengar-opsi-tombol{min-height:56px;padding:13px 15px;display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:15px;font-size:13.5px;transition:transform .14s ease,border-color .14s ease,background .14s ease;animation:dengarOpsiMasuk .22s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--tunda, 0ms)}@keyframes dengarOpsiMasuk{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.dengar-opsi-tombol:hover:not(:disabled){border-color:#3e9c7a52}.dengar-opsi-tombol:active:not(:disabled){transform:scale(.99)}.dengar-opsi-tombol.dipilih,.dengar-opsi-tombol.benar{background:var(--jade-soft);border-color:var(--brand-jade)}.dengar-opsi-tombol.salah{background:#fff7ee;border-color:var(--brand-gold);animation:dengarGoyang .18s ease}@keyframes dengarGoyang{0%,to{transform:translate(0)}33%{transform:translate(-2px)}66%{transform:translate(2px)}}.dengar-opsi-kunci{flex:none;width:28px;height:28px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-muted);border-radius:9px;font-size:11px;font-weight:700}.dengar-opsi-teks{flex:1;min-width:0}.dengar-tanda{flex:none;display:inline-flex;align-items:center;gap:5px;color:var(--brand-jade-dark);font-size:10.5px;font-weight:700}.dengar-opsi-tombol.salah .dengar-tanda{color:var(--brand-gold-dark)}.dengar-umpan{margin-top:12px;color:var(--text-secondary);font-size:12px;text-align:center}.dengar-transkrip{margin-top:18px;padding:18px 20px;background:var(--surface-muted);border-radius:17px;animation:dengarBukaTranskrip .24s cubic-bezier(.22,1,.36,1) both}@keyframes dengarBukaTranskrip{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.dengar-transkrip-hanzi p{margin:0 0 4px;font-size:21px;line-height:1.5}.dengar-transkrip-pinyin p{margin:0 0 3px;color:var(--text-secondary);font-size:12.5px}.dengar-transkrip-arti p{margin:6px 0 0;font-size:13px}.dengar-penjelasan{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border-soft);color:var(--text-secondary);font-size:12px;line-height:1.6}.dengar-kontur{margin:14px 0 0;padding:0}.dengar-kontur svg{width:100%;max-width:240px;height:auto}.kontur-garis{stroke:var(--border-strong);stroke-width:.6;stroke-dasharray:3 3}.kontur-jalur{fill:none;stroke:var(--brand-jade);stroke-width:3;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:dengarGambar .55s ease forwards}@keyframes dengarGambar{to{stroke-dashoffset:0}}.dengar-kontur figcaption{margin-top:5px;color:var(--text-secondary);font-size:11px}.dengar-aksi{margin-top:20px;display:flex;justify-content:center}.dengar-aksi .button{min-width:200px;min-height:48px}.dengar-hasil{max-width:820px;margin:0 auto}.dengar-hasil-hero{margin-bottom:18px;padding:30px;display:grid;justify-items:center;gap:7px;text-align:center;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%)}.dengar-hasil-hero h1{margin:6px 0 0;font-size:19px}.dengar-hasil-hero b{font-size:40px}.dengar-hasil-persen{margin:0;color:var(--brand-jade-dark);font-size:17px;font-weight:700}.dengar-hasil-hero small{color:var(--text-muted);font-size:10.5px}.dengar-wawasan-kartu{margin:16px 0;padding:16px 18px}.dengar-wawasan-kartu p{margin:0;font-size:12.5px;line-height:1.6}.dengar-aksi-hasil{margin:18px 0 28px;display:flex;flex-wrap:wrap;gap:10px}.dengar-aksi-hasil .button{min-height:46px}.dengar-tinjau ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.dengar-tinjau li{padding:15px 17px;background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--brand-jade);border-radius:15px}.dengar-tinjau li.salah{border-left-color:var(--brand-gold)}.dengar-tinjau-kepala{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dengar-tinjau li.salah .dengar-tanda{color:var(--brand-gold-dark)}.dengar-tinjau li .hz{margin:0;font-size:18px}.dengar-tinjau-pinyin{margin:4px 0 0;color:var(--text-secondary);font-size:11.5px}.dengar-tinjau-arti{margin:5px 0 0;font-size:12.5px}.navitem-segera{opacity:.55}@media(max-width:980px){.dengar-kepala,.dengar-baris-utama{grid-template-columns:minmax(0,1fr)}.dengar-hero{grid-template-columns:minmax(0,1fr);text-align:left}.dengar-hero-art{order:-1;justify-self:center}}@media(max-width:620px){.dengar-tirai{padding:0;align-items:end}.dengar-lembar{width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation-name:dengarSheetNaik}.dengar-latihan-kepala{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}.dengar-langkah{grid-column:1 / -1;order:3;min-width:0}.dengar-latihan{padding-bottom:calc(210px + env(safe-area-inset-bottom))}.dengar-aksi{position:fixed;left:0;right:0;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));z-index:25;padding:12px 16px;background:#fdfbf7f5;border-top:1px solid var(--border-soft)}.dengar-aksi .button{width:100%;min-width:0}.dengar-aksi-hasil .button{width:100%}.dengar-hasil-hero b{font-size:34px}}@supports (backdrop-filter: blur(10px)){@media(max-width:620px){.dengar-aksi{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}}@keyframes dengarSheetNaik{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dengar-hanzi,.dengar-gelombang,.dengar-rangka,.dengar-tombol-bungkus.berbunyi:after{animation:none}.dengar-gelombang{opacity:.12}.dengar-opsi-tombol,.dengar-transkrip,.dengar-lembar,.dengar-tirai,.dengar-mengambang{animation:none}.kontur-jalur{stroke-dashoffset:0;animation:none}.dengar-hero,.dengar-fitur-grid button,.dengar-play,.dengar-pilihan button{transition:none}.dengar-hero:hover,.dengar-fitur-grid button:hover:not(:disabled){transform:none}.dengar-opsi-tombol.salah{animation:none}}.dengar-hub .button-primary,.dengar-lembar .button-primary,.dengar-latihan .button-primary,.dengar-hasil .button-primary{background:var(--brand-jade);box-shadow:0 10px 22px #3e9c7a38}.dengar-hub .button-primary:not(:disabled):hover,.dengar-lembar .button-primary:not(:disabled):hover,.dengar-latihan .button-primary:not(:disabled):hover,.dengar-hasil .button-primary:not(:disabled):hover{background:var(--brand-jade-dark);box-shadow:0 14px 28px #3e9c7a47}.dengar-hub .button-ghost,.dengar-latihan .button-ghost,.dengar-hasil .button-ghost{color:var(--brand-jade-dark);border-color:#3e9c7a3d}.dengar-hub .button-ghost:not(:disabled):hover,.dengar-latihan .button-ghost:not(:disabled):hover,.dengar-hasil .button-ghost:not(:disabled):hover{background:var(--jade-soft)}.report-card{position:relative;background:var(--surface);border:1px solid rgba(38,88,67,.08);border-radius:22px;box-shadow:0 8px 24px #2344360b,0 1px 2px #2344360a;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.report-card:hover{box-shadow:0 16px 34px #23443613,0 2px 4px #2344360a}.report-card h2{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:15px}.report-card h2 svg{color:var(--brand-jade-dark)}.trial-voucher-card{padding:20px 22px;margin-bottom:22px}.trial-voucher-card p{margin:4px 0 14px;color:var(--text-muted);font-size:12.5px}.trial-voucher-card.is-done p{color:var(--text-secondary);margin-bottom:0}.trial-voucher-field{display:flex;gap:8px}.trial-voucher-field input{flex:1;min-width:0;min-height:40px;padding:0 12px;font:inherit;font-size:13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface)}.trial-voucher-card .trial-voucher-error{margin:10px 0 0;color:#a5451f;font-weight:600;font-size:12px}.dashboard-analytics-zone{position:relative;isolation:isolate;margin-bottom:22px}.dashboard-analytics-zone:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:-1;border-radius:36px;background:radial-gradient(ellipse at 55% 28%,#489b7714,#489b7700 68%);pointer-events:none}.analytics-baris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:stretch}.analytics-galat{margin-bottom:18px;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.analytics-galat p{margin:0;color:var(--brand-primary-dark);font-size:13px}.hsk-card{padding:22px 24px;display:flex;flex-direction:column;gap:14px}.hsk-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.hsk-head p{margin:4px 0 0;color:var(--text-muted);font-size:11.5px}.hsk-persen{text-align:right}.hsk-persen strong{display:block;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.hsk-persen strong i{font-style:normal;font-size:17px;color:var(--brand-jade-dark)}.hsk-persen small{color:var(--text-muted);font-size:10.5px}.hsk-garis{margin:0;color:var(--text-secondary);font-size:12px}.hsk-sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px}.hsk-sub{padding:11px 12px;background:var(--surface-muted);border-radius:14px}.hsk-sub span{display:block;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.hsk-sub b{margin-top:6px;display:block;font-size:17px;font-variant-numeric:tabular-nums}.hsk-sub small{display:block;margin-top:2px;color:var(--text-muted);font-size:10px}.hsk-sub.rangka{min-height:66px;background:linear-gradient(90deg,var(--surface-muted) 25%,#EFEAE1 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:analitikKilau 1.6s linear infinite}@keyframes analitikKilau{to{background-position:-200% 0}}.hsk-wa-promo{margin-top:4px;display:block;overflow:hidden;line-height:0;background:#f1f8f3;border:1px solid var(--border-soft);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.hsk-wa-promo:hover{transform:translateY(-2px);box-shadow:0 12px 26px #255a3e24}.hsk-wa-promo:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.hsk-wa-promo img{width:100%;height:auto;display:block}@media(prefers-reduced-motion:reduce){.hsk-wa-promo{transition:none}}.analytics-chart{position:relative;overflow:hidden;padding:20px 22px 16px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(47,125,93,.12);box-shadow:0 16px 40px #1b4d390f,inset 0 1px #fffc}.analytics-chart:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle at 65% 35%,rgba(76,164,127,.1),transparent 42%);opacity:.75}.analytics-chart:after{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(62,144,108,.18),transparent)}.analytics-chart>*{position:relative;z-index:1}.analytics-focus-glow{position:absolute;top:12%;right:18%;bottom:22%;left:18%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(72,155,119,.22),transparent 65%);filter:blur(36px);opacity:.28;pointer-events:none;animation:reportGlow 7s ease-in-out infinite}@keyframes reportGlow{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.42;transform:scale(1.02)}}.chart-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px}.chart-head p{margin:4px 0 0;max-width:34ch;color:var(--text-muted);font-size:11.5px;line-height:1.5}.range-pills{display:flex;gap:3px;padding:3px;background:var(--surface-muted);border-radius:12px}.range-pills button{min-height:32px;padding:0 11px;border-radius:9px;color:var(--text-secondary);font-size:11px;font-weight:650;transition:background .2s ease,color .2s ease}.range-pills button.aktif{color:var(--brand-jade-dark);background:var(--surface);box-shadow:var(--shadow-sm)}.chart-ringkasan{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.chart-panggung{position:relative}.chart-svg{width:100%;height:auto;display:block;border-radius:12px}.chart-svg:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.chart-grid{stroke:#3e9c7a24;stroke-width:1;stroke-dasharray:3 4}.chart-sumbu{fill:var(--text-muted);font-size:10px;font-family:Sora,system-ui,sans-serif}.chart-area{fill:url(#chartArea)}.chart-line{fill:none;stroke:var(--brand-jade);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-panduan{stroke:#3e9c7a61;stroke-width:1;stroke-dasharray:3 3}.chart-titik{fill:var(--surface);stroke:var(--brand-jade);stroke-width:2}.chart-titik.terakhir{fill:var(--brand-jade)}.chart-titik.sorot{fill:var(--brand-jade);r:5}.chart-area{fill:#3e9c7a1f}.chart-tooltip{position:absolute;top:6px;transform:translate(-50%);min-width:132px;padding:9px 12px;pointer-events:none;background:var(--bg-main);border:1px solid rgba(62,156,122,.28);border-radius:11px;box-shadow:var(--shadow-md)}.chart-tooltip b{display:block;font-size:12px}.chart-tooltip span{display:block;margin-top:3px;color:var(--brand-jade-dark);font-size:12px;font-weight:650}.chart-tooltip small{display:block;margin-top:2px;color:var(--text-muted);font-size:10.5px}.chart-kaki{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.chart-kaki span{max-width:46ch;color:var(--text-muted);font-size:10.5px;line-height:1.5}.chart-bantu{color:var(--text-muted);font-size:10.5px}.chart-kosong{padding:34px 10px;display:grid;justify-items:center;gap:8px;text-align:center}.chart-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.chart-kosong small{color:var(--text-muted);font-size:11.5px}.chart-kosong button{color:var(--brand-jade-dark);font-size:12px;font-weight:700;text-decoration:underline}.chart-rangka{aspect-ratio:640 / 178;display:grid;align-content:space-between;padding:14px 0 26px}.chart-rangka span{height:1px;background:#3e9c7a1f}.analytics-chart.masuk .chart-line{animation:chartGambar .68s cubic-bezier(.22,1,.36,1) .22s both}.analytics-chart.masuk .chart-area{animation:chartMuncul .45s ease .45s both}.analytics-chart.masuk .chart-titik{animation:chartTitik .3s ease both;animation-delay:calc(.5s + var(--i, 0) * 24ms)}.analytics-chart.masuk .chart-titik.terakhir{animation:chartTitik .3s ease .62s both,chartDenyut .9s ease-out 1.1s 1}@keyframes chartGambar{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes chartMuncul{0%{opacity:0}to{opacity:1}}@keyframes chartTitik{0%{opacity:0;transform:scale(.6);transform-origin:center}to{opacity:1;transform:scale(1)}}@keyframes chartDenyut{0%{filter:drop-shadow(0 0 0 rgba(52,139,102,.45))}to{filter:drop-shadow(0 0 9px rgba(52,139,102,0))}}.skill-section{margin-bottom:22px;scroll-margin-top:76px}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skill-card{padding:16px 18px;display:flex;flex-direction:column;align-items:start;gap:6px;text-align:left;animation:skillMasuk .42s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--tunda, 0ms)}@keyframes skillMasuk{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}button.skill-card{cursor:pointer}button.skill-card:hover{transform:translateY(-2px);border-color:#3e9c7a4d}.skill-card-mati{opacity:.72}.skill-ikon{width:34px;height:34px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px}.skill-card-mati .skill-ikon{color:var(--text-muted);background:var(--surface-muted)}.skill-nama{font-size:12.5px}.skill-nilai{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}.skill-nilai.kosong{color:var(--text-muted);font-size:17px}.skill-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px}.skill-status i{font-style:normal;font-weight:700;font-size:10.5px}.skill-status i.naik{color:var(--brand-jade-dark)}.skill-status i.turun{color:var(--brand-gold-dark)}.skill-spark{width:100%;max-width:118px;height:34px;margin-top:6px}.skill-spark path{fill:none;stroke:var(--brand-jade);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.skill-card:hover .skill-spark path{stroke:var(--brand-jade-dark)}.skill-card .skill-spark path{animation:chartGambar .7s ease var(--tunda, 0ms) both}.skill-spark-kosong{width:100%;max-width:118px;height:34px;margin-top:6px;border-bottom:1px dashed var(--border-strong)}.skill-lemah{margin-top:2px;color:var(--brand-gold-dark);font-size:10.5px}.dashboard-duo{margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}.tes-card,.profil-ringkas,.jalur-card,.rekomendasi-card{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.tes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tes-blok{padding:13px 15px;background:var(--surface-muted);border-radius:14px}.tes-judul{display:block;margin-bottom:6px;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tes-blok b{display:block;font-size:15px}.tes-blok b.tes-kosong{color:var(--text-muted);font-size:13px;font-weight:600}.tes-blok small{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.5}.tes-tautan{margin-top:auto;display:inline-flex;align-items:center;gap:7px;align-self:start;min-height:40px;padding:0 14px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px;font-size:12px;font-weight:650}.tes-tautan:hover{background:#dcefe7}.profil-kepala{display:flex;align-items:center;gap:12px}.profil-kepala h3{margin:0;font-size:15px}.profil-avatar{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:var(--brand-jade);border-radius:14px;font-size:17px;font-weight:700}.profil-baris{display:grid;gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.profil-baris>div{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)}.profil-baris span{color:var(--text-secondary);font-size:11.5px}.profil-baris b{font-size:12.5px;font-variant-numeric:tabular-nums}.jalur-stepper{margin:0;padding:0;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:6px;overflow-x:auto}.jalur-langkah{position:relative;display:grid;justify-items:center;gap:5px;padding-top:4px;text-align:center}.jalur-langkah b{font-size:11.5px}.jalur-langkah small{color:var(--text-muted);font-size:9.5px}.jalur-titik{width:34px;height:34px;display:grid;place-items:center;color:var(--text-muted);background:var(--surface-muted);border:2px solid var(--border-soft);border-radius:50%}.jalur-titik i{width:7px;height:7px;background:currentColor;border-radius:50%}.jalur-langkah.completed .jalur-titik{color:#fff;background:var(--brand-jade);border-color:var(--brand-jade)}.jalur-langkah.active .jalur-titik{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:var(--brand-jade);box-shadow:0 0 0 5px #3e9c7a24}.jalur-langkah.active b{color:var(--brand-jade-dark)}.jalur-langkah.locked{opacity:.6}.jalur-langkah:not(:last-child):after{content:"";position:absolute;top:21px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--border-soft)}.jalur-langkah.completed:not(:last-child):after{background:#3e9c7a73}.rekomendasi-card{overflow:hidden;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%)}.rekomendasi-hias{position:absolute;right:-30px;bottom:-30px;width:190px;height:190px;pointer-events:none;background:radial-gradient(circle at 60% 40%,rgba(62,156,122,.16),transparent 62%);animation:rekomendasiHanyut 12s ease-in-out infinite}@keyframes rekomendasiHanyut{0%,to{transform:translate(0)}50%{transform:translate(-8px,-6px)}}.rekomendasi-isi{position:relative}.rekomendasi-isi b{display:block;font-size:15px}.rekomendasi-isi p{margin:5px 0 12px;max-width:44ch;color:var(--text-secondary);font-size:12px;line-height:1.55}.rekomendasi-isi small{display:block;margin-top:6px;color:var(--text-muted);font-size:10.5px}.rekomendasi-kosong{margin:0;color:var(--text-secondary);font-size:12.5px}.rekomendasi-cta{position:relative;align-self:start;margin-top:auto}.rekomendasi-card .button-primary{background:var(--brand-jade);box-shadow:0 10px 22px #3e9c7a33}.rekomendasi-card .button-primary:not(:disabled):hover{background:var(--brand-jade-dark)}@media(max-width:1180px){.analytics-baris{grid-template-columns:minmax(0,1fr)}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.dashboard-duo{grid-template-columns:minmax(0,1fr)}.hsk-head{flex-direction:column}.hsk-persen{text-align:left}}@media(max-width:560px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hsk-card,.analytics-chart,.tes-card,.profil-ringkas,.jalur-card,.rekomendasi-card{padding:17px 16px}.chart-head{flex-direction:column}.range-pills{width:100%}.range-pills button{flex:1}.chart-tooltip{min-width:116px;padding:8px 10px}.jalur-stepper{grid-auto-columns:minmax(64px,1fr)}.chart-kaki span{max-width:none}}@media(prefers-reduced-motion:reduce){.analytics-focus-glow,.rekomendasi-hias,.hsk-sub.rangka{animation:none}.analytics-chart.masuk .chart-line,.analytics-chart.masuk .chart-area,.analytics-chart.masuk .chart-titik,.analytics-chart.masuk .chart-titik.terakhir,.skill-card,.skill-card .skill-spark path{animation:none}.chart-line{stroke-dashoffset:0}.report-card,.skill-card{transition:none}button.skill-card:hover{transform:none}}@media(max-width:899px){.dashboard-page{display:flex;flex-direction:column}.dashboard-page .analytics-galat{order:-1;margin-bottom:14px}.dashboard-page .dashboard-header-hero{order:0}.dashboard-page .today-plan-modern{order:1;margin-bottom:18px}.dashboard-page .dashboard-analytics-zone{order:2}.dashboard-page .skill-section{order:3}.dashboard-page .dashboard-duo{order:4}.dashboard-header-hero{min-height:0;padding:16px;gap:12px;margin-bottom:18px;border-radius:20px}.dash-greeting-badge{min-height:26px;margin-bottom:8px;font-size:11px}.dash-hero-content h1{font-size:clamp(20px,5.2vw,23px);letter-spacing:-.7px;margin-bottom:4px}.dash-hero-content>p{display:none}.dash-hero-meta{margin-top:12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:10.5px}.dash-hero-meta i{display:inline-block}.dash-hero-stats{display:none}.dash-hero-landscape{opacity:.45;object-position:78% center}.today-plan-modern{padding:16px 14px}}.tes-mini-tautan{margin-top:9px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;color:var(--brand-jade-dark);background:var(--surface);border:1px solid rgba(62,156,122,.22);border-radius:10px;font-size:11px;font-weight:650}.tes-mini-tautan:hover{background:var(--jade-soft)}@media(min-width:900px){.sidebar-crest{padding:14px 14px 12px}.sidebar-crest .brand-word{font-size:15px}.crest-tagline{font-size:10.5px}.navitem{min-height:40px}.navitem-main>span{white-space:nowrap}.account-zone .app-user-control b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{max-width:1320px}.pad{padding:20px clamp(16px,2.1vw,34px) 30px}.dashboard-header-hero{min-height:196px;margin-bottom:14px;padding:20px 24px;border-radius:19px}.dash-hero-content{max-width:660px}.dash-greeting-badge{min-height:25px;margin-bottom:6px;font-size:10.5px}.dash-hero-content h1{margin-bottom:6px;font-size:clamp(26px,2.2vw,32px)}.dash-hero-content>p{max-width:520px;font-size:12.5px;line-height:1.55}.dash-hero-meta{margin-top:11px;gap:8px;font-size:10px}.streak-chip-modern{min-width:126px;padding:11px 14px;border-radius:14px}.streak-chip-modern b{font-size:15.5px}.dashboard-analytics-zone{margin-bottom:12px}.analytics-baris{gap:11px}.report-card{border-radius:17px}.report-card h2{font-size:13px}.hsk-card{padding:14px 16px;gap:9px}.hsk-head{gap:12px}.hsk-head p{font-size:11px}.hsk-persen strong{font-size:24px}.hsk-persen strong i{font-size:13px}.hsk-garis{font-size:11px}.hsk-sub-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px}.hsk-sub{padding:7px 9px;border-radius:11px}.hsk-sub span{font-size:9px}.hsk-sub b{margin-top:3px;font-size:14px}.hsk-sub small{font-size:9.5px}.hsk-sub.rangka{min-height:50px}.analytics-chart{padding:13px 15px 11px;gap:7px}.chart-head p{font-size:11px}.range-pills button{min-height:27px;padding:0 8px;font-size:10.5px}.chart-ringkasan{font-size:11px}.chart-kaki span,.chart-bantu{font-size:10px}.skill-section{margin-bottom:12px}.skill-grid{gap:9px}.skill-card{padding:11px 13px;gap:4px}.skill-ikon{width:27px;height:27px;border-radius:9px}.skill-nilai{font-size:19px}.skill-nilai.kosong{font-size:14px}.skill-spark,.skill-spark-kosong{height:24px;margin-top:3px}.dashboard-duo{margin-bottom:12px;gap:11px}.tes-card,.profil-ringkas,.jalur-card,.rekomendasi-card{padding:13px 15px;gap:9px}.tes-blok{padding:9px 11px;border-radius:11px}.tes-blok b{font-size:13px}.tes-tautan{min-height:33px;padding:0 11px}.profil-avatar{width:35px;height:35px;border-radius:11px}.profil-kepala h3{font-size:14px}.profil-baris>div{padding:6px 11px}.jalur-titik{width:27px;height:27px}.jalur-langkah:not(:last-child):after{top:17px;left:calc(50% + 16px);right:calc(-50% + 16px)}.rekomendasi-isi p{margin:4px 0 10px}.today-plan-modern{padding:14px 16px;gap:10px;border-radius:16px}.today-plan-title>span{width:33px;height:33px;border-radius:10px}.section-heading-modern h2{font-size:15.5px}.section-heading-modern p{font-size:11.5px}.learning-list-modern{gap:7px}.learning-row{min-height:50px;padding:7px 12px;grid-template-columns:33px 1fr auto 15px;gap:9px;border-radius:12px}.learning-icon{width:33px;height:33px;border-radius:9px}.learning-list-modern .learning-copy b{font-size:13px}.learning-list-modern .learning-copy small{font-size:11px}.start-session-btn{min-height:42px}}.bicara-hub{position:relative}.bicara-latar{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.bicara-hanzi{position:absolute;color:var(--brand-jade);opacity:.05;font-family:"Noto Serif SC",serif;font-size:clamp(110px,18vw,220px);line-height:1;animation:bicaraApung 10s ease-in-out infinite}.bicara-hanzi.h1{top:-20px;right:3%}.bicara-hanzi.h2{bottom:6%;left:-1%;font-size:clamp(80px,13vw,160px);animation-delay:-4s}@keyframes bicaraApung{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.bicara-kepala{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:start;gap:16px}.bicara-judul{display:flex;align-items:start;gap:13px}.bicara-judul h1{margin:4px 0 6px;font-size:clamp(24px,2.4vw,31px)}.bicara-judul p{margin:0;max-width:48ch;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.bicara-ikon{flex:none;width:46px;height:46px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:15px}.bicara-ikon.kecil{width:34px;height:34px;border-radius:11px}.bicara-kemajuan{padding:15px 17px}.bicara-kemajuan-label{color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.bicara-kemajuan b{margin:6px 0 8px;display:block;font-size:24px}.bicara-kemajuan p{margin:8px 0 0;color:var(--text-secondary);font-size:11.5px}.bicara-kemajuan small{display:block;margin-top:5px;color:var(--text-muted);font-size:10px}.bicara-rangka{height:64px;margin-top:8px;border-radius:11px;background:var(--surface-muted)}.bicara-hero{position:relative;overflow:hidden;margin-bottom:16px;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%);border-radius:21px;transition:transform .22s ease,box-shadow .22s ease}.bicara-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bicara-hero h2{margin:0 0 6px;font-size:18px}.bicara-hero p{margin:0 0 13px;max-width:44ch;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.bicara-lanjut{margin-top:10px;display:block;color:var(--brand-jade-dark);font-size:11.5px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.bicara-privasi{display:block;margin-top:11px;color:var(--text-muted);font-size:10.5px}.bicara-hero{grid-template-columns:minmax(0,1fr)}.bicara-gelombang{position:absolute;top:14%;right:8%;bottom:14%;left:8%;border:2px solid rgba(62,156,122,.2);border-radius:50%;animation:bicaraRiak 2.4s ease-out infinite}.bicara-gelombang.g2{animation-delay:1.2s}@keyframes bicaraRiak{0%{transform:scale(1);opacity:.26}to{transform:scale(1.2);opacity:0}}.bicara-fitur{margin-bottom:16px}.bicara-fitur h2,.bicara-pola h2,.bicara-tinjau-daftar h2{margin:0 0 11px;font-size:14px}.bicara-fitur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px}.bicara-fitur-grid>*{padding:14px 16px;display:flex;flex-direction:column;align-items:start;gap:7px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:17px;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease}.bicara-fitur-grid button:hover:not(:disabled){transform:translateY(-2px);border-color:#3e9c7a4d}.bicara-fitur-grid button:disabled{opacity:.6}.bicara-fitur-grid b{font-size:13px}.bicara-fitur-grid small{color:var(--text-secondary);font-size:11px;line-height:1.5}.bicara-ai{background:linear-gradient(140deg,#FFFDF8,var(--gold-soft))!important;border-color:#f2a93b38!important}.bicara-ai .bicara-ikon{color:var(--brand-gold-dark);background:#ffffffb3}.bicara-ai-cta{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;color:#fff;background:var(--brand-jade);border-radius:10px;font-size:11.5px;font-weight:650}.bicara-ai-cta:hover{background:var(--brand-jade-dark)}.bicara-ai-mati{color:var(--text-muted);font-size:11px;font-style:italic}.bicara-ai-catatan{color:var(--brand-gold-dark)!important;font-size:10px!important}.bicara-statistik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.bicara-statistik{padding:12px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:15px}.bicara-statistik span{display:block;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.bicara-statistik b{margin-top:5px;display:block;font-size:19px;font-variant-numeric:tabular-nums}.bicara-riwayat{margin:13px 0 0;padding:0;list-style:none;display:grid;gap:8px}.bicara-riwayat li{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}.bicara-riwayat b{display:block;font-size:12px}.bicara-riwayat span{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.bicara-riwayat li button{flex:none;min-height:34px;padding:0 12px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:11px;font-weight:650}.bicara-kosong{padding:30px;display:grid;justify-items:center;gap:12px;text-align:center}.bicara-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.bicara-latihan{max-width:720px;margin:0 auto;padding:20px clamp(16px,4vw,26px) 120px}.bicara-latihan-kepala{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.bicara-latihan-kepala>span{color:var(--text-secondary);font-size:11.5px;font-weight:650}.bicara-latihan-kepala>button{justify-self:end;min-height:38px;padding:0 13px;color:var(--text-secondary);border-radius:11px;font-size:12px}.bicara-latihan-kepala>button:hover{background:var(--surface-muted)}.bicara-langkah{min-width:108px;text-align:center}.bicara-langkah b{display:block;margin-bottom:5px;font-size:12.5px}.bicara-spanduk{margin:0 0 12px;padding:10px 13px;color:var(--brand-primary-dark);background:var(--danger-soft);border-radius:11px;font-size:12px}.bicara-kartu{padding:22px clamp(16px,4vw,26px)}.bicara-target{display:grid;justify-items:center;gap:5px;text-align:center}.bicara-target .hz{margin:0;font-size:clamp(30px,5vw,42px);line-height:1.25}.bicara-pinyin{margin:0;color:var(--text-secondary);font-size:14px}.bicara-arti{margin:2px 0 0;font-size:12.5px}.bicara-cap{margin-top:5px;padding:4px 10px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:10px;font-weight:700}.bicara-cap.halus{color:var(--text-secondary);background:var(--surface-muted)}.bicara-kendali{margin-top:20px;display:grid;justify-items:center;gap:12px}.bicara-contoh{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:12px;font-size:12.5px;font-weight:650}.bicara-contoh:hover{background:#dcefe7}.bicara-rekam{position:relative;width:72px;height:72px;display:grid;place-items:center;color:#fff;background:var(--brand-jade);border-radius:50%;box-shadow:var(--shadow-md);transition:transform .15s ease,background .18s ease}.bicara-rekam:hover:not(:disabled){transform:translateY(-1px)}.bicara-rekam.merekam{background:var(--brand-primary)}.bicara-rekam.merekam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--brand-primary);border-radius:50%;animation:bicaraDenyut 1.6s ease-out infinite}@keyframes bicaraDenyut{0%{transform:scale(1);opacity:.3}to{transform:scale(1.18);opacity:0}}.bicara-titik{position:absolute;top:9px;right:9px;width:8px;height:8px;background:#fff;border-radius:50%}.bicara-status{min-height:18px;color:var(--text-secondary);font-size:12px;text-align:center}.bicara-izin{margin:14px 0 0;padding:11px 14px;color:var(--text-secondary);background:var(--surface-muted);border-radius:12px;font-size:11.5px;line-height:1.55;text-align:center}.bicara-galat{margin:14px 0 0;color:var(--brand-primary-dark);font-size:12px;text-align:center}.bicara-galat button{color:var(--brand-jade-dark);font-weight:700;text-decoration:underline}.bicara-tinjau{margin-top:18px;padding:16px 18px;background:var(--surface-muted);border-radius:16px}.bicara-tinjau-atas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.bicara-tinjau-label{display:block;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bicara-tinjau-atas b{display:block;margin-top:4px;font-size:16px}.bicara-naik{display:block;margin-top:3px;color:var(--brand-jade-dark);font-size:10.5px;font-style:normal;font-weight:700}.bicara-putar{max-width:220px;height:34px}.bicara-kontur{margin:14px 0 0;padding:0}.bicara-kontur svg{width:100%;max-width:320px;height:auto}.bicara-kontur-garis{stroke:var(--border-strong);stroke-width:.6;stroke-dasharray:3 3}.bicara-kontur-acuan{fill:none;stroke:var(--brand-jade);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 4}.bicara-kontur-rekaman{fill:none;stroke:var(--brand-gold-dark);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:bicaraGambar .6s ease forwards}@keyframes bicaraGambar{to{stroke-dashoffset:0}}.bicara-kontur figcaption{margin-top:6px;display:flex;gap:12px;font-size:10.5px}.bicara-legenda{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary)}.bicara-legenda:before{content:"";width:14px;height:2px;border-radius:2px}.bicara-legenda.acuan:before{background:var(--brand-jade)}.bicara-legenda.rekaman:before{background:var(--brand-gold-dark)}.bicara-kontur--kalimat svg{max-width:100%}.bicara-kontur-batas{stroke:var(--border-strong);stroke-width:.5;opacity:.5}.bicara-kontur-suku{fill:var(--text-secondary);font-size:7px;font-weight:600}.bicara-kontur-suku--lemah{fill:var(--brand-gold-dark)}.bicara-kontur-nada{fill:var(--text-muted);font-size:6px}.bicara-kontur-lemah{margin:10px 0 0;color:var(--brand-gold-dark);font-size:11.5px;font-weight:600}.bicara-umpan{margin:12px 0 0;font-size:12.5px;line-height:1.6}.bicara-penjelas{margin:6px 0 0;color:var(--text-muted);font-size:10.5px;line-height:1.5}.bicara-nilai-diri{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px}.bicara-nilai-diri button{min-height:38px;padding:0 13px;background:var(--surface);border:1px solid var(--border-soft);border-radius:11px;font-size:11.5px;font-weight:600}.bicara-nilai-diri button.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a66}.bicara-aksi{margin-top:18px;display:flex;justify-content:center;gap:10px}.bicara-aksi .button{min-width:150px;min-height:46px}.bicara-hasil{max-width:760px;margin:0 auto}.bicara-hasil-hero{padding:26px;display:grid;justify-items:center;gap:6px;text-align:center;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%)}.bicara-hasil-hero h1{margin:5px 0 0;font-size:18px}.bicara-hasil-hero b{font-size:34px}.bicara-hasil-hero p{margin:0;color:var(--text-secondary);font-size:12px}.bicara-hasil-mirip{color:var(--brand-jade-dark)!important;font-weight:700}.bicara-hasil-hero small{color:var(--text-muted);font-size:10.5px}.bicara-catatan{margin:13px 0 0;padding:10px 13px;color:var(--brand-gold-dark);background:var(--gold-soft);border-radius:11px;font-size:11.5px}.bicara-aksi-hasil{margin:16px 0 22px;display:flex;flex-wrap:wrap;gap:10px}.bicara-tinjau-daftar ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.bicara-tinjau-daftar li{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}.bicara-tinjau-daftar .hz{margin:0;font-size:19px}.bicara-tinjau-daftar span{color:var(--text-secondary);font-size:11px}.bicara-tinjau-nilai{flex:none;display:grid;justify-items:end;gap:2px}.bicara-tinjau-nilai b{font-size:15px;font-variant-numeric:tabular-nums}.bicara-tinjau-nilai small{color:var(--text-muted);font-size:10px}.bicara-hub .button-primary,.bicara-latihan .button-primary,.bicara-hasil .button-primary{background:var(--brand-jade);box-shadow:0 10px 22px #3e9c7a38}.bicara-hub .button-primary:not(:disabled):hover,.bicara-latihan .button-primary:not(:disabled):hover,.bicara-hasil .button-primary:not(:disabled):hover{background:var(--brand-jade-dark)}.bicara-hub .button-ghost,.bicara-latihan .button-ghost,.bicara-hasil .button-ghost{color:var(--brand-jade-dark);border-color:#3e9c7a3d}@media(max-width:980px){.bicara-kepala,.bicara-hero{grid-template-columns:minmax(0,1fr)}.bicara-hero-art{order:-1;justify-self:center}}@media(max-width:620px){.bicara-latihan-kepala{grid-template-columns:minmax(0,1fr) auto;row-gap:9px}.bicara-langkah{grid-column:1 / -1;order:3;min-width:0}.bicara-latihan{padding-bottom:calc(200px + env(safe-area-inset-bottom))}.bicara-aksi{position:fixed;left:0;right:0;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));z-index:25;padding:11px 15px;background:#fdfbf7f5;border-top:1px solid var(--border-soft)}.bicara-aksi .button{flex:1;min-width:0}.bicara-putar{max-width:100%;width:100%}.bicara-tinjau-daftar li{flex-direction:column;align-items:start}.bicara-tinjau-nilai{justify-items:start}}@media(max-width:480px){.dengar-hero-art .mascot{height:124px!important}.bicara-hero-art .mascot{height:118px!important}}@media(prefers-reduced-motion:reduce){.bicara-hanzi,.bicara-gelombang,.bicara-rekam.merekam:after{animation:none}.bicara-gelombang{opacity:.12}.bicara-kontur-rekaman{stroke-dashoffset:0;animation:none}.bicara-hero,.bicara-fitur-grid>*,.bicara-rekam{transition:none}.bicara-hero:hover,.bicara-fitur-grid button:hover:not(:disabled){transform:none}}.kamus-page{max-width:1180px}.kamus-kembali{margin-bottom:12px;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:11.5px;font-weight:650}.kamus-kembali .balik{transform:rotate(180deg)}.kamus-cari{position:sticky;top:0;z-index:5;padding:10px 0 12px;background:var(--bg-main)}.kamus-input{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-sm)}.kamus-input:focus-within{border-color:#3e9c7a66}.kamus-input input{flex:1;min-width:0;align-self:stretch;border:0;background:transparent;color:var(--text-primary);font-size:14px}.kamus-input input:focus{outline:none}.kamus-input>button{display:grid;place-items:center;width:26px;height:26px;color:var(--text-muted);border-radius:8px}.kamus-filter{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.kamus-filter button{min-height:40px;padding:0 12px;color:var(--text-secondary);background:var(--surface-muted);border-radius:10px;font-size:11.5px;font-weight:650;transition:background .16s ease,color .16s ease}.kamus-filter button.aktif{color:#fff;background:var(--brand-jade)}.kamus-jumlah{margin:0 0 10px;color:var(--text-muted);font-size:11.5px}.kamus-hasil{margin:0;padding:0;list-style:none;display:grid;gap:8px}.kamus-kartu{width:100%;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;animation:kamusMasuk .2s ease both;transition:transform .16s ease,border-color .16s ease}@keyframes kamusMasuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kamus-kartu:hover{transform:translate(2px);border-color:#3e9c7a4d}.kamus-kartu-kiri{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.kamus-hanzi{font-size:22px}.kamus-pinyin{color:var(--text-secondary);font-size:12.5px}.kamus-arti{flex-basis:100%;color:var(--text-primary);font-size:12.5px}.kamus-kartu-kanan{flex:none;display:flex;align-items:center;gap:6px}.kamus-level{padding:3px 8px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:10px;font-weight:700}.kamus-pos{color:var(--text-muted);font-size:10.5px}.kamus-status{padding:3px 8px;border-radius:999px;font-size:9.5px;font-weight:700}.kamus-status.s-mastered,.kamus-status.s-strong{color:var(--brand-jade-dark);background:var(--jade-soft)}.kamus-status.s-learning{color:var(--brand-gold-dark);background:var(--gold-soft)}.kamus-status.s-unsure,.kamus-status.s-review{color:var(--brand-primary-dark);background:var(--primary-soft)}.kamus-rangka{height:62px;border-radius:14px;background:var(--surface-muted);animation:kamusKilau 1.5s linear infinite}@keyframes kamusKilau{0%,to{opacity:1}50%{opacity:.55}}.kamus-kosong{padding:30px;display:grid;justify-items:center;gap:12px;text-align:center}.kamus-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.kamus-kosong small{color:var(--text-muted);font-size:11px}.kamus-contoh-cari{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.kamus-contoh-cari button{min-height:36px;padding:0 13px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:13px;font-weight:650}.kamus-seri-hasil{margin-top:16px;padding:16px}.kamus-seri-hasil h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:14px}.kamus-seri-daftar{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kamus-seri-daftar button{width:100%;display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-2, #f5f3ee);text-align:left}.kamus-seri-daftar button:hover{background:var(--jade-soft)}.kamus-seri-daftar .hz{font-size:17px}.kamus-seri-pinyin{color:var(--brand-jade-dark);font-size:12px}.kamus-seri-daftar small{margin-left:auto;color:var(--text-muted)}.kamus-aksara-hasil{margin-top:16px;padding:16px}.kamus-aksara-hasil h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:14px}.kamus-aksara-baris{width:100%;display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-2, #f5f3ee);text-align:left}.kamus-aksara-baris:hover{background:var(--jade-soft)}.kamus-aksara-baris .hz{font-size:20px}.kamus-aksara-baris small{color:var(--text-muted)}.kamus-aksara-baris svg:last-child{margin-left:auto;color:var(--text-muted)}.kamus-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;background:#2e2a2657;animation:kamusPudar .18s ease}@keyframes kamusPudar{0%{opacity:0}to{opacity:1}}.kamus-panel{width:min(420px,100%);height:100%;overflow-y:auto;padding:18px 20px 28px;background:var(--surface);box-shadow:var(--shadow-lg);animation:kamusGeser .2s cubic-bezier(.22,1,.36,1)}@keyframes kamusGeser{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.kamus-panel>header{display:flex;justify-content:flex-end}.kamus-panel>header button{width:34px;height:34px;display:grid;place-items:center;color:var(--text-secondary);border-radius:10px}.kamus-panel-kepala{display:flex;align-items:start;gap:12px}.kamus-panel-hanzi{font-size:40px;line-height:1.1}.kamus-panel-pinyin{margin:0;color:var(--text-secondary);font-size:14px}.kamus-panel-arti{margin:3px 0 0;font-size:14px}.kamus-panel-meta{margin:5px 0 0;color:var(--text-muted);font-size:11px}.kamus-suara{flex:none;width:38px;height:38px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:12px}.kamus-muncul{margin:14px 0 0;padding:9px 12px;color:var(--text-secondary);background:var(--surface-muted);border-radius:11px;font-size:11.5px}.kamus-contoh,.kamus-aksara{margin-top:18px}.kamus-contoh h3,.kamus-aksara h3{margin:0 0 9px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.kamus-contoh>div{margin-bottom:11px;padding:11px 13px;background:var(--surface-muted);border-radius:12px}.kamus-contoh .hz{margin:0;font-size:17px}.kamus-contoh-pinyin{margin:3px 0 0;color:var(--text-secondary);font-size:11px}.kamus-contoh-arti{margin:3px 0 0;font-size:12px}.kamus-aksara-daftar{display:flex;flex-wrap:wrap;gap:8px}.kamus-aksara-daftar button{padding:10px 14px;display:grid;justify-items:center;gap:2px;background:var(--surface);border:1px solid var(--border-soft);border-radius:13px}.kamus-aksara-daftar button:hover{border-color:#3e9c7a59}.kamus-aksara-daftar .hz{font-size:24px}.kamus-aksara-daftar small{color:var(--text-secondary);font-size:10.5px}.kamus-aksara-daftar em{color:var(--text-muted);font-size:9.5px;font-style:normal}.kamus-aksi{margin-top:20px}.kamus-aksi .button{width:100%}.kamus-galat{color:var(--brand-primary-dark);font-size:12.5px}.kamus-memuat{color:var(--text-muted);font-size:12.5px}.kamus-saring{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kamus-saring .kamus-filter{flex:1;margin-top:0}.kamus-lanjutan-tombol{padding:6px 12px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:11.5px;font-weight:600}.kamus-lanjutan-tombol.aktif{color:var(--brand-jade-dark);border-color:#3e9c7a66;background:var(--jade-soft)}.kamus-semantik{margin:8px 0 0;color:var(--text-muted);font-size:11px}.kamus-lanjutan{margin-top:10px;padding:12px 14px;display:grid;gap:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:15px}.kamus-lanjutan-baris{display:flex;flex-wrap:wrap;align-items:end;gap:10px 18px}.kamus-lanjutan label{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:11.5px}.kamus-lanjutan-pilih{flex-direction:column;align-items:start;gap:4px}.kamus-lanjutan-pilih span{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kamus-lanjutan select{min-width:140px;padding:6px 9px;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:9px;font:inherit;font-size:11.5px}.kamus-lanjutan-centang{cursor:pointer}.kamus-lanjutan-bersih{margin-left:auto;color:var(--brand-jade-dark);font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.kamus-lanjutan-baris .kamus-lanjutan-bersih+.kamus-lanjutan-bersih{margin-left:0}.kamus-bilah{margin-bottom:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.kamus-bilah .kamus-jumlah{margin:0}.kamus-kolom{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:var(--text-muted);font-size:10.5px}.kamus-kolom button{padding:4px 9px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:10.5px;font-weight:600}.kamus-kolom button.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a59}.kamus-tabel-kartu{padding:0;overflow:hidden;transition:opacity .16s ease}.kamus-tabel-kartu.memuat{opacity:.55}.kamus-tabel{width:100%;border-collapse:collapse}.kamus-tabel th{padding:9px 12px;text-align:left;color:var(--text-muted);background:var(--surface-muted);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.kamus-tabel td{padding:9px 12px;border-top:1px solid var(--border-soft);vertical-align:top;font-size:12.5px}.kamus-baris{cursor:pointer;transition:background .14s ease}.kamus-baris:hover{background:var(--jade-soft)}.kamus-no{width:42px;color:var(--text-muted);font-size:10.5px;font-variant-numeric:tabular-nums}.kamus-sel-hanzi{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.kamus-sel-hanzi .hz{font-size:25px;font-weight:650;line-height:1.25}.kamus-sel-pinyin{color:var(--text-secondary);font-size:12.5px;white-space:nowrap}.kamus-sel-arti{min-width:14ch}.kamus-sel-kelas{color:var(--text-secondary);font-size:11.5px;white-space:nowrap}.kamus-kosong-sel{color:var(--border-strong)}.kamus-contoh-sel{display:grid;gap:2px;max-width:34ch}.kamus-contoh-sel .hz{font-size:16px;line-height:1.45}.kamus-contoh-sel-pinyin{color:var(--brand-jade-dark);font-size:10.5px}.kamus-contoh-sel em{color:var(--text-muted);font-size:11px}.kamus-sel-status{white-space:nowrap}.kamus-sel-aksi{width:74px;white-space:nowrap;text-align:right}.kamus-sel-aksi button{width:28px;height:28px;display:inline-grid;place-items:center;color:var(--text-muted);border-radius:8px;opacity:0;transition:opacity .14s ease}.kamus-baris:hover .kamus-sel-aksi button,.kamus-sel-aksi button:focus-visible{opacity:1}.kamus-sel-aksi button:hover{color:var(--brand-jade-dark);background:var(--jade-soft)}.kamus-halaman{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.kamus-halaman>button{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:11.5px}.kamus-halaman>button:disabled{opacity:.4;cursor:not-allowed}.kamus-halaman .balik{transform:rotate(180deg)}.kamus-halaman-angka{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px}.kamus-halaman-angka button{min-width:28px;height:28px;padding:0 6px;color:var(--text-secondary);border-radius:8px;font-size:11.5px;font-variant-numeric:tabular-nums}.kamus-halaman-angka button:hover{background:var(--surface-muted)}.kamus-halaman-angka button.aktif{color:#fff;background:var(--brand-jade);font-weight:700}.kamus-halaman-angka i{color:var(--text-muted);font-style:normal;font-size:11px}.dengar-kepala .alat-hero,.bicara-kepala .alat-hero,.baca-kepala .alat-hero{margin-bottom:0}.alat-hero-aksi{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.alat-hero-aksi>*{flex:none}.nav-subitems{margin:1px 0 2px;padding-left:18px;display:grid;gap:1px}.navitem-sub{padding-top:7px;padding-bottom:7px}.navitem-sub .navitem-main>span{font-size:12.5px}.navitem-sub:not(.active){color:var(--text-secondary)}.peta-page{max-width:1240px}.alat-hero{position:relative;overflow:hidden;margin-bottom:14px;padding:22px 26px;min-height:244px;display:grid;align-content:center;background:#fffdf8;border:1px solid var(--border-soft);border-radius:24px}.alat-hero-gambar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:60% 52%;pointer-events:none;-webkit-user-select:none;user-select:none}.alat-hero-tirai{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#FFFDF8 0%,rgba(255,253,248,.97) 47%,rgba(255,253,248,.84) 57%,rgba(255,253,248,.34) 71%,transparent 85%)}.alat-hero-teks{position:relative;z-index:2;min-width:0;max-width:min(52ch,50%)}.alat-hero-eyebrow{display:block;color:var(--brand-primary);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.alat-hero h1{margin:7px 0 8px;font-size:clamp(25px,2.6vw,33px);letter-spacing:-.015em}.alat-hero p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.65}.peta-toolbar{margin-bottom:14px;display:grid;gap:9px}.peta-cari{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.peta-cari .kamus-input{flex:1 1 260px;min-width:0}.peta-level{display:flex;flex-wrap:wrap;gap:6px}.peta-level button{padding:7px 15px;min-height:36px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:12px;font-weight:600;transition:color .14s ease,background .14s ease,border-color .14s ease}.peta-level button:hover{border-color:#3e9c7a61}.peta-level button.aktif{color:#fff;background:var(--brand-jade);border-color:var(--brand-jade)}.peta-pilihan{margin-bottom:12px;padding:10px 13px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--text-secondary);background:var(--jade-soft);border-radius:13px;font-size:11.5px}.peta-pilihan button{min-width:44px;min-height:44px;padding:0 12px;background:var(--surface);border-radius:12px;font-size:20px}.peta-pilihan button:hover{box-shadow:0 0 0 2px var(--brand-jade) inset}.peta-panggung{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:14px;align-items:start}.peta-graf{padding:16px 18px;transition:opacity .18s ease}.peta-graf.memuat{opacity:.62}.peta-graf-kepala{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.peta-ringkasan{margin:0;flex:1 1 240px;color:var(--text-secondary);font-size:11.5px;line-height:1.55}.peta-riwayat{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.peta-riwayat>button{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:11.5px}.peta-riwayat>button:disabled{opacity:.4;cursor:not-allowed}.peta-riwayat .balik{transform:rotate(180deg)}.peta-riwayat ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:3px}.peta-riwayat li{display:inline-flex;align-items:center}.peta-riwayat li+li:before{margin-right:3px;color:var(--text-muted);content:"→";font-size:11px}.peta-riwayat ol button{min-width:30px;height:30px;padding:0 7px;color:var(--text-secondary);background:var(--surface-muted);border-radius:9px;font-size:16px}.peta-riwayat ol button[aria-current]{color:#fff;background:var(--brand-jade)}.peta-kanvas{position:relative;margin-top:8px}.peta-latar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:auto;width:min(112%,660px);height:auto;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:radial-gradient(ellipse at center,transparent 6%,rgba(0,0,0,.55) 30%,#000 52%,rgba(0,0,0,.5) 74%,transparent 92%);mask-image:radial-gradient(ellipse at center,transparent 6%,rgba(0,0,0,.55) 30%,#000 52%,rgba(0,0,0,.5) 74%,transparent 92%)}.peta-svg{position:relative;z-index:1;width:100%;max-width:540px;height:auto;margin-inline:auto;display:block}.peta-sisi line{stroke:#3e9c7a57;stroke-width:1.5}.peta-sisi-titik{fill:var(--brand-jade);opacity:.55}.peta-sisi text{fill:var(--text-muted);font-size:11px;cursor:pointer;transition:fill .14s ease}.peta-sisi text:hover{fill:var(--brand-jade-dark);font-weight:650}.peta-sisi.tepi line{stroke:#3e9c7a26}.peta-sisi.tepi .peta-sisi-titik{opacity:.28}.peta-sisi.tepi text{font-size:9.5px;opacity:.7}.peta-simpul{cursor:pointer}.peta-simpul circle{fill:var(--surface);stroke:var(--border-strong);stroke-width:2;transition:stroke-width .16s ease,opacity .28s ease,transform .28s ease;transform-box:fill-box;transform-origin:center}.peta-simpul:hover circle{stroke-width:3.4}.peta-simpul:hover text{font-weight:700}.peta-simpul:focus{outline:none}.peta-simpul:focus-visible circle{stroke:var(--brand-jade);stroke-width:3.4}.peta-simpul text{fill:var(--text-primary);font-size:19px}.peta-simpul.pusat circle{stroke-width:3}.peta-simpul.pusat text{font-size:26px;font-weight:600}.peta-cincin{fill:none!important;stroke:var(--brand-jade)!important;stroke-width:1.2!important;opacity:.3}.peta-simpul.s-baru circle{fill:var(--surface-muted);stroke:var(--border-strong)}.peta-simpul.s-belajar circle{fill:var(--gold-soft);stroke:var(--brand-gold)}.peta-simpul.s-ragu circle{fill:var(--primary-soft);stroke:#e8543e80}.peta-simpul.s-ulang circle{fill:var(--surface);stroke:var(--brand-primary)}.peta-simpul.s-kuat circle{fill:var(--jade-soft);stroke:var(--brand-jade)}.peta-simpul.s-kuasai circle{fill:var(--brand-jade);stroke:var(--brand-jade-dark)}.peta-simpul.s-kuasai text{fill:#fff}.peta-svg.pindah .peta-simpul:not(.menuju) circle{opacity:.25}.peta-svg.pindah .peta-simpul:not(.menuju) text{opacity:.25}.peta-svg.pindah .peta-sisi{opacity:.2}.peta-simpul.menuju circle{transform:scale(1.06);stroke:var(--brand-jade);stroke-width:3.4}.peta-kartu-kata{position:absolute;right:6px;bottom:6px;width:min(240px,82%);padding:13px 15px 15px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 12px 28px #2e2a2624;animation:kamusNaik .18s ease}.peta-kartu-tutup{position:absolute;top:7px;right:7px;width:26px;height:26px;display:grid;place-items:center;color:var(--text-muted);border-radius:8px}.peta-kartu-hanzi{margin:0;font-size:26px;line-height:1.2}.peta-kartu-pinyin{margin:2px 0 0;color:var(--text-secondary);font-size:12px}.peta-kartu-arti{margin:4px 0 0;font-size:12.5px}.peta-kartu-meta{margin:6px 0 10px;color:var(--text-muted);font-size:10.5px;line-height:1.5}.peta-kartu-kata .button{width:100%}.peta-legenda{margin:14px 0 0;padding:11px 13px;list-style:none;display:flex;flex-wrap:wrap;gap:7px 16px;background:var(--surface-muted);border-radius:13px}.peta-legenda li{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:10.5px}.peta-legenda i{width:11px;height:11px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface-muted)}.peta-legenda i.s-belajar{background:var(--gold-soft);border-color:var(--brand-gold)}.peta-legenda i.s-ragu{background:var(--primary-soft);border-color:#e8543e80}.peta-legenda i.s-ulang{background:var(--surface);border-color:var(--brand-primary)}.peta-legenda i.s-kuat{background:var(--jade-soft);border-color:var(--brand-jade)}.peta-legenda i.s-kuasai{background:var(--brand-jade);border-color:var(--brand-jade-dark)}.peta-petunjuk{margin:10px 0 0;display:flex;align-items:center;gap:7px;padding:9px 12px;color:var(--text-secondary);background:var(--jade-soft);border-radius:11px;font-size:11.5px}.peta-petunjuk svg{flex:none;color:var(--brand-jade-dark)}.peta-daftar{margin-top:12px;padding-top:11px;border-top:1px solid var(--border-soft)}.peta-daftar summary{color:var(--brand-jade-dark);font-size:11.5px;font-weight:650;cursor:pointer}.peta-daftar ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:5px}.peta-daftar li button{width:100%;text-align:left;padding:7px 10px;background:var(--surface-muted);border-radius:10px;font-size:11.5px}.peta-daftar li button:hover{background:var(--jade-soft)}.peta-daftar em{color:var(--text-muted);font-size:10.5px;font-style:normal}.peta-daftar-simpul{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--text-muted);font-size:11px}.peta-daftar-simpul button{min-width:34px;min-height:34px;padding:0 8px;background:var(--surface-muted);border-radius:9px;font-size:16px}.peta-detail{display:grid;gap:11px}.peta-kartu-detail{padding:16px 18px;text-align:center}.peta-aksara-kotak{position:relative;margin:0 auto 11px;width:118px;height:118px;display:grid;place-items:center;background:var(--jade-soft);border-radius:20px}.peta-aksara-kotak .hz{font-size:60px;line-height:1;color:var(--brand-jade-dark)}.peta-suara{position:absolute;top:-8px;right:-8px;width:32px;height:32px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--surface);border:1px solid var(--border-soft);border-radius:10px}.peta-aksara-pinyin{margin:0;font-size:16px;font-weight:650}.peta-aksara-arti{margin:4px 0 0;color:var(--text-secondary);font-size:12.5px}.peta-aksara-meta{margin:6px 0 0;color:var(--text-muted);font-size:11px}.peta-menunggu{margin:0;padding:18px 0;color:var(--text-muted);font-size:12px}.peta-kartu-ringkas{padding:14px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}.peta-kartu-ringkas>div{min-width:0}.peta-kartu-ringkas b{display:block;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}.peta-kartu-ringkas span{display:block;margin-top:3px;color:var(--text-muted);font-size:10px;line-height:1.4}.peta-lain{grid-column:1 / -1;margin:2px 0 0;color:var(--text-muted);font-size:10.5px}.peta-kartu-kata-daftar{padding:15px 16px}.peta-kartu-kata-daftar h3,.peta-detail h3{margin:0 0 9px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.peta-kata{margin:0;padding:0;list-style:none;display:grid;gap:5px;max-height:296px;overflow-y:auto}.peta-kata button{width:100%;padding:9px 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 9px;text-align:left;background:var(--surface-muted);border-radius:11px;transition:background .14s ease}.peta-kata button:hover{background:var(--jade-soft)}.peta-kata-utama{grid-column:2;grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;min-width:0}.peta-kata-utama .hz{font-size:16px;font-weight:650}.peta-kata-utama em{color:var(--text-secondary);font-size:10.5px;font-style:normal}.peta-kata-arti{grid-column:2;grid-row:2;color:var(--text-secondary);font-size:11px}.peta-kata-titik{grid-column:1;grid-row:1 / 3;width:9px;height:9px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface-muted)}.peta-kata-titik.s-belajar{background:var(--gold-soft);border-color:var(--brand-gold)}.peta-kata-titik.s-ragu{background:var(--primary-soft);border-color:#e8543e80}.peta-kata-titik.s-ulang{background:var(--surface);border-color:var(--brand-primary)}.peta-kata-titik.s-kuat{background:var(--jade-soft);border-color:var(--brand-jade)}.peta-kata-titik.s-kuasai{background:var(--brand-jade);border-color:var(--brand-jade-dark)}.peta-kata button>svg{grid-column:3;grid-row:1 / 3;color:var(--text-muted)}.peta-kenal{margin:11px 0 0;padding:9px 12px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px;font-size:11.5px}.peta-kartu-aksi{padding:13px 15px;display:grid;gap:7px}.peta-kartu-aksi .button{width:100%;justify-content:flex-start}.peta-kosong{padding:26px;display:grid;justify-items:center;gap:13px;text-align:center}.peta-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.peta-kosong-aksi{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.baca-kepala{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:start;gap:16px}.baca-judul{display:flex;align-items:start;gap:13px}.baca-judul h1{margin:4px 0 6px;font-size:clamp(24px,2.4vw,31px)}.baca-judul p{margin:0;max-width:50ch;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.baca-ikon{flex:none;width:46px;height:46px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:15px}.baca-ikon.kecil{width:34px;height:34px;border-radius:11px}.baca-kemajuan{padding:15px 17px}.baca-kemajuan-label{color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.baca-kemajuan b{margin:6px 0 8px;display:block;font-size:22px}.baca-kemajuan p{margin:8px 0 0;color:var(--text-secondary);font-size:11.5px}.baca-kemajuan small{display:block;margin-top:4px;color:var(--text-muted);font-size:10px}.baca-rangka{height:60px;margin-top:8px;border-radius:11px;background:var(--surface-muted)}.baca-hero{position:relative;overflow:hidden;margin-bottom:16px;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%);border-radius:21px}.baca-hero h2{margin:0 0 6px;font-size:18px}.baca-hero p{margin:0 0 13px;max-width:46ch;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.baca-lanjut{margin-top:10px;display:block;color:var(--brand-jade-dark);font-size:11.5px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.baca-fitur,.baca-alat{margin-bottom:16px}.baca-fitur h2,.baca-alat h2,.baca-pola h2,.baca-tinjau h2{margin:0 0 11px;font-size:14px}.baca-fitur-grid,.baca-alat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:11px}.baca-fitur-grid>*,.baca-alat-grid>*{padding:14px 16px;display:flex;flex-direction:column;align-items:start;gap:7px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:17px;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease}.baca-fitur-grid button:hover:not(:disabled),.baca-alat-grid button:hover{transform:translateY(-2px);border-color:#3e9c7a4d}.baca-fitur-grid b,.baca-alat-grid b{font-size:13px}.baca-fitur-grid small,.baca-alat-grid small{color:var(--text-secondary);font-size:11px;line-height:1.5}.baca-alat-mati{opacity:.6}.baca-kategori{margin:0 0 13px;padding:0;list-style:none;display:grid;gap:8px}.baca-kategori li{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;align-items:center;gap:12px;font-size:11.5px}.baca-kategori b{font-variant-numeric:tabular-nums}.baca-riwayat{margin:0;padding:0;list-style:none;display:grid;gap:8px}.baca-riwayat li{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}.baca-riwayat b{display:block;font-size:12px}.baca-riwayat span{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.baca-riwayat li button{flex:none;min-height:34px;padding:0 12px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:11px;font-weight:650}.baca-kosong{padding:30px;display:grid;justify-items:center;gap:12px;text-align:center}.baca-kosong p{margin:0;color:var(--text-secondary);font-size:13px}.baca-latihan{max-width:760px;margin:0 auto;padding:20px clamp(16px,4vw,26px) 120px}.baca-latihan-kepala{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.baca-latihan-kepala>span{color:var(--text-secondary);font-size:11.5px;font-weight:650}.baca-latihan-kepala>button{justify-self:end;min-height:38px;padding:0 13px;color:var(--text-secondary);border-radius:11px;font-size:12px}.baca-langkah{min-width:108px;text-align:center}.baca-langkah b{display:block;margin-bottom:5px;font-size:12.5px}.baca-spanduk{margin:0 0 12px;padding:10px 13px;color:var(--brand-primary-dark);background:var(--danger-soft);border-radius:11px;font-size:12px}.baca-kartu{padding:22px clamp(16px,4vw,26px)}.baca-kartu-kepala{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.baca-kartu-kepala h2{margin:0 0 3px;font-size:15px}.baca-kartu-kepala small{color:var(--text-muted);font-size:10.5px}.baca-toggle{min-height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);background:var(--surface-muted);border-radius:10px;font-size:11px;font-weight:650}.baca-toggle.aktif{color:var(--brand-jade-dark);background:var(--jade-soft)}.baca-naskah{position:relative;padding:16px 0}.baca-baris{margin:0 0 16px}.baca-speaker{display:block;margin-bottom:3px;color:var(--brand-jade-dark);font-size:13px;font-weight:650}.baca-pinyin{display:block;margin-bottom:3px;color:var(--text-muted);font-size:12.5px;animation:bacaPinyin .18s ease}@keyframes bacaPinyin{0%{opacity:0}to{opacity:1}}.baca-teks{display:block;font-size:clamp(20px,2.1vw,25px);line-height:1.95}.baca-aksara{padding:0 1px;border-radius:5px;font:inherit;color:inherit;transition:background .14s ease}.baca-aksara:hover{background:var(--jade-soft)}.baca-aksara:focus-visible{outline:2px solid var(--brand-jade);outline-offset:1px}.baca-popover{position:sticky;bottom:12px;margin-top:12px;padding:14px 16px;background:var(--surface);border:1px solid rgba(62,156,122,.28);border-radius:16px;box-shadow:var(--shadow-lg)}.baca-popover header{display:flex;align-items:center;justify-content:space-between}.baca-popover header .hz{font-size:30px}.baca-popover header button{width:30px;height:30px;display:grid;place-items:center;color:var(--text-secondary);border-radius:9px}.baca-popover-pinyin{margin:2px 0 0;color:var(--text-secondary);font-size:13px}.baca-popover-arti{margin:3px 0 0;font-size:13px}.baca-popover-kata{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px}.baca-popover-kata li{font-size:11.5px;color:var(--text-secondary)}.baca-popover-kata .hz{font-size:15px;color:var(--text-primary)}.baca-popover-kata em{color:var(--brand-jade-dark);font-style:normal}.baca-popover-aksi{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.baca-popover-aksi button{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:10px;font-size:11px;font-weight:650}.baca-cepat{margin-top:14px;padding:14px 16px;display:grid;justify-items:center;gap:10px;background:var(--jade-soft);border-radius:14px;text-align:center}.baca-cepat p{margin:0;color:var(--brand-jade-dark);font-size:12px}.baca-soal{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-soft)}.baca-cap{padding:4px 10px;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:999px;font-size:10px;font-weight:700}.baca-cap.halus{color:var(--text-secondary);background:var(--surface-muted)}.baca-soal h3{margin:10px 0 13px;font-size:15px}.baca-opsi{display:grid;gap:8px}.baca-opsi-tombol{min-height:50px;padding:12px 14px;display:flex;align-items:center;gap:11px;text-align:left;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:14px;font-size:13px;animation:bacaOpsi .2s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--tunda, 0ms);transition:border-color .14s ease,background .14s ease}@keyframes bacaOpsi{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.baca-opsi-tombol.dipilih,.baca-opsi-tombol.benar{background:var(--jade-soft);border-color:var(--brand-jade)}.baca-opsi-tombol.salah{background:#fff7ee;border-color:var(--brand-gold)}.baca-opsi-kunci{flex:none;width:26px;height:26px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-muted);border-radius:8px;font-size:11px;font-weight:700}.baca-tanda{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--brand-jade-dark);font-size:10.5px;font-weight:700}.baca-opsi-tombol.salah .baca-tanda{color:var(--brand-gold-dark)}.baca-umpan{margin-top:11px;color:var(--text-secondary);font-size:12px}.baca-bukti{margin-top:14px;padding:14px 16px;background:var(--surface-muted);border-left:3px solid var(--brand-jade);border-radius:0 14px 14px 0;animation:bacaBukti .3s ease both}@keyframes bacaBukti{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.baca-bukti-label{display:inline-flex;align-items:center;gap:5px;color:var(--brand-jade-dark);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.baca-bukti .hz{margin:8px 0 0;font-size:18px;line-height:1.6}.baca-bukti-pinyin{margin:3px 0 0;color:var(--text-muted);font-size:11px}.baca-bukti-arti{margin:4px 0 0;font-size:12.5px}.baca-bukti-alasan{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-soft);color:var(--text-secondary);font-size:11.5px;line-height:1.55}.baca-aksi{margin-top:18px;display:flex;justify-content:center}.baca-aksi .button{min-width:190px;min-height:46px}.baca-hasil{max-width:780px;margin:0 auto}.baca-hasil-hero{padding:26px;display:grid;justify-items:center;gap:5px;text-align:center;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%)}.baca-hasil-hero h1{margin:5px 0 0;font-size:18px}.baca-hasil-hero b{font-size:34px}.baca-hasil-persen{margin:0;color:var(--brand-jade-dark);font-size:16px;font-weight:700}.baca-hasil-cepat{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.baca-hasil-hero small{color:var(--brand-gold-dark);font-size:10.5px;max-width:44ch}.baca-statistik-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.baca-statistik{padding:12px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}.baca-statistik span{display:block;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.baca-statistik b{margin-top:5px;display:block;font-size:19px;font-variant-numeric:tabular-nums}.baca-statistik small{display:block;margin-top:2px;color:var(--text-muted);font-size:10px}.baca-fokus{margin-top:14px;padding:14px 16px}.baca-fokus b{font-size:13px}.baca-fokus p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.baca-aksi-hasil{margin:16px 0 22px;display:flex;flex-wrap:wrap;gap:10px}.baca-tinjau ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.baca-tinjau li{padding:13px 15px;background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--brand-jade);border-radius:14px}.baca-tinjau li.salah{border-left-color:var(--brand-gold)}.baca-tinjau li.salah .baca-tanda{color:var(--brand-gold-dark)}.baca-tinjau-kepala{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.baca-tinjau-prompt{margin:0;font-size:12.5px}.baca-tinjau-jawab{margin:6px 0 0;color:var(--text-secondary);font-size:11.5px}.baca-tinjau-bukti{margin:7px 0 0;padding:8px 11px;background:var(--surface-muted);border-radius:10px;font-size:15px}.tulis-page{max-width:1180px}.tulis-workspace{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;align-items:start}.tulis-picker{display:grid;gap:12px}.tulis-rekap{padding:14px 16px}.tulis-rekap-label{color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.tulis-rekap b{margin:6px 0 0;display:block;font-size:14px}.tulis-rekap p{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--text-secondary);font-size:11.5px}.tulis-rekap p .hz{padding:2px 8px;background:var(--surface-muted);border-radius:8px;font-size:15px}.tulis-rekap small{margin-top:8px;display:block;color:var(--text-muted);font-size:10.5px;line-height:1.5}.tulis-kalimat-panel{display:grid;gap:10px}.tulis-kalimat-petunjuk{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}.tulis-kalimat-masuk{width:100%;min-height:64px;padding:10px 12px;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:12px;font-family:inherit;font-size:17px;line-height:1.6;resize:vertical}.tulis-kalimat-masuk:focus{outline:0;border-color:#3e9c7a6b;box-shadow:0 0 0 3px #3e9c7a14}.tulis-kalimat-aksi{display:flex;flex-wrap:wrap;gap:8px}.tulis-kalimat-aksi .button{flex:1 1 auto}.tulis-kalimat-pesan{color:var(--text-muted);font-size:10.5px;line-height:1.5}.tulis-kalimat-pesan.aktif{color:var(--brand-jade-dark)}.tulis-kalimat-pesan.salah{color:var(--brand-primary-dark)}.tulis-kartu{padding:18px 20px}.tulis-kepala{display:flex;align-items:start;justify-content:space-between;gap:12px}.tulis-kepala>div{display:flex;align-items:center;gap:13px;min-width:0}.tulis-hanzi{font-size:44px;line-height:1.05}.tulis-judul{margin:0;font-size:19px}.tulis-judul.panjang{font-size:15.5px;line-height:1.55}.tulis-meta{margin:3px 0 0;color:var(--text-secondary);font-size:12px}.tulis-suara{flex:none;width:34px;height:34px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px}.tulis-mode{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.tulis-mode button{padding:7px 15px;color:var(--text-secondary);background:var(--surface-muted);border-radius:999px;font-size:12px;font-weight:600}.tulis-mode button.aktif{color:#fff;background:var(--brand-jade)}.tulis-kecepatan{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-muted);font-size:11px}.tulis-kecepatan button{padding:4px 11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:11px}.tulis-kecepatan button.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a66}.tulis-petunjuk{margin:13px 0 0;color:var(--text-secondary);font-size:11.5px;line-height:1.55}.tulis-panggung{position:relative;margin:14px auto 0;width:100%;display:flex;justify-content:center;align-items:flex-start}.tulis-baris{display:grid;align-items:start;justify-content:center}.tulis-sel{border-radius:12px;cursor:pointer}.tulis-sel.aktif{box-shadow:0 0 0 2.5px #3e9c7a80}.tulis-kotak{position:relative}.tulis-kotak-galat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:8px;color:var(--brand-primary-dark);font-size:10.5px;line-height:1.5;text-align:center}.tulis-tianzi{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--surface)}.tulis-tianzi i,.tulis-tianzi b{position:absolute;background:var(--border-soft)}.tulis-tianzi i{left:0;right:0;top:50%;height:1px}.tulis-tianzi b{top:0;bottom:0;left:50%;width:1px}.tulis-writer,.tulis-kanvas{position:relative;display:block}.tulis-kanvas{touch-action:none;cursor:crosshair}.tulis-referensi{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--border-strong);font-size:calc(var(--kotak, 268px) * .75);line-height:1;opacity:.5;pointer-events:none}.tulis-layar{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px}.tulis-layar:hover{color:var(--brand-jade-dark);border-color:#3e9c7a66}.tulis-panggung:fullscreen{align-items:center;width:100%;height:100%;margin:0;padding:52px 24px 24px;background:var(--surface)}.tulis-panggung.layar-penuh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;align-items:center;width:100%;height:100%;margin:0;padding:52px 24px 24px;background:var(--surface)}.tulis-panggung:fullscreen .tulis-layar,.tulis-panggung.layar-penuh .tulis-layar{width:36px;height:36px}.tulis-aksi{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.tulis-skill,.tulis-latihan,.tulis-hasil{max-width:940px}.tulis-galat{padding:16px 18px}.tulis-galat p{margin:0 0 10px;color:var(--brand-primary-dark);font-size:12.5px}.tulis-hero{margin-bottom:16px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(135deg,#FFFDF8 0%,var(--jade-soft) 100%)}.tulis-hero-label{color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.tulis-hero-angka{margin:5px 0 2px;display:block;font-size:34px;line-height:1.05}.tulis-hero p{margin:0 0 9px;color:var(--text-secondary);font-size:12.5px}.tulis-hero small{display:block;margin-bottom:9px;color:var(--text-muted);font-size:11px}.tulis-hero-aksi{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.tulis-lanjut{color:var(--brand-jade-dark);font-size:11.5px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.tulis-level{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}.tulis-level button{padding:7px 13px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;font-size:12px;font-weight:600}.tulis-level button.aktif{color:#fff;background:var(--brand-jade);border-color:var(--brand-jade)}.tulis-level em{margin-left:5px;font-style:normal;font-size:10.5px;opacity:.75}.tulis-mode-grid{margin-bottom:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px}.tulis-mode-grid button{padding:15px 17px;display:flex;flex-direction:column;align-items:start;gap:7px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:17px;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease}.tulis-mode-grid button:hover:not(:disabled){transform:translateY(-2px);border-color:#3e9c7a4d}.tulis-mode-grid button:disabled{opacity:.6}.tulis-mode-ikon{width:34px;height:34px;display:grid;place-items:center;color:var(--brand-jade-dark);background:var(--jade-soft);border-radius:11px}.tulis-mode-grid b{font-size:13px}.tulis-mode-grid small{color:var(--text-secondary);font-size:11px;line-height:1.5}.tulis-lemah{padding:16px 18px}.tulis-lemah h2{margin:0 0 11px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.tulis-lemah ul{margin:0 0 13px;padding:0;list-style:none;display:grid;gap:6px}.tulis-lemah li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 11px;background:var(--surface-muted);border-radius:10px;font-size:12.5px}.tulis-lemah em{flex:none;color:var(--text-muted);font-style:normal;font-size:10.5px}.tulis-kosong{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.6}.tulis-latihan-kepala{margin-bottom:9px;display:flex;align-items:end;justify-content:space-between;gap:12px}.tulis-eyebrow{display:block;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.tulis-latihan-kepala b{font-size:17px}.tulis-langkah{flex:none;color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.tulis-soal{margin-top:14px;padding:20px 22px}.tulis-perintah{margin:0 0 5px;font-size:15px;font-weight:650}.tulis-petunjuk-jenis{margin:0 0 16px;color:var(--text-muted);font-size:11.5px;line-height:1.55}.tulis-jawab-baris{min-height:62px;margin-bottom:12px;padding:11px 13px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:var(--surface-muted);border:1.5px dashed var(--border-strong);border-radius:14px}.tulis-jawab-kosong{color:var(--text-muted);font-size:11.5px}.tulis-bank{display:flex;flex-wrap:wrap;gap:7px}.tulis-potongan{min-height:44px;padding:8px 15px;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;font-size:20px;transition:border-color .14s ease}.tulis-potongan:hover:not(:disabled){border-color:#3e9c7a73}.tulis-potongan.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:#3e9c7a66}.tulis-kalimat{margin:0 0 12px;font-size:25px;line-height:1.65}.tulis-kalimat.salah{color:var(--brand-primary-dark);text-decoration:underline wavy rgba(232,84,62,.5);text-underline-offset:7px}.tulis-pinyin{margin:0 0 6px;color:var(--brand-jade-dark);font-size:12.5px}.tulis-arti{margin:0 0 12px;color:var(--text-secondary);font-size:12.5px}.tulis-pola{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--text-secondary);font-size:12.5px}.tulis-pola b{padding:4px 11px;background:var(--jade-soft);color:var(--brand-jade-dark);border-radius:9px;font-size:18px}.tulis-opsi{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.tulis-opsi button{min-height:52px;padding:11px 14px;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:13px;font-size:20px;transition:border-color .14s ease,background .14s ease}.tulis-opsi button:hover:not(:disabled){border-color:#3e9c7a66}.tulis-opsi button.aktif{color:var(--brand-jade-dark);background:var(--jade-soft);border-color:var(--brand-jade)}.tulis-textarea{width:100%;padding:12px 14px;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border-soft);border-radius:13px;font-size:19px;line-height:1.7;resize:vertical}.tulis-textarea:focus{outline:none;border-color:#3e9c7a80}.tulis-nilai-sendiri{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--text-muted);font-size:11.5px}.tulis-nilai-sendiri button{padding:6px 13px;color:var(--text-secondary);background:var(--surface-muted);border-radius:999px;font-size:11.5px}.tulis-nilai-sendiri button.aktif{color:#fff;background:var(--brand-jade)}.tulis-buka{margin-top:16px;padding:14px 16px;background:var(--surface-muted);border-radius:14px}.tulis-buka.benar{background:var(--jade-soft)}.tulis-buka.salah{background:var(--primary-soft)}.tulis-buka b{display:block;margin-bottom:5px;font-size:13.5px}.tulis-buka>p{margin:0 0 10px;color:var(--text-secondary);font-size:12px}.tulis-acuan{padding:10px 13px;background:var(--surface);border-radius:11px}.tulis-acuan .hz{margin:0;font-size:21px}.tulis-penjelasan{margin:10px 0 0;color:var(--text-secondary);font-size:11.5px;line-height:1.6}.tulis-label{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}.tulis-label span{padding:3px 9px;color:var(--text-muted);background:var(--surface);border-radius:999px;font-size:10px;font-weight:650}.tulis-aksi-baris{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tulis-selesai{padding:26px;display:grid;justify-items:center;gap:13px;text-align:center}.tulis-hasil-kartu{padding:22px 24px;text-align:center}.tulis-hasil-nilai{display:block;font-size:42px;line-height:1.05}.tulis-hasil-kartu p{margin:8px 0 0;color:var(--text-secondary);font-size:13px}.tulis-hasil-kartu small{display:block;margin-top:7px;color:var(--text-muted);font-size:11px}.tulis-hasil-mastery{margin-top:11px!important;color:var(--brand-jade-dark)!important;font-weight:650}.tulis-hasil .tulis-lemah{margin-top:14px}.tulis-hasil-aksi{margin-top:16px;display:flex;flex-wrap:wrap;gap:9px}.tulis-page .button-primary,.tulis-skill .button-primary,.tulis-latihan .button-primary,.tulis-hasil .button-primary{background:var(--brand-jade);box-shadow:0 10px 22px #3e9c7a33}.tulis-page .button-primary:not(:disabled):hover,.tulis-skill .button-primary:not(:disabled):hover,.tulis-latihan .button-primary:not(:disabled):hover,.tulis-hasil .button-primary:not(:disabled):hover{background:var(--brand-jade-dark)}.tulis-page .button-ghost,.tulis-skill .button-ghost,.tulis-latihan .button-ghost,.tulis-hasil .button-ghost{color:var(--brand-jade-dark);border-color:#3e9c7a3d}@media(max-width:980px){.tulis-workspace,.tulis-hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.tulis-picker{order:2}.tulis-latihan-instrumen{order:1}.tulis-aksi .button,.tulis-hasil-aksi .button{flex:1 1 140px}.tulis-mode button,.tulis-kecepatan button,.tulis-nilai-sendiri button,.tulis-level button,.tulis-layar{min-height:44px}.tulis-layar{min-width:44px}.tulis-opsi{grid-template-columns:repeat(2,minmax(0,1fr))}.tulis-aksi-baris{justify-content:stretch}.tulis-aksi-baris .button{flex:1 1 120px}}@media(prefers-reduced-motion:reduce){.tulis-mode-grid button,.tulis-potongan,.tulis-opsi button{transition:none}.tulis-mode-grid button:hover:not(:disabled){transform:none}}@media(max-width:980px){.baca-kepala,.baca-hero{grid-template-columns:minmax(0,1fr)}.baca-hero-art{order:-1;justify-self:center}.peta-panggung{grid-template-columns:minmax(0,1fr)}.peta-kartu-ringkas{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.kamus-tabel,.kamus-tabel tbody,.kamus-tabel tr,.kamus-tabel td{display:block}.kamus-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.kamus-tabel-kartu{padding:0;background:transparent;border:0;box-shadow:none}.kamus-baris{margin-bottom:8px;padding:12px 14px;position:relative;background:var(--surface);border:1px solid var(--border-soft);border-radius:15px}.kamus-tabel td{padding:3px 0;border-top:0}.kamus-tabel td.kamus-no{position:absolute;top:12px;right:14px;padding:0}.kamus-sel-arti:before,.kamus-sel-kelas:before,.kamus-sel-contoh:before{display:block;margin-bottom:2px;color:var(--text-muted);content:attr(data-label);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kamus-sel-contoh{margin-top:6px}.kamus-contoh-sel{max-width:none}.kamus-sel-aksi{width:auto;margin-top:8px;text-align:left}.kamus-sel-aksi button{opacity:1;width:34px;height:34px;background:var(--surface-muted)}.kamus-bilah{flex-direction:column;align-items:stretch}.peta-kartu-kata{position:static;width:100%;margin-top:12px}.peta-panel.tertutup .peta-kenal{display:none}}@media(max-width:620px){.kamus-saring{flex-wrap:nowrap}.kamus-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kamus-filter::-webkit-scrollbar{display:none}.kamus-filter button,.kamus-lanjutan-tombol{flex:none}.kamus-lanjutan-baris{flex-direction:column;align-items:stretch}.kamus-lanjutan-bersih{margin-left:0;text-align:left}.kamus-panel{width:100%;height:auto;max-height:88vh;margin-top:auto;border-radius:22px 22px 0 0;animation-name:kamusNaik}.kamus-tirai{align-items:flex-end}.baca-latihan-kepala{grid-template-columns:minmax(0,1fr) auto;row-gap:9px}.baca-langkah{grid-column:1 / -1;order:3;min-width:0}.baca-latihan{padding-bottom:calc(200px + env(safe-area-inset-bottom))}.baca-aksi{position:fixed;left:0;right:0;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));z-index:25;padding:11px 15px;background:#fdfbf7f5;border-top:1px solid var(--border-soft)}.baca-aksi .button{width:100%;min-width:0}.baca-kategori li{grid-template-columns:minmax(0,1fr) auto}.baca-kategori .track{grid-column:1 / -1}.peta-kata{max-height:none}.alat-hero{padding:18px 18px 16px;min-height:190px}.alat-hero-gambar{object-position:74% 50%}.alat-hero-tirai{background:linear-gradient(90deg,#FFFDF8 0%,rgba(255,253,248,.96) 74%,rgba(255,253,248,.84) 90%,transparent 100%)}.alat-hero-teks{max-width:min(23ch,74%)}.peta-latar{width:128%;opacity:.1}.peta-cari .button{flex:1 1 120px}.peta-level{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.peta-level::-webkit-scrollbar{display:none}.peta-level button{flex:none;min-height:44px}.peta-aksara-kotak{width:96px;height:96px}.peta-aksara-kotak .hz{font-size:48px}.peta-riwayat>button,.peta-riwayat ol button{min-height:44px}.peta-riwayat ol button{min-width:44px}.peta-sisi.tepi text{display:none}.peta-riwayat{gap:5px}}@keyframes kamusNaik{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.kurikulum-page{max-width:1180px}.kurikulum-petunjuk{margin:0;min-height:18px;color:var(--text-muted);font-size:12px}.kurikulum-petunjuk.aktif{color:var(--brand-jade-dark);font-weight:600}.kurikulum-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kurikulum-kartu{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.kurikulum-kartu:hover{transform:translateY(-4px);border-color:#3e9c7a61;box-shadow:0 18px 36px #2e2a261a}.kurikulum-kartu:focus-visible{outline:2px solid var(--brand-jade);outline-offset:2px}.kurikulum-gambar{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--surface-muted)}.kurikulum-gambar img{width:100%;height:100%;object-fit:cover;display:block}.kurikulum-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:#fffbeb;color:#b45309;border:1px solid #FDE68A;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.kurikulum-badan{display:grid;gap:6px;padding:15px 17px 17px}.kurikulum-badan b{font-size:16px;letter-spacing:-.3px}.kurikulum-badan p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.6}.kurikulum-cta{margin-top:5px;display:inline-flex;align-items:center;gap:6px;color:var(--brand-jade-dark);font-size:12.5px;font-weight:650}.kurikulum-cta svg{transition:transform .2s ease}.kurikulum-kartu:hover .kurikulum-cta:not(.mati) svg{transform:translate(3px)}.kurikulum-kartu.segera{cursor:default}.kurikulum-kartu.segera:hover{transform:translateY(-2px);border-color:#b4530938;box-shadow:0 12px 26px #2e2a2614}.kurikulum-kartu.segera:hover .kurikulum-gambar img{opacity:.92}.kurikulum-cta.mati{color:var(--text-muted);opacity:.8}.kurikulum-catatan{margin:18px 0 0;display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11.5px;line-height:1.5}.kurikulum-catatan svg{flex:none;color:var(--brand-jade)}.kurikulum-badge.dev{background:var(--jade-soft);color:var(--brand-jade-dark);border-color:#3e9c7a4d}.mineral-page{max-width:980px}.mineral-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:12px;color:var(--text-muted)}.mineral-breadcrumb span{display:inline-flex;align-items:center;gap:6px}.mineral-breadcrumb button{color:var(--brand-jade-dark);font-weight:600}.mineral-breadcrumb button:hover{text-decoration:underline}.mineral-breadcrumb b{color:var(--text-primary);font-weight:650}.mineral-header{margin-bottom:18px}.mineral-header h1{margin:0 0 6px;font-size:clamp(24px,3vw,32px);letter-spacing:-.4px}.mineral-header p{margin:0;color:var(--text-secondary);font-size:13.5px;line-height:1.6}.mineral-dev-badge{display:inline-flex;align-items:center;margin:4px 0 8px;padding:4px 10px;background:var(--jade-soft);color:var(--brand-jade-dark);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mineral-status{padding:40px 0;color:var(--text-muted);font-size:13px;text-align:center}.mineral-locked{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--text-secondary)}.mineral-locked h1{margin:4px 0 0;font-size:22px}.mineral-locked p{margin:0 0 8px}.mineral-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.mineral-module-card{display:flex;flex-direction:column;gap:10px;padding:20px}.mineral-module-card b{font-size:16px}.mineral-module-card p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.mineral-module-stats{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.mineral-module-stats span{display:inline-flex;align-items:center;gap:5px}.mineral-search{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}.mineral-search svg{flex:none;color:var(--text-muted)}.mineral-search input{flex:1;border:0;background:none;font:inherit;font-size:13.5px;outline:none}.mineral-dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.mineral-dept-card{display:flex;flex-direction:column;gap:4px;padding:15px 16px;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;transition:border-color .2s ease,transform .2s ease}.mineral-dept-card:hover{border-color:#3e9c7a61;transform:translateY(-2px)}.mineral-dept-card b{font-size:13.5px}.mineral-dept-zh{color:var(--brand-jade-dark);font-size:12px}.mineral-dept-card small{color:var(--text-muted);font-size:11px}.mineral-range{display:inline-block;margin-top:4px;color:var(--text-muted);font-size:12px}.mineral-table-scroll{overflow-x:auto;border:1px solid var(--border-soft);border-radius:14px}.mineral-table{width:100%;min-width:960px;border-collapse:collapse;font-size:12.5px;background:var(--surface)}.mineral-table thead th{position:sticky;top:0;padding:11px 14px;text-align:left;background:#b3261e;color:#fff;font-weight:700;font-size:11.5px;letter-spacing:.02em;white-space:nowrap}.mineral-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border-soft);vertical-align:top;line-height:1.55}.mineral-table tbody tr:last-child td{border-bottom:0}.mineral-table tbody tr:nth-child(2n){background:var(--surface-muted)}.mineral-table .col-no{width:44px;color:var(--text-muted);text-align:center}.mineral-table .hz{font-size:15px;font-weight:650;white-space:nowrap}.mineral-table .py{color:var(--brand-jade-dark);white-space:nowrap}.mineral-table .zh{color:var(--text-primary);min-width:220px}.mineral-table .zh .hanzi-line{display:block}.mineral-table .zh .pinyin-line{display:block;margin-top:2px;color:var(--brand-jade-dark);font-size:11.5px}.mineral-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:12.5px;color:var(--text-muted)}.mineral-pager button{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:var(--surface-muted);border-radius:10px;font-weight:600}.mineral-pager button:disabled{opacity:.45}@media(max-width:620px){.mineral-dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.kurikulum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.kurikulum-grid{grid-template-columns:minmax(0,1fr);gap:13px}.kurikulum-gambar{aspect-ratio:4 / 3}.kurikulum-kartu{border-radius:16px}}@media(hover:none){.kurikulum-kartu:hover,.kurikulum-kartu.segera:hover{transform:none}}@media(max-width:899px){.chapter-detail-page .stepper-nav{flex-wrap:wrap;overflow-x:visible;gap:8px}.chapter-detail-page .stepper-item{flex:1 1 calc(33.33% - 6px);min-width:0;margin-right:0;padding:9px 12px}.chapter-detail-page .stepper-item:not(:last-child):after{content:none}.chapter-detail-page .stepper-label{white-space:normal;line-height:1.25}}@media(max-width:899px){.curriculum-dialogue .conversation-tabs,.text-step-layout .conversation-tabs,.curriculum-dialogue .conversation-controls,.text-step-layout .conversation-controls{flex-wrap:wrap;overflow-x:visible}.curriculum-dialogue .conversation-tabs button,.text-step-layout .conversation-tabs button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.kurikulum-kartu,.kurikulum-cta svg{transition:none}.kurikulum-kartu:hover{transform:none}}.baca-hub .button-primary,.baca-latihan .button-primary,.baca-hasil .button-primary,.kamus-page .button-primary,.peta-page .button-primary{background:var(--brand-jade);box-shadow:0 10px 22px #3e9c7a33}.baca-hub .button-primary:not(:disabled):hover,.baca-latihan .button-primary:not(:disabled):hover,.baca-hasil .button-primary:not(:disabled):hover,.kamus-page .button-primary:not(:disabled):hover,.peta-page .button-primary:not(:disabled):hover{background:var(--brand-jade-dark)}.baca-hub .button-ghost,.baca-latihan .button-ghost,.baca-hasil .button-ghost,.kamus-page .button-ghost,.peta-page .button-ghost{color:var(--brand-jade-dark);border-color:#3e9c7a3d}@media(prefers-reduced-motion:reduce){.kamus-kartu,.kamus-panel,.kamus-tirai,.kamus-rangka,.baca-opsi-tombol,.baca-bukti,.baca-pinyin{animation:none}.kamus-kartu,.baca-fitur-grid>*,.baca-alat-grid>*,.baca-aksara,.peta-simpul circle,.kamus-tabel-kartu,.peta-graf,.peta-sisi text,.kamus-sel-aksi button,.kamus-baris{transition:none}.peta-kartu-kata{animation:none}.peta-svg.pindah .peta-simpul:not(.menuju) circle,.peta-svg.pindah .peta-simpul:not(.menuju) text,.peta-svg.pindah .peta-sisi{opacity:1}.peta-simpul.menuju circle{transform:none}.peta-level button,.peta-kata button{transition:none}.kamus-kartu:hover,.baca-fitur-grid button:hover:not(:disabled){transform:none}}:root{--text-muted: #6B655D}.button-primary{background:var(--brand-primary-dark);box-shadow:0 10px 22px #c83f2d38}.button-primary:not(:disabled):hover{background:#a93322;box-shadow:0 14px 28px #a9332240}.eyebrow{color:var(--brand-primary-dark)}.route-loading{min-height:45vh;display:grid;place-items:center;color:var(--text-secondary);font-size:14px}.xiaolong-hub-page{max-width:900px;margin-inline:auto;width:100%;box-sizing:border-box}.xiaolong-hub-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:150px;margin-bottom:24px;padding:26px 28px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-jade-dark) 0%,var(--brand-jade) 60%,#3aaa84 100%);box-shadow:0 4px 24px #26745738}.xiaolong-hub-hero-teks{position:relative;z-index:1;flex:1;min-width:0}.xiaolong-hub-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#ffffff2e;color:#d4f5ea;font-size:12px;font-weight:700}.xiaolong-hub-hero-teks h1{margin:0 0 8px;color:#fff;font-size:clamp(20px,3.6vw,26px);line-height:1.25}.xiaolong-hub-hero-teks p{margin:0;max-width:42ch;color:#ffffffd9;font-size:14px;line-height:1.5}.xiaolong-hub-hero-mascot{position:relative;z-index:1;flex:none;filter:drop-shadow(0 4px 16px rgba(0,0,0,.18))}@media(max-width:640px){.xiaolong-hub-hero{flex-direction:column;align-items:flex-start;text-align:left}.xiaolong-hub-hero-mascot{display:none}}.xiaolong-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.xiaolong-hub-kartu{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px}.xiaolong-hub-kartu-web{border:2px solid rgba(62,156,122,.35)}.xiaolong-hub-kartu-telegram{background:var(--surface-muted)}.xiaolong-hub-badge{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--brand-jade),var(--brand-jade-dark));color:#fff;font-size:11px;font-weight:700}.xiaolong-hub-kartu-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.xiaolong-hub-kartu-ikon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px}.xiaolong-hub-kartu-ikon-jade{background:var(--jade-soft);color:var(--brand-jade-dark)}.xiaolong-hub-kartu-ikon-biru{background:#e8f5fb;color:#2aabee}.xiaolong-hub-kartu-head h2{margin:0;font-size:16px;line-height:1.25;color:var(--text-primary)}.xiaolong-hub-kartu-head p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.xiaolong-hub-kartu-deskripsi{margin:0 0 16px;color:var(--text-secondary);font-size:14px;line-height:1.5}.xiaolong-hub-fitur{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;flex:1}.xiaolong-hub-fitur li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;color:var(--text-secondary)}.xiaolong-hub-fitur li svg{flex:none;margin-top:2px;color:var(--brand-jade-dark)}.xiaolong-hub-fitur-biru li svg{color:#2aabee}.xiaolong-hub-peringatan{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:var(--radius-sm);background:#fff8f0;border:1px solid #f5d0a9;color:#c47a3a;font-size:12px;font-weight:600}.xiaolong-hub-galat{margin:0 0 12px;color:var(--brand-primary-dark);font-size:12px}.xiaolong-hub-cta-web{background:linear-gradient(135deg,var(--brand-jade) 0%,var(--brand-jade-dark) 100%);box-shadow:0 3px 14px #26745747}.xiaolong-hub-cta-web:not(:disabled):hover{background:linear-gradient(135deg,var(--brand-jade-dark) 0%,#1c5f47 100%)}.xiaolong-hub-cta-telegram{background:#2aabee;box-shadow:0 3px 14px #2aabee40}.xiaolong-hub-cta-ghost{color:var(--brand-jade-dark);border:1.5px solid var(--brand-jade-dark);background:transparent}.xiaolong-hub-catatan{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:var(--text-muted);font-size:13px;text-align:center}.scan-hanzi-page{max-width:720px;margin-inline:auto;width:100%;box-sizing:border-box}@media(max-width:480px){.scan-hanzi-page{padding-left:16px;padding-right:16px}}@media(max-width:360px){.scan-hanzi-page{padding-left:12px;padding-right:12px}}.scan-hanzi-kartu{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;box-sizing:border-box;padding:16px}.scan-hanzi-aksi-awal{display:flex;flex-wrap:wrap;gap:10px}.scan-hanzi-galat{color:var(--brand-primary-dark);font-size:13px;overflow-wrap:anywhere}.scan-hanzi-galat button{background:none;border:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.scan-hanzi-pratinjau{width:100%;max-width:100%;box-sizing:border-box;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-soft)}.scan-hanzi-pratinjau img{display:block;width:100%;max-width:100%;height:auto;max-height:360px;object-fit:contain;background:var(--surface-muted)}.scan-hanzi-reset{align-self:flex-start;background:none;border:none;padding:0;color:var(--text-secondary);text-decoration:underline;cursor:pointer;font-size:13px}.scan-hanzi-hasil{background:#fcfbf7;border:1px solid #E8E2D8;border-radius:20px;box-shadow:0 8px 24px #0000000d;padding:20px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.scan-hanzi-hasil-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.scan-hanzi-hasil h2{margin:0;font-size:16px}.scan-hanzi-scan-lagi{background:none;border:none;padding:0;color:var(--text-secondary);text-decoration:underline;cursor:pointer;font-size:13px}.scan-hanzi-menerjemahkan,.scan-hanzi-menerjemahkan-sebagian{margin:0;font-size:12px;color:var(--text-muted)}.scan-hanzi-transcript{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.scan-hanzi-transcript-block{display:flex;flex-direction:column;gap:3px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;animation:scan-hanzi-reveal .16s ease-out both;animation-delay:var(--reveal-delay, 0ms)}@media(prefers-reduced-motion:reduce){.scan-hanzi-transcript-block{animation:none}}@keyframes scan-hanzi-reveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.scan-hanzi-transcript-tokens{margin:0;padding:0;max-width:100%;min-width:0;display:flex;flex-wrap:wrap;align-items:flex-end}.scan-token{display:inline-flex;flex-direction:column;align-items:center;margin:0 6px 4px 0}.scan-token-pinyin{margin-bottom:1px;font-size:clamp(10px,2.6vw,12px);font-weight:500;line-height:1.2;color:var(--text-muted)}.scan-token-hanzi{font-size:clamp(17px,5vw,21px);font-weight:700;line-height:1.25;color:var(--brand-jade-dark)}.scan-token-punct{display:inline-flex;align-items:flex-end;margin:0 0 4px;font-size:clamp(17px,5vw,21px);font-weight:700;line-height:1.25;color:var(--brand-jade-dark)}.scan-hanzi-transcript-pinyin{margin:0;max-width:100%;min-width:0;font-size:clamp(12px,3.1vw,14px);line-height:1.35;font-weight:500;color:var(--text-muted);white-space:normal;overflow-wrap:anywhere;word-break:normal}.scan-hanzi-transcript-hanzi{margin:0;max-width:100%;min-width:0;font-size:clamp(19px,4.8vw,22px);line-height:1.35;font-weight:700;color:var(--brand-jade-dark);white-space:normal;overflow-wrap:anywhere;word-break:break-all}.scan-hanzi-transcript-translation{display:flex;gap:8px;margin-top:4px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;animation:scan-hanzi-fade-in .16s ease-out both}@media(prefers-reduced-motion:reduce){.scan-hanzi-transcript-translation{animation:none}}@keyframes scan-hanzi-fade-in{0%{opacity:0}to{opacity:1}}.scan-hanzi-transcript-translation span{flex:none;width:3px;border-radius:2px;background:var(--brand-jade)}.scan-hanzi-transcript-translation p{margin:0;padding-left:2px;max-width:100%;min-width:0;overflow-wrap:anywhere;font-size:clamp(12px,3.1vw,13.5px);font-weight:400;line-height:1.45;color:var(--text-primary)}.scan-hanzi-kosakata{display:flex;flex-direction:column;gap:10px;min-width:0}.scan-hanzi-kosakata h3{margin:0;font-size:14px;font-weight:600;color:var(--text-secondary)}.scan-hanzi-vocab-toggle{align-self:center;background:none;border:none;padding:4px 0;color:var(--brand-jade-dark);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}.scan-hanzi-segmen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:360px){.scan-hanzi-segmen{grid-template-columns:1fr}}.scan-hanzi-segmen li{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px 12px}.scan-hanzi-segmen li b{display:block;font-size:clamp(20px,5.2vw,24px);line-height:1.3;color:var(--brand-jade-dark);overflow-wrap:anywhere;word-break:break-all}.scan-hanzi-segmen li span{display:block;color:var(--text-secondary);font-size:14px;margin-top:2px}.scan-hanzi-segmen li em{display:block;font-style:normal;color:var(--text-muted);font-size:11px;margin-top:2px}.scan-hanzi-segmen li p{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.mineral-module-card-featured{max-width:960px;padding:clamp(24px,4vw,34px)}.mineral-module-eyebrow{display:block;margin-bottom:10px;color:#2e7d62;font-size:11px;font-weight:750;letter-spacing:.1em}.mineral-module-card-featured>b{display:block;color:#1e3a2e;font-size:clamp(23px,3vw,30px)}.mineral-module-card-featured>p{max-width:620px}.mineral-module-card-featured .button{margin-top:21px;width:100%}.mineral-page-header{margin-bottom:18px}.mineral-chapter-card{min-height:312px}.mineral-chapter-card-locked{border-color:#707c7433;background:linear-gradient(160deg,#ffffffd4,#f4f6f2c7)}.mineral-chapter-card-locked .chapter-card-body,.mineral-chapter-card-locked .chapter-theme,.mineral-chapter-card-locked .chapter-card-stats{opacity:.72}.mineral-chapter-card-locked .hsk-progress-label{color:#7a6a46}.mineral-chapter-card-locked .hsk-progress-label b{display:inline-flex;align-items:center;color:#927242}.mineral-unlock-btn{color:#765622;border-color:#966f2847;background:#fff9ec;box-shadow:none}.mineral-unlock-btn:not(:disabled):hover{color:#5f4112;border-color:#966f287a;background:#fff1d3}.mineral-chapter-hero:after{background-image:url(/media/curriculum/mineral-resource-series.webp);opacity:.23}.mineral-vocabulary-side{background:#f3f6f0b8}.mineral-quiz{max-width:760px;padding:clamp(18px,3vw,28px);margin:0 auto}.mineral-quiz>p{color:#6d7669;font-size:13px}.mineral-quiz-prompt{display:block;margin:14px 0 22px;color:#1e3a2e;font-size:clamp(25px,4vw,39px);line-height:1.25}.mineral-quiz .button{margin-top:18px}.mineral-writing-card{margin:0}.mineral-writing-note{margin:16px 0 0;padding:12px 14px;color:#58655c;background:#2e7d620f;border-radius:12px;font-size:13px}.mineral-empty{padding:22px;color:#6d7669;text-align:center}@media(max-width:700px){.mineral-chapter-card{min-height:0}.mineral-module-card-featured{padding:22px}}.pricing-site{--p-ivory:#fbf8f0;--p-jade:#0f6b50;--p-jade-d:#074a39;--p-jade-soft:#e5f1eb;--p-gold:#c89936;--p-ink:#17211d;--p-muted:#667069;--p-line:rgba(45,69,58,.14);--p-ease:cubic-bezier(.22,1,.36,1);min-height:100vh;background:var(--p-ivory);color:var(--p-ink);overflow:clip}.pricing-site button:active{transform:translateY(1px)}.pricing-footer img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pricing-hero{width:min(100% - 48px,1280px);min-height:610px;margin:0 auto;padding:72px 0 52px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.72fr) minmax(250px,.62fr);align-items:center;gap:32px;position:relative;isolation:isolate}.pricing-hero:after{content:"";position:absolute;top:0;right:-80px;bottom:0;left:-80px;z-index:-3;background:radial-gradient(ellipse at 88% 80%,rgba(57,119,82,.12),transparent 38%),linear-gradient(180deg,#fff9,#fbf8f000)}.floating-hanzi{position:absolute;z-index:-1;color:var(--p-jade);opacity:.055;font-weight:800;pointer-events:none;animation:pHanziFloat var(--float-duration) ease-in-out var(--float-delay) infinite}.hanzi-one{left:-5%;top:8%;font-size:98px;--float-duration:7s;--float-delay:-.6s}.hanzi-two{left:37%;bottom:7%;font-size:65px;--float-duration:9s;--float-delay:-2s}.hanzi-three{right:8%;top:8%;font-size:72px;--float-duration:8s;--float-delay:-1s}.hanzi-four{right:-4%;bottom:4%;font-size:112px;--float-duration:10s;--float-delay:-3s}.hero-glow{width:390px;height:390px;position:absolute;z-index:-2;border-radius:50%;filter:blur(70px);opacity:.2;animation:pRadialGlow 10s ease-in-out infinite}.glow-jade{left:0;top:90px;background:#92c8ad}.glow-gold{left:45%;top:90px;background:#f0d58e;animation-delay:-4s}.pricing-hero-copy{align-self:center;position:relative;z-index:2}.launch-eyebrow{width:max-content;padding:8px 13px;display:block;color:#8b6214;background:#fff9e8d6;border:1px solid rgba(200,153,54,.36);border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.08em;animation:pHeroUp .46s .1s var(--p-ease) both}.pricing-hero-copy h1{margin:24px 0 18px;font-size:clamp(46px,4.8vw,76px);line-height:1.02;letter-spacing:-.055em}.pricing-hero-copy h1 span,.pricing-hero-copy h1 strong{display:block;font-weight:800}.pricing-hero-copy h1 span{animation:pHeroUp .55s .18s var(--p-ease) both}.pricing-hero-copy h1 strong{width:max-content;max-width:100%;color:var(--p-jade);position:relative;animation:pHeroUp .55s .28s var(--p-ease) both}.pricing-hero-copy h1 svg{width:100%;height:19px;position:absolute;left:0;bottom:-13px;overflow:visible}.pricing-hero-copy h1 path{fill:none;stroke:var(--p-gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pDrawUnderline .82s .58s var(--p-ease) forwards}.pricing-hero-copy>p{max-width:610px;margin:26px 0 25px;color:var(--p-muted);font-size:15px;line-height:1.78;animation:pHeroUp .55s .38s var(--p-ease) both}.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;animation:pHeroUp .55s .46s var(--p-ease) both}.hero-benefits span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.hero-benefits svg{color:var(--p-jade)}.pricing-hero-actions{margin-top:29px;display:flex;align-items:center;gap:12px;animation:pHeroUp .55s .56s var(--p-ease) both}.pricing-hero-actions .button{min-height:50px;padding:13px 21px;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--p-jade),var(--p-jade-d));box-shadow:0 12px 25px #0f6b502b}.pricing-hero-actions>button{min-height:50px;padding:11px 15px;display:inline-flex;align-items:center;gap:9px;color:var(--p-jade);font-size:12px;font-weight:800}.hero-price-card{min-height:415px;padding:38px 26px 24px;display:flex;flex-direction:column;text-align:center;position:relative;z-index:2;background:#fffdf8e8;border:1px solid rgba(200,153,54,.48);border-radius:26px;box-shadow:0 26px 70px #493a1e1c;animation:pHeroPriceIn .62s .62s var(--p-ease) both}.promo-ribbon{padding:9px 14px;position:absolute;top:-15px;left:50%;color:#fff;background:linear-gradient(90deg,#09533f,#0d7657);border-radius:7px;box-shadow:0 7px 15px #0b4b3830;font-size:10px;font-weight:850;letter-spacing:.07em;transform:translate(-50%) rotate(-2deg);white-space:nowrap;animation:pBadgeDrop .42s .77s var(--p-ease) both}.hero-price-card>small{margin-top:8px;font-size:14px;font-weight:750}.hero-price-card h2{margin:9px 0 5px;color:var(--p-jade);font-size:31px;letter-spacing:-.04em}.hero-price-card>p{min-height:36px;color:var(--p-muted);font-size:11px;line-height:1.55}.hero-price-surface{margin:14px 0 18px;padding:19px 16px;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--p-line);border-radius:17px}.hero-price-surface s{color:#9a9b96;font-size:12px}.hero-price-surface strong{color:var(--p-jade);font-size:26px}.hero-price-surface small{font-size:10px;color:var(--p-muted)}.hero-price-card .button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--p-jade),var(--p-jade-d))}.hero-price-card em{margin-top:12px;color:#8a8f8a;font-size:9px;font-style:normal}.hero-mascot-wrap{height:490px;align-self:end;position:relative;z-index:1;animation:pMascotIn .58s .72s var(--p-ease) both}.hero-mascot-wrap img{width:132%;max-width:none;height:100%;margin-left:-17%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 30px rgba(24,70,51,.16));animation:pMascotFloat 4.7s ease-in-out 1.3s infinite;transition:transform .25s var(--p-ease),filter .25s}.hero-mascot-wrap:hover img{transform:scale(1.015);filter:drop-shadow(0 28px 34px rgba(24,70,51,.22))}.hero-mascot-wrap i{position:absolute;color:var(--p-gold);font-style:normal;animation:pSparkle 3.6s ease-in-out infinite}.spark-one{right:3%;top:14%;font-size:22px}.spark-two{right:20%;top:7%;font-size:14px;animation-delay:-1.3s!important}.pricing-reveal{opacity:0;transform:translateY(20px);transition:opacity .52s var(--p-ease) var(--reveal-delay,0ms),transform .52s var(--p-ease) var(--reveal-delay,0ms)}.pricing-reveal.is-visible{opacity:1;transform:translateY(0)}.pricing-trust{width:min(100% - 48px,1100px);min-height:76px;margin:0 auto 86px;padding:13px 18px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#ffffffad;border:1px solid var(--p-line);border-radius:20px;box-shadow:0 14px 35px #33423a0f}.pricing-trust>div{min-height:41px;display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--p-line);font-size:11px;font-weight:700;opacity:0;animation:pTrustFade .4s var(--trust-delay) forwards}.pricing-trust>div:last-child{border-right:0}.pricing-trust svg{color:var(--p-jade)}.pricing-content-section,.pricing-demo,.pricing-comparison,.pricing-faq{width:min(100% - 48px,1120px);margin:0 auto;padding:90px 0;scroll-margin-top:76px}.pricing-section-heading{max-width:690px;margin:0 auto 42px;text-align:center}.pricing-section-heading>span{color:var(--p-jade);font-size:10px;font-weight:850;letter-spacing:.13em}.pricing-section-heading h2{margin:11px 0 10px;font-size:clamp(30px,3vw,43px);letter-spacing:-.045em;line-height:1.12}.pricing-section-heading p{color:var(--p-muted);font-size:13px;line-height:1.7}.pricing-section-heading.compact{margin-inline:0;text-align:left}.pricing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-feature-card{min-height:220px;padding:28px;background:#ffffff9e;border:1px solid var(--p-line);border-radius:21px;box-shadow:0 12px 25px #2d3e350a;transition:transform .22s var(--p-ease),border-color .22s,box-shadow .22s}.pricing-feature-card:hover{transform:translateY(-3px);border-color:#0f6b505c;box-shadow:0 18px 34px #2d3e3514}.pricing-feature-card>span{width:45px;height:45px;display:grid;place-items:center;color:var(--p-jade);background:var(--p-jade-soft);border-radius:13px;transition:transform .22s}.pricing-feature-card:hover>span{transform:scale(1.04) rotate(-2deg)}.pricing-feature-card h3{margin:23px 0 9px;font-size:16px}.pricing-feature-card p{margin:0;color:var(--p-muted);font-size:11px;line-height:1.75}.pricing-totals{margin-top:18px;padding:26px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(100deg,#0c5743,#0f6b50);border-radius:22px;color:#fff}.pricing-totals>div{text-align:center;border-right:1px solid rgba(255,255,255,.18)}.pricing-totals>div:last-child{border-right:0}.pricing-totals b{display:block;color:#f2d380;font-size:25px}.pricing-totals span{font-size:10px;opacity:.83}.pricing-demo{padding-top:76px}.plans-section{width:100%;max-width:none;padding:0}.plans-band{background:linear-gradient(180deg,#fbf8f0,#eef3f9 13%,#dfe9f6 36%,#aecbf0 64%,#d3e2f7 86%,#f6f3ea)}.plans-band-inner{width:min(100% - 48px,1280px);margin:0 auto;padding:86px 0 60px}.plan-mode{width:max-content;max-width:100%;margin:0 auto 38px;display:flex;align-items:center;gap:2px;padding:5px;background:#ffffffa8;border:1px solid rgba(255,255,255,.78);border-radius:999px;box-shadow:0 10px 26px #254e961f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-mode-seg{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:999px;font-size:11px;font-weight:750;color:#5b6b84;white-space:nowrap}.plan-mode-seg svg{color:#93a3bd}.plan-mode-seg.is-active{color:#17233b;background:#fff;box-shadow:0 4px 12px #1e3a6e24}.plan-mode-seg.is-active svg{color:#2563eb}.pricing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pricing-plan-card,.card.plan-card{padding:10px;display:flex;flex-direction:column;background:#fff;border:1px solid #fff;border-radius:26px;box-shadow:0 22px 48px #1d3f811a}.pricing-plan-card{min-height:0;position:relative;transition:opacity .52s var(--p-ease) var(--reveal-delay,0ms),transform .25s var(--p-ease),box-shadow .25s}.pricing-plan-card.from-left{transform:translate(-20px,12px)}.pricing-plan-card.from-right{transform:translate(20px,12px)}.pricing-plan-card.is-visible{transform:translate(0)}.pricing-plan-card.featured{border-width:2px;box-shadow:0 34px 70px #1d3f8133}.pricing-plan-card.featured.is-visible{transform:translateY(-12px)}.pricing-plan-card:hover{transform:translateY(-3px);box-shadow:0 28px 58px #1d3f8126}.pricing-plan-card.featured.is-visible:hover{transform:translateY(-16px);box-shadow:0 40px 78px #1d3f813d}.pricing-price-loading{color:#9aa19d;font-size:12px;font-weight:600;letter-spacing:0}.plan-alert{margin-bottom:18px;padding:15px 18px;color:#1e3a8a;background:#fffc;border:1px solid rgba(37,99,235,.25);border-radius:14px;font-size:11px}.pricing-plan-grid.is-loading{opacity:.7}.pricing-plan-grid.five-up{gap:14px}@media(min-width:781px){.pricing-plan-grid.five-up{grid-template-columns:repeat(5,1fr)}}@media(min-width:521px)and (max-width:780px){.pricing-plan-grid.five-up{grid-template-columns:repeat(2,1fr)}}.plan-head{min-height:172px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.9)}.plan-tint-free{background:#f5f8fb;border-color:#edf1f7}.plan-tint-sky{background:linear-gradient(135deg,#a3c4f3,#c1d3fe 50%,#d7e3fc);border-color:#c9dbfb}.plan-tint-peach{background:linear-gradient(135deg,#d3d3d3,#fbd8c9 50%,#a8c0f0);border-color:#f2e2d8}.plan-tint-steel{background:linear-gradient(135deg,#e0e8f5,#a6c0df 50%,#85abc7);border-color:#cfdef0}.plan-tint-royal{background:linear-gradient(135deg,#6d9bf1,#9dbdf9 48%,#cddafd);border-color:#bcd3fd}.plan-tint-royal:before{content:"";position:absolute;top:-46px;right:-46px;width:150px;height:150px;border-radius:50%;background:#60a5fa;filter:blur(30px);opacity:.55}.plan-tint-royal:after{content:"";position:absolute;bottom:-44px;left:-32px;width:135px;height:135px;border-radius:50%;background:#bfdbfe;filter:blur(26px);opacity:.6}.plan-head-badges{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.plan-badge{display:inline-flex;padding:6px 11px;background:#fff;border-radius:999px;box-shadow:0 3px 9px #172a4f24;font-size:9.5px;font-weight:800;letter-spacing:.07em;color:#1e293b;text-transform:uppercase;white-space:nowrap}.plan-save{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#fff;border-radius:999px;box-shadow:0 3px 9px #172a4f24;font-size:9.5px;font-weight:800;color:#b45309;white-space:nowrap}.plan-save svg{color:#f97316}.plan-tint-royal .plan-save{color:#b4432f}.plan-price-zone{position:relative;z-index:1}.plan-price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan-amount{font-size:clamp(23px,1.9vw,30px);font-weight:800;letter-spacing:-.045em;color:#101828}.plan-was{color:#1e293b8c;font-size:11px;font-weight:650}.plan-head-notes{margin-top:7px;display:flex;flex-direction:column;gap:2px}.plan-launch{font-size:9px;color:#44536b}.plan-launch b{color:#1d4ed8;font-weight:800}.plan-perlevel{font-size:10px;font-weight:800;color:#1d4ed8}.plan-body{display:flex;flex-direction:column;flex:1;padding:18px 12px 10px}.plan-desc{min-height:38px;color:#5c6b80;font-size:10.5px;line-height:1.6}.plan-body .plan-cta,.card.plan-card .plan-cta{width:100%;min-height:44px;margin:13px 0 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f1f4f8;color:#3c4a5e;border-radius:13px;font-size:12px;font-weight:750;box-shadow:none;transition:background .18s var(--p-ease),transform .18s var(--p-ease)}.plan-body .plan-cta:hover,.card.plan-card .plan-cta:hover{background:#e4eaf2;transform:translateY(-1px)}.plan-body .plan-cta-primary,.card.plan-card .plan-cta-primary{background:#2563eb;color:#fff;box-shadow:0 12px 24px #2563eb4d}.plan-body .plan-cta-primary:hover,.card.plan-card .plan-cta-primary:hover{background:#1d4ed8}.plan-includes{margin:17px 0 10px;color:#16233b;font-size:10px;font-weight:800}.plan-list{flex:1;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;list-style:none}.plan-list .plan-item{display:flex;align-items:flex-start;gap:8px;color:#5a6a80;font-size:10.5px;line-height:1.5}.plan-list .plan-item svg{flex:none;margin-top:2px;color:#9aa8bd}.price-card.plan-card{padding:10px;border-radius:26px}.price-card.plan-card.featured{border-color:#dbe7fb;box-shadow:0 32px 64px #1d3f812e;transform:translateY(-6px)}.price-card .plan-list{margin:0;padding:0;border-top:0;min-height:0}.price-card .plan-desc{margin:0}.plan-card .button{width:100%}.voucher-panel{max-width:520px;margin:20px auto 0;background:#ffffffb8;border:1px solid rgba(255,255,255,.85);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px #1f3f7c17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voucher-trigger{width:100%;min-height:68px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.voucher-trigger span{display:flex;align-items:center;gap:8px;font-size:11px}.voucher-trigger span:last-child{color:var(--p-jade)}.voucher-trigger svg{transition:transform .22s var(--p-ease)}.voucher-panel.is-open .voucher-trigger span:last-child svg{transform:rotate(90deg)}.voucher-drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s var(--p-ease),opacity .2s}.voucher-panel.is-open .voucher-drawer{grid-template-rows:1fr;opacity:1}.voucher-drawer>div{min-height:0;overflow:hidden;padding:0 18px}.voucher-panel.is-open .voucher-drawer>div{padding-bottom:18px}.voucher-drawer label{display:block;margin-bottom:8px;color:var(--p-muted);font-size:10px}.voucher-drawer>div>div{display:flex;gap:8px}.voucher-drawer input{min-width:0;flex:1;padding:11px 13px;background:#fff;border:1px solid var(--p-line);border-radius:11px;outline:none}.voucher-drawer .button{min-height:42px}.voucher-drawer p{margin:8px 0 0;color:#8b928e;font-size:9px}.voucher-drawer p.is-notice{color:#1f6d4e;font-weight:600}.voucher-drawer p.is-notice.is-error{color:#a5451f}.pricing-comparison{padding-top:35px}.comparison-table{overflow:hidden;background:#ffffffa8;border:1px solid var(--p-line);border-radius:20px}.comparison-row{min-height:55px;padding:0 23px;display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--p-line);font-size:11px}.comparison-row:last-child{border-bottom:0}.comparison-row.head{min-height:48px;color:#fff;background:var(--p-jade)}.comparison-row span:not(:first-child),.comparison-row.head b:not(:first-child){text-align:center}.placement-cta{width:min(100% - 48px,1120px);min-height:225px;margin:70px auto 35px;padding:40px 45px 40px 270px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;isolation:isolate;overflow:hidden;background:#ffffffc7;border:1px solid rgba(15,107,80,.18);border-radius:28px;box-shadow:0 22px 55px #27423317}.placement-cta>img{width:245px;height:255px;position:absolute;left:5px;bottom:-38px;z-index:1;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(24,70,51,.12))}.placement-cta>div{position:relative;z-index:2}.placement-cta>div>span{color:var(--p-jade);font-size:9px;font-weight:850;letter-spacing:.12em}.placement-cta h2{margin:8px 0;font-size:27px;letter-spacing:-.04em}.placement-cta p{max-width:580px;margin:0;color:var(--p-muted);font-size:11px;line-height:1.65}.placement-cta .button{position:relative;z-index:2;min-height:48px;display:flex;align-items:center;gap:8px}.blob{width:330px;height:330px;position:absolute;z-index:-1;border-radius:50%;filter:blur(55px);opacity:.29;animation:pBlobDrift 13s ease-in-out infinite alternate}.blob-one{left:-70px;bottom:-190px;background:#8cc9aa}.blob-two{right:10%;top:-230px;background:#d8c576;animation-delay:-4s}.blob-three{right:-170px;bottom:-220px;background:#b2d8c4;animation-delay:-8s}.pricing-faq{padding-top:100px}.faq-list{max-width:850px;margin:auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:#ffffffa3;border:1px solid var(--p-line);border-radius:16px;transition:border-color .2s,background .2s}.faq-item.is-open{background:#ffffffe6;border-color:#0f6b5045}.faq-item>button{width:100%;min-height:62px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-size:12px;font-weight:750}.faq-item>button svg{color:var(--p-jade);transform:rotate(90deg);transition:transform .24s var(--p-ease)}.faq-item.is-open>button svg{transform:rotate(-90deg)}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s var(--p-ease),opacity .22s}.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}.faq-answer>div{min-height:0;overflow:hidden}.faq-answer p{margin:0;padding:0 19px 18px;color:var(--p-muted);font-size:11px;line-height:1.75}.pricing-final-cta{width:min(100% - 48px,1120px);min-height:250px;margin:50px auto 95px;padding:44px 44px 44px 300px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#e4f0e8,#f7f2df);border:1px solid rgba(15,107,80,.18);border-radius:28px}.pricing-final-cta>img{width:290px;height:290px;position:absolute;left:0;bottom:-56px;object-fit:contain;animation:pFinalMascotIn .55s .12s var(--p-ease) both}.pricing-final-cta>div{position:relative;z-index:1}.pricing-final-cta>div span{color:var(--p-jade);font-family:"Noto Serif SC",serif;font-size:12px}.pricing-final-cta h2{margin:8px 0;font-size:35px;letter-spacing:-.045em}.pricing-final-cta p{margin:0;color:var(--p-muted);font-size:12px}.pricing-final-cta .button{min-height:50px;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.final-leaf{position:absolute;z-index:-1;color:var(--p-jade);opacity:.045;font-family:"Noto Serif SC",serif;font-size:160px;animation:pLeafDrift 8s ease-in-out infinite}.leaf-one{right:17%;top:-70px}.leaf-two{right:-4%;bottom:-90px;animation-delay:-3s}.pricing-footer{min-height:120px;padding:25px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:25px;color:var(--p-muted);background:#f4efe4;border-top:1px solid var(--p-line)}.pricing-footer button{width:220px;height:62px;overflow:hidden}.pricing-footer p,.pricing-footer span{margin:0;font-size:10px}.floating-promo{width:205px;padding:17px;display:flex;flex-direction:column;position:fixed;right:20px;top:50%;z-index:35;color:#fff;background:linear-gradient(150deg,#0e6d51,#074533);border:1px solid rgba(255,255,255,.17);border-radius:18px;box-shadow:0 20px 45px #0a3d2d38;opacity:0;pointer-events:none;transform:translate(120%);transition:transform .32s var(--p-ease),opacity .32s}.floating-promo.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.floating-promo>span{color:#f1d37c;font-size:9px;font-weight:850;letter-spacing:.08em}.floating-promo b{margin:5px 0 11px;font-size:20px}.floating-promo button{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;color:#163d30;background:#f1cc6d;border-radius:9px;font-size:10px;font-weight:800}@keyframes pBarIn{0%{opacity:0;transform:translateY(-100%)}}@keyframes pCrossFade{0%{opacity:0;transform:translateY(3px)}}@keyframes pHeroUp{0%{opacity:0;transform:translateY(20px)}}@keyframes pHeroPriceIn{0%{opacity:0;transform:translate(30px,16px) rotate(2deg)}}@keyframes pMascotIn{0%{opacity:0;transform:translateY(20px) scale(.96)}}@keyframes pBadgeDrop{0%{opacity:0;transform:translate(-50%,-12px) rotate(-2deg)}}@keyframes pDrawUnderline{to{stroke-dashoffset:0}}@keyframes pHanziFloat{50%{transform:translateY(-14px)}}@keyframes pRadialGlow{50%{opacity:.26;transform:scale(1.06)}}@keyframes pMascotFloat{50%{transform:translateY(-5px)}}@keyframes pSparkle{50%{opacity:.25;transform:scale(.78) rotate(12deg)}}@keyframes pTrustFade{to{opacity:1}}@keyframes pDemoSwitch{0%{opacity:0;transform:translateY(6px)}}@keyframes pDemoProgress{0%{transform:scaleX(0);transform-origin:left}}@keyframes pDemoCardUp{0%{opacity:0;transform:translateY(8px)}}@keyframes pBlobDrift{to{transform:translate(35px,-25px) scale(1.04)}}@keyframes pFinalMascotIn{0%{opacity:0;transform:translateY(20px)}}@keyframes pLeafDrift{50%{transform:translateY(-5px)}}@media(max-width:1100px){.pricing-hero{grid-template-columns:minmax(0,1fr) 330px}.hero-mascot-wrap{width:270px;height:300px;position:absolute;right:-20px;bottom:0;opacity:.38;z-index:0}.hero-price-card{z-index:2}.pricing-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.pricing-hero{width:700px;max-width:none;margin-inline:auto;zoom:calc((100vw - 32px)/700px)}.pricing-trust{width:min(100% - 32px,620px);margin-bottom:45px;grid-template-columns:1fr 1fr}.pricing-trust>div{border-right:0}.pricing-content-section,.pricing-demo,.pricing-comparison,.pricing-faq{width:min(100% - 32px,620px);padding:65px 0}.pricing-feature-grid,.pricing-plan-grid{grid-template-columns:1fr}.pricing-feature-card{min-height:auto;padding:20px}.pricing-feature-card>span{width:38px;height:38px}.pricing-feature-card h3{margin:18px 0 7px;font-size:15px}.pricing-totals{padding:20px;grid-template-columns:1fr 1fr;gap:18px 0}.pricing-totals b{font-size:21px}.pricing-totals>div:nth-child(2){border-right:0}.demo-frame{grid-template-columns:1fr}.demo-sidebar{padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.demo-sidebar button{justify-content:center;font-size:0}.demo-sidebar button svg{width:20px;height:20px}.demo-content{min-height:330px;padding:30px 24px}.demo-content h3{font-size:28px}.comparison-row{padding:0 14px;grid-template-columns:1.25fr .85fr .85fr;font-size:10px}.placement-cta{width:min(100% - 32px,620px);min-height:170px;padding:18px 18px 18px 106px;display:block;text-align:left}.placement-cta>img{width:82px;height:82px;left:14px;right:auto;bottom:auto;top:50%;transform:translateY(-50%)}.placement-cta>div>span{font-size:8px}.placement-cta h2{font-size:14px;line-height:1.25;margin:4px 0}.placement-cta p{max-width:none;font-size:9px;line-height:1.4}.placement-cta .button{width:auto;margin-top:10px;padding:0 14px;min-height:34px;font-size:11px;justify-content:center}.pricing-final-cta{width:min(100% - 32px,620px);padding:180px 25px 30px;display:block;text-align:center}.pricing-final-cta>img{width:230px;height:230px;left:50%;bottom:auto;top:-44px;transform:translate(-50%)}.pricing-final-cta h2{font-size:29px}.pricing-final-cta .button{width:100%;margin-top:24px;justify-content:center}.pricing-footer{padding:24px 16px;grid-template-columns:1fr;justify-items:center;text-align:center}.pricing-footer button{width:220px}.floating-promo{display:none}.plans-section{width:100%;padding:0}.plans-band-inner{width:min(100% - 32px,620px);padding:62px 0 46px}.plan-mode{flex-direction:column;align-items:stretch;border-radius:20px}.plan-mode-seg{justify-content:center}.plan-head{min-height:138px}.pricing-plan-card.featured.is-visible{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pricing-site *,.pricing-site :before,.pricing-site :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-hanzi,.hero-glow,.blob,.hero-mascot-wrap img,.final-leaf{animation:none!important}.pricing-hero-copy h1 path{stroke-dashoffset:0}}.pricing-hero-actions .button{color:#fff}.demo-showcase-grid-pricing{margin-top:28px;gap:32px}.promo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:12px;background:#0a120f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:promo-fade .2s ease}.promo-modal{position:relative;width:min(600px,100%);max-height:min(780px,calc(100dvh - 24px));overflow:auto;padding:26px;background:var(--surface);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-md);animation:promo-pop .22s ease}@keyframes promo-fade{0%{opacity:0}}@keyframes promo-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(prefers-reduced-motion:reduce){.promo-backdrop,.promo-modal{animation:none}}.promo-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:50%;cursor:pointer}.promo-close:hover{color:var(--text-primary);border-color:var(--border-strong)}.promo-head{display:flex;align-items:flex-start;gap:12px;padding-right:44px}.promo-eyebrow{display:inline-block;padding:4px 10px;color:var(--brand-gold-dark);font-size:10.5px;font-weight:750;letter-spacing:.09em;background:var(--gold-soft);border-radius:999px}.promo-head h2{margin:10px 0 6px;font-size:24px;line-height:1.2;letter-spacing:-.5px}.promo-head h2 strong{color:var(--brand-jade-dark)}.promo-head p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.5}.promo-mascot{flex:none;margin-top:4px}.promo-hero{margin:18px 0 14px;padding:16px 14px;text-align:center;background:var(--jade-soft);border:1px solid rgba(62,156,122,.28);border-radius:14px}.promo-hero>span{font-size:10.5px;font-weight:750;letter-spacing:.09em;color:var(--brand-jade-dark)}.promo-hero-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:6px}.promo-hero-price s{color:var(--text-muted);font-size:15px}.promo-hero-price b{color:var(--brand-jade-dark);font-size:34px;letter-spacing:-.8px}.promo-hero em{display:inline-block;margin-top:4px;padding:3px 10px;color:#fff;font-size:10.5px;font-style:normal;font-weight:700;background:var(--brand-jade-dark);border-radius:999px}.promo-alt-label{margin:0 0 8px;text-align:center;color:var(--text-secondary);font-size:10.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.promo-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promo-chip{padding:10px 6px;text-align:center;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:12px}.promo-chip span{display:block;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.promo-chip b{display:block;margin-top:3px;color:var(--text-primary);font-size:13px;letter-spacing:-.2px}.promo-chip.featured{background:var(--jade-soft);border-color:#3e9c7a80}.promo-chip.featured span,.promo-chip.featured b{color:var(--brand-jade-dark)}.promo-actions{display:grid;gap:8px;margin-top:18px}.promo-actions .button{width:100%;min-height:50px}.promo-footnote{margin:12px 0 0;text-align:center;color:var(--text-muted);font-size:11px;line-height:1.5}@media(max-width:480px){.promo-backdrop{padding:10px}.promo-modal{padding:20px 16px;border-radius:18px}.promo-head h2{font-size:20px}.promo-mascot{height:68px!important}.promo-chips{grid-template-columns:repeat(2,1fr)}.promo-hero-price b{font-size:28px}}.xl-quota-modal{width:min(420px,100%);text-align:center}.xl-quota-avatar{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:10px;border-radius:50%;background:var(--surface-muted);border:1px solid var(--border-soft)}.xl-quota-avatar img{width:44px;height:44px}.xl-quota-modal h2{margin:0 0 10px;font-size:19px;line-height:1.3;color:var(--text-primary)}.xl-quota-modal p{margin:0 0 8px;color:var(--text-secondary);font-size:14px;line-height:1.55}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:12px;background:#0a120f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:welcome-fade .2s ease}.welcome-modal{position:relative;width:min(820px,100%);max-height:min(820px,calc(100dvh - 24px));overflow:auto;background:var(--surface);border:1px solid var(--border-soft);border-radius:24px;box-shadow:var(--shadow-md);animation:welcome-pop .22s ease}@keyframes welcome-fade{0%{opacity:0}}@keyframes welcome-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(prefers-reduced-motion:reduce){.welcome-backdrop,.welcome-modal{animation:none}}.welcome-close{position:absolute;top:12px;right:12px;z-index:1;width:36px;height:36px;display:grid;place-items:center;color:#fff;font-size:20px;line-height:1;background:#14181673;border:none;border-radius:50%;cursor:pointer}.welcome-close:hover{background:#141816a6}.welcome-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d1210}.welcome-video{display:block;width:100%;height:100%;object-fit:cover}.welcome-video-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--jade-soft),var(--gold-soft))}.welcome-video-fallback img{height:72px;width:auto}.welcome-body{padding:24px 28px 28px;text-align:center}.welcome-body h2{margin:0 0 10px;font-size:24px;letter-spacing:-.4px;color:var(--brand-jade-dark)}.welcome-body p{margin:0 auto;max-width:480px;color:var(--text-secondary);font-size:13.5px;line-height:1.6}.welcome-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.welcome-btn-primary,.welcome-btn-ghost{min-height:48px;padding:0 24px;font-size:14px;font-weight:700;border-radius:999px;cursor:pointer}.welcome-btn-primary{color:#fff;background:var(--brand-jade-dark);border:none}.welcome-btn-primary:hover{filter:brightness(1.06)}.welcome-btn-ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--border-soft)}.welcome-btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.welcome-preview-badge{position:absolute;top:12px;left:12px;z-index:1;padding:4px 10px;color:var(--brand-gold-dark);font-size:10.5px;font-weight:750;letter-spacing:.06em;background:var(--gold-soft);border-radius:999px}.dash-welcome-preview{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;color:var(--brand-gold-dark);font-size:11.5px;font-weight:700;background:var(--gold-soft);border:1px solid rgba(196,155,66,.3);border-radius:999px;cursor:pointer}.dash-welcome-preview:hover{filter:brightness(1.04)}@media(max-width:480px){.welcome-backdrop{padding:8px}.welcome-modal{width:100%;border-radius:18px}.welcome-body{padding:18px 16px 22px}.welcome-body h2{font-size:20px}.welcome-actions{flex-direction:column}.welcome-actions .welcome-btn-primary,.welcome-actions .welcome-btn-ghost{width:100%}}