.empty-icon{opacity:.7;font-size:3.5rem}@media (width>=769px) and (prefers-reduced-motion:no-preference){.empty-icon{animation:3s ease-in-out infinite floatBubble}}.quiz-mode{padding:0 0 calc(var(--app-mobile-bottom-space,118px) + 22px);flex-direction:column;gap:.8rem;min-height:calc(100dvh - 240px);display:flex}.quiz-header{z-index:5;background:0 0;flex-shrink:0;margin:0;padding:8px 2px;position:relative}.quiz-progress-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.82rem;font-weight:750;display:flex}.quiz-progress-num strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.18rem;font-weight:950}.quiz-stats-inline{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.quiz-stat-correct{color:var(--success);font-weight:850}.quiz-stat-streak{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:12px;padding:2px 8px;font-weight:900}.learn-progress-track{background:var(--bg-secondary,#0000000f);border-radius:999px;height:7px;overflow:hidden}.learn-progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent,#a855f7));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.learn-keyboard-hint{display:none}.streak-pop{color:#fff;z-index:6;pointer-events:none;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) streakPopIn;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #ef444459}@keyframes streakPopIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.6)}60%{transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}.quiz-card{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm), 0 16px 36px #0f12200f;border-radius:26px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.6rem,2.4vh,1rem);margin-top:0;padding:clamp(1.1rem,3vw,1.7rem) 1.25rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;min-height:clamp(230px,34dvh,380px)!important}.quiz-card.correct{border-color:var(--success);box-shadow:0 0 0 3px #34c75929,0 16px 36px #34c7591f}.quiz-card.wrong{border-color:var(--danger);animation:.4s cubic-bezier(.36,.07,.19,.97) both cardShake;box-shadow:0 0 0 3px #ff3b3029,0 16px 36px #ff3b301f}@keyframes cardShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.quiz-question-label{color:var(--text-muted);letter-spacing:.08em;font-size:.72rem;font-weight:850}.text-hero{color:var(--text);text-align:center;letter-spacing:-.055em;max-width:92%;font-size:clamp(2.15rem,8vw,4.2rem);font-weight:950;line-height:1.14}.quiz-audio-hint-btn{color:var(--primary);cursor:pointer;background:#8b5cf614;border:1.5px solid #8b5cf659;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:.86rem;font-weight:900;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.quiz-audio-hint-btn:hover:not(:disabled){background:var(--primary);color:#fff}.quiz-audio-hint-btn:active:not(:disabled){transform:scale(.96)}.quiz-audio-hint-btn.used{border-color:var(--primary);background:0 0}.quiz-audio-hint-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-feedback{border-radius:12px;padding:8px 14px;font-size:.9rem;font-weight:850;animation:.3s ease-out feedbackIn}.quiz-feedback.correct-feedback{color:var(--success);background:#34c7591a}.quiz-feedback.wrong-feedback{color:var(--danger);background:#ff3b301a}.quiz-feedback strong{letter-spacing:.01em;font-weight:950}@keyframes feedbackIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-grid{flex:auto;grid-template-columns:1fr;gap:10px;margin-top:0;padding-bottom:8px;display:grid}.quiz-opt{background:var(--surface);border:1.5px solid var(--border);min-height:64px;color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border-radius:18px;justify-content:flex-start;align-items:center;padding:12px 14px 12px 54px;font-size:clamp(1rem,4vw,1.18rem);font-weight:850;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex;position:relative}.quiz-opt:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.quiz-opt:active:not(:disabled){transform:scale(.98)}.quiz-opt:disabled{cursor:not-allowed}.opt-letter{background:var(--primary-soft,#7c3aed1a);width:30px;height:30px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;font-weight:950;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.opt-text{word-break:break-word;flex:1;line-height:1.3}.quiz-opt.correct{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 10px 25px #34c75947}.quiz-opt.correct .opt-letter{color:#fff;background:#ffffff40}.quiz-opt.wrong{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 10px 25px #ff3b3047}.quiz-opt.wrong .opt-letter{color:#fff;background:#ffffff40}.quiz-opt.should-have-selected{border-color:var(--success);color:var(--success);background:#34c75914}.quiz-opt.should-have-selected .opt-letter{color:var(--success);background:#34c7592e}.report-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:400px;padding:2rem 1.5rem;animation:.5s ease-out fadeInUp;display:flex}.report-emoji{font-size:3.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) bounceIn}.report-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:900}.report-ring{width:160px;height:160px;margin:.25rem 0;position:relative}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg-secondary,#0000000f);stroke-width:12px}.ring-fill{fill:none;stroke:var(--primary);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.34,1.56,.64,1)}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-pct{color:var(--text);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:900;line-height:1}.ring-pct span{color:var(--text-muted);margin-left:2px;font-size:1rem;font-weight:700}.ring-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.7rem;font-weight:700}.report-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:380px;display:grid}.stat-box{background:var(--surface-strong,#ffffff80);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat-val{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900;line-height:1.1}.report-actions{flex-direction:column;gap:10px;width:100%;max-width:380px;margin-top:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:26px;justify-content:center;align-items:center;gap:8px;height:52px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .2s,background .2s;display:flex}.action-btn.primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px var(--primary-glow)}.action-btn.primary:active{transform:scale(.97)}.action-btn.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.action-btn.secondary:active{transform:scale(.97)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBubble{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-8px)scale(1.05)}to{opacity:.6;transform:translateY(0)scale(1)}}@media (width>=720px){.quiz-mode{max-width:720px;margin:0 auto}.quiz-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.quiz-mode{padding-bottom:calc(var(--app-mobile-bottom-space,118px) + 34px);gap:.62rem}.quiz-header{padding-top:4px;padding-bottom:6px}.quiz-card{border-radius:24px;padding:1rem 1.05rem;min-height:clamp(240px,31dvh,320px)!important}.quiz-grid{gap:9px}.quiz-opt{border-radius:16px;min-height:62px;padding:10px 12px 10px 50px;font-size:1.02rem}.opt-letter{width:28px;height:28px;font-size:.78rem;left:11px}.text-hero{font-size:clamp(2.2rem,12vw,3.8rem)}.quiz-audio-hint-btn{padding:9px 18px}.report-ring{width:140px;height:140px}.ring-pct{font-size:2.1rem}}@media (height<=760px) and (width<=480px){.quiz-card{gap:.5rem;min-height:220px!important}.text-hero{font-size:clamp(2rem,10vw,3.4rem)}.quiz-opt{min-height:56px}}@media (prefers-contrast:high){.quiz-opt{border-width:2px;font-weight:900}.quiz-opt.correct,.quiz-opt.wrong{border-width:3px}}@media (prefers-reduced-motion:reduce){.quiz-opt,.quiz-card,.report-card,.empty-state,.streak-pop,.quiz-feedback{animation:none}.quiz-opt:active:not(:disabled){transform:scale(.98)}.learn-progress-bar{transition:none}}.dictation-mode{padding-bottom:2rem}.dict-play-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.dict-card{background:var(--surface);border:1.5px solid var(--border);min-height:360px;box-shadow:var(--shadow-sm), 0 16px 36px #0f122014;border-radius:24px;flex-direction:column;align-items:center;gap:16px;margin-top:.5rem;padding:1.75rem 1.25rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.dict-card.correct{border-color:var(--success);box-shadow:0 0 0 3px #34c7592e,0 16px 36px #34c75926}.dict-card.wrong{border-color:var(--danger);box-shadow:0 0 0 3px #ff3b302e,0 16px 36px #ff3b3026}.dict-main-play-btn{background:linear-gradient(135deg, var(--primary), var(--accent,#a855f7));color:#fff;cursor:pointer;width:84px;height:84px;box-shadow:0 12px 32px var(--primary-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,box-shadow .2s;display:flex;position:relative}.dict-main-play-btn:hover{box-shadow:0 16px 40px var(--primary-glow);transform:translateY(-2px)}.dict-main-play-btn:active{transform:scale(.95)}.dict-play-ring{border:2px solid var(--primary);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-8px}@media (width>=769px) and (prefers-reduced-motion:no-preference){.dict-main-play-btn .dict-play-ring{animation:2.5s ease-out infinite dictPing}}@keyframes dictPing{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.dict-speed-row{background:var(--bg-secondary,#0000000d);border-radius:999px;gap:6px;padding:4px;display:flex}.dict-speed-btn{color:var(--text-muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:800;transition:background .2s,color .2s}.dict-speed-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 6px #00000014}.dict-speed-btn:active:not(.active){transform:scale(.96)}.dict-zh-hint{color:var(--text);text-align:center;letter-spacing:-.01em;margin-top:4px;font-size:1.6rem;font-weight:900;line-height:1.25}.dict-hint-mask{letter-spacing:.28em;color:var(--text-secondary);background:var(--bg-secondary,#0000000a);text-transform:lowercase;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1rem;font-weight:700;display:inline-flex;position:relative}.dict-len-badge{background:var(--primary);color:#fff;letter-spacing:normal;border-radius:10px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 6px;font-family:system-ui,sans-serif;font-size:.65rem;font-weight:900;display:inline-flex}.dict-input{border:1.5px solid var(--border);background:var(--surface-strong,var(--surface));width:100%;max-width:480px;height:52px;color:var(--text);text-align:center;border-radius:14px;outline:none;padding:0 18px;font-size:1.1rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.dict-input::placeholder{color:var(--text-muted);opacity:.55;font-weight:500}.dict-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft,#7c3aed1f)}.dict-input:disabled{opacity:.8}.dict-card.correct .dict-input{border-color:var(--success);color:var(--success);background:#34c7590f}.dict-card.wrong .dict-input{border-color:var(--danger);color:var(--danger);background:#ff3b300f}.dict-reveal-area{border:1px dashed var(--danger);background:#ff3b300f;border-radius:14px;flex-direction:column;gap:4px;width:100%;margin-top:6px;padding:12px 14px;animation:.3s ease-out feedbackIn;display:flex}.reveal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.7rem;font-weight:700}.reveal-value{color:var(--success);word-break:break-word;font-size:1.1rem;font-weight:800}.reveal-value.reveal-mistake{color:var(--danger);-webkit-text-decoration:line-through #ff3b3066;text-decoration:line-through #ff3b3066}.dict-action-row{grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin-top:14px;display:grid}.dict-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:4px;height:48px;font-size:.92rem;font-weight:800;transition:background .2s,transform .15s,opacity .2s;display:flex}.dict-btn:active:not(:disabled){transform:scale(.97)}.dict-btn:disabled{opacity:.4;cursor:not-allowed}.dict-btn-hint{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.dict-btn-hint:hover:not(:disabled){background:#f59e0b33}.dict-btn-skip{background:var(--surface-strong,var(--surface));color:var(--text-secondary);border:1px solid var(--border)}.dict-btn-skip:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.dict-btn-submit{background:var(--primary);color:#fff;box-shadow:0 6px 16px var(--primary-glow)}.dict-btn-submit:hover:not(:disabled){filter:brightness(1.05)}.dict-wrong-review{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:18px;width:100%;max-width:380px;margin-top:.5rem;padding:14px 16px}.wrong-review-title{color:var(--text);margin-bottom:10px;font-size:.9rem;font-weight:900}.wrong-review-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.wrong-review-item{background:var(--bg-secondary,#00000008);border-radius:12px;padding:10px 12px}.wrong-review-zh{color:var(--text);margin-bottom:6px;font-size:.92rem;font-weight:800}.wrong-review-row{align-items:center;gap:8px;margin-top:3px;font-size:.85rem;display:flex}.wrong-label{min-width:36px;height:20px;color:var(--text-muted);background:var(--surface);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:.62rem;font-weight:800;display:inline-flex}.wrong-value{word-break:break-word;flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700}.wrong-value.correct{color:var(--success)}.wrong-value.mistake{color:var(--danger);-webkit-text-decoration:line-through #ff3b3066;text-decoration:line-through #ff3b3066}.wrong-review-more{color:var(--text-muted);text-align:center;padding-top:2px;font-size:.78rem;font-weight:600}@media (width<=480px){.dict-card{border-radius:20px;min-height:320px;padding:1.5rem 1rem}.dict-main-play-btn{width:72px;height:72px}.dict-zh-hint{font-size:1.4rem}.dict-input{height:48px;font-size:1rem}.dict-action-row{grid-template-columns:1fr 1fr 1.4fr;gap:8px}.dict-btn{height:44px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.dict-main-play-btn .dict-play-ring,.dict-reveal-area{animation:none}}.flashcard-mode{flex-direction:column;min-height:calc(100dvh - 230px);padding:.25rem 0 1.5rem;display:flex}.learn-stage.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:2rem;animation:.5s ease-out fadeInUp;display:flex}.empty-icon{opacity:.7;font-size:3.5rem;animation:3s ease-in-out infinite floatBubble}.empty-text{color:var(--text-muted);text-align:center;font-size:1.1rem;font-weight:700}.learn-stage.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:2rem;display:flex}.loading-spinner{border:3px solid #667eea26;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.report-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;animation:.5s ease-out fadeInUp;display:flex}.report-emoji{margin-bottom:1rem;font-size:4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) bounceIn}.report-title{color:var(--text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.report-stats-grid{gap:24px;margin-bottom:2rem;display:flex}.stat-box{-webkit-backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:20px 32px;display:flex;box-shadow:0 4px 15px #00000008}[data-theme=dark] .stat-box{background:#ffffff0d;border:1px solid #ffffff14}.fc-header-mini{justify-content:space-between;align-items:stretch;gap:12px;margin-bottom:1.5rem;display:flex}.fc-streak-info{color:#fff;background:linear-gradient(135deg, var(--warning), #fc0);border-radius:20px;flex:none;justify-content:center;align-items:center;padding:8px 18px;font-size:.95rem;font-weight:900;display:flex;box-shadow:0 4px 15px #ff95004d}.fc-progress-mini{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff73;border:1px solid #fff9;border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:6px;padding:10px 16px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 4px 15px #00000008}[data-theme=dark] .fc-progress-mini{background:#ffffff0a;border:1px solid #ffffff14}.fc-progress-mini:active{background:var(--bg-secondary);transform:scale(.98)}.fc-mini-header{justify-content:space-between;align-items:center;display:flex}.fc-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.fc-mini-track{background:var(--bg-secondary);border-radius:10px;width:100%;height:6px;overflow:hidden}.fc-mini-bar{background:linear-gradient(90deg, var(--success), #32d74b);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.fc-mini-text{color:var(--text);font-size:.75rem;font-weight:800}.fc-card-wrapper{perspective:1100px;cursor:pointer;flex:auto;width:min(96%,620px);height:clamp(430px,62dvh,680px);min-height:420px;margin:.8rem auto 1.05rem}.fc-card{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.fc-card.is-flipped{transform:rotateY(180deg)}.fc-card-face{backface-visibility:hidden;-webkit-backdrop-filter:blur(25px);background:#ffffffbd;border:1px solid #ffffffb8;border-radius:38px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,2.6rem);transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 60px #583baa17,inset 0 1px 1px #fffc}.fc-front-circle{background:var(--primary-glow);filter:blur(46px);opacity:.42;z-index:-1;border-radius:50%;width:190px;height:190px;position:absolute;top:-18%;right:-18%}.fc-back-glow{background:var(--success-glow);filter:blur(56px);opacity:.32;z-index:-1;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-20%;left:-20%}.fc-card-face:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 45%,#ffffff26 50%,#0000 55%);width:200%;height:300%;transition:transform .8s;position:absolute;top:-150%;left:-50%;transform:rotate(30deg)}.fc-card-inner:hover .fc-card-face:before{transform:rotate(30deg)translateY(50%)}[data-theme=dark] .fc-card-face{background:#11172ed1;border:1px solid #9babff1f;box-shadow:0 24px 70px #00000070}.fc-card-face:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% -20%,#667eff26,#0000 70%);position:absolute;inset:0}.fc-back{background:var(--primary-soft);border-color:var(--primary-light);transform:rotateY(180deg)}.fc-label-zh{color:var(--text);letter-spacing:-.055em;max-width:94%;font-size:clamp(2.3rem,7vw,5rem);font-weight:950;line-height:1.18}.fc-hint{color:var(--primary);text-transform:none;letter-spacing:.02em;background:#8b5cf61a;border:1px solid #8b5cf629;border-radius:999px;margin-top:clamp(1.4rem,5vh,3rem);padding:.72rem 1.05rem;font-size:clamp(.86rem,2vw,1rem);font-weight:900;box-shadow:0 8px 22px #8b5cf614}.fc-hint:before{content:"↻";opacity:.72;margin-right:.45rem}.fc-label-roman{color:var(--primary);margin-bottom:.65rem;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:800}.fc-label-lo{color:var(--text);max-width:94%;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5.3rem);font-weight:950;line-height:1.16}.fc-label-zh-small{color:var(--text-secondary);font-size:clamp(1.05rem,3vw,1.45rem);font-weight:700}.fc-audio-btn{background:var(--hero-grad);color:#fff;cursor:pointer;box-shadow:0 8px 20px var(--primary-glow);border:none;border-radius:99px;align-items:center;gap:10px;margin-top:clamp(1.2rem,4vh,2.2rem);padding:12px 28px;font-size:.95rem;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.fc-audio-btn:hover{box-shadow:0 12px 30px var(--primary-glow);transform:translateY(-2px)scale(1.05)}.fc-audio-btn .icon{font-size:1.2rem}.learn-action-row.icon-mode{flex-shrink:0;justify-content:center;gap:clamp(30px,8vw,54px);margin-top:.4rem}.icon-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 10px 25px #0000001a}.icon-action-btn.cross{color:var(--danger);background:#fff;border:2px solid #ff3b301a}.fc-card-wrapper.pulsing:after{content:"";border:2px solid var(--primary);opacity:0;pointer-events:none;border-radius:46px;animation:.4s cubic-bezier(.2,.8,.2,1) fcPulse;position:absolute;inset:-10px}@keyframes fcPulse{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}.fc-card-wrapper:active{transition:transform .1s;transform:scale(.985)}.fc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fc-modal-box{background:var(--surface);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-lg);border-radius:24px;padding:1.5rem}.fc-target-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.2rem;display:grid}.fc-target-grid button{border:1.5px solid var(--border);background:var(--surface);height:50px;color:var(--text-secondary);cursor:pointer;border-radius:12px;font-weight:700}.fc-target-grid button.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (width<=480px){.flashcard-mode{min-height:calc(100dvh - 210px)}.fc-card-wrapper{width:96%;max-width:390px;height:clamp(420px,58dvh,560px);min-height:410px;margin:.65rem auto .9rem}.fc-card-face{border-radius:30px;padding:1.45rem}.fc-label-zh{font-size:clamp(2.4rem,12vw,4.2rem)}.fc-label-lo{font-size:clamp(2.3rem,11vw,4rem)}.fc-label-zh-small{font-size:1rem}.fc-label-roman{font-size:.86rem}.fc-audio-btn{margin-top:1rem;padding:10px 20px;font-size:.85rem}.fc-hint{margin-top:1.4rem;padding:.62rem .9rem;font-size:.8rem}.icon-action-btn{width:62px;height:62px}.learn-action-row.icon-mode{gap:32px}.report-stats-grid{gap:12px}.stat-box{padding:16px 20px}.stat-val{font-size:1.6rem}.fc-modal-box{border-radius:20px;padding:1.2rem}.fc-target-grid button{height:44px}}@media (height<=740px){.fc-card-wrapper{height:clamp(360px,54dvh,480px);min-height:350px}.fc-hint{margin-top:1rem}.icon-action-btn{width:58px;height:58px}}@media (prefers-contrast:high){.fc-card-face,.icon-action-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.fc-card,.fc-card-face,.fc-card-wrapper,.report-card,.empty-state{transition:none;animation:none}.fc-card-wrapper:active{transform:scale(.98)}}:root{--tp-primary:var(--primary);--tp-primary-soft:var(--primary-soft);--tp-primary-glow:var(--primary-glow);--tp-accent:var(--accent);--tp-primary-dark:var(--primary-dark);--tp-primary-5:color-mix(in srgb, var(--primary) 5%, transparent);--tp-primary-8:color-mix(in srgb, var(--primary) 8%, transparent);--tp-primary-10:color-mix(in srgb, var(--primary) 10%, transparent);--tp-primary-12:color-mix(in srgb, var(--primary) 12%, transparent);--tp-primary-15:color-mix(in srgb, var(--primary) 15%, transparent);--tp-primary-25:color-mix(in srgb, var(--primary) 25%, transparent);--tp-primary-30:color-mix(in srgb, var(--primary) 30%, transparent);--tp-primary-35:color-mix(in srgb, var(--primary) 35%, transparent);--tp-primary-40:color-mix(in srgb, var(--primary) 40%, transparent);--tp-primary-50:color-mix(in srgb, var(--primary) 50%, transparent);--tp-card-bg:#ffffff7a;--tp-card-border:#ffffff80;--tp-card-shadow:var(--shadow-premium);--tp-radius-lg:var(--radius-lg);--tp-radius-md:var(--radius);--tp-radius-sm:var(--radius-sm)}[data-theme=dark]{--tp-card-bg:#0f12238c;--tp-card-border:#ffffff14;--tp-card-shadow:var(--shadow-premium-dark)}.ai-badge{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;letter-spacing:.05em;box-shadow:0 2px 8px var(--tp-primary-40);text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:.6rem;font-weight:900;display:inline-flex}.ai-badge-dot{background:#fff;border-radius:50%;width:4px;height:4px;animation:1.5s infinite ai-pulse;box-shadow:0 0 4px #fff}@keyframes ai-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.tp-container{padding:env(safe-area-inset-top,.2rem) 1rem calc(90px + env(safe-area-inset-bottom,0px));box-sizing:border-box;isolation:isolate;background:0 0;flex-direction:column;flex:1;gap:0;width:100%;max-width:800px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.tp-container:before,.tp-container:after{content:"";z-index:-1;pointer-events:none;filter:blur(48px);opacity:.45;border-radius:999px;position:fixed}.tp-container:before{background:radial-gradient(circle at 30% 30%, var(--primary-glow), transparent 72%);width:260px;height:260px;top:9%;left:-90px}.tp-container:after{background:radial-gradient(circle at 60% 40%,#ffffff4d,#0000 72%);width:300px;height:300px;bottom:12%;right:-110px}@media (width<=480px){.tp-container{gap:.85rem;padding-left:.75rem;padding-right:.75rem}.tp-container:before,.tp-container:after{display:none}}.translate-page--nested .tp-container{min-height:auto;padding-top:1rem;padding-bottom:2rem}@keyframes cardShimmer{0%{background-position:-300%}to{background-position:300%}}.tp-lang-row{z-index:100;isolation:isolate;pointer-events:auto;justify-content:center;align-items:center;gap:.5rem;padding:0 .8rem;display:flex;position:relative}.tp-lang-pill{flex:1;max-width:145px;position:relative}.tp-lang-pill-btn{border:1.5px solid var(--tp-card-border);background:var(--tp-card-bg);-webkit-backdrop-filter:blur(12px)saturate(150%);width:100%;height:36px;color:var(--text,#1a1a2e);cursor:pointer;box-sizing:border-box;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-width:100px;padding:0 12px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #0000000f}.tp-lang-pill-btn:hover{border-color:var(--tp-primary);box-shadow:0 4px 20px var(--tp-primary-glow)}.tp-lang-pill-btn:active{transform:scale(.96)}.tp-lang-flag{font-size:1rem}.tp-lang-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}@media (width<=375px){.tp-lang-name{font-size:.78rem}.tp-lang-pill-btn{gap:4px;padding:0 8px}}.tp-lang-arrow{opacity:.5;flex-shrink:0;font-size:.65rem}.tp-lang-dropdown{-webkit-backdrop-filter:blur(20px);border:1px solid var(--tp-card-border);z-index:999999;overscroll-behavior:contain;touch-action:manipulation;pointer-events:auto;contain:layout style;background:#fffffffa;border-radius:18px;max-height:280px;animation:.2s cubic-bezier(.2,1,.2,1) tpDropdownIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001f}@keyframes tpDropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tp-lang-option{cursor:pointer;color:var(--text,#1a1a2e);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0;align-items:center;gap:8px;padding:12px 14px;font-size:.88rem;font-weight:700;transition:background .15s;display:flex}.tp-lang-option:first-child{border-radius:17px 17px 0 0}.tp-lang-option:last-child{border-radius:0 0 17px 17px}.tp-lang-option:only-child{border-radius:17px}.tp-lang-option:hover{background:var(--tp-primary-8)}.tp-lang-option:active{background:var(--tp-primary-15)}.tp-lang-option.active{background:var(--tp-primary-soft);color:var(--tp-primary)}.tp-lang-option .tp-lang-flag{font-size:1rem}.tp-swap-btn{background:var(--tp-primary);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:0 4px 16px var(--tp-primary-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.tp-swap-btn:hover{box-shadow:0 6px 24px var(--tp-primary-glow);transform:scale(1.1)rotate(15deg)}.tp-swap-btn:active{transform:scale(.9)rotate(-15deg)}.tp-swap-btn.swapping{animation:.5s cubic-bezier(.34,1.56,.64,1) swapBounce}@keyframes swapBounce{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1)}}.tp-swap-icon{font-size:1.2rem}.tp-brand-header{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:1.2rem 0 .6rem;display:flex}.tp-brand-name{background:linear-gradient(135deg, var(--primary), var(--primary-dark), var(--primary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900}.tp-brand-subtitle{color:var(--text-muted,#888);opacity:.8;font-size:.78rem;font-weight:600}.tp-translate-card{border-radius:var(--tp-radius-lg);background:var(--tp-card-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--tp-card-border);box-shadow:var(--tp-card-shadow);transition:all var(--trans-base) var(--spring-bounce);z-index:50;flex-direction:column;gap:.6rem;padding:.85rem;display:flex;position:relative;overflow:visible}.tp-translate-card:hover{box-shadow:var(--tp-card-shadow)}.tp-translate-card>*{z-index:1;position:relative}.tp-translate-card>.tp-lang-row{z-index:200}.tp-translate-card:before{display:none}.tp-mode-bar{z-index:300;justify-content:flex-start;align-items:center;padding:4px 2px 0;display:flex;position:relative}.tp-focus-mode-bar{z-index:300;justify-content:flex-start;align-items:center;margin-bottom:8px;display:flex;position:relative}.tp-content-sheet{flex-direction:column;gap:1.2rem;width:100%;max-width:680px;margin:0 auto;animation:.6s cubic-bezier(.2,1,.2,1) sheetIn;display:flex}@keyframes sheetIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tp-input-wrap{flex-direction:column;gap:.6rem;display:flex;position:relative}.tp-input{width:100%;min-height:60px;max-height:400px;color:var(--text);resize:none;-webkit-appearance:none;letter-spacing:-.03em;background:0 0;border:none;outline:none;padding:0;font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:800;line-height:1.45;transition:all .2s;overflow-y:auto}@media (width<=480px){.tp-input{min-height:60px;font-size:1.35rem}}.tp-input::placeholder{color:var(--text-muted);opacity:.6;font-size:1.15rem;font-weight:600}.tp-input-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.tp-action-btn{width:28px;height:28px;color:var(--text-muted,#aaa);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.tp-action-btn:hover{color:var(--tp-primary);background:#00000014}.tp-action-tool{opacity:.7;width:26px;height:26px}.tp-action-tool:hover{opacity:1}.tp-action-clear{opacity:.5}.tp-action-clear:hover{opacity:1}.tp-action-btn.mic-btn.active{background:var(--danger);color:#fff;animation:1.4s infinite micPulse}.tp-action-btn.mic-btn.disabled{opacity:.3;cursor:not-allowed}.tp-input-row{align-items:flex-start;gap:12px;display:flex}.tp-input-col{flex-direction:column;flex:1;gap:8px;display:flex}@keyframes micPulse{0%{box-shadow:0 0 0 0 var(--danger-glow,#ff3b3066);transform:scale(1)}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ff3b3000}to{transform:scale(1);box-shadow:0 0 #ff3b3000}}.tp-action-btn:active,.card-expand-btn:active,.card-copy-btn:active,.card-play-btn:active,.card-fav-btn:active{opacity:.8;transform:scale(.9)}.tp-mode-row-container{justify-content:center;width:100%;display:flex}.tp-mode-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000f;border-radius:10px;width:100%;max-width:260px;min-height:34px;padding:3px;display:flex;position:relative;box-shadow:inset 0 1px 3px #00000014}.tp-mode-btn{height:30px;color:var(--text-secondary,#666);cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .22s cubic-bezier(.32,.72,0,1);display:flex;position:relative}.tp-mode-icon{font-size:.85rem;transition:transform .3s}.tp-mode-slider{font-size:1rem;transition:transform .3s}.tp-mode-btn.active{color:#fff}.tp-mode-btn.active .tp-mode-icon{transform:scale(1.2)}.tp-mode-slider{background:var(--hero-grad);width:calc(50% - 3px);height:28px;box-shadow:0 4px 12px var(--tp-primary-glow);border-radius:12px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.tp-card-footer{border-top:1.5px solid var(--tp-card-border);flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:.8rem;padding-top:.8rem;display:flex}@media (width>=640px){.tp-card-footer{flex-direction:row;justify-content:space-between;align-items:center}.tp-mode-row-container{flex:1;width:auto}.tp-mode-row{max-width:260px;margin:0}.tp-primary-action-btn{width:auto;min-width:160px}}.tp-mode-btn.soft-locked{color:var(--primary)}.tp-soft-lock-badge{background:var(--tp-primary-12);height:18px;color:var(--primary);letter-spacing:0;border-radius:999px;align-items:center;padding:0 8px;font-size:.62rem;font-weight:900;display:inline-flex}.tp-inline-login-hint{background:linear-gradient(135deg, var(--tp-primary-8), var(--tp-primary-8));border:1px solid var(--tp-primary-15);color:var(--text-secondary);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;font-weight:700;display:flex}.tp-inline-login-hint-dot{background:linear-gradient(135deg, var(--primary), var(--primary-dark));width:8px;height:8px;box-shadow:0 0 10px var(--tp-primary-30);border-radius:50%;flex-shrink:0}.tp-primary-action-btn{background:var(--hero-grad);color:#fff;cursor:pointer;width:100%;height:52px;box-shadow:0 10px 25px var(--tp-primary-glow);-webkit-tap-highlight-color:transparent;border:none;border-radius:26px;justify-content:center;align-items:center;gap:10px;font-size:1.1rem;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.tp-primary-action-btn:hover:not(:disabled){box-shadow:0 10px 24px var(--tp-primary-glow);filter:brightness(1.04);transform:translateY(-1px)}.tp-primary-action-btn:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.tp-primary-action-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);transform:none}.tp-primary-action-btn.loading{cursor:wait}.tp-primary-action-btn--ai{width:auto;max-width:240px;height:38px;box-shadow:0 4px 14px var(--tp-primary-glow);border-radius:19px;margin:6px auto 0;padding:0 22px;font-size:.9rem;font-weight:700}.tp-primary-action-btn--ai:hover:not(:disabled){box-shadow:0 6px 18px var(--tp-primary-glow);transform:translateY(-1px)}.tp-primary-action-btn.stop-mode{box-shadow:0 4px 14px #ef44444d;background:#ef4444!important}.tp-primary-action-btn.stop-mode:hover:not(:disabled){transform:translateY(-1px);background:#dc2626!important}[data-theme=dark] .tp-card-footer{border-color:var(--border)}[data-theme=dark] .tp-mode-row{background:#00000040;box-shadow:inset 0 1px 2px #0006}[data-theme=dark] .tp-primary-action-btn{box-shadow:0 10px 25px #0006}@media (width<=640px){.tp-card-footer{align-items:stretch;gap:.8rem}.tp-card-ai-actions{flex-wrap:wrap}.tp-ai-action-btn,.tp-ai-scenario-btn{flex:calc(50% - 4px);justify-content:center}.tp-assistant-grid{grid-template-columns:1fr}}.tp-dots{align-items:center;gap:3px;display:inline-flex}.tp-dots span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both dotBounce;display:inline-block}.tp-dots span:nth-child(2){animation-delay:.2s}.tp-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.tp-engines-wrap{border:1px solid var(--tp-card-border);background:linear-gradient(#ffffffb8,#ffffff70);border-radius:22px;flex-direction:column;gap:.75rem;margin-bottom:.25rem;padding:1rem 1.2rem;display:flex;box-shadow:0 10px 28px #0f172a0f}[data-theme=dark] .tp-engines-wrap{background:linear-gradient(#232948e0,#14182cb8);border-color:#ffffff14}.tp-engines-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tp-engines-title{color:var(--text);font-size:.88rem;font-weight:900}.tp-engines-subtitle{color:var(--text-secondary);margin-top:.15rem;font-size:.74rem}.tp-engines{-ms-overflow-style:none;scrollbar-width:none;gap:8px;padding:0;display:flex;overflow-x:auto}.tp-engines::-webkit-scrollbar{display:none}.tp-eng-chip{border:1.5px solid var(--tp-card-border);background:var(--tp-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:36px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:18px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.tp-eng-chip.selected{background:var(--tp-primary-soft);color:var(--tp-primary);border-color:var(--tp-primary);box-shadow:0 2px 8px var(--tp-primary-glow)}.tp-eng-chip.locked{opacity:.72;background:linear-gradient(135deg, var(--tp-primary-5), var(--tp-primary-8));border-style:dashed}.tp-chip-lock{background:var(--tp-primary-12);height:20px;color:var(--primary);border-radius:999px;align-items:center;padding:0 8px;font-size:.68rem;font-weight:800;display:inline-flex}.tp-eng-chip[data-engine*=chatgpt],.tp-eng-chip[data-engine*=gemini],.tp-eng-chip[data-engine*=zai]{border-color:var(--tp-primary-40)}.tp-eng-chip[data-engine*=chatgpt].selected,.tp-eng-chip[data-engine*=gemini].selected,.tp-eng-chip[data-engine*=zai].selected{background:linear-gradient(135deg, var(--tp-primary-25), var(--tp-primary-25));border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px var(--tp-primary-40)}.tp-results{flex-direction:column;gap:1rem;padding:0;display:flex}.tp-result-card{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--tp-card-border);border-radius:1rem;flex-direction:column;min-height:min-content;padding:1.25rem;transition:border-color .18s,box-shadow .18s;animation:.32s ease-out cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.tp-result-card.engine-chatgpt,.tp-result-card.engine-gemini,.tp-result-card.engine-zai{background:linear-gradient(180deg, var(--tp-primary-12), #fff9);border-color:var(--tp-primary-30)}[data-theme=dark] .tp-result-card.engine-chatgpt,[data-theme=dark] .tp-result-card.engine-gemini,[data-theme=dark] .tp-result-card.engine-zai{background:var(--tp-primary-12);border-color:var(--tp-primary-40);box-shadow:0 0 20px var(--tp-primary-15)}.tp-result-card.engine-google{background:linear-gradient(180deg, var(--tp-primary-12), #fff9);border-color:var(--tp-primary-30)}[data-theme=dark] .tp-result-card.engine-google{background:var(--tp-primary-12);border-color:var(--tp-primary-40)}.tp-result-card:hover{border-color:var(--tp-primary);box-shadow:var(--shadow-premium-dark)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tp-results>div:first-child{animation-delay:.1s}.tp-results>div:nth-child(2){animation-delay:.2s}.tp-results>div:nth-child(3){animation-delay:.3s}.tp-results>div:nth-child(4){animation-delay:.4s}.tp-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:.75rem;display:flex}.tp-card-label{align-items:center;gap:7px;min-width:0;display:flex}.tp-card-label-plain{gap:10px}.tp-card-name{text-transform:uppercase;letter-spacing:.06em;color:var(--tp-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:900;overflow:hidden}.tp-card-name-plain{letter-spacing:.01em;text-transform:none;font-size:.88rem;font-weight:800}.tp-card-name-assistant{color:var(--primary)}.tp-card-text-wrap{flex-direction:column;flex:1;gap:.9rem;display:flex}.tp-card-text{color:var(--text);word-break:break-word;white-space:normal;letter-spacing:0;flex:1;font-size:1rem;font-weight:600;line-height:1.7}.tp-markdown-content p{margin:0 0 .9rem}.tp-markdown-content p:last-child{margin-bottom:0}.tp-markdown-content ul{margin:.2rem 0 .9rem 1.25rem;padding:0}.tp-markdown-content li{margin:.28rem 0}.tp-markdown-content strong{font-weight:800}.tp-markdown-content em{font-style:italic}.tp-markdown-content code{background:var(--tp-primary-8);border-radius:8px;padding:.12rem .42rem;font-size:.92em}.tp-markdown-content a{color:var(--tp-primary);text-decoration:underline}.tp-markdown-content h1,.tp-markdown-content h2,.tp-markdown-content h3,.tp-markdown-content h4{margin:0 0 .8rem;font-size:1.02rem;line-height:1.45}.tp-assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tp-assistant-card{border:1px solid var(--tp-primary-10);background:#fff;border-radius:16px;padding:16px 16px 15px;box-shadow:0 8px 22px #0f172a0d}.tp-assistant-card-title{color:var(--primary);letter-spacing:.01em;margin-bottom:10px;font-size:.84rem;font-weight:800}.tp-assistant-card-text{color:var(--text);white-space:normal;font-size:.98rem;line-height:1.8}.tp-ai-assistant-note{background:linear-gradient(135deg, var(--tp-primary-12), var(--tp-primary-12));color:var(--text-secondary);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.tp-ai-assistant-dot{background:linear-gradient(135deg, var(--primary), var(--primary-dark));width:8px;height:8px;box-shadow:0 0 12px var(--tp-primary-35);border-radius:50%}.tp-card-text.streaming:after{content:"";background:var(--tp-primary);vertical-align:middle;width:2px;height:1.2em;margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tp-translation-sections{flex-direction:column;gap:0;display:flex}.tp-translation-single .tp-card-text{color:var(--text);word-break:break-word;contain:layout;font-size:1.4rem;font-weight:700;line-height:1.45}.tp-section-block{flex-direction:column;gap:.4rem;padding:.5rem 0;display:flex}.tp-section-label{text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6;opacity:.85;font-size:.72rem;font-weight:800}.tp-section-content{padding-left:0}.tp-section-divider{background:linear-gradient(90deg, var(--tp-primary-15), var(--tp-primary-5), transparent);height:1px;margin:.25rem 0}.tp-mode-tabs-container{border-top:1px solid var(--tp-card-border);flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:flex}.tp-mode-pills-row{flex-wrap:wrap;gap:8px;display:flex}.tp-mode-pill{color:var(--text-secondary,#4b5563);cursor:pointer;white-space:nowrap;background:#f3f4f6;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.tp-mode-pill:hover{color:#8b5cf6;background:#ede9fe}.tp-mode-pill:active{transform:scale(.97)}.tp-mode-pill .tp-mode-icon{font-size:1rem}.tp-mode-pill .tp-mode-label{font-size:.78rem;font-weight:700}.tp-card-ai-actions{flex-wrap:wrap;gap:10px;display:flex}.tp-assistant-actions-block{flex-direction:column;flex:1;gap:10px;display:flex}.tp-card-scenario-actions{flex-wrap:wrap;gap:10px;display:flex}.tp-mode-friend{background:linear-gradient(135deg, var(--tp-primary-12), var(--tp-primary-8));border:1.5px solid var(--tp-primary-25);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;flex:calc(50% - 5px);justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.tp-mode-friend:before{content:"";background:linear-gradient(135deg, var(--tp-primary-8), var(--tp-primary-5));opacity:0;transition:opacity .2s;position:absolute;inset:0}.tp-mode-friend:hover:before{opacity:1}.tp-mode-friend:active{transform:scale(.97)}.tp-mode-biz{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#fb923c1a,#fbbf240f);border:1.5px solid #fb923c2e;border-radius:14px;flex-direction:column;flex:calc(50% - 5px);justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.tp-mode-biz:before{content:"";opacity:0;background:linear-gradient(135deg,#fb923c14,#fbbf240a);transition:opacity .2s;position:absolute;inset:0}.tp-mode-biz:hover:before{opacity:1}.tp-mode-biz:active{transform:scale(.97)}.tp-mode-icon{font-size:1.2rem;line-height:1}.tp-mode-label{letter-spacing:.01em;text-align:center;font-size:.72rem;font-weight:700;line-height:1.2}.tp-ai-mode-btn.tp-mode-friend:disabled,.tp-ai-mode-btn.tp-mode-biz:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .tp-ai-action-btn{color:var(--accent);background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .tp-ai-action-btn:hover{background:var(--accent);color:var(--bg)}.tp-card-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{width:36px;height:36px;color:var(--text-secondary,#888);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000000a;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.card-expand-btn:hover,.card-copy-btn:hover{background:var(--tp-primary-soft);color:var(--tp-primary)}.card-play-btn:hover{color:var(--success);background:#10b9811a}.card-fav-btn:hover{color:var(--warning);background:#f59e0b1a}.card-copy-btn.copied{animation:.4s cubic-bezier(.34,1.56,.64,1) copyPulse;background:var(--success,#10b981)!important;color:#fff!important}.card-copy-btn.copied svg{display:none}.card-copy-btn.copied:after{content:"✓";font-size:1rem;font-weight:900;line-height:1}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.card-play-btn.playing{color:var(--success);background:#10b98126}.card-fav-btn.active{color:var(--warning);background:#f59e0b26}.tp-loading-row{color:var(--tp-primary);justify-content:center;align-items:center;gap:8px;padding:1.2rem;font-size:.9rem;font-weight:700;display:flex}.tp-add-custom-row{justify-content:center;padding:.4rem 1.2rem 0;display:flex}.tp-add-custom-btn{height:42px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:2px dashed #00000026;border-radius:21px;align-items:center;gap:6px;padding:0 24px;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.tp-add-custom-btn:hover{border-color:var(--tp-primary);color:var(--tp-primary);background:var(--tp-primary-soft)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a 50%,#0000000f 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.tp-skeleton{min-height:80px}.skeleton-icon{border-radius:50%;width:20px;height:20px}.skeleton-label{width:80px;height:14px}.skeleton-text{width:90%;height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.tp-collapse-btn{color:var(--tp-primary);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:.78rem;font-weight:800;transition:opacity .2s}.tp-collapse-btn:hover{opacity:.7}.tp-eng-chip{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tp-eng-chip.selected{transform:scale(1.05)}.tp-eng-chip.switching{opacity:.5;pointer-events:none}.copy-input-btn:hover{background:var(--tp-primary-soft)!important;color:var(--tp-primary)!important}.accuracy-badge{white-space:nowrap;border:1px solid #0000;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:900}.tp-local-section{padding:0}.tp-section-title{color:var(--text-muted,#aaa);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:.7rem;font-size:.8rem;font-weight:900;display:flex}.tp-local-list-new{flex-direction:column;gap:.6rem;display:flex}.tp-local-row-new{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--tp-radius-md);border:1px solid var(--tp-card-border);box-shadow:var(--tp-card-shadow);justify-content:space-between;align-items:center;gap:12px;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.tp-local-row-new:hover{border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow)}.tp-local-main{flex:1;min-width:0}.tp-local-lo-row{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.tp-local-lo{color:var(--text,#1a1a2e);font-size:1.05rem;font-weight:900}.tp-local-roman{color:var(--tp-primary);opacity:.8;font-size:.78rem;font-weight:600}.tp-local-meta{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.tp-local-zh,.tp-local-en{color:var(--text-secondary,#666);background:#0000000a;border-radius:8px;padding:2px 8px;font-size:.78rem;font-weight:600}.tp-local-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.tp-qa-section{flex-direction:column;gap:1.2rem;padding:.5rem 0;display:flex}.tp-qa-header{text-align:left;margin-bottom:.5rem}.tp-qa-header-minimal{background:0 0;margin-bottom:.75rem;padding:0}.tp-qa-title,.tp-qa-subtitle{display:none}.tp-qa-title{color:var(--text);-webkit-text-fill-color:initial;background:0 0;margin-bottom:6px;font-size:1.12rem;font-weight:800}.tp-qa-scene-pills{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-top:0;display:flex;overflow-x:auto}.tp-qa-scene-pills::-webkit-scrollbar{display:none}.tp-qa-scene-pill{border:1px solid var(--tp-primary-soft);background:var(--tp-primary-5);height:34px;color:var(--tp-primary);cursor:pointer;white-space:nowrap;border-radius:17px;flex-shrink:0;align-items:center;padding:0 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.tp-qa-scene-pill:hover{background:var(--tp-primary);color:#fff;border-color:var(--tp-primary)}.tp-qa-card{border:1px solid var(--tp-primary-8);background:#fff;justify-content:flex-start;min-height:120px;padding:1rem 1.2rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0d}.tp-qa-card:before{content:none}.tp-qa-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:2.5rem 1rem;display:flex}.tp-qa-empty-icon{opacity:.4;font-size:2.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tp-qa-submit-btn{background:var(--tp-primary);color:#fff;letter-spacing:.01em;cursor:pointer;width:100%;height:48px;box-shadow:0 4px 14px var(--tp-primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:.75rem;font-size:.92rem;font-weight:800;transition:all .2s;display:flex}.tp-qa-submit-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 18px var(--tp-primary-glow);transform:translateY(-1px)}.tp-qa-submit-btn:active:not(:disabled){transform:translateY(0)scale(.96)}.tp-qa-submit-btn:disabled{opacity:.7;filter:grayscale(.5);cursor:wait}.tp-error-banner{border-radius:var(--tp-radius-md);cursor:pointer;background:#ef44441a;border:1.5px solid #ef44444d;align-items:center;gap:8px;margin:0 1.2rem;padding:.9rem 1rem;animation:.3s cardIn;display:flex}.tp-error-icon{font-size:1rem}.tp-error-msg{color:var(--danger);flex:1;font-size:.85rem;font-weight:700}.tp-error-close{color:var(--danger);opacity:.7;cursor:pointer;background:0 0;border:none;font-size:.8rem}.tp-fullscreen{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0a14f2;flex-direction:column;align-items:center;padding:2rem 1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tp-fs-lang-bar{align-items:center;gap:12px;margin-bottom:2rem;display:flex}.tp-fs-lang-tag{color:#fff;background:#ffffff1a;border-radius:20px;padding:6px 16px;font-size:1rem;font-weight:900}.tp-fs-lang-arrow{color:#fff6;font-size:1.2rem}.tp-fs-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.tp-fs-close:hover{background:#fff3}.tp-fs-input-area{width:100%;max-width:700px;position:relative}.tp-fs-input{background:var(--surface-hover);border-radius:var(--tp-radius-md);color:#fff;resize:none;box-sizing:border-box;border:1.5px solid #ffffff26;outline:none;width:100%;min-height:120px;padding:1.2rem;font-size:1.5rem;font-weight:700;line-height:1.5}.tp-fs-input::placeholder{color:#ffffff4d;font-weight:500}.tp-fs-mic-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;bottom:14px;right:14px}.tp-fs-mic-btn.recording{background:var(--danger);animation:1.4s infinite micPulse}.tp-fs-translate-btn{background:linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-accent) 100%);color:#fff;cursor:pointer;height:56px;box-shadow:0 8px 28px var(--tp-primary-glow);border:none;border-radius:28px;margin-top:1.2rem;padding:0 48px;font-size:1.1rem;font-weight:900;transition:all .3s}.tp-fs-translate-btn:hover{box-shadow:0 10px 28px var(--tp-primary-glow);transform:translateY(-1px)}.tp-fs-engines{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1rem;display:flex}.tp-fs-engine-chip{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:800}.tp-focus-root{background:var(--tp-card-bg);border-radius:var(--tp-radius-lg);border:1.5px solid var(--tp-card-border);gap:2px;height:100%;display:flex;overflow:hidden}.tp-focus-left,.tp-focus-right{flex-direction:column;flex:1;gap:1rem;padding:1.2rem;display:flex}.tp-focus-divider{background:linear-gradient(to bottom, transparent, var(--tp-primary), transparent);width:2px}.tp-focus-lang-row{align-items:center;gap:8px;display:flex}.tp-focus-lang-select{border:1.5px solid var(--tp-card-border);background:var(--tp-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:40px;color:var(--text,#1a1a2e);cursor:pointer;border-radius:12px;outline:none;flex:1;padding:0 12px;font-size:.85rem;font-weight:700}.tp-focus-swap{background:var(--tp-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:transform .2s;display:flex}.tp-focus-swap:hover{transform:rotate(180deg)}.tp-focus-input-wrap{flex:1;position:relative}.tp-focus-textarea{border-radius:var(--tp-radius-sm);border:1.5px solid var(--tp-card-border);width:100%;height:100%;min-height:80px;color:var(--text,#1a1a2e);resize:none;box-sizing:border-box;background:#ffffff80;outline:none;padding:.8rem;font-size:1.1rem;font-weight:700;line-height:1.5}.tp-focus-mic{cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex;position:absolute;bottom:10px;right:10px}.tp-focus-submit{background:var(--tp-primary);color:#fff;cursor:pointer;height:46px;box-shadow:0 4px 16px var(--tp-primary-glow);border:none;border-radius:23px;font-size:.95rem;font-weight:900;transition:all .2s}.tp-focus-submit:hover{box-shadow:0 6px 24px var(--tp-primary-glow);transform:translateY(-2px)}[data-theme=dark] .tp-lang-pill-btn{background:var(--surface-hover);border-color:var(--border);color:var(--text)}[data-theme=dark] .tp-lang-dropdown{background:var(--surface);border-color:var(--border)}[data-theme=dark] .tp-mode-row{background:var(--surface-hover)}[data-theme=dark] .tp-action-btn,[data-theme=dark] .card-expand-btn,[data-theme=dark] .card-copy-btn,[data-theme=dark] .card-play-btn,[data-theme=dark] .card-fav-btn{background:var(--surface-hover);color:var(--text-muted)}[data-theme=dark] .tp-eng-chip{background:var(--surface-hover);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .tp-eng-chip.selected{background:var(--primary-soft);color:var(--accent);border-color:var(--accent)}[data-theme=dark] .tp-local-zh,[data-theme=dark] .tp-local-en,[data-theme=dark] .tp-hero-history,[data-theme=dark] .tp-fullscreen-btn{background:var(--surface-hover);color:var(--text-secondary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%}[data-theme=dark] .copy-input-btn:hover{background:var(--primary-soft)!important}.tp-history-backdrop{-webkit-backdrop-filter:blur(4px);z-index:900;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.tp-history-panel{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(30px)saturate(200%);border-top:1.5px solid var(--tp-card-border);z-index:901;border-radius:28px 28px 0 0;max-height:80vh;animation:.3s cubic-bezier(.2,1,.2,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 40px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tp-history-header{background:inherit;z-index:2;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex;position:sticky;top:0}[data-theme=dark] .tp-history-header{border-color:#ffffff0f}.tp-history-title{color:var(--text,#1a1a2e);font-size:.9rem;font-weight:900}.tp-history-row{cursor:pointer;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:1rem 1.4rem;transition:background .15s;display:flex}.tp-history-row:hover{background:#00000008}.tp-history-row:last-child{border-bottom:none}[data-theme=dark] .tp-history-row{border-color:#ffffff0a}[data-theme=dark] .tp-history-row:hover{background:#ffffff0a}.tp-hi-from{color:var(--text-secondary,#888);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden}.tp-hi-arrow{color:var(--tp-primary);flex-shrink:0;font-size:.8rem}.tp-hi-to{color:var(--text,#1a1a2e);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:800;overflow:hidden}.tp-hi-remove{color:#0003;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:all .2s;display:flex}.tp-hi-remove:hover{color:var(--danger);background:#ef44441a}.tp-history-empty{text-align:center;color:var(--text-muted,#aaa);padding:2rem;font-size:.85rem;font-weight:700}.tp-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:900;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tp-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;animation:.3s cubic-bezier(.2,1,.2,1) slideUp;overflow:hidden}.tp-modal-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex}[data-theme=dark] .tp-modal-header{border-color:#ffffff0f}.tp-modal-title{color:var(--text,#1a1a2e);font-size:1rem;font-weight:900}.tp-modal-close{width:32px;height:32px;color:var(--text-secondary,#888);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.tp-modal-close:hover{background:#0000001a}.tp-modal-body{flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.tp-modal-field{flex-direction:column;gap:6px;display:flex}.tp-modal-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#888);font-size:.78rem;font-weight:800}.tp-modal-input{height:46px;color:var(--text,#1a1a2e);background:#00000008;border:1.5px solid #0000001a;border-radius:14px;outline:none;padding:0 14px;font-size:.95rem;font-weight:700;transition:border-color .2s}.tp-modal-input:focus{border-color:var(--tp-primary);background:var(--tp-primary-5)}[data-theme=dark] .tp-modal-input{background:var(--surface-hover);color:#f0f0f5;border-color:#ffffff1a}.tp-modal-footer{gap:10px;padding:1rem 1.4rem 2rem;display:flex}.tp-modal-cancel,.tp-modal-save{cursor:pointer;border:none;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:6px;height:48px;font-size:.95rem;font-weight:900;transition:all .2s;display:flex}.tp-modal-cancel{color:var(--text-secondary,#888);background:#0000000f}.tp-modal-cancel:hover{background:#0000001a}.tp-modal-save{background:var(--tp-primary);color:#fff;box-shadow:0 4px 16px var(--tp-primary-glow)}.tp-modal-save:hover:not(:disabled){box-shadow:0 6px 24px var(--tp-primary-glow);transform:translateY(-2px)}.tp-modal-save:disabled{opacity:.5;cursor:not-allowed}.tp-result-card.tp-qa-card{border:1.5px solid var(--tp-primary-40);background:var(--tp-primary-5);box-shadow:0 12px 40px var(--tp-primary-15);position:relative;overflow:hidden}[data-theme=dark] .tp-result-card.tp-qa-card{background:var(--tp-primary-10);border-color:var(--tp-primary-50);box-shadow:0 16px 48px #0006, 0 0 20px var(--tp-primary-25)}.tp-result-card.tp-qa-card:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--primary-dark), transparent);height:2px;animation:3s infinite ai-shimmer;position:absolute;top:0;left:0;right:0}@keyframes ai-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tp-loading-row span:first-child{background:linear-gradient(90deg, var(--tp-primary), var(--primary), var(--tp-primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:2s linear infinite shimmer-text}@keyframes shimmer-text{to{background-position:200%}}.tp-ai-loader{border:3px solid var(--tp-primary-10);border-top-color:var(--primary);width:24px;height:24px;box-shadow:0 0 10px var(--tp-primary-30);border-radius:50%;animation:.8s cubic-bezier(.4,0,.2,1) infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}@media (width<=768px){.ai-badge-dot,.tp-result-card.tp-qa-card:after{animation:none!important}.tp-card,.tp-result-card,.tp-content-sheet,.lang-pill-menu,.tp-modal{-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){.ai-badge-dot,.tp-result-card.tp-qa-card:after,.tp-card-text.streaming:after{animation:none!important}*,:before,:after{transition-duration:.01ms!important}}.tp-container--nested{padding:6px 0 var(--app-mobile-bottom-space)!important;min-height:auto!important;margin-top:0!important}.tp-container--nested .tp-content-sheet{gap:10px!important;margin-top:0!important;animation:none!important}.tp-container--nested .tp-translate-card{border-radius:22px!important;padding:12px 12px 10px!important;box-shadow:0 12px 30px #0f172a11,inset 0 1px #ffffffa3!important}.tp-container--nested .tp-input{letter-spacing:-.03em!important;min-height:72px!important;color:var(--text)!important;font-size:clamp(1.12rem,5.2vw,1.38rem)!important}.tp-container--nested .tp-input::placeholder{color:color-mix(in srgb, var(--text-secondary) 72%, transparent)!important;opacity:1!important;font-size:var(--text-base)!important;font-weight:720!important}.tp-container--nested .tp-mode-bar{order:1;gap:8px;min-height:34px;justify-content:flex-start!important;margin:0!important;padding:0 2px 4px!important;display:flex!important}.tp-container--nested .ai-mode-trigger{border-radius:var(--radius-full)!important;background:var(--surface)!important;min-height:34px!important;padding:6px 10px!important}.tp-container--nested .tp-history-btn{background:var(--surface)!important;width:34px!important;height:34px!important;margin-left:0!important}.tp-container--nested .tp-lang-row{min-height:40px;gap:8px!important;padding:0!important}.tp-container--nested .tp-lang-pill{max-width:none!important}.tp-container--nested .tp-lang-pill-btn{border-radius:var(--radius-full)!important;background:var(--surface)!important;min-width:0!important;height:40px!important}.tp-container--nested .tp-swap-btn{width:40px!important;height:40px!important;box-shadow:0 10px 22px var(--primary-glow)!important}.tp-container--nested .tp-input-wrap{gap:6px!important}.tp-container--nested .tp-input-actions{min-height:30px!important;padding-top:0!important}.tp-container--nested .tp-mode-row-container{max-width:260px!important;margin:0 auto!important}.tp-container--nested .tp-mode-row{border-radius:13px!important;min-height:34px!important}.tp-container--nested .tp-primary-action-btn{display:none!important}.tp-container--nested .tp-card-footer--translate{justify-content:center!important;padding-top:.42rem!important;display:flex!important}.tp-container--nested .tp-results,.tp-container--nested .tp-qa-section,.tp-container--nested .tp-local-section{margin-top:10px!important;margin-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 22px)!important;scroll-margin-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)!important}.tp-container--nested .tp-qa-card,.tp-container--nested .tp-result-card{max-height:none!important;overflow:visible!important}.tp-container--nested .tp-welcome-card{min-height:0!important;padding:18px 14px calc(var(--app-mobile-bottom-space) + 8px)!important;border-radius:22px!important;margin-bottom:0!important}.tp-container--nested .tp-welcome-icon{margin-bottom:8px!important;font-size:2rem!important}.tp-container--nested .tp-welcome-title{margin-bottom:6px!important;font-size:1.14rem!important}.tp-container--nested .tp-welcome-sub{margin-bottom:12px!important;font-size:.82rem!important;line-height:1.45!important}.tp-container--nested .tp-welcome-examples{gap:9px!important}.tp-container--nested .tp-welcome-chip{border-radius:14px!important;min-height:46px!important;padding:10px 12px!important}[data-theme=dark] .tp-container--nested .tp-translate-card,[data-theme=dark] .tp-container--nested .ai-mode-trigger,[data-theme=dark] .tp-container--nested .tp-history-btn,[data-theme=dark] .tp-container--nested .tp-lang-pill-btn{background:var(--surface)!important;border-color:var(--border)!important}@media (width<=520px){.tp-container--nested .tp-lang-pill-btn{height:36px!important;padding-inline:8px!important}.tp-container--nested .tp-swap-btn{width:38px!important;height:38px!important}.tp-container--nested .tp-input{min-height:58px!important;max-height:min(150px,22vh)!important}}@media (height<=700px) and (width<=520px){.tp-container--nested .tp-input{min-height:58px!important;max-height:104px!important}.tp-container--nested .tp-welcome-card{padding-top:14px!important}.tp-container--nested .tp-welcome-icon{display:none!important}}.tp-welcome-card{background:linear-gradient(135deg, var(--primary-soft,#7c3aed0f) 0%, #a855f70a 100%);border:1.5px solid var(--primary-glow,#7c3aed2e);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin:0 .5rem;padding:1.5rem 1.25rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) cardIn;display:flex}.tp-welcome-icon{font-size:2.4rem;line-height:1}.tp-welcome-title{color:var(--text);letter-spacing:-.01em;font-size:1.1rem;font-weight:900}.tp-welcome-sub{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.45}.tp-welcome-examples{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.tp-welcome-chip{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:1fr auto 1.4fr;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;transition:border-color .18s,transform .15s,background .18s;display:grid}@media (hover:hover) and (pointer:fine){.tp-welcome-chip:hover{border-color:var(--primary);background:var(--surface-strong,var(--surface));transform:translateY(-1px)}}.tp-welcome-chip:active{transform:scale(.98)}.tp-welcome-chip-zh{color:var(--text);font-size:.95rem;font-weight:800}.tp-welcome-chip-arrow{color:var(--primary);opacity:.65;font-size:.85rem;font-weight:900}.tp-welcome-chip-lo{color:var(--primary);word-break:break-word;letter-spacing:.01em;font-size:.95rem;font-weight:700}.tp-welcome-tip{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:10px;font-size:.72rem;font-weight:600;display:flex}.tp-welcome-tip kbd{background:var(--surface);border:1px solid var(--border);min-width:22px;height:20px;color:var(--text-secondary);box-shadow:0 1px 0 var(--border);border-radius:5px;justify-content:center;align-items:center;margin:0 1px;padding:0 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;font-weight:800;display:inline-flex}@media (width<=480px){.tp-welcome-card{border-radius:18px;padding:1.25rem 1rem 1rem}.tp-welcome-chip{grid-template-columns:1fr auto 1.6fr;gap:10px;padding:10px 12px}.tp-welcome-chip-zh,.tp-welcome-chip-lo{font-size:.88rem}}.result-feedback{border-top:1px solid #0000000d;align-items:center;gap:6px;margin-top:.8rem;padding-top:.8rem;display:flex}[data-theme=dark] .result-feedback{border-color:var(--border)}.feedback-label{color:var(--text-muted,#aaa);margin-right:auto;font-size:.75rem;font-weight:700}.fb-btn{cursor:pointer;border:none;border-radius:15px;align-items:center;gap:4px;height:30px;padding:0 12px;font-size:.75rem;font-weight:800;transition:all .2s;display:flex}.fb-btn.good{color:var(--success);background:#10b9811a}.fb-btn.good:hover{background:#10b98133}.fb-btn.edit{color:var(--tp-primary);background:#6c5ce71a}.fb-btn.edit:hover{background:#6c5ce733}.fb-btn.bad{color:var(--danger);background:#ef444414}.fb-btn.bad:hover{background:#ef444426}.result-feedback-done{border-top:1px solid #0000000d;align-items:center;gap:6px;margin-top:.8rem;padding-top:.8rem;display:flex}[data-theme=dark] .result-feedback-done{border-color:var(--border)}.feedback-submitted-msg{color:var(--success);margin-right:auto;font-size:.78rem;font-weight:700}.correction-form{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--tp-radius-md);border:1.5px solid var(--tp-card-border);margin-top:.8rem;padding:1rem;animation:.3s cubic-bezier(.2,1,.2,1) cardIn;box-shadow:0 4px 20px #0000000a}.correction-form-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#aaa);margin-bottom:.8rem;font-size:.8rem;font-weight:900}.correction-form-row{align-items:center;gap:6px;margin-bottom:.6rem;display:flex}.correction-form-lang{color:var(--tp-primary);text-transform:uppercase;min-width:36px;font-size:.72rem;font-weight:900}.correction-input{height:40px;color:var(--text,#1a1a2e);background:#00000008;border:1.5px solid #00000014;border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:.88rem;font-weight:700;transition:border-color .2s}.correction-input:focus{border-color:var(--tp-primary)}.correction-input::placeholder{color:var(--text-muted,#aaa);font-weight:500}[data-theme=dark] .correction-input{background:var(--surface-hover);border-color:var(--border);color:#f0f0f5}.correction-form-actions{gap:8px;margin-top:.8rem;display:flex}.correction-btn{cursor:pointer;border:none;border-radius:19px;flex:1;justify-content:center;align-items:center;gap:5px;height:38px;font-size:.82rem;font-weight:800;transition:all .2s;display:flex}.correction-btn.cancel{color:var(--text-secondary,#888);background:#0000000d}.correction-btn.cancel:hover{background:#0000001a}.correction-btn.submit{background:var(--tp-primary);color:#fff;box-shadow:0 4px 14px var(--tp-primary-glow)}.correction-btn.submit:hover:not(:disabled){box-shadow:0 6px 18px var(--tp-primary-glow);transform:translateY(-1px)}.correction-btn.submit:disabled{opacity:.5;cursor:not-allowed}.tp-expand-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0a0a14f5;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tp-expand-modal{flex-direction:column;gap:1.5rem;width:100%;max-width:700px;animation:.3s cubic-bezier(.2,1,.2,1) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tp-expand-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tp-expand-lang{text-transform:uppercase;letter-spacing:.06em;color:var(--tp-accent);background:var(--surface-hover);border-radius:12px;padding:5px 14px;font-size:.82rem;font-weight:900}.tp-expand-header-actions{gap:6px;display:flex}.tp-expand-action-btn{background:var(--surface-hover);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tp-expand-action-btn:hover{background:var(--primary-soft);color:#fff}.tp-expand-close{color:#ff6b6b;background:#ef444433}.tp-expand-close:hover{color:#f44;background:#ef44444d}.tp-expand-text{color:#fff;word-break:break-word;text-align:center;background:var(--surface-hover);border:1px solid #ffffff14;border-radius:24px;padding:2rem 1rem;font-size:2.2rem;font-weight:900;line-height:1.35;animation:.4s cubic-bezier(.2,1,.2,1) textIn}@keyframes textIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tp-card-text.streaming:after{content:"▋";vertical-align:middle;color:var(--tp-primary);margin-left:2px;animation:.8s infinite blink;display:inline-block}.tp-card-text.streaming{min-height:1.5em;position:relative}.tp-qa-section{padding-top:1.5rem;animation:.4s ease-out fadeIn}.tp-qa-header{margin-bottom:1.2rem;padding:0 .5rem}.tp-qa-title{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.3rem;font-size:1.2rem;font-weight:900}.tp-qa-subtitle{color:var(--text-muted,#888);font-size:.8rem;font-weight:500}.tp-qa-card{background:#6366f108;border:1px solid #6366f11a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=dark] .tp-qa-card{background:#6366f10f;border-color:#6366f126}.tp-qa-card:before{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);height:2px;position:absolute;top:0;left:0;right:0}@keyframes gradientMove{0%{background-position:100% 0}to{background-position:-100% 0}}.tp-qa-empty{text-align:center;opacity:.6;padding:3rem 1.5rem}.tp-qa-empty-icon{filter:grayscale(.5);margin-bottom:1rem;font-size:2.5rem}.tp-qa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:1.2rem;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #6366f14d}.tp-qa-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #6366f159}.tp-qa-submit-btn:active{transform:translateY(0)scale(.98)}.tp-qa-submit-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.3)}.tp-qa-btn-icon{font-size:1.2rem}@keyframes rocketPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tp-qa-card .tp-card-text{color:var(--text);padding:.5rem 0;font-size:1.05rem;line-height:1.6}.tp-qa-card .tp-card-text strong{color:#6366f1;font-weight:800}.tp-qa-card .tp-card-text ul{margin:.8rem 0;padding-left:1.2rem}.tp-qa-card .tp-card-text li{margin-bottom:.4rem}.tp-qa-card .tp-card-text blockquote{background:#6366f10d;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:1rem 0;padding:.8rem 1rem;font-style:italic}.tp-ai-loader{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:1s linear infinite tp-spin}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-loading-row{color:#6366f1;align-items:center;gap:12px;padding:1rem;font-weight:700;display:flex}.tp-qa-suggestions{border-top:1px dashed #6366f133;margin-top:1.5rem;padding-top:1rem}.tp-qa-sugg-title{color:var(--text-secondary);margin-bottom:.8rem;font-size:.85rem;font-weight:800}.tp-qa-sugg-list{flex-direction:column;gap:8px;display:flex}.tp-qa-sugg-btn{color:#6366f1;text-align:left;cursor:pointer;background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tp-qa-sugg-btn:before{content:"→";opacity:.5;transition:transform .2s}.tp-qa-sugg-btn:hover{background:#6366f11a;border-color:#6366f1;transform:translate(4px)}.tp-qa-sugg-btn:hover:before{opacity:1;transform:translate(2px)}[data-theme=dark] .tp-qa-sugg-btn{color:#a78bfa;background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .tp-qa-sugg-btn:hover{background:var(--surface-hover);border-color:#a78bfa}.ai-clickable-keyword{color:inherit;font:inherit;font-weight:800;line-height:inherit;cursor:pointer;-webkit-tap-highlight-color:#7c5cff1f;background:0 0;border:0;border-radius:5px;margin:0;padding:0 1px;text-decoration:none;display:inline}.ai-clickable-keyword:hover{color:var(--primary);background:#7c5cff14}.ai-clickable-keyword:active{background:#7c5cff24;transform:translateY(1px)}.ai-clickable-keyword--code{background:#7c5cff14;border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.ai-clickable-keyword--code code{color:inherit;background:0 0;padding:0 2px}[data-theme=dark] .ai-clickable-keyword{color:inherit;text-decoration:none}[data-theme=dark] .ai-clickable-keyword:hover{color:#bfdbfe;background:#93c5fd1f}.tp-markdown-content .ai-clickable-keyword:after,.tp-assistant-card-text .ai-clickable-keyword:after{content:"";display:none}.translate-page{overscroll-behavior-y:auto}.translate-page--nested{min-height:auto;overflow:visible}.translate-page--nested .tp-container{height:auto;min-height:auto;padding-top:.75rem;padding-bottom:1.25rem;overflow:visible}.translate-page--nested .tp-content-sheet{gap:.9rem}.tp-container{overscroll-behavior-y:contain}.tp-content-sheet{scroll-margin-top:12px}.tp-results,.tp-qa-section,.tp-local-section{scroll-margin-top:16px}.tp-input{overscroll-behavior:contain;max-height:min(240px,30vh)}@media (width<=480px){.tp-brand-header{padding-top:.75rem;padding-bottom:.35rem}.tp-brand-name{font-size:1.5rem}.tp-brand-subtitle{font-size:.72rem}.tp-translate-card{gap:.52rem;padding:.75rem}.tp-input{max-height:min(190px,26vh)}}.tp-card-footer--translate{gap:.75rem}.tp-primary-action-btn--translate{width:100%;height:46px;min-height:46px;box-shadow:0 8px 22px var(--tp-primary-glow);border-radius:23px;font-size:1rem}.tp-primary-action-btn--translate:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.2)}.tp-primary-action-btn--translate.loading{opacity:.86;background:linear-gradient(135deg,#6366f1,#a855f7)}@media (width>=640px){.tp-card-footer--translate{align-items:center}.tp-primary-action-btn--translate{width:auto;min-width:160px;padding:0 24px}}.tp-mic-status{max-width:100%;color:var(--text-secondary);background:#6366f114;border:1px solid #6366f124;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:2px;padding:7px 10px;font-size:.76rem;font-weight:750;line-height:1.3;display:inline-flex}.tp-mic-dot{background:#6366f1;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #6366f11f}.tp-mic-status--listening .tp-mic-dot,.tp-mic-status--starting .tp-mic-dot{background:#ef4444;animation:1.2s ease-in-out infinite tpMicLive;box-shadow:0 0 0 4px #ef444424}.tp-mic-status--processing .tp-mic-dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b24}.tp-mic-status--error{color:#dc2626;background:#ef444414;border-color:#ef44442e}.tp-mic-status--error .tp-mic-dot{background:#dc2626;box-shadow:0 0 0 4px #dc26261f}@keyframes tpMicLive{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}[data-theme=dark] .tp-mic-status{background:#6366f121;border-color:#93c5fd29}[data-theme=dark] .tp-mic-status--error{color:#fca5a5;background:#ef44441f}.tp-content-sheet{gap:clamp(.78rem,1.6vw,1.05rem)}.tp-brand-header{padding-top:clamp(.45rem,1.4vw,.95rem);padding-bottom:.25rem}.tp-translate-card{gap:clamp(.48rem,1.4vw,.7rem)}.tp-lang-row{padding-inline:.25rem}.tp-input-wrap{gap:.45rem}.tp-input{min-height:52px;font-size:clamp(1.18rem,4.8vw,1.58rem);line-height:1.38}.tp-input::placeholder{font-size:clamp(.92rem,3.7vw,1.08rem)}.tp-input-actions{min-height:30px}.tp-action-btn{width:31px;height:31px}.tp-card-footer--translate{margin-top:.15rem;padding-top:.65rem}.tp-primary-action-btn--translate{height:44px;min-height:44px}.tp-results{gap:.72rem}.tp-result-card{border-radius:18px;padding:clamp(.9rem,3.4vw,1.15rem)}.tp-card-header{margin-bottom:.52rem}.tp-translation-single{min-height:1.9rem;padding:.35rem 0}.tp-translation-single .tp-card-text{font-size:clamp(1.12rem,4.6vw,1.34rem);line-height:1.42}.tp-mode-tabs-container{gap:.55rem;margin-top:.35rem;padding-top:.6rem}.tp-ai-assistant-note{padding:7px 10px;font-size:.72rem}.tp-mode-pills-row{gap:6px}.tp-mode-pill{flex:calc(50% - 4px);justify-content:center;min-height:36px;padding:7px 12px}.learn-page .translate-page--nested .tp-container{max-width:620px;padding:.2rem 0 1rem}.learn-page .translate-page--nested .tp-brand-header{display:none}.learn-page .translate-page--nested .tp-content-sheet{gap:.72rem;animation:none}.learn-page .translate-page--nested .tp-translate-card{background:color-mix(in srgb, var(--surface) 82%, transparent);border-color:#94a3b829;border-radius:26px;padding:.86rem;box-shadow:0 16px 40px #0f172a14,inset 0 1px #ffffff9e}.learn-page .translate-page--nested .tp-lang-pill-btn{background:color-mix(in srgb, var(--surface) 88%, transparent);height:38px;box-shadow:none;border-radius:19px}.learn-page .translate-page--nested .tp-swap-btn{width:40px;height:40px;box-shadow:0 10px 24px var(--tp-primary-glow)}.learn-page .translate-page--nested .tp-input{letter-spacing:-.04em;min-height:74px;font-size:clamp(1.32rem,5.5vw,1.72rem)}.learn-page .translate-page--nested .tp-input::placeholder{opacity:.48}.learn-page .translate-page--nested .tp-primary-action-btn--translate{height:48px;min-height:48px;box-shadow:0 12px 28px var(--tp-primary-glow);border-radius:24px}.learn-page .translate-page--nested .tp-welcome-card,.learn-page .translate-page--nested .tp-result-card,.learn-page .translate-page--nested .tp-qa-card,.learn-page .translate-page--nested .tp-local-section{border-radius:22px;margin-left:0;margin-right:0;box-shadow:0 12px 30px #0f172a0e}[data-theme=dark] .learn-page .translate-page--nested .tp-translate-card,[data-theme=dark] .learn-page .translate-page--nested .tp-result-card,[data-theme=dark] .learn-page .translate-page--nested .tp-welcome-card{background:#0f172aad;border-color:#ffffff14;box-shadow:0 18px 46px #0000003d}@media (width<=430px){.tp-container{padding-left:.62rem;padding-right:.62rem;padding-top:max(.25rem, env(safe-area-inset-top))}.tp-content-sheet{gap:.68rem}.tp-brand-name{font-size:1.34rem}.tp-brand-subtitle{text-align:center;max-width:88vw;line-height:1.35}.tp-translate-card{border-radius:20px;padding:.65rem}.tp-lang-pill{min-width:0;max-width:none}.tp-lang-pill-btn{min-width:0;height:34px;padding:0 8px}.tp-swap-btn{width:38px;height:38px}.tp-lang-dropdown{width:min(76vw,230px);max-height:min(44vh,280px);left:50%;right:auto;transform:translate(-50%)}.tp-input{min-height:48px;max-height:min(168px,24vh)}.learn-page .translate-page--nested .tp-translate-card{border-radius:24px;padding:.78rem}.learn-page .translate-page--nested .tp-input{min-height:68px;max-height:min(170px,26vh)}.tp-card-footer--translate{gap:.55rem}.tp-primary-action-btn--translate{height:42px;min-height:42px;font-size:.95rem}.tp-result-card{padding:.82rem}.tp-card-actions{gap:4px}}@media (height<=700px) and (width<=480px){.tp-brand-header{display:none}.tp-container{padding-top:.35rem}.tp-input{max-height:min(132px,21vh)}}@media (prefers-reduced-motion:reduce){.tp-container:before,.tp-container:after,.tp-result-card,.tp-content-sheet,.tp-translate-card,.tp-welcome-card{transition:none!important;animation:none!important}}.ai-mode-selector{display:inline-block;position:relative}.ai-mode-trigger{color:var(--text);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea40;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.ai-mode-trigger:hover,.ai-mode-trigger.open{background:linear-gradient(135deg,#667eea2e,#764ba22e);border-color:#667eea80;transform:translateY(-1px)}.ai-mode-icon{font-size:1rem;line-height:1}.ai-mode-arrow{opacity:.7;font-size:.7rem;transition:transform .18s}.ai-mode-trigger.open .ai-mode-arrow{transform:rotate(180deg)}.ai-mode-dropdown{background:var(--surface,#fff);border:1px solid var(--border,#00000014);z-index:99999;border-radius:14px;min-width:240px;padding:6px;animation:.16s ease-out ai-mode-fade-in;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #00000026}@keyframes ai-mode-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-mode-option{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.ai-mode-option:hover{background:#667eea14}.ai-mode-option.active{background:linear-gradient(135deg,#667eea1f,#764ba21f)}.ai-mode-option-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.ai-mode-option-text{flex:1;min-width:0}.ai-mode-option-label{margin-bottom:2px;font-size:.92rem;font-weight:600}.ai-mode-option-desc{color:var(--text-secondary,#6b6b80);font-size:.76rem;line-height:1.3}.ai-mode-option-check{color:var(--primary,#667eea);flex-shrink:0;font-weight:700}@media (width<=480px){.ai-mode-label{display:none}.ai-mode-trigger{padding:6px 10px}.ai-mode-dropdown{min-width:220px}}.tp-history-btn{cursor:pointer;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:8px;font-size:1rem;transition:all .18s;display:inline-flex}.tp-history-btn:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e);border-color:#667eea80;transform:translateY(-1px)}.aih-overlay{-webkit-backdrop-filter:blur(1px);z-index:10000;pointer-events:auto;background:#0f172a24;justify-content:flex-end;animation:.18s aih-fade;display:flex;position:fixed;inset:0}@media (width<=768px){body.aih-open .bottom-nav{opacity:0!important;pointer-events:none!important;transform:translate(-50%,140%)!important}body.aih-open .hdr{opacity:0!important;pointer-events:none!important;transform:translateY(-120%)!important}}@keyframes aih-fade{0%{opacity:0}to{opacity:1}}.aih-panel{width:min(420px,100vw - 24px);height:calc(100dvh - 24px);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--surface,#fff) 94%, transparent);-webkit-backdrop-filter:blur(18px);border:1px solid #667eea1f;border-radius:24px;flex-direction:column;margin:12px;animation:.22s cubic-bezier(.2,.9,.2,1) aih-slide;display:flex;box-shadow:-8px 0 32px #0f172a29,0 18px 50px #0f172a1a}@keyframes aih-slide{0%{transform:translate(calc(100% + 24px))}to{transform:translate(0)}}.aih-header{border-bottom:1px solid var(--border,#0000000f);flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 16px 12px;display:flex}.aih-header h3{letter-spacing:-.03em;margin:0;font-size:1.02rem}.aih-close{cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:#ffffffa8;border:1px solid #667eea1f;border-radius:12px;font-size:1rem}.aih-close:hover{color:var(--primary);background:#667eea14}.aih-tabs{scrollbar-width:none;flex-shrink:0;gap:5px;padding:10px 12px 0;display:flex;overflow-x:auto}.aih-tabs::-webkit-scrollbar{display:none}.aih-tab{min-height:34px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.82rem;font-weight:800;transition:all .15s}.aih-tab:hover{background:#667eea14}.aih-tab.active{color:var(--primary,#667eea);background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea59}.aih-toolbar{flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.aih-search-wrap{flex:1;align-items:center;display:flex;position:relative}.aih-search-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.aih-search{border:1px solid var(--border,#0000001a);background:var(--surface);width:100%;height:38px;color:var(--text);border-radius:14px;outline:none;flex:1;padding:0 36px 0 32px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.aih-search::placeholder{color:var(--text-muted);opacity:.55}.aih-search:focus{border-color:var(--primary,#667eea);box-shadow:0 0 0 3px var(--primary-soft,#667eea24)}.aih-search-clear{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.aih-search-clear:hover{background:var(--bg-secondary,#0000000f);color:var(--text)}.aih-result-count{color:var(--text-muted);flex-shrink:0;padding:6px 14px 8px;font-size:.78rem;font-weight:600}.aih-clear-btn{color:#dc3545;cursor:pointer;white-space:nowrap;background:#dc35450d;border:1px solid #dc35454d;border-radius:14px;height:36px;padding:0 14px;font-size:.82rem;font-weight:700}.aih-clear-btn:hover{background:#dc35451f}.aih-list{padding:4px 12px calc(14px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;flex:1;overflow-y:auto}.aih-empty{text-align:center;color:var(--text-secondary,#888);padding:60px 20px;font-size:.9rem}.aih-item{background:var(--surface);border:1px solid var(--border,#0000000f);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;margin:8px 0;padding:12px 13px;transition:border-color .18s,box-shadow .18s,transform .18s}.aih-item:hover{border-color:#667eea59;box-shadow:0 4px 14px #0000000a}.aih-item:active{transform:scale(.992)}.aih-item.expanded{cursor:default;border-color:#667eea66;box-shadow:0 8px 24px #00000014}.aih-item-head{color:var(--text-secondary,#888);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:.76rem;display:flex}.aih-item-mode{color:var(--text);font-weight:700}.aih-item-type{opacity:.7}.aih-item-lang{color:var(--primary,#667eea);text-transform:uppercase;letter-spacing:.4px;background:#667eea1a;border-radius:999px;padding:2px 7px;font-size:.72rem}.aih-item-time{margin-left:auto;font-size:.72rem}.aih-item-q{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;font-weight:600;line-height:1.48;display:-webkit-box;overflow:hidden}.aih-item.expanded .aih-item-q{-webkit-line-clamp:unset;overflow:visible}.aih-item-a{color:var(--text);word-break:break-word;background:#667eea0d;border-radius:14px;max-height:min(60vh,460px);margin-top:10px;padding:12px 14px;font-size:.92rem;line-height:1.68;overflow-y:auto}.aih-md p{margin:0 0 8px}.aih-md p:last-child{margin-bottom:0}.aih-md h1,.aih-md h2,.aih-md h3,.aih-md h4,.aih-md h5,.aih-md h6{margin:12px 0 6px;font-weight:700;line-height:1.35}.aih-md h1{font-size:1.18rem}.aih-md h2{font-size:1.08rem}.aih-md h3{font-size:1rem}.aih-md h4,.aih-md h5,.aih-md h6{font-size:.94rem}.aih-md ul{margin:6px 0 8px;padding-left:22px}.aih-md li{margin:3px 0}.aih-md code{color:var(--primary,#667eea);background:#667eea1f;border-radius:4px;padding:1px 6px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.85em}.aih-md strong{font-weight:700}.aih-md em{font-style:italic}.aih-md a{color:var(--primary,#667eea);text-decoration:underline}.aih-md a:hover{opacity:.85}.aih-item-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.aih-act{border:1px solid var(--border,#0000001a);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:700;transition:all .15s}.aih-act:hover{border-color:var(--primary,#667eea);background:#667eea14}.aih-act.active{color:#b88a00;background:#ffc10726;border-color:#ffc107}.aih-act.aih-act-danger:hover{color:#dc3545;background:#dc35451a;border-color:#dc3545}@media (width<=480px){.aih-overlay{-webkit-backdrop-filter:blur(8px);background:#0f172a3d}.aih-panel{border-radius:22px 22px 0 0;width:100vw;height:min(94vh,100%);margin:auto 0 0;animation:.24s cubic-bezier(.2,.9,.2,1) aih-sheet;box-shadow:0 -10px 34px #0f172a38}@keyframes aih-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.aih-header{padding:12px 14px 10px;position:relative}.aih-header:before{content:"";background:#94a3b873;border-radius:999px;width:42px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.aih-header h3{padding-top:8px;font-size:.98rem}.aih-tabs{padding:8px 12px 0}.aih-toolbar{gap:6px;padding:9px 12px}.aih-search{border-radius:14px;height:40px}.aih-clear-btn{height:38px;padding:0 12px}.aih-list{padding-inline:10px}.aih-item{border-radius:16px;padding:11px 12px}.aih-item-head{gap:6px}.aih-item-time{width:100%;margin-left:0}.aih-item-a{max-height:min(44vh,320px)}.aih-act{flex:calc(50% - 4px);justify-content:center}}@media (height<=700px) and (width<=480px){.aih-panel{height:96vh}.aih-item-a{max-height:34vh}}[data-theme=dark] .aih-overlay{background:#03071242}[data-theme=dark] .aih-panel{background:#11172ef2;border-color:#9babff29}[data-theme=dark] .aih-close{background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .aih-item{background:#25253a;border-color:#ffffff0d}[data-theme=dark] .aih-item-a{background:#ffffff0a}[data-theme=dark] .aih-search,[data-theme=dark] .aih-act{background:#25253a;border-color:#ffffff14}@media (prefers-reduced-motion:reduce){.aih-overlay,.aih-panel,.aih-item{transition:none!important;animation:none!important}}.translate-page{-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;min-height:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background:0 0;flex-direction:column;flex:1;margin-bottom:-1px;display:flex;position:relative;overflow:hidden auto}@media (width<=768px){.tp-container{overflow-x:hidden}}.translate-page--fullscreen .trans-fullscreen-bar,.translate-page--focus .trans-fullscreen-bar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:6px 14px;display:flex}.translate-page--fullscreen{z-index:9999;background:var(--bg);flex-direction:column;padding-bottom:0;display:flex;position:fixed;inset:0;overflow:hidden}.translate-page--focus{min-height:100vh;padding-bottom:0}.translate-page--focus .tp-container{min-height:calc(100vh - 60px)}[data-theme=dark] .trans-action-btn{background:#181d38f5;border-color:#8895ff29}@media (orientation:landscape){.translate-page--focus .trans-fullscreen-bar{display:none}.translate-page--focus .tp-container{min-height:100vh}.translate-page--focus .tp-focus-root{flex-direction:row;height:100vh}.translate-page--focus .tp-focus-left,.translate-page--focus .tp-focus-right{height:100%;overflow-y:auto}}@keyframes liquidShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pillShine{0%{opacity:.4;transform:translateX(var(--pill-left)) translateX(-60%) scaleX(.6)}40%{opacity:.8;transform:translateX(var(--pill-left)) translateX(0%) scaleX(1)}70%{opacity:.5;transform:translateX(var(--pill-left)) translateX(30%) scaleX(.8)}to{opacity:.4;transform:translateX(var(--pill-left)) translateX(60%) scaleX(.6)}}@keyframes borderBreath{0%{border-color:#667eff1f;box-shadow:inset 0 0 0 1px #667eff14,0 6px 24px #667eff14,inset 0 1.5px #fffffff2}50%{border-color:#667eff4d;box-shadow:inset 0 0 0 1px #667eff2e,0 6px 24px #667eff2e,inset 0 1.5px #fffffff2}to{border-color:#667eff1f;box-shadow:inset 0 0 0 1px #667eff14,0 6px 24px #667eff14,inset 0 1.5px #fffffff2}}@keyframes innerGlow{50%{opacity:1}}@keyframes tabBarPulse{50%{box-shadow:inset 0 0 0 1px #667eff38,0 8px 32px #667eff29,inset 0 1.5px #ffffffeb}}@keyframes optionCorrect{0%{background:var(--success-soft);transform:scale(1)}50%{background:var(--success);color:#fff;transform:scale(1.05)}to{background:var(--success);color:#fff;transform:scale(1)}}@keyframes optionWrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes audioPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.learn-page{background:var(--bg);min-height:100dvh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex}.learn-tabs-container{z-index:10;background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;padding:5px 10px;display:flex;position:sticky;top:0}.learn-tabs{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--tp-card-border);box-shadow:var(--shadow-premium);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:22px;flex:1;gap:5px;padding:6px;display:flex;position:relative;overflow:hidden}.learn-tab-pill{pointer-events:none;-webkit-backdrop-filter:blur(20px)saturate(200%)brightness(1.05);will-change:transform, width;z-index:0;background:linear-gradient(135deg,#fffffff5 0%,#f5f5fae0 100%);border:1px solid #fffc;border-radius:11px;height:calc(100% - 8px);transition:transform .28s cubic-bezier(.34,1.08,.64,1),width .28s cubic-bezier(.34,1.08,.64,1);position:absolute;top:4px;left:4px;overflow:hidden;box-shadow:0 2px 12px #667eea38,0 1px 3px #00000014,inset 0 0 0 1px #ffffff80,0 0 20px 4px #667eea26}.learn-tab-pill:after{display:none}.learn-tab-btn{cursor:pointer;color:var(--text-muted);z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:13px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.32,.72,0,1);display:flex;position:relative}@media (hover:hover){.learn-tab-btn:not(.active):hover{color:var(--text-secondary)}.learn-tab-btn:not(.active):hover .icon{transform:scale(1.15)}}.learn-tab-btn:active{transform:scale(.9)}.learn-tab-btn.active{color:var(--primary)}.learn-tab-btn.active .icon{filter:drop-shadow(0 0 6px var(--primary-glow));transform:scale(1.05)}.learn-tab-btn .icon{justify-content:center;align-items:center;margin-bottom:2px;font-size:.9rem;line-height:1;transition:transform .25s cubic-bezier(.34,1.4,.64,1);display:flex}.learn-tab-btn .label{letter-spacing:.01em;white-space:nowrap;font-size:.62rem;font-weight:700;line-height:1}.learn-content-scrollable{padding:4px 12px calc(90px + env(safe-area-inset-bottom,20px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;padding-left:4px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.82rem;font-weight:800}.section-collapse-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:background .2s,transform .25s;display:flex}.section-collapse-btn:hover{background:var(--surface)}.section-collapse-btn.collapsed{transform:rotate(-90deg)}.learn-focus-shell{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.learn-session-hero{margin:8px 0 0}.learn-session-hero__main{flex-direction:column;gap:8px;display:flex}.learn-session-hero__subtitle,.learn-support-panel__hint{color:var(--text-muted);margin:0;font-size:.82rem}.learn-session-badges,.learn-support-strip,.learn-quick-actions{flex-wrap:wrap;gap:8px;display:flex}.learn-session-badge,.learn-support-chip,.learn-quick-action{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;font-weight:700}.learn-session-badge{padding:6px 10px;font-size:.78rem}.learn-session-badge.active,.learn-support-chip.active,.learn-quick-action.active{background:var(--primary-soft,#7c3aed1f);border-color:var(--primary);color:var(--primary)}.learn-quick-action,.learn-support-chip{justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.8rem;display:inline-flex}.learn-quick-action{flex:1;min-width:92px}.learn-support-chip{flex:calc(50% - 4px)}.learn-support-panel{background:var(--tp-card-bg);border:1px solid var(--tp-card-border);box-shadow:var(--shadow-sm);border-radius:18px;padding:14px}.learn-support-panel--stacked>*+*{margin-top:12px}.learn-support-skeleton{flex-direction:column;gap:10px;padding:8px 4px;display:flex}.learn-support-skeleton-line{background:linear-gradient(90deg,#788cc814 0%,#788cc82e 50%,#788cc814 100%) 0 0/200% 100%;border-radius:8px;height:16px;animation:1.4s ease-in-out infinite liquidShimmer}.learn-support-skeleton-line.short{width:55%}.learn-support-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.pack-selector{scrollbar-width:none;gap:12px;padding:4px 4px 12px;display:flex;overflow-x:auto}.pack-selector.compact{padding:0}.pack-selector::-webkit-scrollbar{display:none}.pack-sel-card{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;padding:14px 14px 12px;transition:border-color .2s,transform .18s,box-shadow .2s;display:flex;position:relative;overflow:hidden}@media (width>=769px){.pack-sel-card{background:var(--tp-card-bg);-webkit-backdrop-filter:blur(12px)saturate(160%)}}@media (hover:hover) and (pointer:fine){.pack-sel-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}}.pack-sel-card:before{content:"";border-radius:inherit;background:linear-gradient(110deg,#0000 25%,#ffffff8c 40%,#c8dcffb3 48%,#ffffff8c 56%,#0000 72%);display:none;position:absolute;inset:0}.pack-sel-card>*{z-index:1;position:relative}.pack-sel-card.active{border-color:var(--primary);background:linear-gradient(135deg, var(--primary-soft,#7c3aed1a) 0%, #a855f70f 100%);box-shadow:0 0 0 1.5px var(--primary) inset, 0 6px 16px var(--primary-glow);transform:none}.pack-card-icon{background:var(--bg-secondary,#0000000a);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:1.3rem;display:flex}.pack-sel-card.active .pack-card-icon{background:#667eea1f;border-color:#667eea40}.pack-sel-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:4px;font-size:.95rem;font-weight:800;overflow:hidden}.pack-sel-count{color:var(--text-muted);font-size:.75rem;font-weight:600}.active-badge{background:var(--primary);color:#fff;width:20px;height:20px;box-shadow:0 2px 6px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:10px;right:10px}.learn-content-scrollable>.stats-panel{margin-bottom:14px}.learn-mode-container{flex-direction:column;flex:1;min-height:0;margin-top:4px;display:flex}[data-theme=dark] .learn-tabs{-webkit-backdrop-filter:blur(32px)saturate(180%)brightness(.9);background-color:#18182cf2;background-image:linear-gradient(105deg,#0000 20%,#667eff4d 35%,#508cff73 42%,#667eff4d 48%,#0000 65%),linear-gradient(160deg,#282841f2 0%,#1c1c32e0 40%,#141428cc 100%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:300% 100%,100% 100%,100% 100%,100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-color:#667eff2e;animation:5s ease-in-out infinite liquidShimmer,4s ease-in-out infinite borderBreath;box-shadow:inset 0 0 0 1px #667eff1a,0 6px 24px #0006,inset 0 1.5px #ffffff0f}[data-theme=dark] .learn-tab-pill{background:linear-gradient(135deg,#373755f2 0%,#282844e0 100%);border-color:#ffffff1a;box-shadow:0 2px 12px #667eea59,0 1px 3px #0000004d,inset 0 0 0 1px #ffffff0f}[data-theme=dark] .learn-tab-btn{color:#ffffff73}[data-theme=dark] .learn-tab-btn.active{color:#fffffff2}[data-theme=dark] .pack-sel-card{background:linear-gradient(135deg,#1e1e34d9 0%,#14142ac7 100%);border-color:#667eff1f;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 16px #00000047,inset 0 1px #ffffff0a}[data-theme=dark] .pack-sel-card.active{background:linear-gradient(135deg,#667eea38 0%,#764ba229 100%);border-color:#667eea80;box-shadow:inset 0 0 0 1px #667eea4d,0 8px 24px #667eea33,0 2px 8px #00000040,inset 0 -1px #ffffff0d}[data-theme=dark] .pack-card-icon{background:#ffffff0d;border-color:#ffffff0d}[data-theme=dark] .section-collapse-btn:hover{background:#ffffff0f}@media (hover:hover){.pack-sel-card:not(.active):hover{border-color:#667eea59;box-shadow:0 4px 14px #667eea1a}.section-collapse-btn:hover{background:var(--surface)}}.learn-mode-fullscreen{z-index:9998;background:var(--bg);position:fixed;inset:0;overflow:hidden}.learn-mode-fullscreen .learn-focus-shell,.learn-mode-fullscreen .stats-panel-wrapper{display:none!important}.learn-mode-fullscreen .learn-mode-container{flex:1;height:100dvh}.learn-mode-container .translate-tab-wrapper{flex-direction:column;flex:1;min-height:0;margin:0 -12px;display:flex}.learn-content-scrollable:has(.translate-tab-wrapper){padding-top:0}.learn-stage{flex-direction:column;align-items:center;width:100%;animation:.4s cubic-bezier(.2,.8,.2,1) modeFadeIn;display:flex}@keyframes modeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.learn-progress-area{width:100%;max-width:420px;margin-bottom:1.5rem}.learn-progress-track{background:#00000014;border-radius:10px;width:100%;height:10px;margin-bottom:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}[data-theme=dark] .learn-progress-track{background:#ffffff0d}.learn-progress-bar{background:var(--hero-grad);height:100%;box-shadow:0 0 10px var(--primary-glow);border-radius:10px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.learn-progress-labels{color:var(--text-muted);justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.mode-card{-webkit-backdrop-filter:blur(25px);text-align:center;background:#fff9;border:1px solid #ffffffb3;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;margin-bottom:2rem;padding:2.5rem 1.5rem;display:flex;box-shadow:0 15px 35px #0000000d}[data-theme=dark] .mode-card{background:#ffffff0a;border:1px solid #ffffff14}.text-hero{color:var(--text);font-size:2.4rem;font-weight:900;line-height:1.2}.quiz-audio-hint-btn{border:1.5px solid var(--primary-glow);background:var(--primary-soft);color:var(--primary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;margin-top:1rem;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.quiz-audio-hint-btn:active{transform:scale(.95)}.learn-action-row{justify-content:center;gap:24px;width:100%;max-width:420px;display:flex}.icon-action-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 25px #00000014}[data-theme=dark] .icon-action-btn{background:#ffffff14}.icon-action-btn:active{transform:scale(.85)}.icon-action-btn.cross{color:var(--danger);border:2px solid #ff3b301a}.icon-action-btn.check{background:var(--hero-grad);color:#fff;box-shadow:0 10px 30px var(--primary-glow)}.fullscreen-float-btn{z-index:100;background:var(--hero-grad);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 10px 30px var(--primary-glow);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:20px}.report-card{text-align:center;padding:3rem 2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) reportPop}@keyframes reportPop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.report-emoji{filter:drop-shadow(0 10px 20px #0000001a);margin-bottom:1.5rem;font-size:5rem}.report-title{color:var(--text);background:var(--hero-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:900}.report-stats-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:360px;margin:0 auto 2.5rem;display:grid}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;gap:4px;padding:20px;display:flex;box-shadow:0 8px 20px #0000000a}[data-theme=dark] .stat-box{background:#ffffff0d;border-color:#ffffff1a}.stat-val{color:var(--primary);font-size:1.8rem;font-weight:900}.stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.action-btn.primary{background:var(--hero-grad);color:#fff;cursor:pointer;box-shadow:0 10px 30px var(--primary-glow);border:none;border-radius:18px;padding:16px 32px;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.action-btn.primary:hover{box-shadow:0 12px 28px var(--primary-glow);transform:translateY(-1px)}.immersive-container{background:radial-gradient(circle at 50% 50%, var(--bg) 0%, var(--bg-secondary) 100%);position:relative;overflow:hidden}.immersive-orb{filter:blur(80px);z-index:0;opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:var(--primary);width:40%;height:40%;top:-10%;left:-10%}.orb-2{background:var(--accent);width:35%;height:35%;bottom:-10%;right:-10%}.quiz-opt{border:1.5px solid var(--border);transition:all .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.quiz-opt.correct{border-color:var(--success);animation:.5s forwards optionCorrect}.quiz-opt.wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);animation:.4s forwards optionWrong}.quiz-opt.should-have-selected{border-color:var(--success);border-style:dashed}.dict-main-play-btn{background:var(--hero-grad);color:#fff;cursor:pointer;width:84px;height:84px;box-shadow:0 12px 32px var(--primary-glow);z-index:1;border:none;border-radius:50%;position:relative}.pulse-ring{border:4px solid var(--primary);pointer-events:none;border-radius:50%;animation:2s infinite audioPulse;position:absolute;inset:0}.pulse-ring:nth-child(2){animation-delay:.5s}@media (width<=480px){.learn-tabs-container{padding:6px 8px 4px}.learn-tabs{border-radius:18px;gap:3px;padding:5px}.learn-tab-btn .icon{font-size:1rem}.learn-tab-pill{border-radius:11px;top:4px;left:4px}.learn-content-scrollable{padding:4px 8px calc(90px + env(safe-area-inset-bottom,20px))}.pack-selector{gap:10px;padding:4px 2px 12px}.pack-sel-card{border-radius:20px;min-width:140px;padding:14px}.pack-card-icon{width:36px;height:36px;font-size:1.3rem}.mode-card{border-radius:24px;padding:1.5rem 1rem}.text-hero{font-size:1.8rem}.icon-action-btn{width:64px;height:64px}.learn-progress-area{margin-bottom:1rem}.learn-progress-track{height:8px}.learn-action-row.icon-mode{gap:30px}.fullscreen-float-btn{width:46px;height:46px;font-size:1.2rem;bottom:20px;right:16px}}@media (prefers-contrast:high){.mode-card,.icon-action-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.learn-tab-btn,.learn-tab-pill,.learn-mode-container,.pack-sel-card,.mode-card,.icon-action-btn,.report-card{transition:none!important;animation:none!important}.learn-tab-btn:active{transform:scale(.95)}}.learn-tab-btn .label{white-space:nowrap;margin-left:4px;font-size:12px;font-weight:600}.learning-path-card{background:linear-gradient(135deg, var(--primary-soft,#7c3aed14) 0%, #a855f70a 100%);border:1px solid var(--primary-glow);border-radius:16px;margin:10px 0 12px;padding:12px 14px}.learning-path-title{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:10px;font-size:.78rem;font-weight:800}.learning-path-steps{align-items:center;gap:0;display:flex}.learning-path-steps span{text-align:center;color:var(--text-muted);letter-spacing:.01em;flex:1;padding:6px 4px;font-size:.72rem;font-weight:700;line-height:1.2;transition:color .2s;position:relative}.learning-path-steps span.active{color:var(--primary);font-weight:900}.learning-path-steps span.done{color:var(--success,#10b981)}.learning-path-steps span.active:before,.learning-path-steps span.done:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.learning-path-steps span:not(:last-child):after{content:"";background:var(--primary-glow);opacity:.5;border-radius:2px;width:12px;height:2px;position:absolute;top:50%;right:-6px}@media (width<=420px){.learn-tab-btn .label{font-size:11px}.learning-path-steps span{font-size:.66rem}}.learn-page{overscroll-behavior-y:contain;background:radial-gradient(circle at 18% 0%, #7c3aed24, transparent 34%), radial-gradient(circle at 88% 18%, #3b82f61f, transparent 32%), var(--bg);min-height:100dvh;padding-top:0}.learn-page:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff94,#fff0);height:150px;position:fixed;inset:0 0 auto}[data-theme=dark] .learn-page:before{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 72%, transparent), transparent)}.learn-native-chrome{z-index:24;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 8px;background:linear-gradient(180deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 86%, transparent) 74%, transparent 100%);-webkit-backdrop-filter:blur(18px)saturate(160%);justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;top:0}.learn-native-brand{align-items:center;gap:10px;min-width:0;display:flex}.learn-native-logo-wrap{border-radius:var(--radius-sm);background:#ffffffc2;border:1px solid #ffffffad;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 10px 28px #6366f124,inset 0 1px #ffffffc7}[data-theme=dark] .learn-native-logo-wrap{background:color-mix(in srgb, var(--bg) 72%, transparent);border-color:var(--border);box-shadow:0 12px 32px #00000057}.learn-native-logo{border-radius:var(--radius-xs);object-fit:cover;width:31px;height:31px}.learn-native-title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.learn-native-eyebrow{font-size:var(--text-xl);letter-spacing:-.045em;color:var(--text);font-weight:950;line-height:1}.learn-native-title{max-width:58vw;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:750;line-height:1.2;overflow:hidden}.learn-native-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.learn-native-icon-btn{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--surface) 80%, transparent);width:39px;height:39px;color:var(--text);font-size:var(--text-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #94a3b82e;place-items:center;display:grid;box-shadow:0 8px 20px #0f172a0f}.learn-native-icon-btn:active{transform:scale(.94)}.learn-tabs-container--native{top:calc(var(--hdr-h,64px) + 19px);z-index:22;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--bg) 68%, transparent), transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);padding:4px 14px 8px;position:sticky}.learn-tabs--native{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 76%, transparent);border-color:#94a3b829;max-width:520px;min-height:48px;padding:5px;box-shadow:0 12px 28px #0f172a12,inset 0 1px #ffffff94}.learn-tabs--native .learn-tab-btn{gap:1px;min-height:38px}.learn-tabs--native .learn-tab-btn .icon{font-size:var(--text-base);margin-bottom:1px}.learn-tabs--native .learn-tab-btn .label{font-size:var(--text-xs)}.learn-tabs--native .learn-tab-pill{border-radius:var(--radius-xs);background:linear-gradient(135deg,#fffffffa,#f5f3ffeb);box-shadow:0 8px 22px #7c3aed24,inset 0 1px #ffffffeb}[data-theme=dark] .learn-tabs--native .learn-tab-pill{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, var(--surface-hover) 92%, transparent));box-shadow:0 8px 24px #6366f12e, 0 1px 0 var(--border) inset}.learn-content-scrollable{gap:10px}.learn-page .learn-content-scrollable{z-index:1;padding-top:2px;position:relative}.learn-page .translate-tab-wrapper{margin-top:-2px}.learning-path-card--pro{gap:12px;display:grid}.learn-session-hero__subtitle,.learn-support-panel__hint{line-height:1.45}.learn-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid!important}.learn-quick-action{border-radius:var(--radius-sm);white-space:nowrap;min-height:42px;min-width:0!important}.learn-support-strip{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid!important}.learn-support-chip{white-space:normal;min-height:40px;line-height:1.25}.learn-support-panel{scroll-margin-top:72px}.learn-mode-container,.learn-stage{width:100%;max-width:100%}.quiz-header,.learn-progress-area,.mode-card,.quiz-grid,.dict-action-row,.report-card{width:100%;max-width:460px}.mode-card{word-break:break-word}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-opt,.dict-btn,.learn-quick-action,.learn-support-chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dict-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dict-btn{border-radius:var(--radius-sm);min-height:44px}.dict-input{font-size:var(--text-base)}.report-actions{gap:10px;width:100%;max-width:360px;margin-inline:auto;display:grid}.report-actions .action-btn{width:100%}@media (width>=760px){.learn-native-chrome,.learn-tabs-container--native{width:100%;max-width:760px;margin-left:auto;margin-right:auto}}@media (width<=520px){.learn-page{background:radial-gradient(circle at 20% -4%, #7c3aed29, transparent 38%), radial-gradient(circle at 96% 18%, #3b82f621, transparent 36%), var(--bg)}.learn-native-chrome{padding-bottom:7px;padding-left:12px;padding-right:12px}.learn-native-logo-wrap{border-radius:var(--radius-xs);width:39px;height:39px}.learn-native-logo{width:29px;height:29px}.learn-native-eyebrow{font-size:var(--text-lg)}.learn-native-title{max-width:48vw;font-size:var(--text-xs)}.learn-native-icon-btn{border-radius:var(--radius-xs);width:37px;height:37px}.learn-tabs-container{padding-top:max(4px, env(safe-area-inset-top,0px))}.learn-tabs-container--native{top:calc(var(--hdr-h,64px) + 19px);padding:4px 12px 7px}.learn-tabs{border-radius:var(--radius-sm);gap:2px}.learn-tabs--native{min-height:46px}.learn-tab-btn{min-width:0}.learn-tab-btn .label{text-overflow:ellipsis;max-width:64px;overflow:hidden}.learn-content-scrollable{padding-left:8px!important;padding-right:8px!important;padding-bottom:var(--app-mobile-bottom-space)!important}.learn-page .learn-content-scrollable{padding-top:0!important}.learn-focus-shell{gap:10px;margin-bottom:10px}.learning-path-card{margin-top:6px;padding:12px}.learn-session-badges{gap:6px}.learn-session-badge{font-size:var(--text-xs);padding:5px 9px}.learn-support-panel{border-radius:var(--radius-sm);padding:12px}.learn-support-panel__header{flex-direction:column;align-items:stretch}.learning-pack-center-btn{width:100%}.pack-selector.compact{grid-template-columns:1fr;gap:8px;display:grid}.pack-sel-card{flex-direction:row;align-items:center;gap:10px;width:100%;min-width:0!important}.pack-card-icon{flex-shrink:0;margin-bottom:0!important}.mode-card{margin-bottom:1rem;border-radius:var(--radius-lg)!important;padding:1.25rem .95rem!important}.text-hero,.fc-label-zh,.fc-label-lo{line-height:1.18;font-size:clamp(1.55rem,8vw,2.15rem)!important}.quiz-header{margin-bottom:8px}.learn-keyboard-hint{display:none}.quiz-grid,.dict-action-row{grid-template-columns:1fr}.report-card{padding:2rem 1rem!important}.report-emoji{margin-bottom:1rem!important;font-size:3.6rem!important}.report-title{font-size:var(--text-2xl)!important;margin-bottom:1.25rem!important}}@media (height<=700px) and (width<=520px){.learning-path-card--pro{display:none}.mode-card{padding-top:1rem!important;padding-bottom:1rem!important}.learn-native-title{display:none}}