:root{color:#26332f;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(#8bd6f138,#0000 340px),#fffaf0;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f0;border-bottom:1px solid #26332f1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-icon,.points-pill,.streak-icon,.reward-emblem,.badge-icon{justify-content:center;align-items:center;display:inline-flex}.brand-icon{color:#fff;background:#20a464;border-radius:8px;width:42px;height:42px;box-shadow:0 6px #147545}.brand strong,.brand small{overflow-wrap:anywhere;display:block}.brand strong{font-size:17px;font-weight:900}.brand small{color:#6d7b6f;font-size:12px;font-weight:800}.site-nav{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.site-nav a,.points-pill,.pinyin-toggle,.filter-group button,.step-switcher button,.prompt-row button{border-radius:8px;min-height:40px}.site-nav a{color:#40524a;align-items:center;gap:7px;padding:9px 12px;font-size:14px;font-weight:850;display:inline-flex}.site-nav a.active,.site-nav a:hover{color:#0f5f3b;background:#e4f6e8}.points-pill{color:#6b4a08;background:#ffde72;gap:7px;padding:8px 12px;font-size:14px;font-weight:900;box-shadow:0 4px #e1b84a}.header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.pinyin-toggle{color:#14506a;background:#dff2fb;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:0 4px #b4dcec}.site-footer{color:#697a72;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(16px,4vw,40px);font-size:13px;font-weight:750;display:flex}.site-footer a{color:#176b45;font-weight:950}.page,.home-grid,.difficulty-section,.map-strip{width:min(1160px,100% - 32px);margin-inline:auto}.page{padding:26px 0 44px}.stack-page{gap:22px;display:grid}.home-hero{background:linear-gradient(135deg,#ffde72c7,#8bd6f1c2),#e8f8ef;border:1px solid #26332f1a;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:center;gap:28px;width:min(1160px,100% - 32px);min-height:430px;margin:20px auto 0;padding:34px;display:grid;overflow:hidden;box-shadow:0 16px 40px #1f573d1f}.hero-copy{min-width:0}.eyebrow,.section-heading p,.quiz-header small{color:#d04a2b;text-transform:uppercase;margin:0;font-size:12px;font-weight:950}.hero-copy h1,.page-title-row h1,.lesson-hero-copy h1,.quiz-title h1{color:#173d2b;overflow-wrap:anywhere;margin:0;font-size:44px;font-weight:950;line-height:1.06}.hero-copy h1{max-width:680px;margin-top:12px}.hero-subtitle,.lesson-hero-copy>p,.today-card>div>p,.muted{color:#5e7168;line-height:1.7}.hero-subtitle{max-width:560px;margin:14px 0 0;font-size:19px;font-weight:850}.hero-actions,.lesson-actions,.practice-actions,.card-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:24px}.button,.icon-button,.text-button,.option-button,.line-listen-grid button{cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.button{color:#fff;background:#20a464;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-size:15px;font-weight:950;display:inline-flex;box-shadow:0 5px #147545}.button:hover,.icon-button:hover,.line-listen-grid button:hover,.option-button:hover{transform:translateY(-1px)}.button:active,.icon-button:active,.line-listen-grid button:active,.option-button:active{transform:translateY(1px)}.button-large{min-height:54px;padding:14px 20px;font-size:16px}.button-secondary{color:#173d2b;background:#fff;box-shadow:0 5px #d7eadb}.button-small{min-height:38px;padding:8px 11px;font-size:13px}.full-width{width:100%}.button:disabled,.icon-button:disabled,.option-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.icon-button{color:#173d2b;background:#fff;border:1px solid #26332f1f;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:0 4px #d7eadb}.icon-button.active{color:#d04a2b;background:#fff0e8;border-color:#f2b093}.text-button{color:#176b45;background:0 0;border-radius:8px;align-items:center;gap:7px;width:fit-content;min-height:38px;padding:8px 10px;font-weight:900;display:inline-flex}.text-button:hover{background:#e4f6e8}.back-link{margin-bottom:14px}.panda-mascot{justify-items:center;gap:12px;min-width:0;display:grid}.panda-mascot img{aspect-ratio:1;object-fit:contain;width:min(300px,100%)}.panda-mascot p{color:#173d2b;background:#fff;border:2px solid #173d2b;border-radius:8px;max-width:270px;margin:0;padding:12px 14px;font-weight:950;box-shadow:0 5px #173d2b}.panda-mascot-compact img{width:120px}.home-grid{grid-template-columns:1.25fr .8fr 1fr;align-items:stretch;gap:16px;margin-top:18px;display:grid}.today-card,.progress-card,.streak-card,.next-goal-card,.filter-panel,.progress-panel,.lesson-section,.practice-panel,.quiz-entry,.ai-tutor-box,.quiz-card,.quiz-finish,.explanation-card,.empty-state{background:#fff;border:1px solid #26332f1a;border-radius:8px;box-shadow:0 10px 24px #1f573d14}.today-card{grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px;display:grid}.today-cover{min-width:0}.today-cover img,.poem-card>img,.lesson-cover img{aspect-ratio:1;object-fit:cover;background:#e8f8ef;border-radius:8px;width:100%}.today-card h3{color:#173d2b;margin:8px 0 0;font-size:28px;font-weight:950}.title-pinyin,.lesson-title-pinyin,.block-pinyin,.button-pinyin{color:#1882a8;font-weight:900}.title-pinyin{margin:3px 0 0;font-size:14px;line-height:1.35}.lesson-title-pinyin{margin:5px 0 0;font-size:18px}.inline-pinyin{color:#1882a8;font-weight:900}.block-pinyin{margin-top:3px;font-size:12px;line-height:1.25;display:block}.button-pinyin{font-size:12px}.theme-row{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.theme-row span,.lesson-meta span,.status-pill,.badge{border-radius:8px;align-items:center;min-height:26px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.theme-row span,.lesson-meta span{color:#41554b;background:#eef4f2}.badge-green{color:#0f5f3b;background:#dff5e5}.badge-blue{color:#185f84;background:#dff2fb}.badge-yellow{color:#7a5300;background:#fff0bf}.badge-red{color:#a33a21;background:#ffe3d7}.section-heading{margin-bottom:14px}.section-heading.compact{margin-bottom:10px}.section-heading h2{color:#173d2b;overflow-wrap:anywhere;align-items:center;gap:8px;margin:4px 0 0;font-size:24px;font-weight:950;line-height:1.2;display:flex}.progress-card,.next-goal-card{padding:18px}.streak-card{color:#fff;background:#173d2b;align-items:center;gap:14px;padding:18px;display:flex}.streak-icon{color:#173d2b;background:#ffde72;border-radius:8px;flex:none;width:54px;height:54px}.streak-card p,.streak-card h2,.streak-card span{margin:0}.streak-card p{color:#ffde72;font-size:13px;font-weight:900}.streak-card h2{margin-top:4px;font-size:24px;font-weight:950;line-height:1.15}.streak-card span{color:#c7ded0;margin-top:5px;font-size:13px;font-weight:800;display:block}.progress-meter{background:#e7eee9;border-radius:8px;width:100%;height:14px;overflow:hidden}.progress-meter.small{height:10px}.progress-meter span{background:#20a464;border-radius:8px;height:100%;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile{color:#173d2b;background:#f5fbf7;border-radius:8px;align-content:center;gap:4px;min-height:86px;padding:10px;display:grid}.stat-tile strong{font-size:21px;font-weight:950;line-height:1}.stat-tile span{color:#687970;font-size:12px;font-weight:850}.difficulty-section{margin-top:28px}.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.difficulty-tile{background:#fff;border:1px solid #26332f1a;border-radius:8px;gap:16px;min-height:150px;padding:16px;display:grid;box-shadow:0 10px 24px #1f573d14}.difficulty-tile h3{color:#173d2b;margin:12px 0 4px;font-size:24px;font-weight:950}.difficulty-tile p{color:#687970;margin:0;font-weight:800}.map-strip{color:#173d2b;background:#ffecad;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:16px;font-weight:900;display:flex}.map-strip p{text-align:center;margin:0}.page-title-row,.quiz-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title-row h1,.quiz-title h1{margin-top:4px}.page-title-row p,.quiz-title p{margin-bottom:0}.search-box{background:#fff;border:1px solid #26332f24;border-radius:8px;align-items:center;gap:8px;width:min(360px,100%);min-height:48px;padding:0 12px;display:flex}.search-box input,.chat-form input{background:0 0;border:0;outline:none;width:100%;min-width:0}.filter-panel{gap:12px;padding:16px;display:grid}.filter-title{color:#173d2b;align-items:center;gap:8px;font-weight:950;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-group button,.step-switcher button,.prompt-row button{color:#40524a;background:#f2f7f4;padding:8px 11px;font-size:13px;font-weight:900}.filter-group button.active,.step-switcher button.active,.prompt-row button:hover{color:#0f5f3b;background:#dff5e5}.poem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.poem-card{background:#fff;border:1px solid #26332f1a;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #1f573d14}.poem-card>img{border-radius:0}.poem-card-body{gap:12px;padding:14px;display:grid}.poem-card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.poem-card h3{color:#173d2b;margin:0;font-size:24px;font-weight:950}.poem-card p{color:#687970;margin:4px 0 0;font-size:14px;font-weight:800}.status-pill{color:#40524a;background:#eef4f2;gap:6px}.lesson-page{gap:16px;display:grid}.lesson-hero{background:#fff;border:1px solid #26332f1a;border-radius:8px;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:20px;padding:20px;display:grid;box-shadow:0 12px 30px #1f573d17}.lesson-hero-copy{min-width:0}.lesson-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.lesson-hero-copy h1{margin:0}.poet-line{color:#d04a2b;margin:6px 0 12px;font-size:18px;font-weight:950}.lesson-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.lesson-main{gap:16px;min-width:0;display:grid}.lesson-aside{gap:14px;display:grid;position:sticky;top:86px}.lesson-section,.practice-panel,.quiz-entry,.ai-tutor-box,.explanation-card{padding:18px}.original-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.original-lines div{background:#fff8de;border-radius:8px;min-height:112px;padding:14px}.original-lines strong,.recitation-lines p{color:#173d2b;font-size:27px;font-weight:950;line-height:1.35;display:block}.original-lines span,.pinyin{color:#1882a8;font-size:14px;font-weight:900}.line-stack{gap:12px;display:grid}.poem-line{background:#fbfdfb;border:1px solid #26332f1a;border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;display:grid}.line-number{color:#fff;background:#1882a8;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:950;display:inline-flex}.line-content{min-width:0}.line-title-row{justify-content:space-between;gap:12px;display:flex}.line-title-row h3{color:#173d2b;margin:0;font-size:27px;font-weight:950;line-height:1.2}.simple-meaning,.bilingual-hint,.life-example{margin:10px 0 0;line-height:1.7}.simple-meaning{color:#2d4439;font-weight:850}.bilingual-hint{color:#14506a;background:#e7f6fb;border-radius:8px;padding:10px}.life-example{color:#74623b}.keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.keyword-chip{background:#fff2cc;border-radius:8px;padding:10px}.keyword-chip strong,.keyword-chip span,.keyword-chip p{display:block}.keyword-chip strong{color:#173d2b;font-size:18px;font-weight:950}.keyword-chip span{color:#1882a8;font-size:12px;font-weight:900}.keyword-chip p{color:#5d4d2c;margin:5px 0 0;font-size:13px;line-height:1.55}.audio-player{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.inline-note{color:#a33a21;font-size:13px;font-weight:850}.read-practice{background:#f2fbff}.line-listen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.line-listen-grid button{color:#14506a;background:#fff;border:1px solid #c8e8f2;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px;font-weight:900;display:inline-flex}.step-switcher,.prompt-row{flex-wrap:wrap;gap:8px;display:flex}.recitation-lines{gap:8px;margin:14px 0;display:grid}.recitation-lines p{background:#fff8de;border-radius:8px;min-height:58px;margin:0;padding:10px 12px}.quiz-entry{color:#fff;background:#173d2b;justify-content:space-between;align-items:center;gap:16px;display:flex}.quiz-entry h2,.quiz-entry p{margin:0}.quiz-entry h2{font-size:26px;font-weight:950;line-height:1.2}.quiz-entry p:last-child{color:#d7eadb;margin-top:8px;line-height:1.6}.ai-tutor-box{background:#fff8de}.chat-window{background:#fff;border-radius:8px;gap:8px;max-height:320px;margin-top:12px;padding:10px;display:grid;overflow-y:auto}.chat-message{border-radius:8px;gap:8px;max-width:88%;padding:10px;line-height:1.6;display:flex}.chat-message p{margin:0}.chat-message.panda{color:#173d2b;background:#e4f6e8;justify-self:start}.chat-message.kid{color:#fff;background:#1882a8;justify-self:end}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.chat-form input{background:#fff;border:1px solid #26332f24;border-radius:8px;min-height:46px;padding:0 12px}.explanation-card.tone-green{background:#eaf8ef}.explanation-card.tone-yellow{background:#fff4c7}.explanation-card>p{color:#40524a;margin:0;font-weight:780;line-height:1.75}.quiz-page{gap:16px;display:grid}.quiz-score{color:#6b4a08;background:#ffde72;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:110px;min-height:58px;padding:10px 14px;font-size:22px;font-weight:950;display:inline-flex;box-shadow:0 5px #e1b84a}.quiz-stack{gap:14px;display:grid}.quiz-card{padding:18px}.quiz-header{align-items:center;gap:8px;display:flex}.quiz-header span{color:#fff;background:#173d2b;border-radius:8px;justify-content:center;align-items:center;min-width:38px;min-height:30px;font-weight:950;display:inline-flex}.quiz-card h3{color:#173d2b;margin:12px 0;font-size:20px;font-weight:950;line-height:1.35}.quiz-question-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.quiz-question-row h3{margin-bottom:12px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-button{color:#33483e;text-align:left;background:#fff;border:1px solid #26332f1f;border-radius:8px;gap:3px;min-height:48px;padding:10px 12px;font-weight:900;display:grid}.option-button small{color:#1882a8;font-size:12px;font-weight:900}.option-button.picked{color:#0f5f3b;background:#e4f6e8;border-color:#20a464}.order-answer{color:#6b4a08;background:#fff8de;border:1px dashed #d6a32c;border-radius:8px;min-height:48px;margin-bottom:8px;padding:12px;font-weight:900}.quiz-feedback{border-radius:8px;gap:10px;margin-top:12px;padding:12px;line-height:1.6;display:flex}.quiz-feedback strong,.quiz-feedback p{margin:0}.quiz-feedback.correct{color:#0f5f3b;background:#dff5e5}.quiz-feedback.wrong{color:#a33a21;background:#ffe3d7}.quiz-finish{background:#fff8de;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.quiz-finish.completed{background:#e4f6e8}.quiz-finish h2,.quiz-finish p{margin:0}.quiz-finish h2{color:#173d2b;font-size:23px;font-weight:950}.quiz-finish p{color:#5e7168;margin-top:5px;line-height:1.6}.reward-emblem{color:#173d2b;background:#ffde72;border-radius:8px;width:76px;height:76px;box-shadow:0 6px #e1b84a}.next-goal-card{background:#f2fbff;align-content:center;gap:10px;display:grid}.next-goal-card h2,.next-goal-card p{margin:0}.next-goal-card h2{color:#173d2b;font-size:24px;font-weight:950}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.badge-card{background:#fff;border:1px solid #26332f1a;border-radius:8px;grid-template-columns:56px minmax(0,1fr);gap:12px;min-height:130px;padding:14px;display:grid}.badge-card.locked{opacity:.56}.badge-card.earned{background:#fff8de}.badge-icon{color:#173d2b;background:#ffde72;border-radius:8px;width:52px;height:52px}.badge-card h3,.badge-card p{margin:0}.badge-card h3{color:#173d2b;font-size:18px;font-weight:950}.badge-card p{color:#5e7168;margin-top:5px;line-height:1.55}.badge-card span{color:#176b45;margin-top:8px;font-size:13px;font-weight:900;display:inline-block}.progress-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.progress-panel{padding:18px}.difficulty-progress-list,.score-list{gap:12px;display:grid}.difficulty-row,.score-list div{justify-content:space-between;align-items:center;gap:10px;display:flex}.score-list div{background:#f5fbf7;border-radius:8px;min-height:42px;padding:8px 10px}.poem-status-list{gap:8px;display:grid}.poem-status-list a{background:#fbfdfb;border:1px solid #26332f14;border-radius:8px;grid-template-columns:54px minmax(100px,1fr) minmax(80px,.5fr) auto auto;align-items:center;gap:10px;min-height:70px;padding:8px 10px;display:grid}.poem-status-list img,.favorite-row img{object-fit:cover;border-radius:8px;width:50px;height:50px}.poem-status-list span,.poem-status-list strong{color:#173d2b;font-weight:950}.poem-status-list small{color:#687970;font-weight:800}.favorite-row{flex-wrap:wrap;gap:10px;display:flex}.favorite-row a{color:#173d2b;background:#fff8de;border-radius:8px;align-items:center;gap:8px;min-height:60px;padding:6px 10px 6px 6px;font-weight:950;display:inline-flex}.empty-state{justify-items:start;gap:12px;padding:28px;display:grid}.empty-state h1,.empty-state h2,.empty-state p{margin:0}.legal-page{max-width:860px}.legal-page h1{color:#173d2b;margin:6px 0 8px;font-size:40px;font-weight:950;line-height:1.1}.legal-page section{background:#fff;border:1px solid #26332f1a;border-radius:8px;margin-top:18px;padding:18px;box-shadow:0 10px 24px #1f573d14}.legal-page h2{color:#173d2b;margin:0 0 8px;font-size:22px;font-weight:950}.legal-page p{color:#40524a;margin:0;font-weight:760;line-height:1.75}.legal-page p+p{margin-top:10px}.legal-page .button{margin-top:18px}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.home-hero,.home-grid,.lesson-hero,.lesson-grid,.progress-columns{grid-template-columns:1fr}.lesson-aside{position:static}.difficulty-grid,.poem-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.site-header{gap:10px;padding:10px 12px}.brand-icon{width:38px;height:38px}.points-pill{min-height:36px;padding:7px 10px}.page,.home-grid,.difficulty-section,.map-strip,.home-hero{width:min(100% - 20px,1160px)}.home-hero{min-height:0;padding:18px}.hero-copy h1,.page-title-row h1,.lesson-hero-copy h1,.quiz-title h1{font-size:32px}.hero-subtitle{font-size:17px}.button,.button-large{width:100%}.hero-actions .button-secondary,.lesson-actions .button-secondary{width:auto}.today-card,.page-title-row,.quiz-title,.quiz-entry,.quiz-finish{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.today-card{display:grid}.today-cover img{aspect-ratio:16/9}.stats-grid,.difficulty-grid,.poem-grid,.badge-grid,.original-lines,.keyword-grid,.line-listen-grid,.option-grid{grid-template-columns:1fr}.poem-card-title,.line-title-row,.card-footer{flex-direction:column;align-items:stretch}.poem-line{grid-template-columns:1fr}.poem-status-list a{grid-template-columns:50px minmax(0,1fr)}.poem-status-list small,.poem-status-list .badge,.poem-status-list strong{grid-column:2}.map-strip{text-align:left;align-items:flex-start}}