:root{--ink:#0e2a47;--teal:#2ec4b6;--teal-dark:#1ba99b;--sand:#f4a261;--red:#e4572e;--bg:#eef6f5;--card:#fff;--text:#1b2a3a;--muted:#71808f;--line:#e3eceb;--shadow:0 6px 24px #0e2a4714;--radius:16px;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--sans);color:var(--text);background:linear-gradient(180deg, #dff0ef 0%, var(--bg) 28%, var(--bg) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit;font-size:16px}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;padding-bottom:76px;position:relative}.page{padding:18px 16px 24px;animation:.35s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-head{margin:4px 0 16px}.page-head h1{letter-spacing:.5px;color:var(--ink);margin:0;font-size:26px}.page-head .sub{color:var(--muted);margin-top:4px;font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.btn{border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:15px;font-weight:600;transition:transform .12s,opacity .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-teal{background:var(--teal);color:#04302b}.btn-ghost{color:var(--ink);background:#eef3f4}.btn-danger{color:var(--red);background:#fdeee8}.btn-block{width:100%}.badge{color:var(--muted);background:#eef3f4;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;display:inline-flex}.badge.red{color:var(--red);background:#fdeee8}.badge.mastered{color:#0c8f83;background:#e2f6f3}.badge.learning{color:#c07a1f;background:#fdf3e7}.chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:7px 14px;font-size:13px;transition:all .15s}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.list{flex-direction:column;gap:10px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty .emoji{margin-bottom:10px;font-size:40px;display:block}.empty p{margin:4px 0;font-size:14px}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fbfdfd;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}.modal-mask{z-index:40;background:#0e2a4766;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:88dvh;padding:20px 18px 28px;animation:.25s both sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:var(--ink);margin:0 0 14px;font-size:18px}.toast{background:var(--ink);color:#fff;z-index:60;box-shadow:var(--shadow);border-radius:999px;max-width:86vw;padding:10px 18px;font-size:14px;animation:.25s both fade-up;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.week-tip{color:#dff3f0;border-radius:var(--radius);background:linear-gradient(135deg,#0e2a47 0%,#14506e 100%);margin-bottom:14px;padding:16px}.week-tip .stage{color:#7fd6cc;margin-bottom:4px;font-size:13px}.week-tip .msg{font-size:14px;line-height:1.6}.bottom-nav[data-v-86ab597f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);width:100%;max-width:480px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30;background:#fffffff5;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item[data-v-86ab597f]{color:var(--muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;text-decoration:none;transition:color .15s;display:flex}.nav-icon[data-v-86ab597f]{font-size:20px;line-height:1}.nav-label[data-v-86ab597f]{font-size:11px}.nav-item.active[data-v-86ab597f]{color:var(--ink)}.nav-item.active .nav-icon[data-v-86ab597f]{transform:scale(1.12)}.login[data-v-1aec193d]{flex-direction:column;justify-content:center;min-height:100dvh;padding:32px 20px;display:flex}.login-hero[data-v-1aec193d]{text-align:center;margin-bottom:26px}.logo[data-v-1aec193d]{margin-bottom:6px;font-size:56px}.login-hero h1[data-v-1aec193d]{letter-spacing:2px;color:var(--ink);margin:0;font-size:32px}.login-hero p[data-v-1aec193d]{color:var(--muted);margin:6px 0 0;font-size:14px}.login-error[data-v-1aec193d]{color:var(--red);margin:0 0 10px;font-size:13px}.seed-hint[data-v-1aec193d]{color:var(--muted);text-align:center;margin:16px 0 0;font-size:12px}.seed-hint code[data-v-1aec193d]{color:var(--ink);background:#eef3f4;border-radius:6px;padding:2px 6px}.search-row[data-v-d0e1cb93]{gap:8px;margin-bottom:14px;display:flex}.search-input[data-v-d0e1cb93]{border:1px solid var(--line);background:#fff;border-radius:999px;outline:none;flex:1;padding:11px 14px;font-size:15px}.search-input[data-v-d0e1cb93]:focus{border-color:var(--teal)}.add-btn[data-v-d0e1cb93]{flex:none;padding:11px 16px}.sentence[data-v-d0e1cb93]{animation:.3s both fade-up}.s-top[data-v-d0e1cb93]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.zh[data-v-d0e1cb93]{color:var(--ink);font-size:16px;font-weight:600;line-height:1.5}.en[data-v-d0e1cb93]{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.55}.s-actions[data-v-d0e1cb93]{gap:8px;margin-top:12px;display:flex}.mini-btn[data-v-d0e1cb93]{color:var(--ink);background:#eef3f4;border-radius:999px;padding:7px 12px;font-size:13px;transition:transform .12s}.mini-btn[data-v-d0e1cb93]:active{transform:scale(.95)}.mini-btn.play[data-v-d0e1cb93]{color:#0c8f83;background:#e2f6f3}.mini-btn.danger[data-v-d0e1cb93]{color:var(--red);background:#fdeee8;padding:7px 10px}.gen-card[data-v-eb022c6e]{margin-bottom:14px}.gen-row[data-v-eb022c6e]{justify-content:space-between;align-items:center;gap:12px;display:flex}.gen-count[data-v-eb022c6e]{color:var(--ink);font-size:16px;font-weight:700}.gen-sub[data-v-eb022c6e]{color:var(--muted);margin-top:3px;font-size:12px}.toggles[data-v-eb022c6e]{gap:18px;margin-bottom:14px;padding:2px 4px;display:flex}.toggle[data-v-eb022c6e]{color:var(--text);align-items:center;gap:7px;font-size:14px;display:flex}.toggle input[data-v-eb022c6e]{width:18px;height:18px;accent-color:var(--teal)}.track[data-v-eb022c6e]{cursor:pointer;align-items:center;gap:12px;transition:transform .12s,box-shadow .2s;display:flex}.track[data-v-eb022c6e]:active{transform:scale(.98)}.track.playing[data-v-eb022c6e]{box-shadow:0 0 0 2px var(--teal), var(--shadow)}.track-icon[data-v-eb022c6e]{font-size:22px}.track-body[data-v-eb022c6e]{flex:1;min-width:0}.track-zh[data-v-eb022c6e]{color:var(--ink);font-size:15px;font-weight:600}.track-en[data-v-eb022c6e]{color:var(--muted);margin-top:2px;font-size:13px}.track-num[data-v-eb022c6e]{color:var(--muted);font-size:12px}.listen[data-v-57b41312]{flex-direction:column;gap:14px;display:flex}.listen-card[data-v-57b41312]{text-align:center;padding:26px 18px}.counter[data-v-57b41312]{color:var(--muted);margin-bottom:16px;font-size:13px}.play-big[data-v-57b41312]{background:linear-gradient(135deg, var(--teal), #5adfd1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:56px;transition:transform .15s;display:inline-flex;box-shadow:0 12px 28px #2ec4b666}.play-big[data-v-57b41312]:active{transform:scale(.94)}.zh[data-v-57b41312]{color:var(--ink);margin-top:20px;font-size:20px;font-weight:700;line-height:1.5}.zh.placeholder[data-v-57b41312]{color:var(--muted);cursor:pointer;font-size:15px;font-weight:400}.en[data-v-57b41312]{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.55}.reveal[data-v-57b41312]{justify-content:center;gap:8px;margin-top:14px;display:flex}.mini[data-v-57b41312]{color:var(--ink);background:#eef3f4;border-radius:999px;padding:7px 12px;font-size:13px}.mini[data-v-57b41312]:active{transform:scale(.95)}.assess[data-v-57b41312]{gap:10px;display:flex}.assess-btn[data-v-57b41312]{flex:1}.assess-btn.smooth[data-v-57b41312]{color:#0c8f83;background:#e2f6f3}.assess-btn.rough[data-v-57b41312]{color:#c07a1f;background:#fdf3e7}.assess-btn.fail[data-v-57b41312]{color:var(--red);background:#fdeee8}.review[data-v-491884c9]{flex-direction:column;gap:14px;display:flex}.review-card[data-v-491884c9]{text-align:center;padding:26px 18px}.counter[data-v-491884c9]{color:var(--muted);margin-bottom:14px;font-size:13px}.review-zh[data-v-491884c9]{color:var(--ink);font-size:22px;font-weight:700;line-height:1.5}.review-en[data-v-491884c9]{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.6}.review-en.placeholder[data-v-491884c9]{color:#b6c2cc;cursor:pointer}.mini[data-v-491884c9]{color:var(--ink);background:#eef3f4;border-radius:999px;margin-top:14px;padding:7px 12px;font-size:13px}.mini[data-v-491884c9]:active{transform:scale(.95)}.assess[data-v-491884c9]{gap:10px;display:flex}.assess-btn[data-v-491884c9]{flex:1;padding:14px;font-size:16px}.assess-btn.smooth[data-v-491884c9]{color:#0c8f83;background:#e2f6f3}.assess-btn.fail[data-v-491884c9]{color:var(--red);background:#fdeee8}.expand-card[data-v-491884c9]{text-align:left}.expand-title[data-v-491884c9]{color:var(--ink);margin:0 0 10px;font-size:14px;font-weight:600}.alts[data-v-491884c9]{margin:12px 0 0;padding-left:20px}.alts li[data-v-491884c9]{color:var(--text);margin-bottom:6px;font-size:14px;line-height:1.6}.done-card[data-v-491884c9]{text-align:center;padding:34px 20px}.done-card .emoji[data-v-491884c9]{margin-bottom:10px;font-size:44px;display:block}.done-title[data-v-491884c9]{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:700}.done-sub[data-v-491884c9]{color:var(--muted);margin:0 0 16px;font-size:13px}.grid[data-v-e4d58076]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat[data-v-e4d58076]{text-align:center;padding:18px 10px}.stat-num[data-v-e4d58076]{color:var(--ink);font-size:26px;font-weight:800}.stat-num.red[data-v-e4d58076]{color:var(--red)}.stat-label[data-v-e4d58076]{color:var(--muted);margin-top:4px;font-size:12px}.logout[data-v-e4d58076]{margin-top:18px}