:root{--amber:#ffb81c;--amber-soft:#fff3cf;--teal:#1aa58f;--teal-dark:#087b6b;--ink:#172632;--muted:#65727c;--paper:#fffdf8;--bg:#f7f3ea;--line:#eadfcd;--red:#ef674d;--shadow:0 14px 40px rgba(49,38,20,.09);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
.correct-answer{margin-top:12px;padding:13px 18px;border:1px solid var(--teal);border-radius:12px;background:#e5f6f2;color:var(--teal-dark);font-size:18px;font-weight:900}.feedback small{display:block;margin-top:4px;font-weight:600}.success-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(20,38,48,.28);backdrop-filter:blur(2px);padding:20px}.success-dialog{width:100%;max-width:300px;padding:30px 24px;border:1px solid #bde8dd;border-radius:20px;background:#fff;text-align:center;box-shadow:0 20px 60px rgba(20,38,48,.2);animation:success-pop .18s ease-out}.success-check{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#e5f6f2;color:var(--teal);font-size:34px;font-weight:900}.success-dialog strong{display:block;color:var(--teal-dark);font-size:24px}.success-dialog small{display:block;margin-top:8px;color:var(--muted)}@keyframes success-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% 5%,#fff3cd 0,transparent 25%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#142630;color:#fff;padding:34px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--amber);font-size:20px;font-weight:900;margin:0 8px 42px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--amber);color:#142630}.nav{display:grid;gap:10px}.nav-btn{border:0;color:#eef4f3;background:transparent;border-radius:14px;padding:14px 16px;text-align:left;font-weight:700;display:flex;align-items:center;gap:12px}.nav-btn:hover{background:#203844}.nav-btn.active{background:var(--amber);color:#15242d;box-shadow:0 8px 24px rgba(255,184,28,.24)}.nav-ico{font-size:20px;width:24px}.sidebar-foot{margin-top:auto;color:#91a2a7;font-size:12px;padding:10px}.main{min-width:0;padding:34px 42px 50px}.mobile-top,.mobile-nav{display:none}.page{max-width:1180px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:var(--teal-dark);font-weight:800;margin-bottom:6px}.page-title{font-size:34px;line-height:1.15;margin:0;font-weight:900}.subtitle{color:var(--muted);margin:8px 0 0}.card{background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.stat-card{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:26px;font-weight:900}.accent{color:var(--teal)}.home-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}.calendar{padding:24px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.calendar-head h2{margin:0;font-size:22px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-week span{text-align:center;color:var(--muted);font-size:13px;padding:4px}.day{min-height:62px;border:1px solid transparent;background:#fff;border-radius:12px;padding:8px;position:relative;color:var(--ink)}.day.empty{background:transparent}.day.checked{background:#e9f8f3;color:var(--teal-dark)}.day.checked::after{content:"✓";position:absolute;right:8px;bottom:5px;font-weight:900}.day.today{border-color:var(--amber);background:var(--amber-soft)}.day.future{color:#aab1b4}.task-panel{padding:24px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h2{margin:0;font-size:22px}.progress{height:8px;background:#e9e6df;border-radius:8px;overflow:hidden}.progress>span{height:100%;display:block;background:var(--teal);border-radius:8px}.tasks{display:grid;gap:8px;margin:18px 0}.task{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #eee6d9}.task-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--amber-soft);border-radius:10px}.task.done .task-name{text-decoration:line-through;color:#98a0a4}.task.done .task-icon{background:#e4f6f1;color:var(--teal)}.primary,.secondary,.danger,.choice{border-radius:12px;padding:13px 18px;font-weight:800;border:1px solid transparent}.primary{background:var(--amber);color:#15242d}.primary:hover{filter:brightness(.96)}.primary.teal{background:var(--teal);color:#fff}.secondary{background:#fff;border-color:var(--teal);color:var(--teal-dark)}.danger{background:#fff;border-color:var(--red);color:var(--red)}.wide{width:100%}.study-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.word-modes{display:flex;gap:8px;margin:-8px 0 16px}.mode-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 22px;font-weight:800;color:var(--muted)}.mode-btn.active{background:var(--amber);border-color:var(--amber);color:var(--ink)}.word-card{padding:30px;min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.unit-pill{align-self:flex-start;background:var(--amber-soft);color:#865d00;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.word-main{display:flex;align-items:center;gap:12px;margin:34px 0 6px}.word-main h2{font-size:54px;margin:0;word-break:break-word}.speak{border:0;width:48px;height:48px;border-radius:50%;background:#e5f6f2;color:var(--teal-dark);font-size:22px}.phonetic{font-size:20px;color:var(--muted)}.meaning{font-size:26px;font-weight:800;margin:24px 0}.example{padding:16px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);width:100%;color:#42515a}.recall-label{color:var(--muted);font-weight:700;margin-top:18px}.reveal-btn{margin-top:34px;min-width:220px}.reveal-box{width:100%}.is-hidden{visibility:hidden}.quiz-meaning{font-size:32px;font-weight:900;margin:36px 0 26px}.word-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.word-choice{padding:15px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:800}.word-choice:hover{border-color:var(--teal)}.word-choice.correct{background:#e5f6f2;border-color:var(--teal);color:var(--teal-dark)}.word-choice.wrong{background:#fff0ed;border-color:var(--red);color:var(--red)}.next-word{margin-top:14px;min-width:200px}.actions{display:flex;gap:12px;margin-top:28px;width:100%}.actions button{flex:1}.side-list{padding:20px;max-height:570px;overflow:auto}.side-list h3{margin:0 0 12px}.word-row{width:100%;border:0;background:transparent;border-bottom:1px solid #eee6d9;padding:12px 6px;display:flex;justify-content:space-between;text-align:left}.word-row.current{color:var(--teal-dark);font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:#c9cecf;margin-top:5px}.dot.done{background:var(--teal)}.dictation{padding:34px;min-height:520px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.sound-orb{width:112px;height:112px;border:8px solid #fff0c5;box-shadow:0 10px 25px rgba(255,184,28,.25);background:var(--amber);border-radius:50%;font-size:40px;margin-bottom:24px}.dictation h2{font-size:28px}.spell-input{width:min(520px,100%);padding:16px 20px;font-size:28px;text-align:center;border:2px solid var(--teal);border-radius:14px;outline:none;margin:18px 0}.hint{background:var(--amber-soft);padding:12px 18px;border-radius:12px;margin-top:18px}.feedback{margin-top:16px;padding:12px 16px;border-radius:12px;font-weight:800}.feedback.ok{background:#e5f6f2;color:var(--teal-dark)}.feedback.bad{background:#fff0ed;color:var(--red)}.grammar-grid{display:grid;grid-template-columns:1fr .8fr;gap:18px}.lesson,.quiz{padding:26px}.lesson h2,.quiz h2{margin-top:0}.rule{background:var(--amber-soft);padding:16px;border-radius:12px;line-height:1.8}.examples{display:grid;gap:10px;margin:20px 0}.example-line{padding:10px 0;border-bottom:1px dashed var(--line)}.mistake{background:#fff4ef;border:1px solid #ffd5c9;border-radius:14px;padding:16px}.wrong{color:var(--red)}.right{color:var(--teal-dark)}.question{font-size:24px;font-weight:800;line-height:1.5;margin:24px 0}.choices{display:grid;gap:10px}.choice{background:#fff;border-color:#dfe3e1}.choice:hover,.choice.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.quiz-result{margin:14px 0;color:var(--teal-dark);min-height:48px}.error-head{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.mini-stat{padding:18px}.mini-stat strong{display:block;font-size:26px;margin-top:5px}.error-layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:0;padding:9px 18px;border-radius:10px;background:#eeeae3;font-weight:700}.tab.active{background:var(--amber)}.error-list{padding:20px}.error-item{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:12px}.error-label{font-size:13px;font-weight:800;color:var(--teal-dark)}.answer-flow{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:800;margin:12px 0}.review-panel{padding:24px;text-align:center}.ring{width:150px;height:150px;border-radius:50%;margin:25px auto;background:conic-gradient(var(--teal) 0 47%,#e8e8e5 47%);display:grid;place-items:center;position:relative}.ring::before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:var(--paper)}.ring strong{z-index:1;font-size:28px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:12px 18px;background:#15242d;color:#fff;border-radius:12px;box-shadow:var(--shadow);z-index:20}.empty-state{padding:50px;text-align:center;color:var(--muted)}
@media(max-width:840px){body{padding-bottom:76px}.app-shell{display:block}.sidebar{display:none}.mobile-top{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:space-between;background:var(--amber);padding:14px 16px}.mobile-top .brand{margin:0;color:#172632;font-size:17px}.day-badge{font-weight:800;font-size:13px}.main{padding:20px 14px 32px}.page-head{align-items:flex-start}.page-title{font-size:26px}.page-head .subtitle{font-size:13px}.mobile-nav{position:fixed;z-index:12;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(40,35,25,.07)}.mobile-nav .nav-btn{display:flex;flex-direction:column;gap:2px;align-items:center;padding:4px 2px;color:#69757c;border-radius:8px;font-size:11px}.mobile-nav .nav-btn.active{background:transparent;color:#e79c00;box-shadow:none}.mobile-nav .nav-ico{width:auto;font-size:19px}.home-stats{grid-template-columns:1fr}.stat-card{padding:16px}.home-grid,.study-grid,.grammar-grid,.error-layout{grid-template-columns:1fr}.calendar,.task-panel{padding:16px}.calendar-days{gap:4px}.day{min-height:42px;padding:5px;font-size:12px}.day.checked::after{right:4px;bottom:3px}.word-card{padding:20px;min-height:430px}.word-main{margin-top:26px}.word-main h2{font-size:40px}.meaning{font-size:22px}.side-list{display:none}.dictation{padding:20px;min-height:460px}.spell-input{font-size:23px}.lesson,.quiz{padding:18px}.error-head{grid-template-columns:1fr 1fr}.error-head .mini-stat:last-child{grid-column:1/-1}.review-panel{order:-1}.page{max-width:600px}.actions{gap:8px}.actions button{padding:12px 8px}.question{font-size:20px}}
@media(max-width:390px){.main{padding-left:10px;padding-right:10px}.calendar{padding:12px}.calendar-week,.calendar-days{gap:2px}.day{min-height:38px}.word-main h2{font-size:34px}.actions{flex-wrap:wrap}.actions button{min-width:40%}.error-head{gap:8px}.mini-stat{padding:14px}.mini-stat strong{font-size:22px}}
.choice.correct,.choice.correct:hover{background:#e5f6f2;border-color:var(--teal);color:var(--teal-dark)}.choice.wrong,.choice.wrong:hover{background:#fff0ed;border-color:var(--red);color:var(--red)}.quiz-explain{margin:12px 0 16px;color:var(--muted);line-height:1.6}
.plan-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.plan-day{min-height:66px;padding:9px 5px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.plan-day span{font-weight:900}.plan-day small{color:var(--muted);font-size:11px}.plan-day:hover{border-color:var(--amber)}.plan-day.selected{border:2px solid var(--amber);background:var(--amber-soft)}.plan-day.checked{border-color:#bde8dd;background:#e9f8f3;color:var(--teal-dark)}.plan-day.checked strong{font-size:11px}.plan-day.checked.selected{box-shadow:0 0 0 3px rgba(255,184,28,.22)}
@media(max-width:840px){.plan-days{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.plan-day{min-height:62px}.plan-calendar{padding:16px}}
.spell-input:disabled{background:#f1f7f5;color:var(--teal-dark);border-color:#9fd8cd;opacity:1}.dictation-actions{max-width:520px}.dictation-actions button:disabled{cursor:default;opacity:.55}.meaning-quiz{width:min(620px,100%);margin-top:18px}.meaning-quiz .choices{margin-top:14px}.meaning-quiz .choice{width:100%;text-align:left;line-height:1.45}
.error-item.reviewed{border-color:#bde8dd;background:#f3fbf8}.error-item .secondary:disabled{cursor:default;background:#e5f6f2;border-color:#bde8dd;color:var(--teal-dark);opacity:1}
.register-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) minmax(340px,1fr);background:#fffdf8}.register-card{padding:44px clamp(28px,6vw,76px);display:flex;flex-direction:column;justify-content:center}.register-brand{display:flex;align-items:center;gap:12px;margin-bottom:54px}.register-brand>div{display:grid;gap:2px}.register-brand strong{font-size:20px}.register-brand small{color:var(--muted)}.register-copy .unit-pill{display:inline-flex}.register-copy h1{margin:22px 0 12px;font-size:40px;line-height:1.16}.register-copy p{margin:0;color:var(--muted);line-height:1.7}.register-form{display:grid;gap:9px;margin-top:30px}.register-form label{margin-top:8px;font-weight:800}.register-form input{width:100%;padding:15px 16px;border:1px solid #d9d6cf;border-radius:12px;background:#fff;font-size:17px;outline:none}.register-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,165,143,.12)}.register-form #activation-code{text-transform:uppercase;letter-spacing:1px}.register-form button{margin-top:10px}.register-form button:disabled{cursor:wait;opacity:.7}.register-error{min-height:22px;color:var(--red);font-weight:700}.register-tip{margin-top:20px;color:var(--muted);font-size:13px;text-align:center}.register-visual{padding:64px clamp(36px,7vw,96px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.5),transparent 25%),linear-gradient(145deg,#ffbf2f,#f5a900);color:#172632}.visual-badge{align-self:flex-start;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.68);font-weight:800}.register-visual h2{margin:30px 0;font-size:clamp(38px,5vw,68px);line-height:1.15}.visual-list{display:grid;gap:14px;font-size:18px;font-weight:800}.visual-list span{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.4)}
@media(max-width:780px){.register-page{display:block;min-height:100vh;background:linear-gradient(180deg,#ffbf2f 0 190px,#fffdf8 190px)}.register-card{min-height:100vh;padding:24px 18px 38px;justify-content:flex-start}.register-brand{margin-bottom:42px}.register-copy,.register-form,.register-tip{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.register-copy{padding:24px 20px 4px;border-radius:20px 20px 0 0;background:#fffdf8}.register-copy h1{font-size:31px}.register-form{margin-top:0;padding:18px 20px 24px;background:#fffdf8}.register-tip{margin-top:0;padding:0 20px 20px;background:#fffdf8}.register-visual{display:none}}