*{box-sizing:border-box}body{color:#2d3748;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fffdf2 0%,#fff6dc 100%) fixed;margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}#root{max-width:560px;margin:0 auto;padding:16px 16px 40px}h1{margin:0;font-size:1.35rem}button{color:#2b6cb0;cursor:pointer;background:#fff;border:2px solid #2b6cb0;border-radius:12px;margin:6px 4px;padding:11px 16px;font-size:1rem;transition:transform 80ms,box-shadow .15s,background .15s}button:active{transform:scale(.96)}button.primary{color:#fff;background:#2b6cb0;box-shadow:0 3px #1f4e7f}button.primary:active{box-shadow:0 1px #1f4e7f}button.big{width:100%;margin:12px 0;padding:14px;font-size:1.1rem;display:block}button.ghost{background:0 0;border:none;padding:4px 8px;font-size:1.3rem}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.quiz .prompt{white-space:pre-line;margin:18px 0 14px;font-size:1.6rem;line-height:1.5}.choices{flex-direction:column;display:flex}.choice{text-align:left;font-size:1.05rem}.choice:hover{background:#ebf4ff}input{border:2px solid #cbd5e0;border-radius:12px;width:100%;margin-bottom:8px;padding:11px;font-size:1.2rem}input:focus{border-color:#2b6cb0;outline:none}.word-card{background:ivory;border:2px solid #ecc94b;border-radius:14px;margin:12px 0;padding:12px 16px}.word-card h2{margin:0 0 6px}.word-card small{color:#a0785a;font-weight:400}.word-card .example{margin:8px 0 2px;font-style:italic}.word-card .example-zh{color:#718096;margin:0}.word-card .senses{color:#a0785a;font-size:.88rem}.feedback-right{color:#2f855a;font-size:1.15rem;font-weight:700}.feedback-wrong{color:#c53030;font-size:1.15rem;font-weight:700}.answer-hint{color:#4a5568}.progress{color:#718096;font-size:.9rem}.result.pop{animation:.3s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.combo{color:#dd6b20;white-space:nowrap;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) comboIn}@keyframes comboIn{0%{opacity:0;transform:scale(.4)rotate(-8deg)}60%{transform:scale(1.25)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.combo-3{font-size:1.05rem}.combo-4{font-size:1.12rem}.combo-5{font-size:1.2rem}.combo-6{color:#c05621;font-size:1.28rem}.combo-7{color:#b7791f;font-size:1.36rem}.combo-8{color:#b7791f;text-shadow:0 0 8px #dd6b2080;font-size:1.44rem}.combo-9{color:#c53030;text-shadow:0 0 12px #dd6b20b3;font-size:1.5rem}.track{background:#edf2f7;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}.track>i{background:linear-gradient(90deg,#48bb78,#38a169);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.stats{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.stats>div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:.92rem}.stats>div.hot{background:#fffaf0;border-color:#f6ad55}.big-stats{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:14px 0;display:grid}.bs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;place-items:center;gap:2px;padding:12px 6px;display:grid}.bs-n{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.bs-l{color:#718096;font-size:.78rem}.bs.ok{background:#f0fff4;border-color:#9ae6b4}.bs.ok .bs-n{color:#2f855a}.bs.bad{background:#fff5f5;border-color:#feb2b2}.bs.bad .bs-n{color:#c53030}.day-tag{color:#718096;margin-left:6px;font-size:.8rem;font-weight:400}.done-box{text-align:center;padding:10px 0}.teach-nav{flex-direction:column;align-items:stretch;display:flex}.teach-nav>button:first-child{align-self:flex-start}.summary{text-align:center;padding-top:24px}.summary-hero{font-size:4.4rem;line-height:1;animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.summary .stats{justify-content:center}.tally{text-align:left;padding:0;list-style:none;display:inline-block}.tally li{margin:6px 0;font-size:1.02rem}.plan-row{flex-wrap:wrap;gap:3px;margin:6px 0;display:flex}.plan-cell{text-align:center;color:#2b6cb0;font-variant-numeric:tabular-nums;background:#ebf4ff;border-radius:6px;min-width:26px;padding:3px 2px;font-size:.72rem}.plan-cell.rev{color:#c05621;background:#fffaf0}.plan-cell.now{outline:2px solid #2b6cb0;font-weight:700}.debug{background:#fffaf0;border:2px dashed #c05621;border-radius:12px;margin:12px 0;padding:10px 12px}.debug-title{color:#c05621;margin:0 0 2px;font-size:.9rem;font-weight:700}.debug-note{color:#718096;margin:0 0 6px;font-size:.8rem}.debug button{color:#c05621;border-color:#c05621;padding:7px 12px;font-size:.85rem}textarea{border:1px solid #cbd5e0;border-radius:10px;width:100%;min-height:72px;padding:8px;font-family:monospace;font-size:.78rem}details{margin-top:14px}summary{cursor:pointer;color:#4a5568;padding:6px 0}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}