.learning-hero{padding:105px 0 85px;background:#f5f5f7}.learning-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.learning-hero h1{font-size:clamp(54px,7vw,92px);line-height:.95;letter-spacing:-.075em;margin:0}.learning-hero h1 em{font-style:normal;color:#86868b}.learning-hero-copy{color:#6e6e73;font-size:19px;max-width:520px;margin:28px 0 0}.learning-hero-aside{border-left:1px solid #d2d2d7;padding-left:28px}.learning-hero-aside strong{display:block;font-size:32px;letter-spacing:-.04em}.learning-hero-aside span{color:#6e6e73;font-size:13px}
.learning-summary{max-width:1120px;margin:70px auto;padding:0 22px;display:grid;grid-template-columns:1fr 160px 1fr;gap:45px;align-items:center}.summary-copy h2{font-size:38px;letter-spacing:-.055em;margin:0}.summary-copy p:last-child{color:#6e6e73}.progress-ring{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#0071e3 var(--progress),#e5e5e7 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.progress-ring>*{position:relative}.progress-ring strong{font-size:29px}.progress-ring span{font-size:11px;color:#6e6e73}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-metrics div{background:#f5f5f7;border-radius:15px;padding:18px}.summary-metrics strong,.summary-metrics span{display:block}.summary-metrics strong{font-size:25px}.summary-metrics span{font-size:11px;color:#6e6e73;margin-top:15px}
.stage-section{padding:70px 0 130px;background:#f5f5f7}.stage-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.stage-section-head h2{font-size:48px;letter-spacing:-.065em;margin:0}.stage-section-head p{color:#6e6e73;max-width:390px}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-card{min-height:330px;border-radius:22px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.stage-top{display:flex;justify-content:space-between;font-size:12px;opacity:.72}.stage-eyebrow{font-size:12px;opacity:.75}.stage-card h3{font-size:34px;letter-spacing:-.055em;margin:5px 0}.stage-card p:not(.stage-eyebrow){font-size:14px;max-width:250px;opacity:.8}.stage-card a{font-size:14px}.stage-status{font-size:12px;opacity:.68}.tone-blue{background:#0071e3}.tone-green{background:#167d58}.tone-orange{background:#b95513}.tone-purple{background:#6d52a3}.tone-navy{background:#243b5a}.tone-charcoal{background:#1d1d1f}.is-preview-locked{filter:saturate(.35);opacity:.78}
.lesson-shell{min-height:calc(100vh - 52px);background:#f5f5f7;padding:50px 22px 80px}.lesson-frame{max-width:820px;margin:auto}.lesson-progress{display:flex;align-items:center;gap:18px;color:#6e6e73;font-size:12px}.lesson-progress-track{height:4px;background:#d2d2d7;flex:1;border-radius:9px;overflow:hidden}.lesson-progress-track span{display:block;height:100%;background:#0071e3}.lesson-card-large{margin-top:26px;background:#fff;border-radius:28px;padding:42px;box-shadow:0 18px 55px rgba(0,0,0,.06)}.lesson-card-top{display:flex;justify-content:space-between;align-items:center}.lesson-card-top>div{display:flex;gap:8px}.lesson-card-top span{background:#f5f5f7;border-radius:99px;padding:6px 10px;font-size:11px;color:#6e6e73}.lesson-card-top button,.lesson-example button{border:0;background:#e8f2ff;color:#0071e3;border-radius:99px;padding:10px 15px;cursor:pointer}.lesson-word{font-family:Georgia,serif;font-size:96px;line-height:1;margin-top:45px}.lesson-pinyin{font-size:20px;color:#0071e3;margin-top:18px}.lesson-meaning{font-size:28px;letter-spacing:-.04em;margin-top:6px}.lesson-example{border-top:1px solid #d2d2d7;margin-top:36px;padding-top:25px}.lesson-example p{margin:5px 0}.lesson-example p:first-child{font-size:24px}.lesson-example p:nth-child(2),.lesson-example p:nth-child(3){color:#6e6e73}.lesson-example button{margin-top:15px}.practice-instruction p:first-child{font-size:18px}.lesson-memory{margin-top:28px;color:#6e6e73;font-size:12px}.lesson-actions{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:10px;margin-top:16px}.lesson-actions button{border:0;border-radius:99px;padding:14px 18px;cursor:pointer}.lesson-actions .again{background:#fff;color:#b42318}.lesson-actions .know{background:#1d1d1f;color:#fff}.lesson-actions .arrow{background:transparent;color:#0071e3}
.practice-shell{max-width:920px;margin:auto;padding:70px 22px 120px}.practice-tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.practice-tabs button{border:1px solid #d2d2d7;background:#fff;border-radius:99px;padding:9px 15px;cursor:pointer}.practice-tabs button.active{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.quiz-panel{background:#f5f5f7;border-radius:24px;padding:35px}.quiz-meta{display:flex;justify-content:space-between;color:#6e6e73;font-size:12px}.quiz-prompt{font-size:clamp(42px,7vw,72px);letter-spacing:-.06em;margin:50px 0 35px}.listen-main{border:0;border-radius:99px;background:#0071e3;color:#fff;padding:12px 20px;margin:-15px 0 30px;cursor:pointer}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choices button{border:1px solid #d2d2d7;background:#fff;border-radius:13px;padding:18px;text-align:left;cursor:pointer;font-size:16px}.quiz-choices button:hover{border-color:#0071e3}.quiz-choices button.correct{background:#e5f5ed;border-color:#167d58}.quiz-choices button.incorrect{background:#fdebea;border-color:#b42318}.quiz-feedback{min-height:24px;color:#0071e3}.quiz-result{text-align:center;padding:40px}.quiz-result>span{font-size:76px;font-weight:700;letter-spacing:-.07em}.quiz-result h2{font-size:35px;margin:5px}.quiz-result p{color:#6e6e73}.pro-word-card{min-height:430px}.word-card-head{display:flex;justify-content:space-between;align-items:center}.word-badges{display:flex;gap:7px}.word-badges span{font-size:10px;background:#fff;border-radius:99px;padding:5px 8px;color:#6e6e73}.word-core{margin-top:25px}.word-context{border-top:1px solid #d2d2d7;margin-top:25px;padding-top:18px}.word-context p{margin:3px 0}.example-chinese{font-size:17px}.example-pinyin,.example-english,.word-context.compact{font-size:12px;color:#6e6e73}.example-audio{border:0;background:transparent;color:#0071e3;padding:10px 0 0;cursor:pointer;font-size:12px}
@media(max-width:760px){.learning-hero{padding:70px 0}.learning-hero-grid{grid-template-columns:1fr;gap:40px}.learning-hero-aside{padding-left:18px}.learning-summary{grid-template-columns:1fr;justify-items:start}.summary-metrics{width:100%}.stage-section-head{display:block}.stage-section-head h2{font-size:42px}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:270px}.lesson-shell{padding:25px 14px 60px}.lesson-card-large{padding:27px 22px;border-radius:21px}.lesson-word{font-size:76px}.lesson-actions{grid-template-columns:1fr 1fr}.lesson-actions .arrow{grid-row:2}.quiz-panel{padding:24px 18px}.quiz-choices{grid-template-columns:1fr}.quiz-prompt{margin:35px 0 25px}.pro-word-card{min-height:auto}.learning-summary{margin:50px auto}.progress-ring{width:130px;height:130px}}