:root{--bg:#f3f6fb;--card:#fff;--text:#152039;--muted:#657087;--line:#dfe5ef;--blue:#2457d6;--blue2:#eaf0ff;--green:#0c9b5b;--red:#d93025;--orange:#d88600;--nav:rgba(255,255,255,.96);--shadow:0 8px 30px rgba(23,40,80,.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent}.dark{--bg:#111827;--card:#1d2738;--text:#eef3ff;--muted:#aeb8cc;--line:#334056;--blue:#6f98ff;--blue2:#283754;--nav:rgba(24,32,47,.97);--shadow:none}.app{max-width:680px;margin:0 auto;padding-bottom:92px}.topbar{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--card);position:sticky;top:0;z-index:12;border-bottom:1px solid var(--line)}.brand{font:800 1.1rem/1 inherit;border:0;background:transparent;color:var(--text);padding:10px 0}.route{font-size:.78rem;color:var(--blue);background:var(--blue2);padding:6px 10px;border-radius:999px}.page{padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.hero{padding:24px 20px}.hero h1{font-size:1.75rem;margin:7px 0}.date{font-size:.82rem;color:var(--blue);font-weight:700}.muted{color:var(--muted)}.small{font-size:.86rem;line-height:1.6}.tiny{font-size:.72rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stat{background:var(--bg);border-radius:16px;padding:14px 6px;text-align:center}.stat b{display:block;font-size:1.55rem}.stat span{font-size:.74rem;color:var(--muted)}button,input,select{font:inherit}.primary,.secondary,.ghost,.danger{width:100%;min-height:50px;border-radius:16px;border:0;font-weight:750;padding:12px 16px;margin-top:10px;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:var(--blue2);color:var(--blue);border:1px solid rgba(36,87,214,.2)}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.danger{background:#feeceb;color:var(--red)}.compact{width:auto;min-height:42px;margin:0;padding:9px 13px}.section-title{font-size:.88rem;font-weight:800;margin:22px 6px 10px}.row,.button-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.button-row>*{flex:1}.progressbar{height:9px;background:var(--line);border-radius:99px;overflow:hidden;margin:12px 0}.progressbar i{display:block;height:100%;background:var(--blue);border-radius:99px;transition:width .25s}.notice{display:flex;gap:14px}.notice .icon{font-size:1.6rem}.notice p{line-height:1.55;margin:7px 0 12px}.notice-source{font-size:.72rem;color:var(--muted);line-height:1.55;padding:4px 8px 15px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;height:74px;background:var(--nav);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.nav button{width:min(20%,136px);border:0;background:transparent;color:var(--muted);font-size:.68rem;padding:8px 1px}.nav .ico{display:block;font-size:1.2rem;margin-bottom:3px}.nav .active{color:var(--blue);font-weight:800}.practice-page{padding-bottom:115px}.practice-card{min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.prompt{text-align:center;padding:26px 0 14px}.word{font-size:3rem;line-height:1.15;font-weight:850;word-break:break-word}.zh-prompt{font-size:1.75rem}.pos{color:var(--muted);margin-top:10px}.instruction{font-size:.93rem;margin-top:24px}.input-wrap{display:flex;gap:9px;align-items:center}.answer-input{width:100%;height:55px;border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:17px;padding:0 15px;outline:none}.answer-input:focus{border-color:var(--blue)}.mic,.keyboard{width:55px;height:55px;flex:0 0 55px;border-radius:17px;border:0;background:var(--blue2);font-size:1.35rem}.speak-state{min-height:26px;color:var(--muted);font-size:.82rem;padding:6px 2px}.answer-box{margin-top:18px;background:var(--bg);border-radius:19px;padding:16px;line-height:1.65}.judge{font-weight:850;margin-bottom:8px}.judge.ok{color:var(--green)}.judge.no{color:var(--red)}.answer-box h3{font-size:1.65rem;margin:0}.answer-box h3 small,.conf-word small{font-size:.8rem;color:var(--muted)}.answer-box p{margin:9px 0}.answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.phonetic{color:var(--muted);font-size:.9rem}.audio-btn{border:0;border-radius:13px;background:var(--blue2);color:var(--blue);padding:10px 12px;white-space:nowrap}.small-btn{padding:8px 10px}.confusable{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:14px}.conf-title{font-weight:850;color:var(--orange);margin-bottom:8px}.conf-word{font-size:1.25rem}.tip{font-size:.84rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:9px}.rates{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.rate{border:0;border-radius:13px;min-height:48px;font-weight:800}.bad{background:#feeceb;color:#d93025}.blur{background:#fff1d7;color:#b56b00}.good{background:#e6f7ee;color:#07864e}.easy{background:#e9efff;color:#2457d6}.hidden{display:none!important}.footer-note{font-size:.72rem;color:var(--muted);text-align:center;margin-top:12px}.done-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e6f7ee;color:var(--green);font-size:2rem;margin:4px auto 15px}.empty{text-align:center;padding:34px 8px}.empty h2{margin:6px 0}.list-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:14px 2px;display:flex;justify-content:space-between;align-items:center;text-align:left}.list-item:last-child{border-bottom:0}.word-row b{font-size:1.05rem}.align-right{text-align:right}.pill,.tag{display:inline-block;border-radius:999px;font-size:.7rem;padding:4px 8px;background:var(--blue2);color:var(--blue)}.tag{margin-left:7px}.tag.extension{background:#fff1d7;color:#a96700}.chev{font-size:1.5rem;color:var(--muted)}.library-search{align-items:stretch}.library-search select{border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);padding:0 8px}.search-results{margin-top:12px;max-height:65vh;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{margin:0}.mini span{display:block;font-size:.8rem}.mini b{display:block;font-size:1.65rem;margin-top:7px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.tiny-btn{border:0;background:var(--blue2);color:var(--blue);border-radius:12px;padding:9px 11px}.file-label{display:flex;align-items:center;justify-content:center;margin-top:10px}.file-label input{display:none}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:88vh;overflow:auto;background:var(--card);border-radius:24px 24px 0 0;padding:24px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.2)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:var(--bg);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:1.4rem}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);z-index:100;background:#152039;color:#fff;border-radius:999px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}.error{margin-top:40px}.danger-zone{border-color:#f3c3c0}@media(min-width:700px){.page{padding:22px}.nav{left:50%;transform:translateX(-50%);max-width:680px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.word{font-size:3.5rem}}@media(max-width:370px){.stats{gap:6px}.stat b{font-size:1.3rem}.rates{gap:4px}.rate{font-size:.8rem}.word{font-size:2.5rem}}

/* v3.1 core active-practice modules */
.drill-summary .row{align-items:flex-start}.drill-summary p{margin:6px 0 0}.drill-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--blue2);color:var(--blue);font-size:1.25rem;font-weight:900;flex:0 0 44px}.drill-intro p{margin-bottom:0}.drill-list{display:grid;gap:11px}.drill-card{width:100%;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:19px;background:var(--card);color:var(--text);padding:15px;text-align:left;box-shadow:var(--shadow)}.drill-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--blue2);color:var(--blue);font-size:1.15rem;font-weight:900}.drill-body{min-width:0}.drill-body b{display:block;font-size:1rem;margin-bottom:4px}.drill-body small{display:block;color:var(--muted);line-height:1.45}.drill-body em{display:block;color:var(--blue);font-size:.72rem;font-style:normal;margin-top:7px;font-weight:750}.task-kicker{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:.72rem;font-weight:850;margin-bottom:14px}.question-text{font-size:1.45rem;line-height:1.55;font-weight:780;word-break:break-word}.writing-prompt{text-align:left;padding:8px 0 2px}.writing-title{font-size:1.5rem;line-height:1.45;font-weight:820}.answer-textarea{height:128px;resize:vertical;padding:14px;line-height:1.6}.answer-input:disabled,.answer-textarea:disabled{opacity:.82;background:var(--bg)}.choice-list{display:grid;gap:10px;margin-top:8px}.choice{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;width:100%;min-height:56px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);padding:10px 13px;text-align:left}.choice span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--bg);color:var(--muted);font-weight:850}.choice b{font-size:1rem;line-height:1.35}.choice:active:not(:disabled){transform:scale(.99)}.choice:disabled{cursor:default}.choice-correct{border-color:var(--green);background:#e6f7ee;color:#075f3b}.dark .choice-correct{background:#163e31;color:#d6ffec}.choice-correct span{background:var(--green);color:#fff}.choice-wrong{border-color:var(--red);background:#feeceb;color:#8b211a}.dark .choice-wrong{background:#482623;color:#ffdcd9}.choice-wrong span{background:var(--red);color:#fff}.specific-feedback{border-bottom:1px dashed var(--line);padding-bottom:10px;margin-bottom:13px}.specific-feedback p{margin:7px 0}.modal-detail{margin-top:0}.skill-list{margin-top:12px}.skill-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}.skill-row:last-child{border-bottom:0}.skill-row b{color:var(--blue)}
@media(max-width:420px){.question-text{font-size:1.24rem}.writing-title{font-size:1.3rem}.drill-card{grid-template-columns:44px 1fr 16px;padding:13px}.drill-icon{width:44px;height:44px}.drill-body small{font-size:.76rem}.choice{min-height:52px}.practice-card{min-height:430px}}