:root{--ink: #3a1117;--muted: #775158;--paper: #fffafa;--purple: #c51f36;--lavender: #ffd9df;--lavender-soft: #fff0f2;--mint: #a71930;--mint-soft: #ffe5e8;--blush: #ffcbd2;--blush-ink: #a4142b;--butter: #ffe9eb;--butter-ink: #8d1023;--line: #eccbd0;--shadow: 0 18px 50px rgba(116, 18, 34, .14);color:var(--ink);background:#fff0f1;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff0f1}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(197,31,54,.25);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.35}svg{flex:0 0 auto}.page{max-width:1280px;margin:auto;padding:46px 40px 70px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:13px 18px;color:#fff;background:var(--purple);box-shadow:0 8px 18px #c51f363d;font-weight:850}.primary:hover{background:#a8172d;transform:translateY(-1px)}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:34px;height:78px;padding:0 max(28px,calc(50vw - 640px));border-bottom:1px solid var(--line);background:#fffafaf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;padding:0;color:var(--ink);border:0;background:transparent}.brand>span{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#fff;background:var(--purple);font:700 24px serif;transform:rotate(-4deg)}.brand b{font-size:18px;white-space:nowrap}.brand small{padding:4px 7px;border-radius:6px;color:var(--purple);background:var(--lavender);font-weight:800}.topbar nav{display:flex;flex:1;gap:6px}.topbar nav button{display:flex;align-items:center;gap:7px;padding:10px 12px;color:#67464b;border:0;border-radius:8px;background:transparent;font-weight:650}.topbar nav button:hover{color:var(--purple);background:var(--mint-soft)}.topbar nav button.active{color:var(--purple);background:var(--lavender)}.profile{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.profile>span:not(.avatar){display:flex;flex-direction:column;white-space:nowrap}.profile small{font-size:11px}.avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#7e1022;background:#ffc4cc;font-weight:900}.hero{position:relative;display:grid;min-height:calc(100vh - 78px);grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;padding-bottom:170px}.eyebrow{margin:0;color:var(--purple);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:900}.hero h1{margin:16px 0 24px;font-size:clamp(48px,5.3vw,76px);font-weight:900;line-height:1.08}.hero h1 em{color:var(--purple);font-style:normal}.lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.8}.loginCard{display:grid;max-width:670px;grid-template-columns:1.4fr .8fr;gap:12px;margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffefe;box-shadow:var(--shadow)}.loginCard label{font-size:13px;font-weight:800}.loginCard label span,.error{color:#d73c5b}.loginCard label small{color:var(--muted);font-weight:500}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8d4cc;border-radius:8px;background:#fff8f8;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--lavender)}.loginCard .primary,.privacy,.loginCard .error{grid-column:1 / -1}.privacy{margin:0;color:var(--muted);font-size:11px}.error{margin:0;font-size:12px}.welcome{display:flex;align-items:center;gap:22px;margin-top:30px}.welcome div{display:flex;flex-direction:column}.welcome strong{font-size:22px}.heroVisual{position:relative;display:grid;height:520px;place-items:center}.heroVisual:before{position:absolute;width:390px;height:390px;border:2px dashed #e7aab4;border-radius:50%;content:""}.centerCard{position:relative;display:flex;width:230px;height:260px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fffdfb;box-shadow:var(--shadow);transform:rotate(3deg)}.centerCard>span{color:#67405b;font:900 112px/1 serif}.centerCard b{color:#67405b;font-size:14px}.orbit{position:absolute;display:flex;width:104px;height:104px;flex-direction:column;align-items:center;justify-content:center;border:5px solid #fff0f1;border-radius:8px;box-shadow:0 12px 28px #2a244621;font:800 43px serif}.orbit small{font:700 12px sans-serif}.one{top:12%;left:8%;color:#9f3d45;background:#f6d2d0;transform:rotate(-8deg)}.two{top:18%;right:7%;color:#365f89;background:#ddeaf7;transform:rotate(8deg)}.three{bottom:12%;left:6%;color:#8a641a;background:#f8e8b6;transform:rotate(5deg)}.four{right:9%;bottom:9%;color:#3f7651;background:#ddebdc;transform:rotate(-7deg)}.curriculumPicker{position:absolute;right:40px;bottom:34px;left:40px}.levelTabs{display:flex;width:fit-content;gap:4px;margin:0 auto 12px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fffafae6}.levelTabs button{min-width:104px;padding:9px 14px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:800}.levelTabs button:hover{color:var(--purple);background:var(--lavender-soft)}.levelTabs button.active{color:#fff;background:var(--purple)}.unitStrip button:disabled,.unitCards button:disabled{cursor:not-allowed;opacity:.58}.unitStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.unitStrip button,.unitCards button{display:grid;grid-template-columns:auto 1fr auto;gap:3px 10px;padding:16px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 6px 16px #1e253c0d;transition:transform .15s ease,box-shadow .15s ease}.unitStrip button:nth-child(1),.unitCards button:nth-child(1){background:#f8dfe4}.unitStrip button:nth-child(2),.unitCards button:nth-child(2){background:#deebf4}.unitStrip button:nth-child(3),.unitCards button:nth-child(3){background:#f7edc8}.unitStrip button:nth-child(4),.unitCards button:nth-child(4){background:#deebdf}.unitStrip button:nth-child(5),.unitCards button:nth-child(5){background:#eadff0}.unitStrip button:nth-child(6),.unitCards button:nth-child(6){background:#f5e1d7}.unitStrip button:hover,.unitCards button:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.unitStrip button:before,.unitCards button:before{width:8px;grid-row:1 / 4;border-radius:4px;background:var(--unit);content:""}.unitStrip span,.unitCards span{color:var(--unit);font-size:11px;font-weight:900}.unitStrip b{font-size:16px}.unitStrip small{grid-column:2;color:var(--muted)}.unitStrip i{grid-area:1 / 3 / 3;align-self:center;color:var(--muted);font-style:normal}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.sectionHead h2,.quizStart h2{margin:6px 0;font-size:36px}.sectionHead>p,.sectionHead div>p:last-child{margin-bottom:0;color:var(--muted)}.sectionHead select,.sectionHead>button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.learnGrid{display:grid;grid-template-columns:300px 1fr;gap:24px}.wordList{height:690px;padding:8px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.wordList button{display:grid;width:100%;grid-template-columns:34px 1fr auto;align-items:center;padding:11px;text-align:left;border:0;border-radius:8px;background:transparent}.wordList button:hover,.wordList button.active{color:var(--purple);background:var(--lavender)}.wordList span{color:#9299aa;font-size:11px}.wordList small{color:var(--mint)}.flashcard{min-height:690px;padding:26px 48px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.cardTop{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.cardTop button{display:flex;align-items:center;gap:7px;padding:9px 12px;color:#9c172b;border:0;border-radius:8px;background:var(--mint-soft)}.speechStatus{min-height:18px;margin:4px 0;text-align:right;color:#9c172b;font-size:12px}.pictureCue{display:flex;width:108px;height:108px;flex-direction:column;align-items:center;justify-content:center;margin:4px auto 14px;border:1px solid #e8b7bf;border-radius:8px;background:var(--lavender-soft)}.pictureCue span{font-size:52px;line-height:1}.pictureCue small{margin-top:7px;color:var(--purple);font-weight:800}.wordShape{display:flex;justify-content:center;gap:12px;margin:20px 0 8px}.wordShape span{display:grid;width:95px;height:95px;place-items:center;border:2px solid #e7b8c0;border-radius:8px;background:linear-gradient(45deg,transparent 49%,#f4d5da 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,#f4d5da 50%,transparent 51%);color:#3a1117;font:800 58px serif}.pinyin{margin:10px 0 25px;text-align:center;color:var(--purple);font-size:22px}.pillRow,.meaning{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eeeae4}.pillRow span,.meaning>span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:var(--purple);background:var(--lavender);font:800 18px serif}.pillRow p{margin:0;color:var(--muted)}.reveal{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;padding:12px;color:var(--purple);border:1px dashed var(--purple);border-radius:8px;background:var(--lavender-soft);font-weight:800}.revealBody{animation:appear .18s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(-4px)}}.meaning strong{font-size:18px}.english{display:block;margin-top:5px;color:#59647b;font-size:14px;font-weight:650}.memory,.context,.example{margin-top:13px;padding:14px 16px;border-radius:8px}.memory{background:var(--butter)}.context{background:var(--mint-soft)}.example{background:var(--lavender-soft)}.memory p,.context p,.example p{margin:5px 0 0;color:#535d70}.cardActions{display:flex;justify-content:space-between;margin-top:20px}.cardActions button{display:flex;align-items:center;gap:7px;padding:12px 16px;border:0;border-radius:8px;font-weight:800}.quizStart{padding-top:70px;text-align:center}.quizStart .levelTabs{margin-top:28px}.unitCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:42px}.unitCards button{position:relative;min-height:200px;grid-template-columns:12px 1fr}.unitCards button:before{grid-row:1 / 5}.unitCards b{font-size:28px}.unitCards strong,.unitCards small{grid-column:2}.unitCards small{color:var(--muted)}.unitArrow{position:absolute;right:15px;bottom:15px;color:var(--unit)}.quizBar{display:flex;max-width:850px;align-items:center;gap:18px;margin:10px auto 24px}.quizBar>div{flex:1;height:8px;overflow:hidden;border-radius:8px;background:#e2ddd5}.quizBar i{display:block;height:100%;background:var(--purple);transition:width .2s ease}.quizBar strong{display:flex;align-items:center;gap:4px;color:#b91c2f}.questionCard{max-width:850px;margin:auto;padding:38px 50px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.questionCard>p{color:var(--purple);font-weight:900}.questionCard h2{font-size:24px}.questionCard blockquote{margin:20px 0;padding:24px;border-radius:8px;color:#8f1328;background:var(--lavender-soft);font-size:24px;font-weight:800}.questionCard blockquote small{display:block;margin-top:9px;color:#775158;font:650 14px/1.5 sans-serif}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options button{display:flex;align-items:center;gap:12px;padding:16px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff}.options button>span{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;background:#f2eee7;font-weight:800}.options button svg{margin-left:auto}.options button.correct{border-color:#19a68c;background:#e6f8f3}.options button.wrong{border-color:#c51f36;background:#ffe3e7}.options button.muted{opacity:.55}.feedback{margin-top:18px;padding:16px;border-radius:8px}.feedback.good{background:var(--mint-soft)}.feedback.retry{background:var(--blush)}.feedback p{color:var(--muted)}.feedback .primary{float:right;margin-top:-58px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats>div{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.stats>div:nth-child(1){background:#fff0f2}.stats>div:nth-child(2){background:#ffe4e8}.stats>div:nth-child(3){background:#fff7f7}.stats>div:nth-child(4){background:#ffd9df}.stats span{color:var(--muted);font-size:13px}.stats strong{margin-top:8px;font-size:35px}.stats small{color:var(--muted);font-size:15px}.progressPanel,.reviewPanel,.leaderTable,.teacherGate{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.progressRow{display:grid;grid-template-columns:220px 1fr 60px;align-items:center;gap:16px;margin:18px 0}.progressRow b{display:flex;flex-direction:column}.progressRow small{color:var(--muted);font-weight:500}.progressRow>div{height:10px;overflow:hidden;border-radius:8px;background:#eeeae4}.progressRow i{display:block;height:100%;border-radius:8px}.reviewPanel>div:first-child{display:flex;justify-content:space-between;gap:20px}.reviewPanel h3,.reviewPanel p{margin:0}.reviewPanel p{color:var(--muted)}.reviewWords{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.reviewWords button{padding:9px 12px;color:var(--purple);border:1px solid #e5b8c0;border-radius:8px;background:var(--lavender-soft)}.reviewWords span{margin-left:8px;font-size:11px}.emptyState{width:100%;padding:24px 0;text-align:center}.teacherGate{max-width:460px;margin:70px auto;padding:38px;text-align:center}.teacherGate>span{display:grid;width:70px;height:70px;place-items:center;margin:auto;border-radius:8px;color:var(--purple);background:var(--lavender)}.teacherGate input{margin:20px 0 12px}.teacherGate .primary{width:100%}.teacherGate .error{margin-top:12px}.tableHead,.tableRow{display:grid;min-width:780px;grid-template-columns:60px 1.4fr .7fr .8fr .7fr .7fr 1fr;align-items:center;gap:10px;padding:12px}.tableHead{color:var(--muted);border-bottom:1px solid var(--line);font-size:11px;font-weight:900}.tableRow{border-bottom:1px solid #f0ece6}.leaderTable{overflow-x:auto}.rank{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#f1eee8;font-weight:900}.r1{color:#805900;background:var(--butter)}.teacherNote{padding:14px;border-radius:8px;color:#861326;background:var(--mint-soft)}@media(max-width:900px){.topbar nav{display:none}.profile{margin-left:auto}.page{padding:28px 18px 55px}.hero{display:block;padding-bottom:230px}.heroVisual{height:380px}.curriculumPicker{right:18px;left:18px}.unitStrip{grid-template-columns:1fr 1fr}.learnGrid{grid-template-columns:1fr}.wordList{height:180px}.flashcard{padding:24px 18px}.unitCards,.stats{grid-template-columns:1fr 1fr}.options{grid-template-columns:1fr}.progressRow{grid-template-columns:130px 1fr 48px}.loginCard{grid-template-columns:1fr}.loginCard .primary,.privacy{grid-column:1}.hero h1{font-size:48px}}@media(max-width:560px){.topbar{gap:12px;height:68px;padding:0 14px}.brand b{font-size:16px}.brand small{display:none}.profile .avatar{width:32px;height:32px}.profile>span:not(.avatar){max-width:88px;overflow:hidden;text-overflow:ellipsis}.hero{min-height:calc(100vh - 68px);padding-bottom:330px}.hero h1{font-size:42px}.lead{font-size:16px}.heroVisual{height:360px;margin:-20px;transform:scale(.82)}.curriculumPicker{bottom:15px}.levelTabs{width:100%}.levelTabs button{min-width:0;flex:1;padding-inline:7px}.unitStrip button{min-height:82px;padding:10px}.unitStrip i{display:none}.sectionHead{align-items:start;gap:10px}.sectionHead h2{font-size:28px}.sectionHead select{max-width:145px}.wordShape{gap:6px}.wordShape span{width:64px;height:64px;font-size:40px}.unitCards,.stats{grid-template-columns:1fr}.questionCard{padding:24px 18px}.feedback .primary{float:none;margin:5px 0 0}.progressRow{grid-template-columns:105px 1fr 38px;gap:10px;font-size:13px}.reviewPanel>div:first-child{flex-direction:column}}