:root{--bg: #eef4fb;--bg-soft: #ffffff;--card: #ffffff;--line: #d8e3f0;--text: #1e293b;--muted: #64748b;--accent: #0284c7;--accent-deep: #0369a1;--ok: #16a34a;--bad: #dc2626;--warn: #d97706}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.page{max-width:720px;margin:0 auto;padding:16px 16px 40px}.page.with-bottombar{padding-bottom:110px}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}h1{font-size:1.35rem;margin:0}h2{font-size:1.15rem;margin:0}h2 small{color:var(--muted);font-weight:400;font-size:.85rem}h3{font-size:1rem;margin:12px 0 6px}h3:first-child{margin-top:0}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.en{color:var(--accent)}.zh{color:var(--muted);font-size:.88rem}.topbar{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.topbar>div{flex:1}.topbar>div.topbar-btns{display:flex;gap:8px;flex:none}.icon-btn{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);border-radius:10px;width:40px;height:40px;font-size:1.1rem;cursor:pointer;flex-shrink:0}.uilang{position:relative;flex-shrink:0}.uilang-btn{display:flex;align-items:center;gap:5px;height:40px;padding:0 10px;background:var(--bg);border:1.5px solid var(--text);color:var(--text);border-radius:10px;font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap}.uilang-btn:hover{background:var(--bg-soft)}.uilang-caret{font-size:.7rem;opacity:.7;margin-left:1px}.uilang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:148px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #00000024;padding:5px;display:flex;flex-direction:column}.uilang-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;text-align:left}.uilang-item:hover{background:var(--bg-soft)}.uilang-item.active{font-weight:700;color:var(--accent)}.uilang-check{font-size:.8rem}.onboarding-top{display:flex;justify-content:flex-end;margin-bottom:4px}.best-badge{flex-shrink:0;align-self:center;font-size:.85rem;font-weight:700;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap}.best-badge.pass{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.best-badge.perfect{color:#b45309;background:#fffbeb;border-color:#fde68a}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px #1e40780f}.card.error{border-color:var(--bad);color:var(--bad)}.card.flash{border-color:var(--ok);color:var(--ok);text-align:center}.card.scenario{font-size:.92rem}.danger-zone{border-color:#fecaca}.btn{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 16px;font-size:.95rem;cursor:pointer}.btn.primary{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.btn.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn.big{width:100%;padding:14px;font-size:1.05rem}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:.9rem;margin-bottom:4px}.field small{color:var(--muted);font-size:.8rem}.field input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:1rem}.field input:focus{outline:none;border-color:var(--accent)}.field select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:1rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field select:focus{outline:none;border-color:var(--accent)}.seg{display:flex;gap:8px}.seg-btn{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:9px 0;cursor:pointer}.seg-btn.active{border-color:var(--accent);color:var(--accent)}.onboarding{max-width:420px;width:100%;text-align:left}.onboarding .logo{font-size:2.4rem;text-align:center}.onboarding h1{text-align:center;margin-bottom:8px}.onboarding .hint{color:var(--warn);font-size:.85rem;text-align:center}.project-head{display:flex;align-items:flex-start;gap:12px}.project-head>div{flex:1}.card.project{position:relative}.project-date{position:absolute;top:12px;right:16px;font-size:.78rem;color:var(--muted);white-space:nowrap}.project-resume{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8fafca8;border-radius:14px;z-index:3}.project-icon{font-size:1.8rem}.pill{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.78rem;color:var(--muted);margin:2px 4px 2px 0;white-space:nowrap}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}@media (max-width: 560px){.level-grid{grid-template-columns:repeat(4,1fr)}}.level{position:relative;overflow:hidden;aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.level-no{font-size:1.15rem;font-weight:600}.level-score{position:absolute;bottom:4px;right:6px;font-size:.7rem;color:var(--warn)}.level-check{position:absolute;top:2px;right:6px;color:var(--ok);font-size:.8rem}.level.passed{border-color:var(--ok)}.level.attempted{border-color:var(--warn)}.level.pending{cursor:default;opacity:.55;border-style:dashed}.level.pending .level-no{color:var(--muted);font-weight:500}.level.pending.failed{border-color:var(--warn);opacity:.85}.level.pending.failed .level-no{color:var(--warn);font-size:1rem}.gen-topic{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:8px;box-sizing:border-box}.gen-bar{height:10px;border-radius:5px;background:var(--bg);border:1px solid var(--line);overflow:hidden;margin:12px 0}.gen-bar-fill{height:100%;background:linear-gradient(90deg,#86efac,#16a34a);border-radius:5px;transition:width .4s ease}.gen-chip{margin-left:8px;padding:1px 8px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.72rem;font-weight:500;vertical-align:2px}.gen-entry{cursor:pointer;border-style:dashed}.course-row{padding:8px 0;border-bottom:1px dashed var(--line)}.course-row-top{display:flex;align-items:center;gap:10px}.course-row:last-of-type{border-bottom:none}.course-row.hidden-row{opacity:.5}.course-row-icon{font-size:1.3rem}.course-row-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.course-bar{height:5px;border-radius:3px;background:var(--line);margin-top:7px;overflow:hidden}.course-bar i{display:block;height:100%;background:var(--ok);border-radius:3px}.course-trophies{display:inline-flex;gap:2px;margin-left:7px;vertical-align:-2px;color:#d97706}.course-trophies svg{width:13px;height:13px}.btn.small{padding:4px 10px;font-size:.8rem}.clarify-q{margin:14px 0}.clarify-q-title{font-weight:600;margin:0 0 8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:5px 13px;font-size:.85rem;cursor:pointer;color:var(--text)}.chip.active{border-color:#16a34a;background:#f0fdf4;color:#15803d;font-weight:600}.clarify-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:.9rem;font-family:inherit;box-sizing:border-box;background:var(--card);color:var(--text)}.btn-row{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.kv{width:100%;border-collapse:collapse}.kv td{padding:5px 8px 5px 0;vertical-align:top;border-bottom:1px dashed var(--line)}.kv tr:last-child td{border-bottom:none}.kv td.en{width:52%}.task-list{margin:6px 0;padding-left:20px}.task-list li{margin:4px 0}.dialogue .bubble{margin-bottom:10px}.bubble{border-radius:12px;padding:10px 12px;max-width:92%}.bubble small{color:var(--muted);display:block;margin-bottom:2px}.bubble.staff{background:var(--bg-soft);border:1px solid var(--line)}.bubble.you{background:#e0f2fe;border:1px solid #7dd3fc;margin-left:auto}.bubble .en{color:var(--text)}.bubble.you .en{color:#075985}.alt,.err{padding:8px 0;border-bottom:1px dashed var(--line)}.alt:last-child,.err:last-child{border-bottom:none}.alt .en{margin-right:8px}.alt small{display:block}.wrong{color:var(--bad)}.right{color:var(--ok)}.bottombar{position:fixed;left:0;right:0;bottom:0;background:#fffffff5;border-top:1px solid var(--line);padding:12px 16px;display:flex;justify-content:center}.bottombar>*{max-width:720px;width:100%}.bottombar.row{gap:10px}.bottombar.row .btn{flex:1;width:auto}.transcript{margin-bottom:14px}.result .verdict{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:14px}.verdict.pass{color:var(--ok)}.verdict.fail{color:var(--warn)}.dim{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dim-name{width:76px;font-size:.85rem;flex-shrink:0}.dim-score{width:52px;text-align:right;font-size:.85rem;flex-shrink:0}.bar{position:relative;flex:1;height:10px;background:var(--bg);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px}.bar-fill.ok{background:var(--ok)}.bar-fill.bad{background:var(--warn)}.bar-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.6}.feedback{background:var(--bg);border-radius:10px;padding:12px;font-size:.92rem}.reasons{color:var(--warn);font-size:.88rem;padding-left:20px}footer{margin-top:24px;text-align:center}.scenemap{display:flex;flex-direction:column;gap:8px}.scenestep{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:10px;padding:10px 12px;font-size:.92rem}.stepnum{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600}.taskscript{margin-top:12px}.taskscript h4{margin:0 0 6px;font-size:.95rem;color:var(--text)}.kv td.label{color:var(--warn);font-size:.78rem;white-space:nowrap;padding-right:12px;vertical-align:top}.qa{background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:8px}.qa .q{display:flex;flex-direction:column}.qa .q .en{font-weight:600}.qa .a{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.qa .a .arrow{color:var(--ok);font-weight:700}.qa .a .en{color:var(--ok);font-size:.92rem}.qa .a .a-alt{display:flex;flex-direction:column}.qa .a .a-line{display:flex;gap:8px;align-items:baseline}.qa .a .a-alt .zh{padding-left:22px}.pron{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}.pron:last-child{border-bottom:none}.pron .word{flex-shrink:0;min-width:120px;font-weight:700;font-size:.95rem}.pron .zh{flex:1}.grammar{margin-top:12px}.grammar:first-of-type{margin-top:0}.grammar h4{margin:0 0 4px;font-size:.95rem;color:var(--accent)}.grammar p{margin:0 0 8px;font-size:.92rem}@media (max-width: 480px){.level-grid{gap:6px}.dim-name{width:66px;font-size:.8rem}.pron{flex-direction:column;gap:2px}.pron .word{min-width:0}.lifetime-stats{padding:16px 14px 10px}.ls-title{font-size:1.1rem}.ls-grid{gap:8px}.ls-num{font-size:1.45rem}.ls-note{font-size:.68rem}.ls-today-items{gap:8px;font-size:.78rem}.ls-date{display:none}}.pill.rec-ok{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.pill.rec-warn{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.transcript-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.92rem;color:var(--text);cursor:pointer}.transcript-toggle:active{background:var(--bg)}.transcript-arrow{font-size:.7rem;color:var(--muted)}.today-stats{display:flex;gap:24px;justify-content:space-around;padding:14px}.today-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.today-stats .stat-num{font-size:1.6rem;font-weight:700;color:#0284c7}.today-stats .stat-label{font-size:.8rem;color:#64748b}.lifetime-stats{padding:22px 24px 14px}.ls-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.ls-eyebrow{margin:0 0 5px;font-size:.68rem;letter-spacing:.14em;color:var(--muted)}.ls-title{margin:0;font-size:1.3rem;font-weight:600}.ls-chip{flex-shrink:0;font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.ls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.ls-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);margin-bottom:8px}.ls-label svg{width:15px;height:15px}.ls-num{font-size:1.9rem;font-weight:700;line-height:1.1;margin-bottom:6px}.ls-num small{font-size:.82rem;font-weight:500;color:var(--muted);margin-left:3px}.ls-note{margin:0;font-size:.75rem;color:var(--muted);opacity:.85}.ls-item.gold .ls-label,.ls-item.gold .ls-num{color:#b45309}.ls-today{display:flex;justify-content:space-between;align-items:center;padding:12px 0 8px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}.ls-today-items{display:flex;align-items:baseline;gap:14px}.ls-today-items b{font-weight:600;color:var(--text)}.ls-today-items em{font-style:normal;font-weight:600;color:var(--text)}.ls-date{font-size:.75rem;color:var(--muted);opacity:.8}.ls-foot{margin:10px 0 0;font-size:.7rem;color:var(--muted);opacity:.75}.level-mark{width:52%;height:52%}.level-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#e0f4e8,#cdebd8);border-radius:0 0 11px 11px;pointer-events:none}.level.done .level-mark{position:absolute;left:50%;color:#16a34a}.level.perfect{background:#fffbeb;border:1px solid #fde68a}.level.perfect .level-mark{color:#d97706}.cov-mark{width:1.2em;height:1.2em;vertical-align:-.28em;margin-right:5px;flex-shrink:0}.trophy-banner{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:10px;font-size:.85rem;line-height:1.5}.trophy-banner svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.trophy-banner.won{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}.trophy-banner.remind{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.coverage-report{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.coverage-report h4{margin:0 0 6px;font-size:.95rem}.coverage-report .cov-pct{margin-left:8px;font-size:.85rem;color:#15803d}.cov-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.cov-chip{font-size:.78rem;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted)}.cov-chip.new{border-color:#bbf7d0;background:#f0fdf4;color:#15803d;font-weight:600}.speak-btn{background:none;border:none;padding:0 2px;font-size:.8rem;cursor:pointer;opacity:.55;vertical-align:baseline;line-height:1}.speak-btn:hover,.speak-btn:active{opacity:1}.speak-btn.loading{opacity:1;cursor:wait}.speak-btn{position:relative}.speak-hint{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:340px;padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 4px 16px #0000001a;font-size:.8rem;line-height:1.5;text-align:left;white-space:normal;color:var(--text)}.growth-chart{margin-top:4px}.growth-chart svg{width:100%;height:auto;display:block}.growth-legend{display:flex;gap:16px;font-size:.8rem;color:var(--text);margin-bottom:6px}.growth-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.gl-total i{background:var(--accent)}.gl-qual i{background:#d97706}.growth-empty{padding:20px 0}.demo-banner{position:fixed;right:14px;bottom:14px;z-index:99;font-size:.78rem;padding:6px 12px;border-radius:999px;background:#d97706;color:#fff;border:none;cursor:pointer;opacity:.92}.demo-banner:hover{opacity:1}.lang-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.72rem;font-weight:700;line-height:1.6;vertical-align:2px}.ls-langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.ls-langs .lang-badge{margin-left:0;border:none;cursor:pointer;font-family:inherit;font-size:.74rem;padding:2px 10px;text-align:center;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.lang-badge.off{background:#f1f5f9;color:#94a3b8}.lang-badge.off:hover{background:#e2e8f0;color:#64748b}.lang-badge.on{background:#fef3c7;color:#b45309}.ls-langs .lang-badge:focus,.ls-langs .lang-badge:focus-visible{outline:none}.voice-hours{margin-left:6px;font-size:.72rem;font-weight:600;color:var(--muted)}.lang-select{margin:6px 0 10px}.lang-select>span{display:block;margin-bottom:6px}.voice-rows{display:grid;grid-template-columns:minmax(92px,max-content) minmax(160px,1fr);column-gap:10px;row-gap:12px}.voice-row{display:contents}.voice-row .voice-lang{display:flex;align-items:center;gap:6px;margin-bottom:0}.voice-row select{width:100%}.deleted-courses{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.deleted-courses h4{margin:0 0 4px}