:root{--seed-bg:#FAF3E7;--seed-fg:#35291B;--seed-primary:#2E7D52;--seed-accent:#E8891A;--seed-surface:#FFFCF4;--seed-radius:18px;--fg-soft:color-mix(in srgb,var(--seed-fg) 70%,var(--seed-bg));--fg-muted:color-mix(in srgb,var(--seed-fg) 48%,var(--seed-bg));--line:color-mix(in srgb,var(--seed-fg) 14%,var(--seed-bg));--line-soft:color-mix(in srgb,var(--seed-fg) 8%,var(--seed-bg));--primary-deep:color-mix(in srgb,var(--seed-primary) 78%,#14100a);--primary-tint:color-mix(in srgb,var(--seed-primary) 13%,var(--seed-surface));--primary-ghost:color-mix(in srgb,var(--seed-primary) 8%,transparent);--accent-deep:color-mix(in srgb,var(--seed-accent) 76%,#3a1c02);--accent-tint:color-mix(in srgb,var(--seed-accent) 16%,var(--seed-surface));--gold:#E4B54A;--leaf:#7FB069;--danger:#C2503A;--danger-tint:color-mix(in srgb,var(--danger) 12%,var(--seed-surface));--pure:#FFFFFF;--bld-a:#EBD9BC;--bld-b:#F2E4CB;--bld-c:#E7D7BD;--sign-navy:#33506B;--cream-ink:#F4EBDD;--shadow-warm:color-mix(in srgb,var(--seed-fg) 22%,transparent);--btn-shadow:color-mix(in srgb,var(--seed-fg) 34%,#8a6a42);--font-en:"Fredoka","Noto Sans SC",sans-serif;--font-cn:"Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--fs-body:15.5px;--fs-small:13px;--fs-caption:11.5px;--fs-en-word:56px;--fs-en-mid:40px;--fs-h:21px;--r-card:var(--seed-radius);--r-panel:calc(var(--seed-radius) + 8px);--r-pill:999px;--motion-fast:.16s;--motion-base:.28s;--ease:cubic-bezier(.34,1.4,.5,1);--ease-out:cubic-bezier(.22,.9,.3,1)}html.big-text{--fs-body:17.5px;--fs-small:15px;--fs-caption:13px;--fs-en-word:62px;--fs-en-mid:46px;--fs-h:24px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-cn);font-size:var(--fs-body);line-height:1.6;color:var(--seed-fg);background:radial-gradient(color-mix(in srgb,var(--seed-fg) 7%,transparent) 1px,transparent 1.4px) 0 0/26px 26px,var(--seed-bg);display:flex;justify-content:center}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--seed-accent);outline-offset:2px;border-radius:8px}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient span{position:absolute;font-family:var(--font-en);font-weight:700;color:color-mix(in srgb,var(--seed-fg) 6%,transparent);line-height:1;-webkit-user-select:none;user-select:none}.ambient .a1{font-size:340px;top:-70px;left:-60px;transform:rotate(-10deg)}.ambient .a2{font-size:280px;bottom:-60px;right:-40px;transform:rotate(8deg)}.ambient .a3{font-size:170px;top:38%;right:6%;transform:rotate(-6deg)}.app{position:relative;z-index:1;width:100%;max-width:430px;height:100dvh;background:var(--seed-bg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px var(--line-soft),0 24px 70px -30px var(--shadow-warm)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 6px;flex:none}main{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 18px 24px;scroll-behavior:smooth}main::-webkit-scrollbar{width:0}.view{animation:viewIn .32s var(--ease-out)}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;padding:4px 11px;border-radius:var(--r-pill);background:var(--primary-tint);color:var(--primary-deep)}.tag.warm{background:var(--accent-tint);color:var(--accent-deep)}.tag.gold{background:color-mix(in srgb,var(--gold) 22%,var(--seed-surface));color:color-mix(in srgb,var(--gold) 62%,var(--seed-fg))}.tag.navy{background:color-mix(in srgb,var(--sign-navy) 14%,var(--seed-surface));color:var(--sign-navy)}.card{background:var(--seed-surface);border:1.5px solid var(--line-soft);border-radius:var(--r-panel);box-shadow:0 3px 0 var(--line-soft),0 14px 30px -22px var(--shadow-warm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:var(--r-pill);font-size:var(--fs-body);font-weight:700;letter-spacing:.04em;background:var(--seed-surface);color:var(--seed-fg);border:2px solid var(--line);box-shadow:0 4px 0 var(--btn-shadow);transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease),background var(--motion-fast);-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--btn-shadow)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-shadow)}.btn.primary{background:var(--seed-primary);border-color:var(--primary-deep);color:var(--pure)}.btn.primary:hover{background:color-mix(in srgb,var(--seed-primary) 88%,var(--pure))}.btn.warm{background:var(--seed-accent);border-color:var(--accent-deep);color:var(--pure)}.btn.warm:hover{background:color-mix(in srgb,var(--seed-accent) 88%,var(--pure))}.btn.block{width:100%}.btn.sm{min-height:42px;padding:0 18px;font-size:var(--fs-small)}.btn:disabled{opacity:.5;pointer-events:none}.spk{width:58px;height:58px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--seed-primary);color:var(--pure);border:2px solid var(--primary-deep);box-shadow:0 4px 0 var(--btn-shadow);position:relative;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.spk:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-shadow)}.spk.big{width:84px;height:84px}.spk.playing:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid var(--seed-primary);opacity:0;animation:pulse 1s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.25);opacity:0}}.ring{transform:rotate(-90deg)}.ring .track{stroke:var(--line-soft)}.ring .bar{stroke:var(--seed-primary);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.logo{display:flex;align-items:center;gap:9px}.logo .mark{width:40px;height:40px;border-radius:13px;background:var(--seed-primary);display:grid;place-items:center;color:var(--pure);border:2px solid var(--primary-deep);box-shadow:0 3px 0 var(--btn-shadow)}.logo b{font-size:19px;font-weight:900;letter-spacing:.02em;display:block;line-height:1.15}.logo i{font-style:normal;font-family:var(--font-en);font-size:var(--fs-caption);font-weight:600;letter-spacing:.08em;color:var(--fg-muted)}.streak{display:inline-flex;align-items:center;gap:6px;font-weight:900;background:var(--accent-tint);border:1.5px solid color-mix(in srgb,var(--seed-accent) 40%,var(--seed-surface));color:var(--accent-deep);padding:7px 13px;border-radius:var(--r-pill);font-size:var(--fs-small)}.streak.bump{animation:bump .6s var(--ease)}@keyframes bump{30%{transform:scale(1.22) rotate(-4deg)}}.greet h1{font-size:var(--fs-h);font-weight:900;letter-spacing:-.01em;line-height:1.3}.greet p{color:var(--fg-soft);font-size:var(--fs-small);margin-top:2px}.street-wrap{position:relative;margin:14px -4px 16px}.street-wrap svg{display:block;width:100%;height:auto;border-radius:var(--r-panel);border:1.5px solid var(--line-soft);box-shadow:0 16px 34px -24px var(--shadow-warm)}.sign{cursor:pointer}.sign .plate{transition:transform var(--motion-fast) var(--ease),filter var(--motion-fast)}.sign:hover .plate{transform:translateY(-2px);filter:brightness(1.07)}.sign:active .plate{transform:translateY(1px)}.sign:focus-visible{outline:none}.sign:focus-visible .plate{stroke:var(--seed-accent);stroke-width:3}.sway{animation:sway 3.4s ease-in-out infinite;transform-origin:top center}@keyframes sway{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}.cloud{animation:drift 9s ease-in-out infinite}.cloud.c2{animation-duration:12s;animation-delay:-4s}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.hint-chip{position:absolute;top:16px;left:14px;display:flex;align-items:center;gap:6px;background:var(--seed-fg);color:var(--seed-bg);font-size:var(--fs-caption);font-weight:700;padding:7px 12px;border-radius:var(--r-pill);box-shadow:0 6px 16px -8px var(--shadow-warm);animation:hop 1.6s var(--ease) infinite;pointer-events:none}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.goal{padding:16px 16px 18px;margin-bottom:16px}.goal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.goal-head h2{font-size:17px;font-weight:900;letter-spacing:.01em}.goal-words{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.goal-word{font-family:var(--font-en);font-weight:600;font-size:var(--fs-small);letter-spacing:.06em;padding:7px 13px;border-radius:var(--r-pill);border:1.5px dashed var(--line);color:var(--fg-muted);display:inline-flex;align-items:center;gap:6px;transition:all var(--motion-base) var(--ease)}.goal-word.done{border-style:solid;border-color:var(--seed-primary);background:var(--primary-tint);color:var(--primary-deep)}.goal-word.done:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--seed-primary)}.review-banner{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;margin-bottom:16px;border-radius:var(--r-panel);background:var(--accent-tint);border:2px solid color-mix(in srgb,var(--seed-accent) 45%,var(--seed-surface));box-shadow:0 4px color-mix(in srgb,var(--seed-accent) 30%,var(--btn-shadow));transition:transform var(--motion-fast) var(--ease)}.review-banner:hover{transform:translateY(-2px)}.review-banner:active{transform:translateY(1px)}.review-banner .ric{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--seed-accent);color:var(--pure);box-shadow:0 3px 0 var(--btn-shadow)}.review-banner .tx{flex:1}.review-banner b{display:block;font-size:15.5px;font-weight:900;color:var(--accent-deep)}.review-banner i{font-style:normal;font-size:var(--fs-caption);color:var(--accent-deep);opacity:.8}.review-banner .count{font-family:var(--font-en);font-weight:700;font-size:24px;color:var(--accent-deep)}.quick h2{font-size:16px;font-weight:900;margin:2px 2px 10px}.quick-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick-chip{flex:none;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;background:var(--seed-surface);border:1.5px solid var(--line-soft);border-radius:var(--r-card);box-shadow:0 3px 0 var(--line-soft);transition:transform var(--motion-fast) var(--ease)}.quick-chip:hover{transform:translateY(-2px)}.quick-chip:active{transform:translateY(1px)}.quick-chip .dot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--pure)}.quick-chip b{display:block;font-size:var(--fs-small);font-weight:700;line-height:1.3}.quick-chip i{font-style:normal;font-size:var(--fs-caption);color:var(--fg-muted)}.page-head{display:flex;align-items:center;gap:10px;padding:10px 0 14px}.page-head h2{font-size:var(--fs-h);font-weight:900;letter-spacing:-.01em;flex:1}.icon-btn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--seed-surface);border:1.5px solid var(--line-soft);box-shadow:0 3px 0 var(--line-soft);transition:transform var(--motion-fast) var(--ease)}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-soft)}.dots{display:flex;gap:7px;justify-content:center;margin-bottom:16px}.dots i{width:26px;height:8px;border-radius:99px;background:var(--line);transition:all var(--motion-base) var(--ease)}.dots i.on{background:var(--seed-primary);width:38px}.dots i.past{background:color-mix(in srgb,var(--seed-primary) 45%,var(--line))}.plate-sign{border-radius:16px;padding:20px 16px;text-align:center;position:relative;background:var(--seed-primary);border:3px solid var(--primary-deep);box-shadow:inset 0 -5px color-mix(in srgb,var(--seed-fg) 24%,transparent),0 8px 0 -3px var(--btn-shadow)}.plate-sign .word{font-family:var(--font-en);font-weight:700;color:var(--pure);font-size:var(--fs-en-word);line-height:1.05;letter-spacing:.03em;text-shadow:0 3px 0 color-mix(in srgb,var(--seed-fg) 32%,transparent)}.plate-sign .word.len-m{font-size:var(--fs-en-mid)}.plate-sign .word.len-l{font-size:30px;letter-spacing:.05em}.plate-sign.brand{background:var(--seed-surface);border-color:var(--seed-fg)}.plate-sign.brand .word{color:var(--seed-fg);text-shadow:none;letter-spacing:.12em;font-weight:600}.plate-sign.tag-shape{border-radius:10px 26px 26px 10px}.plate-sign.tag-shape:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:var(--seed-bg);border:3px solid color-mix(in srgb,var(--seed-fg) 40%,var(--line))}.plate-sign.menu{background:var(--accent-tint);border-color:var(--accent-deep)}.plate-sign.menu .word{color:var(--accent-deep);text-shadow:none}.plate-sign.navy{background:var(--sign-navy);border-color:color-mix(in srgb,var(--sign-navy) 72%,var(--seed-fg))}.plate-sign.navy .word{color:var(--cream-ink)}.plate-sign .screws{position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none}.plate-sign .screws i{position:absolute;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--pure) 55%,transparent)}.plate-sign .screws i:nth-child(1){top:0;left:0}.plate-sign .screws i:nth-child(2){top:0;right:0}.plate-sign .screws i:nth-child(3){bottom:0;left:0}.plate-sign .screws i:nth-child(4){bottom:0;right:0}.lesson-card{padding:20px 18px 22px;margin-bottom:14px;perspective:900px}.flip{position:relative;transition:transform .55s var(--ease);transform-style:preserve-3d}.flip.flipped{transform:rotateY(180deg)}.face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.face.back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center}.card-mid{display:flex;align-items:center;gap:16px;margin:18px 2px 4px}.card-mid .meta{flex:1;min-width:0}.card-mid .zh{font-size:19px;font-weight:900;letter-spacing:.01em}.card-mid .approx{font-size:var(--fs-small);color:var(--accent-deep);font-weight:700;margin-top:2px}.card-mid .phon{font-family:var(--font-en);font-size:var(--fs-caption);color:var(--fg-muted);letter-spacing:.03em}.tip-line{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:11px 13px;background:var(--primary-ghost);border-radius:13px;font-size:var(--fs-small);color:var(--fg-soft)}.tip-line svg{flex:none;margin-top:2px;color:var(--seed-primary)}.flip-hint{text-align:center;font-size:var(--fs-caption);color:var(--fg-muted);margin-top:12px;letter-spacing:.04em}.back-zh{font-size:30px;font-weight:900;letter-spacing:.02em;text-align:center}.back-rows{margin-top:14px;display:grid;gap:9px}.back-rows div{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-small);border-bottom:1.5px dashed var(--line-soft);padding-bottom:8px}.back-rows b{color:var(--fg-muted);font-weight:500;flex:none}.back-rows span{font-weight:700;text-align:right}.lesson-actions{display:grid;gap:10px;margin-top:4px}.quiz-q{font-size:19px;font-weight:900;text-align:center;margin:6px 0 4px;letter-spacing:.01em}.quiz-q .en{font-family:var(--font-en);color:var(--primary-deep);letter-spacing:.04em}.quiz-say{display:flex;justify-content:center;margin:10px 0 18px}.opts{display:grid;gap:11px}.opt{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 18px;text-align:left;background:var(--seed-surface);border:2px solid var(--line);border-radius:var(--r-card);font-size:16.5px;font-weight:700;box-shadow:0 4px 0 var(--line-soft);position:relative;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease),border-color var(--motion-fast),background var(--motion-fast)}.opt .key{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center;font-family:var(--font-en);font-size:var(--fs-small);font-weight:600;background:var(--line-soft);color:var(--fg-soft);transition:inherit}.opt:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--line-soft)}.opt:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-soft)}.opt.right{border-color:var(--seed-primary);background:var(--primary-tint);color:var(--primary-deep)}.opt.right .key{background:var(--seed-primary);color:var(--pure)}.opt.wrong{border-color:var(--danger);background:var(--danger-tint);animation:shake .4s}.opt.wrong .key{background:var(--danger);color:var(--pure)}.opt:disabled{cursor:default}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quiz-feedback{min-height:56px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:16px;border-radius:14px;padding:8px 14px;text-align:center;opacity:0;transition:opacity var(--motion-base)}.quiz-feedback.show{opacity:1}.quiz-feedback.good{background:var(--primary-tint);color:var(--primary-deep)}.quiz-feedback.soft{background:var(--accent-tint);color:var(--accent-deep)}.done-wrap{text-align:center;padding:26px 18px 24px;position:relative;overflow:hidden}.done-emoji{width:88px;height:88px;margin:0 auto 14px;border-radius:50%;background:var(--primary-tint);display:grid;place-items:center;color:var(--seed-primary);border:2px solid color-mix(in srgb,var(--seed-primary) 35%,var(--seed-surface))}.done-wrap h3{font-size:22px;font-weight:900;letter-spacing:.01em}.done-wrap .sub{color:var(--fg-soft);font-size:var(--fs-small);margin:6px 0 18px}.done-stats{display:flex;justify-content:center;gap:26px;margin-bottom:20px}.done-stats div b{display:block;font-family:var(--font-en);font-size:26px;font-weight:700;color:var(--primary-deep)}.done-stats div span{font-size:var(--fs-caption);color:var(--fg-muted)}.done-actions{display:grid;gap:10px}.set-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;margin-bottom:11px;border-radius:var(--r-card);background:var(--seed-surface);border:1.5px solid var(--line-soft);box-shadow:0 3px 0 var(--line-soft);transition:transform var(--motion-fast) var(--ease)}.set-card:hover{transform:translateY(-2px)}.set-card:active{transform:translateY(1px)}.set-card .ic{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;color:var(--pure)}.set-card .tx{flex:1;min-width:0}.set-card b{display:block;font-size:15.5px;font-weight:900}.set-card i{font-style:normal;font-size:var(--fs-caption);color:var(--fg-muted)}.set-card .go{color:var(--fg-muted);flex:none}.set-card .mini-words{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.set-card .mini-words em{font-style:normal;font-family:var(--font-en);font-size:10.5px;font-weight:600;letter-spacing:.07em;padding:2px 8px;border-radius:99px;background:var(--line-soft);color:var(--fg-soft)}.set-card .mini-words em.done{background:var(--primary-tint);color:var(--primary-deep)}.seg{display:flex;gap:5px;padding:5px;border-radius:var(--r-pill);background:var(--line-soft);margin-bottom:18px}.seg button{flex:1;min-height:44px;border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-small);color:var(--fg-muted);transition:all var(--motion-fast) var(--ease);letter-spacing:.03em}.seg button.on{background:var(--seed-surface);color:var(--seed-fg);box-shadow:0 2px 0 var(--line)}.mystery{border-radius:var(--r-panel);padding:26px 18px;text-align:center;margin-bottom:16px;background:radial-gradient(color-mix(in srgb,var(--seed-primary) 14%,transparent) 1.6px,transparent 2px) 0 0/18px 18px,var(--seed-surface);border:2px dashed color-mix(in srgb,var(--seed-primary) 45%,var(--line))}.mystery .qm{font-family:var(--font-en);font-size:52px;font-weight:700;color:color-mix(in srgb,var(--seed-primary) 55%,var(--line));line-height:1}.mystery .revealed{font-family:var(--font-en);font-size:var(--fs-en-mid);font-weight:700;letter-spacing:.04em;color:var(--primary-deep);line-height:1.1}.mystery p{font-size:var(--fs-small);color:var(--fg-muted);margin:8px 0 14px}.wave{display:flex;gap:4px;justify-content:center;align-items:flex-end;height:26px;margin-bottom:12px}.wave i{width:5px;border-radius:99px;background:var(--seed-primary);height:8px;opacity:.35;transition:opacity .2s}.wave.on i{animation:wv .9s ease-in-out infinite;opacity:1}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.15s}.wave i:nth-child(6){animation-delay:.25s}.wave i:nth-child(7){animation-delay:.05s}@keyframes wv{0%,to{height:8px}50%{height:24px}}.round-count{text-align:center;font-size:var(--fs-caption);color:var(--fg-muted);letter-spacing:.08em;margin-bottom:12px;font-weight:700}.mic{width:96px;height:96px;border-radius:50%;margin:6px auto 12px;display:grid;place-items:center;background:var(--seed-accent);color:var(--pure);border:3px solid var(--accent-deep);box-shadow:0 5px 0 var(--btn-shadow);position:relative;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.mic:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-shadow)}.mic.rec:before,.mic.rec:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:3px solid var(--seed-accent);animation:pulse 1.3s ease-out infinite}.mic.rec:after{animation-delay:.5s}.mic.rec{background:var(--danger);border-color:color-mix(in srgb,var(--danger) 70%,var(--seed-fg))}.heard-text{font-family:var(--font-en);font-size:18px;font-weight:600;letter-spacing:.03em;color:var(--primary-deep);margin-top:6px}.score-card{text-align:center;padding:16px;border-radius:var(--r-card);background:var(--accent-tint);margin-top:14px}.score-card .stars{font-size:22px;letter-spacing:4px;color:var(--gold)}.score-card b{display:block;font-size:18px;font-weight:900;margin-top:2px}.score-card span{font-size:var(--fs-caption);color:var(--fg-muted)}.demo-note{font-size:var(--fs-caption);color:var(--fg-muted);text-align:center;margin-top:10px}.vocab-head{display:flex;align-items:center;gap:14px;padding:4px 2px 16px}.vocab-head .tx{flex:1}.vocab-head h2{font-size:var(--fs-h);font-weight:900;letter-spacing:-.01em}.vocab-head p{font-size:var(--fs-caption);color:var(--fg-muted)}.cat-sec{margin-bottom:20px}.cat-sec>header{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:0 2px}.cat-sec>header .dot{width:11px;height:11px;border-radius:4px;flex:none}.cat-sec>header h3{font-size:15.5px;font-weight:900;flex:1}.cat-sec>header span{font-size:var(--fs-caption);color:var(--fg-muted);font-weight:700}.word-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcard{perspective:700px;min-height:104px;position:relative}.wcard .flip{height:100%;min-height:104px;cursor:pointer}.wface{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-card);padding:13px;display:flex;flex-direction:column;justify-content:center;background:var(--seed-surface);border:1.5px solid var(--line-soft);box-shadow:0 3px 0 var(--line-soft)}.wface.front .en{font-family:var(--font-en);font-weight:600;font-size:21px;letter-spacing:.05em;line-height:1.15;word-break:break-word}.wface.front .en.len-l{font-size:15px}.wface.front .cat{font-size:10.5px;color:var(--fg-muted);margin-top:6px;letter-spacing:.06em;font-weight:700}.wface.backw{transform:rotateY(180deg);background:var(--primary-tint);border-color:color-mix(in srgb,var(--seed-primary) 35%,var(--seed-surface))}.wface.backw .zh{font-size:17px;font-weight:900}.wface.backw .ap{font-size:var(--fs-caption);color:var(--accent-deep);font-weight:700;margin-top:3px}.wcard.learned .wface.front{border-color:var(--seed-primary)}.wcard .ck{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;z-index:2;background:var(--seed-primary);color:var(--pure);display:grid;place-items:center;border:2px solid var(--seed-surface);opacity:0;transform:scale(.4);transition:all var(--motion-base) var(--ease)}.wcard.learned .ck{opacity:1;transform:scale(1)}.due-dot{position:absolute;top:-5px;left:-5px;width:14px;height:14px;border-radius:50%;background:var(--seed-accent);border:2px solid var(--seed-surface);z-index:2}.mark-btn{margin-top:8px;font-size:var(--fs-caption);font-weight:700;color:var(--primary-deep);align-self:flex-start;letter-spacing:.03em;text-decoration:underline;text-underline-offset:3px}.me-card{display:flex;align-items:center;gap:15px;padding:18px;margin-bottom:14px}.avatar{width:64px;height:64px;border-radius:22px;flex:none;display:grid;place-items:center;background:var(--accent-tint);border:2px solid color-mix(in srgb,var(--seed-accent) 45%,var(--seed-surface));color:var(--accent-deep)}.me-card h2{font-size:19px;font-weight:900}.me-card p{font-size:var(--fs-small);color:var(--fg-soft)}.stat-row{display:flex;gap:10px;margin-bottom:14px}.stat{flex:1;text-align:center;padding:14px 8px;border-radius:var(--r-card);background:var(--seed-surface);border:1.5px solid var(--line-soft);box-shadow:0 3px 0 var(--line-soft)}.stat b{display:block;font-family:var(--font-en);font-size:25px;font-weight:700;color:var(--primary-deep);line-height:1.2}.stat span{font-size:var(--fs-caption);color:var(--fg-muted);font-weight:700;letter-spacing:.04em}.sec-title{font-size:16px;font-weight:900;margin:4px 2px 10px}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.badge{display:flex;align-items:center;gap:11px;padding:13px;border-radius:var(--r-card);background:var(--seed-surface);border:1.5px solid var(--line-soft);box-shadow:0 3px 0 var(--line-soft)}.badge .bic{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;color:var(--pure);background:var(--line)}.badge b{display:block;font-size:var(--fs-small);font-weight:900}.badge span{font-size:10.5px;color:var(--fg-muted)}.badge.locked{opacity:.62}.badge.locked .bic{background:var(--line);color:var(--fg-muted)}.badge.got .bic{background:var(--seed-accent);box-shadow:0 3px 0 var(--btn-shadow)}.badge.got{border-color:color-mix(in srgb,var(--seed-accent) 45%,var(--seed-surface))}.set-row{display:flex;align-items:center;gap:12px;padding:15px 16px;margin-bottom:10px;background:var(--seed-surface);border:1.5px solid var(--line-soft);border-radius:var(--r-card);box-shadow:0 3px 0 var(--line-soft)}.set-row .tx{flex:1}.set-row b{display:block;font-size:var(--fs-small);font-weight:900}.set-row span{font-size:var(--fs-caption);color:var(--fg-muted)}.switch{width:56px;height:32px;border-radius:99px;flex:none;position:relative;background:var(--line);border:2px solid color-mix(in srgb,var(--seed-fg) 22%,var(--line));transition:background var(--motion-fast)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--seed-surface);box-shadow:0 2px 0 var(--btn-shadow);transition:transform var(--motion-fast) var(--ease)}.switch[aria-checked=true]{background:var(--seed-primary);border-color:var(--primary-deep)}.switch[aria-checked=true]:after{transform:translate(24px)}.foot-line{text-align:center;color:var(--fg-muted);font-size:var(--fs-caption);padding:14px 20px 6px;letter-spacing:.03em}.danger-link{width:100%;text-align:center;font-size:var(--fs-caption);color:var(--danger);font-weight:700;padding:10px;letter-spacing:.03em;text-decoration:underline;text-underline-offset:3px}.tabbar{flex:none;display:flex;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:var(--seed-surface);border-top:1.5px solid var(--line-soft)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;color:var(--fg-muted);font-size:10.5px;font-weight:700;letter-spacing:.06em;border-radius:14px;transition:color var(--motion-fast);position:relative}.tab svg{transition:transform var(--motion-fast) var(--ease)}.tab.on{color:var(--primary-deep)}.tab.on svg{transform:translateY(-2px) scale(1.08)}.tab.on:before{content:"";position:absolute;top:-9.5px;width:26px;height:4px;border-radius:99px;background:var(--seed-primary)}.tab .bdg{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;border-radius:99px;background:var(--seed-accent);color:var(--pure);font-size:9.5px;font-weight:900;display:grid;place-items:center;padding:0 4px}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%) translateY(16px);background:var(--seed-fg);color:var(--seed-bg);font-size:var(--fs-small);font-weight:700;padding:11px 20px;border-radius:var(--r-pill);opacity:0;pointer-events:none;z-index:40;transition:all var(--motion-base) var(--ease);white-space:nowrap;max-width:88%}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti{position:absolute;width:9px;height:13px;border-radius:2px;top:-20px;animation:fall 1.7s ease-in forwards}@keyframes fall{to{transform:translateY(560px) rotate(560deg);opacity:0}}.star{position:absolute;animation:starPop .7s var(--ease-out) forwards}@keyframes starPop{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.15) rotate(40deg);opacity:0}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}