@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";.step7-shell{width:100%;max-width:920px;margin:0 auto;background:#fff;border:1px solid #e6edf5;border-radius:28px;box-shadow:0 18px 50px #0f172a1f;overflow:hidden}.step7-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(90deg,#eef7ff,#f5fbff);border-bottom:1px solid #edf2f7}.step7-title{font-size:20px;font-weight:700;color:#1e293b}.step7-subtitle{margin-top:4px;font-size:13px;color:#64748b}.step7-badge{padding:7px 14px;background:#fff;border-radius:999px;font-size:13px;font-weight:600;color:#475569;box-shadow:0 4px 14px #0f172a14}.step7-chat-panel{height:520px;overflow-y:auto;padding:22px 18px;background:radial-gradient(circle at top left,#f8fbff,#f8fbff 35%,#fff)}.step7-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px}.step7-row-ai{justify-content:flex-start}.step7-row-user{justify-content:flex-end}.step7-avatar{width:52px;height:52px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;box-shadow:0 6px 18px #0f172a24}.step7-avatar-photo{display:block;object-fit:cover;background:#fff}.step7-avatar-ai{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.step7-avatar-user{background:linear-gradient(135deg,#f59e0b,#f97316)}.step7-bubble{max-width:78%;padding:12px 16px;border-radius:22px;box-shadow:0 6px 16px #0f172a0f}.step7-bubble-ai{background:#fff;border:1px solid #e5e7eb;color:#334155;border-bottom-left-radius:10px}.step7-bubble-user{background:linear-gradient(135deg,#2f80ed,#2563eb);color:#fff;border-bottom-right-radius:10px}.step7-bubble-text{white-space:pre-wrap;font-size:14px;line-height:1.7}.step7-bubble-actions{display:flex;justify-content:flex-end;margin-top:8px}.step7-replay-btn{border:none;background:transparent;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.step7-replay-btn:hover{background:#e2e8f0}.step7-footer{border-top:1px solid #edf2f7;background:#fff;padding:16px 18px 18px}.step7-counter{font-size:12px;color:#64748b;margin-bottom:10px}.step7-input-row{display:flex;align-items:center;gap:10px}.step7-input-row.center{justify-content:center}.step7-text-input{flex:1;border:1px solid #cbd5e1;border-radius:18px;padding:12px 14px;font-size:14px;outline:none;transition:.2s ease}.step7-text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}.step7-send-btn{border:none;background:#2563eb;color:#fff;border-radius:18px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer}.step7-toggle-btn{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:10px 12px;font-size:16px;cursor:pointer}.step7-toggle-btn:hover{background:#f8fafc}.step7-voice-btn{width:90%;border:none;background:linear-gradient(135deg,#2f80ed,#2563eb);color:#fff;border-radius:18px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.step7-voice-btn.recording{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.04)}.step7-voice-btn.disabled{opacity:.55;cursor:not-allowed}.step7-skip-wrap{display:flex;justify-content:center;margin-top:12px}.step7-skip-btn{border:none;background:transparent;color:#64748b;font-size:13px;text-decoration:underline;cursor:pointer}.step7-complete{border-top:1px solid #edf2f7;background:#fff;padding:24px 18px;text-align:center}.step7-complete-text{font-size:18px;font-weight:700;color:#059669}.step7-next-btn{margin-top:16px;border:none;background:#2563eb;color:#fff;border-radius:18px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer}.step7-typing{display:flex;gap:5px;align-items:center;height:16px}.step7-typing span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:step7Blink 1.2s infinite ease-in-out}.step7-typing span:nth-child(2){animation-delay:.15s}.step7-typing span:nth-child(3){animation-delay:.3s}@keyframes step7Blink{0%,80%,to{transform:scale(.7);opacity:.45}40%{transform:scale(1);opacity:1}}.leaderboard-container{max-width:900px;margin:32px auto;padding:24px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border-radius:24px;box-shadow:0 10px 30px #00000014;box-sizing:border-box}.leaderboard-competitive{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.leaderboard-competitive:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);animation:leaderboard-shimmer 4s ease-in-out infinite}@keyframes leaderboard-shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,10%) rotate(180deg)}}.leaderboard-competitive h2{position:relative;z-index:1;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}.leaderboard-trophy{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(255,215,0,.6));animation:trophy-bounce 2s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.leaderboard-subtitle{font-size:1rem;font-weight:600;color:#ffffffd9;margin-top:4px}.leaderboard-competitive .empty-list{position:relative;z-index:1;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:48px 24px}.leaderboard-competitive .empty-list p{color:#ffffffe6;font-size:1.1rem}.empty-list-hint{font-size:.9rem;color:#ffffffb3;margin-top:12px}.podium-competition{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end;margin-bottom:24px;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:2px solid rgba(255,255,255,.2)}.podium-competition .podium-item{background:#fffffff2;border-radius:20px;padding:24px 16px;text-align:center;box-shadow:0 8px 24px #00000026;border:3px solid transparent;transition:all .3s ease;position:relative}.podium-competition .podium-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0003}.podium-gold{border-color:gold!important;box-shadow:0 12px 48px #ffd70080!important;order:2;animation:gold-glow 2s ease-in-out infinite}@keyframes gold-glow{0%,to{box-shadow:0 12px 48px #ffd70080}50%{box-shadow:0 16px 56px #ffd700cc}}.podium-silver{border-color:silver;order:1}.podium-bronze{border-color:#cd7f32;order:3}.podium-crown{font-size:3rem;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:crown-bounce 1.5s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-5deg)}75%{transform:translateY(-6px) rotate(5deg)}}.podium-gold .podium-crown{animation:crown-champion 1.2s ease-in-out infinite}@keyframes crown-champion{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-10px) scale(1.15) rotate(10deg)}}.podium-champion-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:800;box-shadow:0 4px 12px #ee5a6f66;animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.podium-competition .podium-avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#4c8dff,#7aaeff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;box-shadow:0 8px 24px #4c8dff4d;border:4px solid #fff}.podium-gold .podium-avatar{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 12px 32px #ffd70080}.podium-silver .podium-avatar{background:linear-gradient(135deg,silver,#e8e8e8)}.podium-bronze .podium-avatar{background:linear-gradient(135deg,#cd7f32,#e8a87c)}.podium-competition .podium-name{font-size:1.1rem;font-weight:700;color:#17345f;margin-bottom:8px;word-break:break-word}.podium-competition .podium-score{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.podium-competition .podium-score strong{font-size:2rem;font-weight:900;color:#667eea;line-height:1}.podium-gold .podium-score strong{color:#ff6b6b;text-shadow:0 2px 8px rgba(255,107,107,.3)}.podium-competition .podium-score span{font-size:.9rem;color:#6f7f96}.podium-competition .podium-block{padding:12px 0;border-radius:12px;background:linear-gradient(180deg,#dbe8ff,#bfd5ff)}.podium-gold .podium-block{background:linear-gradient(180deg,#ffeaa7,#fdcb6e)}.podium-silver .podium-block{background:linear-gradient(180deg,#e8e8e8,#d0d0d0)}.podium-bronze .podium-block{background:linear-gradient(180deg,#fdd7aa,#f5a623)}.podium-competition .podium-rank{font-size:1.8rem}.podium-spotlight{position:relative;z-index:1;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:16px 24px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;box-shadow:0 8px 24px #ee5a6f66;animation:spotlight-glow 2s ease-in-out infinite}@keyframes spotlight-glow{0%,to{box-shadow:0 8px 24px #ee5a6f66}50%{box-shadow:0 12px 32px #ee5a6f99}}.spotlight-label{font-size:1rem;font-weight:700}.spotlight-name{font-size:1.3rem;font-weight:900;background:#fff3;padding:4px 16px;border-radius:999px}.spotlight-score{font-size:1.1rem;font-weight:700}.spotlight-streak{background:#ffffff40;padding:4px 12px;border-radius:999px;font-size:.95rem;font-weight:800;animation:streak-flash 1s ease-in-out infinite}@keyframes streak-flash{0%,to{opacity:1}50%{opacity:.7}}.leaderboard-competitive .leaderboard-table{position:relative;z-index:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.leaderboard-container h2{margin:0 0 24px;text-align:center;font-size:30px;font-weight:800;color:#16325c}.auth-error{color:#d93025;text-align:center;font-size:16px;margin:0}.empty-list{text-align:center;padding:48px 16px;color:#66758c}.empty-list-icon{display:block;font-size:42px;margin-bottom:12px}.empty-list p{margin:0;font-size:16px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;margin-bottom:28px}.podium-item{background:#fff;border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 8px 20px #1d4ed814;border:1px solid rgba(0,102,255,.08);transition:transform .2s ease,box-shadow .2s ease}.podium-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1d4ed824}.podium-avatar{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#4c8dff,#7aaeff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;box-shadow:0 8px 18px #4c8dff40}.podium-name{font-size:18px;font-weight:700;color:#17345f;margin-bottom:6px;word-break:break-word}.podium-score{font-size:14px;color:#6f7f96;margin-bottom:12px}.podium-block{padding:10px 0;border-radius:12px;background:linear-gradient(180deg,#dbe8ff,#bfd5ff)}.podium-rank{font-size:22px}.leaderboard-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0f35740d}.leaderboard-table thead tr{background:#edf4ff}.leaderboard-table th{color:#1f3b68;font-weight:700;font-size:14px;text-align:left;padding:14px 16px;border-bottom:1px solid #dce8f8}.leaderboard-table td{padding:14px 16px;font-size:15px;color:#23344d;border-bottom:1px solid #eef3f9}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover{background:#f8fbff}@media (max-width: 768px){.leaderboard-container{margin:20px 12px;padding:18px;border-radius:18px}.leaderboard-competitive h2{font-size:22px;margin-bottom:24px}.leaderboard-trophy{font-size:2.5rem}.podium-competition{grid-template-columns:1fr;gap:16px;padding:16px}.podium-gold,.podium-silver,.podium-bronze{order:unset}.podium-competition .podium-item{padding:20px 14px}.podium-crown{font-size:2.5rem}.podium-competition .podium-avatar{width:64px;height:64px;font-size:28px}.podium-competition .podium-name{font-size:1rem}.podium-competition .podium-score strong{font-size:1.8rem}.podium-spotlight{flex-direction:column;gap:8px;padding:12px 16px}.spotlight-name{font-size:1.1rem}.leaderboard-competitive .leaderboard-table th,.leaderboard-competitive .leaderboard-table td{padding:12px 10px;font-size:13px}}.echo-world-page{min-height:calc(100vh - 118px);padding:clamp(16px,2.8vw,34px);color:#f7fbff;background:radial-gradient(circle at 14% 12%,rgba(255,205,92,.22),transparent 26%),radial-gradient(circle at 86% 16%,rgba(72,166,255,.22),transparent 28%),linear-gradient(145deg,#070913,#101827,#07131a)}.echo-world-topbar,.echo-world-state-panel,.echo-scene-card,.echo-report-card{border:1px solid rgba(190,220,255,.18);background:#09111fc7;box-shadow:0 24px 70px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.echo-world-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;border-radius:28px;padding:16px 20px;margin-bottom:18px}.echo-exit-btn{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 14px;color:#e8f2ff;background:#ffffff14;font-weight:850;cursor:pointer}.echo-kicker{display:inline-flex;width:fit-content;margin-bottom:6px;border-radius:999px;padding:6px 10px;color:#b9d7ff;background:#69a7ff29;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.echo-world-topbar h2,.echo-report-card h2{margin:0;color:#fff;font-size:clamp(1.7rem,3.6vw,3.8rem);line-height:.95;letter-spacing:-.05em}.echo-world-topbar p{margin:5px 0 0;color:#c7d8f0;font-weight:750}.echo-fragment-meter{display:grid;place-items:center;min-width:112px;border-radius:24px;padding:12px;color:#251a00;background:linear-gradient(145deg,#fff5b8,#ffd76a);box-shadow:0 0 36px #ffd86b47}.echo-fragment-meter span,.echo-fragment-meter em{font-size:.74rem;font-weight:900;text-transform:uppercase}.echo-fragment-meter strong{font-size:2.1rem;line-height:1}.echo-world-layout{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:18px;align-items:start}.echo-world-state-panel{position:sticky;top:96px;display:grid;gap:14px;border-radius:28px;padding:18px}.echo-scene-chip{border-radius:20px;padding:13px 14px;color:#fff3ba;background:#ffd86b21;font-weight:850;line-height:1.4}.echo-stat-row{display:flex;justify-content:space-between;align-items:center;border-radius:18px;padding:11px 13px;background:#ffffff12}.echo-stat-row span,.echo-inventory h3{color:#cfe0f7;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.echo-stat-row strong{color:#fff3ba;font-size:1.3rem}.echo-inventory{display:flex;flex-wrap:wrap;gap:8px}.echo-inventory h3{width:100%;margin:0}.echo-inventory span,.echo-inventory em{border-radius:999px;padding:7px 9px;color:#e8f3ff;background:#ffffff17;font-size:.82rem;font-style:normal}.echo-scene-card{border-radius:34px;padding:clamp(22px,4vw,46px)}.echo-node-header span{color:#9fc5ff;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.echo-node-header h1{margin:8px 0;color:#fff;font-size:clamp(2rem,4.6vw,5rem);line-height:.92;letter-spacing:-.06em}.echo-node-header p{max-width:780px;color:#c7d8f0;font-size:1.03rem;line-height:1.6}.echo-sfx-strip{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.echo-sfx-strip span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;color:#dfeeff;background:#ffffff12;font-size:.84rem;font-weight:800}.echo-sfx-strip span.is-clue{color:#221700;background:#ffd86b;box-shadow:0 0 20px #ffd86b38}.echo-orb{position:relative;display:grid;place-items:center;width:clamp(118px,14vw,176px);height:clamp(118px,14vw,176px);margin:12px auto;border-radius:999px;background:radial-gradient(circle,#fff6ba 0,#fff6ba 10%,#8bd3ff 12%,#8bd3ff 28%,#174a7c 52%,#174a7c00 72%);box-shadow:0 0 60px #6bc2ff5c}.echo-orb span{width:46%;height:46%;border-radius:999px;border:2px solid rgba(255,246,186,.72)}.echo-orb.is-speaking{animation:echoPulse 1.2s ease-in-out infinite}@keyframes echoPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.24)}}.echo-listen-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:14px 0 26px}.echo-listen-row span{color:#fff3ba;font-weight:850}.echo-action-zone{border-radius:28px;padding:clamp(18px,3vw,30px);background:#ffffff0f}.echo-action-zone-empty{text-align:center}.echo-prompt span{color:#8fc4ff;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.echo-prompt h3{margin:7px 0 18px;color:#fff;font-size:clamp(1.35rem,2.4vw,2.25rem)}.echo-prompt-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.echo-prompt-heading h3{flex:1 1 320px}.echo-read-question-btn{border:1px solid rgba(255,216,107,.42);border-radius:999px;padding:10px 13px;color:#251a00;background:linear-gradient(135deg,#fff3ba,#ffd86b);font-size:.86rem;font-weight:950;cursor:pointer;box-shadow:0 10px 24px #ffd86b24}.echo-read-question-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.echo-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.echo-action-button{min-height:88px;border:2px solid rgba(197,223,255,.18);border-radius:22px;padding:16px;color:#f8fbff;background:#ffffff14;font-size:clamp(.98rem,1.4vw,1.12rem);font-weight:850;text-align:left;line-height:1.35;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.echo-action-button:hover:not(:disabled){transform:translateY(-2px);border-color:#ffd86bb8;background:#ffd86b21}.echo-action-button.correct{border-color:#5ae7a1e6;background:#4ade802e}.echo-action-button.wrong{border-color:#fc6363e6;background:#f871712e}.echo-consequence{margin-top:18px;border-radius:22px;padding:15px 18px;color:#e8f3ff;background:#7db7ff21;font-weight:800;line-height:1.55}.echo-consequence.good{color:#dcfce7;background:#22c55e24}.echo-consequence.bad{color:#fee2e2;background:#f8717126}.echo-support-panel{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:18px;border-radius:26px;padding:18px;background:#0b182bc7}.echo-support-panel span{color:#fff3ba;font-weight:900}.echo-support-panel p{color:#d8e8ff;line-height:1.55;margin:8px 0 0}.echo-light-rune{display:inline-flex;margin-top:12px;border-radius:999px;padding:8px 12px;color:#251a00;background:#ffd86b}.echo-adaptive-note{display:block;margin-top:10px;border-left:3px solid #ffd86b;padding:8px 10px;color:#fff3ba;background:#ffd86b1a;font-size:.86rem;font-style:normal;font-weight:850;line-height:1.45}.echo-support-actions{display:flex;flex-wrap:wrap;gap:8px}.echo-support-actions button{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 11px;color:#eaf4ff;background:#ffffff14;font-weight:850;cursor:pointer}.echo-support-actions button.active{color:#251a00;background:#ffd86b}.echo-support-actions button:disabled{opacity:.45;cursor:not-allowed}.echo-next-row{display:flex;justify-content:flex-end;margin-top:18px}.echo-debug-panel{margin-top:18px;border-radius:18px;padding:12px 14px;color:#bfd8f9;background:#ffffff0f}.echo-report-page{display:grid;place-items:center}.echo-report-card{width:min(1040px,100%);border-radius:34px;padding:clamp(24px,5vw,58px)}.echo-report-card p{color:#d6e6fb;font-size:1.1rem;line-height:1.6}.echo-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.echo-report-grid div,.echo-report-section{border-radius:22px;padding:18px;background:#ffffff14}.echo-report-grid strong{display:block;color:#fff3ba;font-size:2rem}.echo-report-grid span,.echo-report-section p{color:#cfe0f7}.echo-diagnosis-list{display:grid;gap:8px;margin:8px 0 0;padding-left:18px;color:#dbeafe;line-height:1.5}.echo-log-list{display:grid;gap:10px;margin:22px 0}.echo-log-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-radius:16px;padding:12px 14px;color:#eaf4ff;background:#ffffff12}.echo-log-row em{color:#bfdbfe;font-style:normal}.echo-report-actions{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 980px){.echo-world-topbar,.echo-world-layout,.echo-support-panel,.echo-report-grid,.echo-log-row{grid-template-columns:1fr}.echo-world-state-panel{position:static}.echo-fragment-meter{justify-self:start}}@media (max-width: 620px){.echo-world-page{padding:12px}.echo-scene-card,.echo-world-topbar,.echo-world-state-panel,.echo-report-card{border-radius:22px}.echo-action-grid{grid-template-columns:1fr}}.echo-action-button:disabled:not(.correct):not(.wrong){opacity:.5;cursor:not-allowed;transform:none}.echo-teacher-panel{display:grid;gap:10px;margin:-6px 0 16px}.echo-teacher-toggle{justify-self:end;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#dbeafe;background:#ffffff14;font-size:.82rem;font-weight:900;cursor:pointer}.echo-teacher-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;border:1px solid rgba(190,220,255,.16);border-radius:18px;padding:10px 12px;background:#09111fb8}.echo-profile-note{flex:1 1 260px;color:#fff3ba;font-size:.86rem;font-weight:900}.echo-teacher-controls label{display:inline-flex;align-items:center;gap:7px;color:#dbeafe;font-size:.86rem;font-weight:800}.echo-audio-status{width:fit-content;max-width:100%;margin:-12px auto 16px;border-radius:999px;padding:7px 11px;color:#cfe0f7;background:#ffffff12;font-size:.82rem;font-weight:800}.echo-cast-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-4px 0 18px}.echo-cast-strip span{border-radius:999px;padding:7px 10px;color:#cfe0f7;background:#ffffff14;font-size:.8rem;font-weight:900}.echo-cast-strip span.active{color:#251a00;background:#ffd86b;box-shadow:0 0 20px #ffd86b52}.echo-voice-answer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;border-radius:20px;padding:12px;background:#0b182b9e}.echo-record-button{border:none;border-radius:999px;padding:11px 15px;color:#08121f;background:linear-gradient(135deg,#a7f3d0,#67e8f9);font-weight:950;cursor:pointer;box-shadow:0 10px 24px #67e8f92e}.echo-record-button.recording{color:#fff;background:linear-gradient(135deg,#fb7185,#f97316);animation:echoRecordPulse 1s ease-in-out infinite}.echo-record-button:disabled{opacity:.55;cursor:not-allowed}.echo-voice-answer span{color:#dbeafe;font-size:.9rem;font-weight:800}@keyframes echoRecordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.listening-adventure{min-height:calc(100vh - 150px);padding:28px clamp(16px,4vw,54px);color:#f7fbff;background:radial-gradient(circle at 20% 10%,rgba(82,152,255,.28),transparent 26%),radial-gradient(circle at 80% 25%,rgba(255,198,86,.16),transparent 28%),linear-gradient(145deg,#050712,#0c1326 48%,#111827)}.listening-adventure.world-lantern{background:radial-gradient(circle at 18% 12%,rgba(255,213,90,.3),transparent 28%),radial-gradient(circle at 82% 20%,rgba(72,187,120,.18),transparent 30%),linear-gradient(145deg,#091116,#13221b 48%,#1f1b10)}.listening-adventure.world-dark-road{background:radial-gradient(circle at 20% 10%,rgba(82,152,255,.28),transparent 26%),radial-gradient(circle at 80% 25%,rgba(255,198,86,.16),transparent 28%),linear-gradient(145deg,#050712,#0c1326 48%,#111827)}.listening-adventure.world-outer-rim{background:radial-gradient(circle at 15% 18%,rgba(255,137,72,.23),transparent 26%),radial-gradient(circle at 88% 16%,rgba(60,180,255,.18),transparent 30%),linear-gradient(145deg,#080910,#151221 44%,#251509)}.listening-adventure.world-signal-road{background:radial-gradient(circle at 18% 8%,rgba(86,182,255,.25),transparent 25%),radial-gradient(circle at 76% 22%,rgba(255,210,92,.18),transparent 28%),linear-gradient(145deg,#050814,#101527,#07141c)}.listening-adventure-hero,.listening-summary-card,.sound-orb-card,.listening-task-card,.listening-adventure-word-bank,.listening-world-hero,.listening-world-card{border:1px solid rgba(178,209,255,.18);background:#080f1ec2;box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.listening-world-select,.listening-module-select,.listening-vocab-shell,.listening-vocab-mode-select,.listening-book-select{display:grid;gap:22px}.listening-world-empty{border:1px solid rgba(178,209,255,.18);background:#080f1ec2;box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.listening-book-picker{display:grid;gap:14px;border:1px solid rgba(178,209,255,.18);border-radius:30px;padding:clamp(18px,3vw,28px);background:#080f1ec2;box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.listening-book-picker-head{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-radius:24px;padding:16px;background:#ffffff12}.listening-book-picker-head div{display:grid;gap:5px}.listening-book-picker-head span{color:#cfe0ff;font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.listening-book-picker-head strong{color:#fff;font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1.1}.listening-book-picker-head em{color:#fff3ba;font-style:normal;font-weight:850}.listening-book-series-list{display:grid;gap:10px}.listening-book-series{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#ffffff0e}.listening-book-series-head{display:flex;width:100%;justify-content:space-between;align-items:center;border:none;padding:14px 16px;color:#f8fbff;background:#ffffff0f;cursor:pointer}.listening-book-series-head span{font-size:1rem;font-weight:950}.listening-book-series-head small{color:#fff3ba;font-weight:900}.listening-book-series-body{display:grid;gap:8px;padding:12px}.listening-book-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 13px;color:#eef6ff;background:#ffffff0f;cursor:pointer;text-align:left}.listening-book-row:hover,.listening-book-row.selected{border-color:#ffd86bb8;background:#ffd86b24}.listening-book-row strong{color:#fff}.listening-book-row span,.listening-book-row em{color:#dbeafe;font-size:.84rem;font-style:normal;font-weight:850;white-space:nowrap}.listening-book-row.selected em{color:#fff3ba}.listening-book-subseries{display:grid;gap:8px;border-radius:18px;padding:10px;background:#060c1861}.listening-book-subseries-head{color:#9fc5ff;font-size:.82rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.listening-module-hero{min-height:260px}.listening-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.listening-module-card,.listening-vocab-hero,.listening-vocab-controls,.listening-vocab-card{border:1px solid rgba(178,209,255,.18);background:#080f1ec2;box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.listening-module-card{position:relative;overflow:hidden;min-height:320px;border-radius:34px;padding:clamp(24px,4vw,42px);color:#f8fbff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.listening-module-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:210px;height:210px;border-radius:999px;filter:blur(4px)}.listening-module-card.vocab:before{background:#67e8f933}.listening-module-card.story:before{background:#ffd86b33}.listening-module-card:hover{transform:translateY(-4px);border-color:#ffd86bb8;box-shadow:0 32px 82px #00000075}.listening-module-card span,.listening-module-card strong{position:relative;display:inline-flex;width:fit-content;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:950}.listening-module-card span{color:#cfe0ff;background:#ffffff14}.listening-module-card strong{margin-top:20px;color:#251a00;background:#ffd86b}.listening-module-card h3{position:relative;margin:22px 0 12px;color:#fff;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em}.listening-module-card p{position:relative;max-width:620px;margin:0;color:#cfe0f7;font-size:1.02rem;line-height:1.65}.listening-back-btn{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 14px;color:#e8f2ff;background:#ffffff14;font-weight:900;cursor:pointer}.listening-vocab-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-radius:34px;padding:clamp(24px,4vw,44px)}.listening-vocab-hero p{max-width:720px;color:#c8d8ef;line-height:1.7}.listening-vocab-mode-hero{grid-template-columns:minmax(0,1fr) auto}.listening-vocab-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.listening-vocab-mode-card{position:relative;overflow:hidden;display:grid;align-content:space-between;min-height:260px;border:1px solid rgba(178,209,255,.18);border-radius:30px;padding:24px;color:#f8fbff;background:radial-gradient(circle at 88% 12%,rgba(103,232,249,.18),transparent 30%),#080f1ec2;box-shadow:0 24px 70px #00000057;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.listening-vocab-mode-card:after{content:"";position:absolute;right:-44px;bottom:-54px;width:150px;height:150px;border-radius:999px;background:#ffd86b26}.listening-vocab-mode-card:hover:not(:disabled){transform:translateY(-4px);border-color:#ffd86bb8;box-shadow:0 32px 82px #00000075}.listening-vocab-mode-card:disabled{cursor:not-allowed;opacity:.55}.listening-vocab-mode-card span,.listening-vocab-mode-card strong,.listening-vocab-mode-card h3,.listening-vocab-mode-card p{position:relative;z-index:1}.listening-vocab-mode-card span{width:fit-content;border-radius:999px;padding:7px 10px;color:#251a00;background:#ffd86b;font-size:.78rem;font-weight:950;text-transform:uppercase}.listening-vocab-mode-card h3{margin:20px 0 10px;color:#fff;font-size:clamp(1.55rem,2.8vw,2.45rem);line-height:1;letter-spacing:-.04em}.listening-vocab-mode-card p{margin:0 0 18px;color:#cfe0f7;line-height:1.55}.listening-vocab-mode-card strong{width:fit-content;border-radius:999px;padding:9px 13px;color:#eaffff;background:#67e8f929;font-size:.9rem;font-weight:950}.listening-vocab-score{display:grid;place-items:center;min-width:122px;border-radius:28px;padding:16px;color:#251a00;background:linear-gradient(145deg,#fff6ba,#ffd86b)}.listening-vocab-score span,.listening-vocab-score em{font-size:.78rem;font-style:normal;font-weight:950;text-transform:uppercase}.listening-vocab-score strong{font-size:2.4rem;line-height:1}.listening-vocab-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-radius:24px;padding:16px}.listening-vocab-controls label{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;color:#dbeafe;font-weight:900}.listening-vocab-controls select{min-width:min(420px,78vw);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 13px;color:#f8fbff;background:#ffffff14;font-weight:850}.listening-mode-tabs{display:flex;flex-wrap:wrap;gap:8px}.listening-mode-tabs button{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 13px;color:#dbeafe;background:#ffffff14;font-weight:900;cursor:pointer}.listening-mode-tabs button.active{color:#251a00;background:#ffd86b}.listening-mode-tabs.five-types span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 11px;color:#dbeafe;background:#ffffff14;font-size:.83rem;font-weight:900}.listening-mode-tabs.five-types span.active{color:#251a00;background:#ffd86b}.listening-vocab-card{display:grid;justify-items:center;gap:18px;border-radius:34px;padding:clamp(24px,5vw,56px)}.sound-orb-mini{display:grid;place-items:center;width:clamp(110px,18vw,180px);height:clamp(110px,18vw,180px);border-radius:999px;background:radial-gradient(circle,#fff8c6 0 12%,#67e8f9 14% 32%,#0f4c81 55%,transparent 73%);box-shadow:0 0 62px #67e8f957}.sound-orb-mini span{width:46%;height:46%;border:2px solid rgba(255,246,186,.76);border-radius:999px}.listening-vocab-prompt{text-align:center}.listening-vocab-prompt span{color:#8fd3ff;font-size:.8rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.listening-vocab-prompt h3{margin:8px 0 0;color:#fff;font-size:clamp(1.5rem,3vw,2.6rem)}.listening-vocab-prompt p{margin:8px auto 0;max-width:660px;color:#cfe0f7;line-height:1.5}.listening-vocab-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;width:min(980px,100%)}.listening-vocab-options button{display:grid;gap:8px;min-height:92px;border:2px solid rgba(197,223,255,.18);border-radius:24px;padding:16px;color:#f8fbff;background:#ffffff14;text-align:left;cursor:pointer}.listening-vocab-options.image-options{grid-template-columns:repeat(2,minmax(220px,1fr));width:min(760px,100%);gap:clamp(14px,2.4vw,22px)}.listening-vocab-options.image-options button{min-height:clamp(240px,28vw,320px);place-items:center;align-content:center;text-align:center;padding:clamp(16px,2.5vw,24px)}.listening-vocab-options img{width:min(150px,42vw);height:130px;object-fit:contain;border-radius:18px;background:#ffffff14}.listening-vocab-options.image-options img{width:min(260px,36vw);height:clamp(170px,22vw,235px)}.listening-vocab-options button:hover:not(:disabled){border-color:#ffd86bb8;background:#ffd86b21}.listening-vocab-options strong{font-size:1.18rem}.listening-vocab-options.image-options strong{font-size:clamp(1rem,1.7vw,1.3rem)}.listening-vocab-options span{color:#cfe0f7;font-size:.9rem}.listening-vocab-options button.correct,.listening-vocab-options button.reveal-correct{border-color:#5ae7a1e6;background:#4ade802e}.listening-vocab-options button.wrong{border-color:#fc6363e6;background:#f871712e}.listening-vocab-options button:disabled{cursor:not-allowed}.listening-vocab-feedback{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;width:min(980px,100%);border-radius:24px;padding:15px;font-weight:900}.listening-vocab-feedback.good{color:#dcfce7;background:#22c55e24}.listening-vocab-feedback.bad{color:#fee2e2;background:#f8717126}.listening-world-empty{display:grid;gap:12px;justify-items:start;border-radius:30px;padding:clamp(24px,4vw,42px)}.listening-world-empty h3{margin:0;color:#fff;font-size:clamp(1.6rem,3vw,2.6rem)}.listening-world-empty p{max-width:720px;margin:0;color:#cfe0f7;line-height:1.6}.listening-world-hero{border-radius:34px;padding:clamp(28px,5vw,58px)}.listening-world-hero p{max-width:900px;color:#c8d8ef;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}.listening-world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.listening-world-card{position:relative;overflow:hidden;display:grid;gap:12px;min-height:300px;border-radius:30px;padding:24px;color:#f8fbff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.listening-world-card:before{content:"";position:absolute;inset:-35% -20% auto auto;width:220px;height:220px;border-radius:999px;background:#ffd86b2e;filter:blur(6px)}.listening-world-card:hover{transform:translateY(-4px);border-color:#ffd86bbf;box-shadow:0 30px 80px #00000075}.listening-world-card h3{position:relative;margin:0;color:#fff;font-size:clamp(1.6rem,2.4vw,2.35rem);letter-spacing:-.04em}.listening-world-card p{position:relative;margin:0;color:#cfe0f7;line-height:1.55}.listening-world-card strong{position:relative;color:#fff3ba}.listening-world-label{position:relative;width:fit-content;border-radius:999px;padding:7px 11px;color:#cfe0ff;background:#ffffff14;font-size:.78rem;font-weight:850}.world-map-preview{position:relative;display:flex;gap:8px;align-items:center;margin-top:4px}.world-map-preview span{width:18px;height:18px;border-radius:999px;background:#d5e4ff33}.world-map-preview span.active,.world-map-preview span:first-child{background:#ffd86b;box-shadow:0 0 20px #ffd86bd9}.world-word-preview{position:relative;display:flex;flex-wrap:wrap;gap:7px}.world-word-preview em{border-radius:999px;padding:6px 9px;color:#eaf3ff;background:#ffffff14;font-size:.78rem;font-style:normal}.listening-adventure-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:stretch}.listening-adventure-hero{border-radius:34px;padding:clamp(28px,6vw,72px)}.listening-back-row{display:flex;justify-content:flex-end;margin-bottom:18px}.listening-adventure-kicker{display:inline-flex;width:fit-content;margin-bottom:12px;padding:7px 12px;border-radius:999px;color:#b9d7ff;background:#71a7ff24;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.listening-adventure h2{margin:0 0 12px;color:#fff;font-size:clamp(2rem,4.8vw,4.6rem);line-height:.95;letter-spacing:-.06em}.listening-adventure-hero>p,.listening-adventure-premise{color:#c8d8ef;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.7;max-width:760px}.listening-adventure-opening{display:grid;gap:8px;margin:28px 0;color:#fff3ba;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:800}.listening-adventure-opening.compact{grid-template-columns:repeat(auto-fit,minmax(180px,max-content));font-size:clamp(1rem,1.8vw,1.25rem)}.listening-world-route,.listening-map-route{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}.listening-world-route span,.listening-map-route span{border-radius:999px;padding:8px 11px;color:#dbeafe;background:#ffffff14;font-size:.86rem;font-weight:750}.listening-map-route span.done{color:#d1fae5;background:#4ade802e}.listening-map-route span.current{color:#251a00;background:#ffd86b}.listening-adventure-actions{margin-top:28px}.listening-adventure-word-bank{border-radius:28px;padding:26px}.listening-adventure-word-bank strong{display:block;margin-bottom:16px;color:#fff3ba;font-size:1.05rem}.listening-adventure-word-bank div{display:flex;flex-wrap:wrap;gap:8px;max-height:70vh;overflow:auto}.listening-adventure-word-bank span{border-radius:999px;padding:7px 10px;color:#dbeafe;background:#ffffff14;font-size:.88rem}.listening-adventure-play{display:grid;gap:16px}.listening-adventure-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.listening-adventure-topbar h2{font-size:clamp(1.55rem,2.6vw,2.75rem)}.listening-adventure-topbar p{margin:0;color:#c8d8ef;font-weight:750}.light-fragments{display:flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#ffffff14}.light-fragments span{width:14px;height:14px;border-radius:999px;background:#a8c1e647}.light-fragments span.lit{background:#ffd86b;box-shadow:0 0 18px #ffd86be6}.light-fragments strong{margin-left:8px;color:#fff3ba}.sound-orb-card,.listening-task-card{border-radius:30px;padding:clamp(22px,4vw,40px)}.sound-orb-card{display:grid;justify-items:center;text-align:center}.sound-orb{position:relative;width:clamp(120px,18vw,190px);height:clamp(120px,18vw,190px);border-radius:50%;background:radial-gradient(circle,#fff5bb 0 12%,#7db7ff 13% 32%,#12356d 55%,transparent 70%);box-shadow:0 0 70px #5aa0ff6b}.sound-orb span{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:2px solid rgba(255,242,176,.6)}.sound-orb.speaking{animation:soundOrbPulse 1.2s ease-in-out infinite}@keyframes soundOrbPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.24)}}.voice-guidance{margin:18px 0 0;color:#fff3ba;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:800}.listening-time-offer,.listening-feedback,.listening-visual-cue,.listening-teaching-feedback,.listening-success-panel{border-radius:18px;padding:13px 16px;margin-top:16px}.listening-time-offer,.listening-feedback{color:#dbeafe;background:#7db7ff24}.listening-visual-cue{color:#fff3ba;background:#ffd86b24;font-weight:800}.listening-teaching-feedback{color:#fed7aa;background:#fb923c21}.listening-control-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.listening-control-row .btn-secondary,.listening-back-row .btn-secondary,.listening-summary-actions .btn-secondary{color:#e8f1ff;border-color:#bad5ff47;background:#ffffff14}.listening-task-question{margin-bottom:20px;color:#fff;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:900}.listening-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.listening-option{min-height:74px;border:2px solid rgba(190,216,255,.18);border-radius:22px;padding:16px;color:#f8fbff;background:#ffffff14;font-size:1.08rem;font-weight:850;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.listening-option:hover:not(:disabled){transform:translateY(-2px);border-color:#ffd86bb3;background:#ffd86b21}.listening-option.correct{border-color:#5ae7a1e6;background:#4ade8033}.listening-option.wrong{border-color:#fc6363e6;background:#f871712e}.listening-type-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.listening-success-panel{color:#dcfce7;background:#22c55e24}.listening-success-panel p{margin:0 0 12px;font-weight:800}.listening-debug-panel{border-radius:18px;padding:14px 18px;color:#c8d8ef;background:#ffffff0f}.listening-adventure-summary{display:grid;place-items:center}.listening-summary-card{width:min(980px,100%);border-radius:34px;padding:clamp(26px,5vw,58px)}.listening-summary-card h2{font-size:clamp(2rem,4vw,3.8rem)}.listening-summary-card>p{color:#dbeafe;font-size:1.15rem}.listening-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.listening-summary-grid div{border-radius:22px;padding:20px;background:#ffffff14}.listening-summary-grid strong{display:block;color:#fff3ba;font-size:2rem}.listening-summary-grid span,.listening-summary-diagnosis p{color:#c8d8ef}.listening-log-list{display:grid;gap:10px;margin:22px 0}.listening-log-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-radius:16px;padding:12px 14px;background:#ffffff12}.listening-log-row em{color:#bfdbfe;font-style:normal}.listening-summary-actions{display:flex;flex-wrap:wrap;gap:12px}@media (min-width: 1180px){.listening-adventure-play{grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr);align-items:start}.listening-adventure-topbar,.listening-map-route,.listening-debug-panel{grid-column:1 / -1}}@media (max-width: 820px){.listening-adventure{min-height:calc(100vh - 120px);padding:18px 12px}.listening-adventure-intro,.listening-summary-grid,.listening-type-row,.listening-log-row{grid-template-columns:1fr}.listening-adventure-topbar{align-items:flex-start;flex-direction:column}.listening-adventure-opening.compact{grid-template-columns:1fr}.listening-vocab-options.image-options{grid-template-columns:1fr;width:min(380px,100%)}.listening-vocab-options.image-options button{min-height:230px}.listening-vocab-options.image-options img{width:min(250px,72vw);height:170px}}.echo-chapter-select{min-height:calc(100vh - 118px)}.echo-chapter-hero h2{font-size:clamp(2.3rem,5.8vw,5.8rem)}.echo-chapter-card{min-height:330px}.echo-chapter-card.is-locked{opacity:.58;cursor:not-allowed;filter:saturate(.55)}.echo-chapter-card.is-locked:hover{transform:none;border-color:#b2d1ff2e}.echo-chapter-meta{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}.echo-chapter-meta strong,.echo-chapter-meta span{border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.echo-chapter-meta strong{color:#251a00;background:#ffd86b}.echo-chapter-meta span{color:#dbeafe;background:#ffffff14}.current-learning-banner{text-align:center;padding:12px 20px;margin-bottom:20px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;color:var(--primary-dark);font-size:.95rem;border:1px solid var(--primary-light)}.learning-badge{background:var(--primary);color:#fff;font-size:.75rem;padding:2px 10px;border-radius:20px;font-weight:600}.learn-book-btn{padding:6px 16px;border:2px solid var(--primary);background:#fff;color:var(--primary);border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .15s}.learn-book-btn:hover{background:var(--primary);color:#fff}.book-card-active{border-color:var(--primary)!important;box-shadow:0 0 0 2px #6366f140,0 6px 18px #6366f126!important}.reveal-cell{cursor:pointer;padding:4px 10px;border-radius:6px;background:#e5e7eb;color:#9ca3af;font-size:.82rem;-webkit-user-select:none;user-select:none;transition:all .15s;display:inline-block}.reveal-cell.revealed{background:transparent;color:inherit;font-size:.92rem}.reveal-cell:hover{background:#d1d5db}.reveal-cell.revealed:hover{background:#6366f10d}.word-image-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px}.challenge-container{max-width:1040px;margin:32px auto;padding:24px 32px}.challenge-container-mode-select{max-width:min(1180px,calc(100vw - 48px));padding:28px 24px}.challenge-container-mode-select .challenge-intro{padding:clamp(28px,4vw,56px) clamp(18px,3vw,40px);overflow:hidden}.challenge-container-mode-select .challenge-mode-grid{max-width:100%;gap:clamp(12px,1.8vw,20px)}.challenge-container-mode-select .challenge-mode-card{padding:clamp(18px,2.4vw,30px) clamp(14px,1.8vw,20px)}.challenge-intro,.challenge-paused,.challenge-summary{text-align:center;padding:48px 24px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.challenge-intro h2,.challenge-paused h2,.challenge-summary h2{font-size:2rem;margin-bottom:12px;color:var(--primary-dark)}.challenge-book-name{font-size:1.1rem;color:var(--text-secondary);margin-bottom:16px}.challenge-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.challenge-progress{font-weight:700;color:var(--primary-dark);min-width:70px}.challenge-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.challenge-progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.btn-pause{padding:6px 14px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;font-size:.9rem}.btn-pause:hover{background:#e5e7eb}.challenge-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 36px;text-align:center}.challenge-word-image{max-width:200px;max-height:150px;object-fit:contain;border-radius:12px;margin-bottom:16px}.challenge-hint{margin-bottom:24px}.challenge-definition{font-size:1.1rem;color:var(--text-primary);margin-bottom:8px}.challenge-translation{font-size:1rem;color:var(--text-secondary)}.challenge-input-area{margin-bottom:16px}.challenge-input{width:100%;max-width:360px;padding:14px 18px;font-size:1.1rem;border:2px solid #d1d5db;border-radius:12px;text-align:center;outline:none;transition:border-color .15s}.challenge-input:focus{border-color:var(--primary)}.challenge-input.input-correct{border-color:var(--success);background:#f0fdf4}.challenge-input.input-wrong{border-color:var(--danger);background:#fef2f2}.challenge-input.input-retype{border-color:var(--accent);background:#fffbeb}.challenge-feedback{padding:12px;border-radius:10px;margin-bottom:16px;font-size:1rem;font-weight:600}.challenge-feedback.retype{background:#fffbeb;color:var(--accent)}.challenge-feedback.correct{background:#f0fdf4;color:var(--success)}.challenge-feedback.wrong{background:#fef2f2;color:var(--danger)}.challenge-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin-top:24px;max-width:100%;margin-left:auto;margin-right:auto}.challenge-mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;min-height:178px;justify-content:center;border:2px solid rgba(59,130,246,.24);border-radius:20px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.95),transparent 34%),linear-gradient(145deg,#fff,#eef7ff 54%,#e9fff5);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;position:relative;overflow:hidden}.challenge-mode-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:16px;border:1px solid rgba(255,255,255,.7);pointer-events:none}.challenge-mode-card:hover{border-color:var(--primary);box-shadow:0 10px 28px #2563eb29;transform:translateY(-3px)}.challenge-mode-card:disabled{opacity:.65;cursor:wait;transform:none}.challenge-preparing-banner{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.92rem;font-weight:600}.challenge-preparing-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;animation:challengePreparingPulse 1s ease-in-out infinite}@keyframes challengePreparingPulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}.mode-trophy{position:absolute;top:6px;right:8px;font-size:1.2rem;line-height:1}.mode-icon{font-size:clamp(2rem,3vw,2.55rem);line-height:1}.mode-name{font-weight:700;font-size:clamp(1rem,1.5vw,1.12rem);color:var(--primary-dark)}.mode-desc{font-size:clamp(.78rem,1.1vw,.88rem);color:var(--text-secondary);text-align:center;line-height:1.4;max-width:18em}.team-pk-mode-card{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.95),transparent 34%),linear-gradient(145deg,#fff7ed,#fef3c7 44%,#ecfeff);border-color:#f59e0b59}.team-pk-setup{position:relative;overflow:hidden;margin:18px auto 6px;max-width:min(1120px,100%);padding:clamp(18px,2.4vw,30px);border-radius:30px;background:radial-gradient(circle at 12% 10%,rgba(251,146,60,.24),transparent 26%),radial-gradient(circle at 86% 4%,rgba(14,165,233,.24),transparent 30%),linear-gradient(145deg,#fffbebfa,#f0f9fff5 52%,#fff7edfa);border:1px solid rgba(251,146,60,.42);box-shadow:0 28px 80px #0f172a26,inset 0 1px #fffc}.team-pk-setup:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:24px;border:1px solid rgba(255,255,255,.68);pointer-events:none}.team-pk-setup>*{position:relative;z-index:1}.team-pk-setup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:16px;border-radius:22px;background:#0f172ae6;color:#fff7ed;box-shadow:0 18px 40px #0f172a2e}.team-pk-setup-head>div{display:grid;gap:4px}.team-pk-setup-head strong{color:#fbbf24;font-size:clamp(1.35rem,2.2vw,2.2rem);letter-spacing:-.03em}.team-pk-setup-head span{color:#cbd5e1;font-size:.9rem}.team-pk-count-row{display:flex;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.team-pk-count-btn{border:2px solid #fdba74;background:#fff;color:#9a3412;border-radius:999px;padding:8px 16px;font-weight:800;cursor:pointer}.team-pk-count-btn.active{background:#fb923c;color:#fff}.team-pk-name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.team-pk-avatar-picker{grid-column:1 / -1;display:grid;gap:8px;padding:12px;border-radius:18px;background:#fff7ed;border:2px solid #fed7aa;color:#9a3412;text-align:left}.team-pk-avatar-picker>span{font-weight:950}.team-pk-avatar-picker>small{color:#b45309;font-weight:800}.team-pk-avatar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.team-pk-avatar-options button{display:grid;place-items:center;gap:6px;padding:8px;border-radius:16px;border:2px solid transparent;background:#fff;color:#7c2d12;font-weight:950;cursor:pointer}.team-pk-avatar-options button.selected{border-color:#fb923c;background:linear-gradient(145deg,#ffedd5,#fff);box-shadow:0 10px 22px #fb923c33}.team-pk-avatar-options img{width:64px;height:64px;border-radius:20px;object-fit:cover;object-position:top center;background:#fef3c7}.team-pk-name-field{display:flex;flex-direction:column;gap:6px;text-align:left;color:#9a3412;font-weight:800;font-size:.85rem}.team-pk-name-field input{padding:10px 12px;border:2px solid #fed7aa;border-radius:12px;font-size:.95rem;outline:none}.team-pk-name-field input:focus{border-color:#fb923c}.team-pk-setup-step{background:#ffffffb3;border-radius:20px;padding:24px;margin-bottom:20px;border:2px solid rgba(251,146,60,.2)}.team-pk-step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.team-pk-step-header .step-badge{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:800;box-shadow:0 4px 12px #f973164d}.team-pk-step-header h3{font-size:1.5rem;font-weight:800;color:#9a3412;margin:0}.team-pk-setup-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.team-pk-setup-actions .btn-secondary{background:#ffffffe6;border:2px solid #fed7aa;color:#9a3412}.team-pk-setup-actions .btn-secondary:hover{background:#fff;border-color:#fb923c}.cooperative-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;margin-left:8px;vertical-align:middle}.team-pk-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:6px;border-radius:18px;background:#0f172a14}.team-pk-mode-switch button,.team-pk-book-grid button,.team-pk-challenge-grid button{border:1px solid rgba(147,197,253,.7);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.95),transparent 34%),linear-gradient(145deg,#fff,#eff6ff);color:var(--primary-dark);border-radius:18px;padding:12px 14px;font-weight:850;cursor:pointer;box-shadow:0 8px 22px #2563eb14;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.team-pk-mode-switch button.active,.team-pk-book-grid button.selected,.team-pk-challenge-grid button.selected{border-color:#fb923c;background:radial-gradient(circle at 18% 16%,rgba(254,215,170,.85),transparent 36%),linear-gradient(145deg,#fff7ed,#ffedd5);color:#9a3412;box-shadow:0 12px 30px #fb923c2e}.team-pk-mode-switch button:hover:not(:disabled),.team-pk-book-grid button:hover:not(:disabled),.team-pk-challenge-grid button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #2563eb24}.team-pk-mode-switch button:disabled,.team-pk-book-grid button:disabled,.team-pk-challenge-grid button:disabled{cursor:default;opacity:.75}.team-pk-config-section{margin:16px 0;padding:16px;border-radius:22px;background:#ffffffa3;border:1px solid rgba(255,255,255,.8);box-shadow:0 16px 34px #0f172a14;text-align:left}.team-pk-config-section>strong{display:block;margin-bottom:10px;color:#9a3412;font-size:1rem;letter-spacing:-.01em}.team-pk-book-grid,.team-pk-challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.team-pk-book-series-list{display:grid;gap:10px}.team-pk-book-series{border:1px solid rgba(147,197,253,.55);border-radius:18px;background:#f8fafcb8;overflow:hidden}.team-pk-book-series-head,.team-pk-book-subseries-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:linear-gradient(135deg,#eff6ff,#fff);color:#1d4ed8;padding:12px 14px;font-weight:950;cursor:pointer}.team-pk-book-series-head small,.team-pk-book-subseries-head small{color:#64748b;font-weight:850}.team-pk-book-series-body{display:grid;gap:10px;padding:12px}.team-pk-book-subseries{border-radius:16px;background:#fff7edb8;border:1px solid #fed7aa;overflow:hidden}.team-pk-book-subseries-head{background:linear-gradient(135deg,#fff7ed,#fff);color:#9a3412;padding:10px 12px}.team-pk-book-subseries .team-pk-book-grid{padding:10px}.team-pk-stage-order-list{display:grid;gap:8px;margin-top:12px}.team-pk-stage-order-item{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(120px,160px) auto auto auto;gap:8px;align-items:center;padding:12px;border-radius:20px;background:linear-gradient(135deg,#fffffff5,#fff7edeb);border:1px solid rgba(253,186,116,.74);box-shadow:0 10px 22px #78350f14}.team-pk-stage-order-index{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#f97316,#fbbf24);color:#fff;font-weight:950}.team-pk-stage-order-item strong{color:#9a3412}.team-pk-stage-order-item label{display:grid;gap:4px;color:#9a3412;font-size:.78rem;font-weight:900}.team-pk-stage-order-item select{min-width:108px;border:1px solid #fdba74;border-radius:999px;background:#fff;color:#9a3412;padding:7px 10px;font-weight:900;outline:none}.team-pk-stage-order-item button{border:1px solid #fdba74;border-radius:999px;background:#fff7ed;color:#9a3412;padding:6px 10px;font-weight:900;cursor:pointer}.team-pk-stage-order-item button:disabled{opacity:.45;cursor:default}.team-pk-book-grid button{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.team-pk-book-grid em{color:#64748b;font-size:.75rem;font-style:normal;font-weight:800}.team-pk-book-grid small{color:var(--text-secondary)}.team-pk-online-panel{display:flex;flex-direction:column;gap:14px}.team-pk-online-panel p,.team-pk-room-notice{margin:0;padding:12px;border-radius:14px;background:linear-gradient(145deg,#eff6ff,#f8fafc);border:1px solid #bfdbfe;color:#1d4ed8;line-height:1.5}.team-pk-room-notice.warning{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.team-pk-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.team-pk-online-room{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:24px;background:radial-gradient(circle at 10% 12%,rgba(251,191,36,.18),transparent 28%),linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(125,211,252,.8);box-shadow:0 18px 46px #0f172a1f}.team-pk-room-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#e0f2fe;font-weight:900}.team-pk-room-code strong{font-size:1.45rem;letter-spacing:.12em;color:#fbbf24}.team-pk-room-code span{color:#86efac;font-size:.86rem}.team-pk-role-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid #bbf7d0}.team-pk-role-card>div{display:flex;flex-direction:column;gap:4px;text-align:left}.team-pk-role-card strong{color:#0f172a}.team-pk-role-card span{color:#15803d;font-weight:800}.team-pk-online-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}.team-pk-online-columns>div{padding:12px;border-radius:14px;background:#f8fafcd1;border:1px solid #e2e8f0}.team-pk-online-columns p{padding:0;border:0;background:transparent;margin:6px 0 0;color:var(--text-secondary)}.team-pk-member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:var(--text-secondary)}.team-pk-member-row>span{flex:1}.team-pk-member-avatar,.team-pk-player-avatar{width:42px;height:42px;border-radius:15px;object-fit:cover;object-position:top center;background:#fef3c7;border:2px solid rgba(255,255,255,.92);box-shadow:0 8px 18px #0f172a1f;flex:0 0 auto}.team-pk-member-row button{border:1px solid #fecaca;border-radius:999px;background:#fff1f2;color:#be123c;padding:5px 10px;font-weight:900;cursor:pointer}.team-pk-lobby-browser{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:radial-gradient(circle at 12% 10%,rgba(134,239,172,.22),transparent 28%),linear-gradient(145deg,#f0fdf4,#fff);border:1px solid #bbf7d0}.team-pk-lobby-browser-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-pk-lobby-browser p{margin:0;padding:0;border:0;background:transparent;color:#166534}.team-pk-lobby-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.team-pk-lobby-room-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#ffffffe0;border:1px solid #dcfce7;box-shadow:0 10px 24px #16653414}.team-pk-lobby-room-main{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.team-pk-lobby-room-card span{color:#15803d;font-weight:900}.team-pk-lobby-room-card strong{color:#0f172a}.team-pk-lobby-room-card small{color:#64748b;line-height:1.45}.team-pk-lobby-room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-pk-waiting-room{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:radial-gradient(circle at 4% 0%,rgba(251,146,60,.16),transparent 26%),linear-gradient(145deg,#fff7ed,#fff);border:1px solid #fed7aa;color:#9a3412;text-align:left}.team-pk-waiting-room p{padding:0;border:0;background:transparent;margin:0;color:#9a3412}.team-pk-online-question{display:grid;gap:12px}.team-pk-setup-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}.team-pk-live-spell-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:radial-gradient(circle at 12% 10%,rgba(59,130,246,.18),transparent 30%),linear-gradient(145deg,#eff6ff,#fff);border:1px solid #bfdbfe;color:#1e3a8a;font-weight:900}.team-pk-live-spell-reveal{width:100%;display:grid;gap:6px;padding:14px;border-radius:16px;background:radial-gradient(circle at 14% 8%,rgba(251,191,36,.24),transparent 34%),linear-gradient(145deg,#fff7ed,#fff);border:1px solid #fed7aa;text-align:center}.team-pk-live-spell-reveal span{color:#9a3412;font-size:.86rem}.team-pk-live-spell-reveal strong{color:#0f172a;font-size:clamp(2rem,6vw,4rem);letter-spacing:.08em}.team-pk-live-spell-reveal small{color:#c2410c;font-weight:900}.team-pk-arena{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:22px;align-items:stretch;text-align:left}.team-pk-scoreboard{display:grid;gap:12px}.team-pk-score-card{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:14px;border-radius:18px;background:#f8fafc;border:2px solid #e2e8f0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.team-pk-score-card.active{transform:translateY(-2px);border-color:#fb923c;background:#fff7ed;box-shadow:0 8px 20px #fb923c2e}.team-pk-score-card span{font-weight:900;color:var(--primary-dark)}.team-pk-score-card strong{font-size:1.75rem;color:#ea580c}.team-pk-score-card small{grid-column:1 / -1;color:var(--text-secondary)}.team-pk-question-card{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,3vw,30px);border-radius:24px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.9),transparent 32%),linear-gradient(145deg,#f8fbff,#fff 48%,#ecfdf5);border:2px solid #dbeafe}.team-pk-stage-strip{display:flex;gap:8px;flex-wrap:wrap}.team-pk-stage-strip span{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.82rem;font-weight:900}.team-pk-stage-strip span.active{background:#fb923c;color:#fff}.team-pk-image-card{display:grid;place-items:center;min-height:180px;border-radius:20px;background:linear-gradient(145deg,#eff6ff,#fff7ed);border:2px dashed #bfdbfe;overflow:hidden}.team-pk-image-card img{max-width:min(360px,100%);max-height:240px;object-fit:contain}.team-pk-flower-mini{display:grid;gap:12px;justify-items:center}.team-pk-flower-mini .flower-stage{width:min(420px,100%);min-height:360px;margin:0 auto}.team-pk-team-submit-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.team-pk-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-pk-option-btn{padding:14px;border:2px solid #dbeafe;border-radius:16px;background:#fff;color:var(--primary-dark);font-size:1rem;font-weight:900;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.team-pk-option-btn:focus{outline:none}.team-pk-option-btn:focus-visible{outline:2px solid rgba(34,197,94,.45);outline-offset:3px}.team-pk-option-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 20px #2563eb1f}.team-pk-option-btn:disabled{opacity:.7;cursor:default}.team-pk-pick-helper{align-self:center;color:var(--text-secondary);font-weight:800}.team-pk-turn-pill{align-self:flex-start;padding:8px 12px;border-radius:999px;color:#9a3412;background:#ffedd5;border:1px solid #fdba74;font-weight:800}.team-pk-question-card h2{margin:0;color:var(--primary-dark)}.team-pk-definition{margin:0;font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:900;line-height:1.35;color:#0f172a}.team-pk-translation{margin:0;color:var(--text-secondary);font-weight:700}.team-pk-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0}.team-pk-rank-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;background:#f8fafc;border:2px solid #e2e8f0}.team-pk-podium-avatar{width:86px;height:86px;border-radius:26px;object-fit:cover;object-position:top center;align-self:center;background:#fef3c7;border:3px solid rgba(255,255,255,.92);box-shadow:0 14px 28px #0f172a29}.team-pk-rank-card.rank-1{background:linear-gradient(145deg,#fffbeb,#fff7ed);border-color:#fbbf24}.team-pk-rank-card.rank-2{background:linear-gradient(145deg,#f8fafc,#eff6ff);border-color:#cbd5e1}.team-pk-rank-card.rank-3{background:linear-gradient(145deg,#fff7ed,#ffedd5);border-color:#fdba74}.team-pk-rank{color:#b45309;font-weight:900}.team-pk-rank-trophy{font-size:2.2rem;line-height:1}.team-pk-trophy-burst{display:flex;justify-content:center;align-items:flex-end;gap:16px;min-height:110px}.team-pk-trophy-burst span{display:inline-grid;place-items:center;border-radius:999px;background:#fff7ed;box-shadow:0 20px 45px #fb923c40;animation:trophy-pop .7s cubic-bezier(.16,1,.3,1) both}.team-pk-trophy-burst .gold{width:112px;height:112px;font-size:4.6rem}.team-pk-trophy-burst .silver,.team-pk-trophy-burst .bronze{width:84px;height:84px;font-size:3.4rem}@keyframes trophy-pop{0%{transform:translateY(16px) scale(.7);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.team-pk-live-page{min-height:100vh;padding:clamp(18px,3vw,40px);background:radial-gradient(circle at 12% 8%,rgba(253,186,116,.42),transparent 30%),radial-gradient(circle at 88% 16%,rgba(125,211,252,.38),transparent 28%),linear-gradient(135deg,#0f172a,#1e293b 46%,#431407);color:#f8fafc}.team-pk-live-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;max-width:min(1880px,98vw);margin:0 auto 18px}.team-pk-live-kicker{display:inline-flex;padding:1px 2px;border-radius:999px;background:#e5062b2e;border:1px solid rgba(253,186,116,.34);color:#fed7aa;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.team-pk-live-hero h1{margin:6px 0 4px;font-size:clamp(1.55rem,3.2vw,3.1rem);line-height:1;letter-spacing:-.04em}.team-pk-live-hero p{margin:0;color:#cbd5e1;font-weight:800}.team-pk-live-room{min-width:100px;display:grid;align-content:center;gap:5px;padding:12px 14px;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 50px #00000038}.team-pk-live-room img{width:48px;height:48px;border-radius:16px;object-fit:cover;object-position:top center;background:#fef3c7;border:2px solid rgba(255,255,255,.8)}.team-pk-live-room span,.team-pk-live-room small{color:#cbd5e1;font-weight:800}.team-pk-live-room small{font-size:.78rem;opacity:.78}.team-pk-live-room strong{color:#fbbf24;font-size:1.35rem;letter-spacing:-.02em}.team-pk-live-grid{max-width:min(1880px,98vw);margin:0 auto;display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:18px;align-items:start}.team-pk-live-grid-finished{grid-template-columns:minmax(0,1fr)}.team-pk-live-board,.team-pk-live-main,.team-pk-live-side,.team-pk-live-card{border-radius:28px;background:#ffffffeb;color:#0f172a;border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 70px #00000038}.team-pk-live-board,.team-pk-live-side{padding:18px;display:grid;gap:14px}.team-pk-live-main{min-width:0;padding:clamp(16px,2vw,30px);display:grid;gap:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.team-pk-live-section-title{display:inline-flex;align-items:center;gap:6px;color:#0f766e;font-size:.95rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.team-pk-live-section-title:before{content:"🏆";font-size:1.15rem}.team-pk-live-team{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 14px 14px 12px;border-radius:22px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.96),transparent 30%),linear-gradient(145deg,#fff,#eef9ff);border:2px solid #dbeafe;box-shadow:0 12px 28px #0f172a14;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.team-pk-live-team:after{content:"";position:absolute;inset:auto -20px -28px auto;width:92px;height:92px;border-radius:999px;background:#2dd4bf29}.team-pk-live-team.active{transform:translateY(-2px);border-color:#fbbf24;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.96),transparent 30%),linear-gradient(145deg,#fff7ed,#fef9c3);box-shadow:0 18px 38px #fb923c2e}.team-pk-live-team.submitted{border-color:#86efac;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.96),transparent 30%),linear-gradient(145deg,#f0fdf4,#ecfeff)}.team-pk-live-rank{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#22c55e,#14b8a6);color:#fff;font-weight:950;box-shadow:0 9px 18px #14b8a63d}.team-pk-live-team strong{display:block;color:#0f172a;font-size:1.03rem}.team-pk-live-team small{color:#64748b;font-weight:800}.team-pk-live-team b{position:relative;z-index:1;min-width:64px;padding:7px 10px;border-radius:16px;color:#92400e;background:#fef3c7;text-align:center;font-size:clamp(1.35rem,2.8vw,1.9rem);box-shadow:inset 0 -3px #fbbf2452}.team-pk-live-stages{display:flex;gap:8px;flex-wrap:wrap}.team-pk-live-stages span{padding:8px 11px;border-radius:999px;background:#0f172a14;color:#334155;font-weight:900;font-size:.84rem}.team-pk-live-stages span.active{background:#fb923c;color:#fff}.team-pk-live-card{min-width:0;padding:clamp(18px,3vw,38px);display:grid;gap:16px}.team-pk-live-current{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9a3412;font-weight:950}.team-pk-live-current strong{padding:8px 12px;border-radius:999px;background:#ffedd5}.team-pk-live-card h2{margin:0;font-size:clamp(1.4rem,3vw,2.3rem)}.team-pk-live-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.team-pk-live-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.team-pk-live-status-grid span{padding:10px 12px;border-radius:14px;background:#f1f5f9;color:#475569;font-weight:900}.team-pk-live-status-grid span.done{background:#dcfce7;color:#166534}.team-pk-live-result{padding:12px 14px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:900}.team-pk-answer-reveal-card{display:grid;gap:6px;justify-items:center;padding:18px 16px;border-radius:22px;background:radial-gradient(circle at 20% 20%,rgba(254,240,138,.42),transparent 38%),linear-gradient(135deg,#fff7ed,#ecfeff);border:2px solid #fed7aa;color:#9a3412;box-shadow:0 16px 34px #fb923c24;text-align:center}.team-pk-answer-reveal-card span{font-weight:950;color:#c2410c}.team-pk-answer-reveal-card strong{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1;color:#0f172a;letter-spacing:.03em}.team-pk-answer-reveal-card small{color:#64748b;font-weight:900}.team-pk-round-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px}.team-pk-round-summary span{padding:9px 10px;border-radius:12px;background:#ffffffb8;color:#475569}.team-pk-round-summary span.correct{background:#dcfce7;color:#166534}.team-pk-round-summary span.neutral{background:#fef9c3;color:#854d0e}.team-pk-round-summary span.wrong{background:#fee2e2;color:#991b1b}.team-pk-stage-summary-card{background:radial-gradient(circle at 15% 0%,rgba(251,191,36,.24),transparent 34%),radial-gradient(circle at 90% 10%,rgba(56,189,248,.22),transparent 30%),#fffffff0}.team-pk-stage-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.team-pk-stage-summary-team{display:grid;gap:12px;padding:16px;border-radius:22px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 34px #0f172a14}.team-pk-stage-summary-team>div:first-child{display:grid;gap:4px}.team-pk-stage-summary-team strong{color:#0f172a}.team-pk-stage-summary-team span{color:#64748b;font-weight:900}.team-pk-stage-summary-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:center;padding:10px 12px;border-radius:16px;background:#fff7ed;color:#9a3412}.team-pk-stage-summary-stats b{font-size:1.4rem}.team-pk-stage-answer-list{display:grid;gap:8px;max-height:220px;overflow:auto}.team-pk-stage-answer-list p{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;padding:9px 10px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}.team-pk-stage-answer-list p span{grid-row:span 2;color:#94a3b8}.team-pk-stage-answer-list p small{color:#64748b;font-weight:800}.team-pk-stage-answer-list p.correct{border-color:#bbf7d0;background:#f0fdf4}.team-pk-stage-answer-list p.neutral{border-color:#fde68a;background:#fffbeb}.team-pk-stage-answer-list p.wrong{border-color:#fecaca;background:#fff1f2}.team-pk-live-actions{display:flex;gap:10px;flex-wrap:wrap}.team-pk-live-player{display:grid;gap:3px;padding:12px;border-radius:16px;background:#f8fafc}.team-pk-live-player strong{color:#0f172a}.team-pk-live-player span,.team-pk-live-player small{color:#64748b;font-weight:800}.team-pk-live-flower{display:grid;gap:12px;place-items:center;width:100%;overflow:hidden}.team-pk-flower-timer{width:min(760px,100%);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#e0f2fe;box-shadow:0 14px 30px #0f172a29}.team-pk-flower-timer strong{font-size:clamp(1.4rem,3vw,2.4rem);color:#fef3c7;letter-spacing:.04em}.team-pk-flower-timer span{font-weight:900;text-align:right}.team-pk-guess-timer{width:100%;background:linear-gradient(135deg,#172554,#0f766e)}.team-pk-live-flower .flower-stage{width:min(560px,100%);height:clamp(300px,38vw,520px);min-height:300px;margin:0;--flower-letter-size: clamp(1.55rem, 2.5vw, 3.2rem)}.team-pk-live-flower .flower-petal{width:clamp(72px,7.6vw,124px);height:clamp(72px,7.6vw,124px)}.team-pk-live-flower .flower-petal[data-count="6"],.team-pk-live-flower .flower-petal[data-count="7"]{width:clamp(66px,7vw,112px);height:clamp(66px,7vw,112px)}.team-pk-live-flower .flower-petal[data-count="8"],.team-pk-live-flower .flower-petal[data-count="9"]{width:clamp(58px,6.3vw,98px);height:clamp(58px,6.3vw,98px)}.team-pk-live-flower .flower-petal[data-count="10"],.team-pk-live-flower .flower-petal[data-count="11"],.team-pk-live-flower .flower-petal[data-count="12"]{width:clamp(50px,5.5vw,84px);height:clamp(50px,5.5vw,84px)}.team-pk-live-flower .flower-center{width:clamp(76px,8vw,122px);height:clamp(76px,8vw,122px)}.team-pk-guess-panel{display:grid;gap:12px}.team-pk-guess-quick-row{display:flex;flex-wrap:wrap;gap:8px}.team-pk-guess-quick-row button{border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:8px 12px;font-weight:900;cursor:pointer}.team-pk-guess-quick-row button:disabled{opacity:.5;cursor:default}.team-pk-guess-log{display:grid;gap:8px;max-height:240px;overflow:auto}.team-pk-guess-log div{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.team-pk-guess-log strong{color:#0f172a}.team-pk-guess-log span{color:#475569;font-weight:800}.challenge-mode-label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.challenge-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.challenge-option{padding:14px 16px;border:2px solid #d1d5db;border-radius:12px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .15s;text-align:center;word-break:break-word}.challenge-option:hover:not(:disabled){border-color:var(--primary);background:#f0f0ff}.challenge-option:disabled{cursor:default}.challenge-option.option-correct{border-color:var(--success);background:#f0fdf4;color:var(--success);font-weight:600}.challenge-option.option-wrong{border-color:var(--danger);background:#fef2f2;color:var(--danger)}.challenge-container-img-mode{max-width:980px;margin-top:12px}.challenge-container-img-mode .challenge-header{margin-bottom:12px}.challenge-card-img-mode{padding:28px 28px 32px}.challenge-hint-img-mode{margin-bottom:20px}.challenge-image-shell{position:relative;width:min(100%,680px);height:clamp(280px,46vh,420px);margin:0 auto 16px;border-radius:12px;overflow:hidden;background:#f3f4f6}.challenge-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#e5e7ebf2 10%,#f3f4f6f2,#e5e7ebf2 70%);background-size:200% 100%;animation:challengeImageShimmer 1.2s linear infinite}.challenge-image-missing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}@keyframes challengeImageShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.challenge-word-image-img-mode{width:100%;max-width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;margin-bottom:0;opacity:0;transition:opacity .2s ease}.challenge-word-image-img-mode.is-loaded{opacity:1}.challenge-options-img-mode{grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px}.challenge-option-img-mode{padding:14px 10px;min-height:56px;font-size:1.06rem;font-weight:600}@media (max-width: 980px){.challenge-options-img-mode{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width: 720px){.challenge-options-img-mode{grid-template-columns:repeat(2,minmax(130px,1fr))}.challenge-word-image-img-mode{height:100%}.challenge-image-shell{height:300px}}.challenge-word-display{font-size:2rem;font-weight:800;color:var(--primary-dark);margin:12px 0}.scenario-chat{display:flex;flex-direction:column;gap:16px;text-align:left}.scenario-word-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.scenario-word{font-size:1.4rem;font-weight:800;color:var(--primary-dark)}.scenario-translation,.scenario-count{color:var(--text-secondary);font-size:.92rem}.scenario-count{margin-left:auto;font-weight:700}.scenario-loading{text-align:center;padding:28px 12px;color:var(--text-secondary);font-weight:600}.scenario-scene-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.scenario-scene-chip{min-height:54px;padding:8px 6px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:var(--text-secondary);font-size:.72rem;text-align:center}.scenario-scene-chip span{display:block;width:20px;height:20px;margin:0 auto 4px;border-radius:50%;background:#f3f4f6;line-height:20px;font-weight:800}.scenario-scene-chip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-scene-chip.active{border-color:var(--primary);background:#eef2ff;color:var(--primary-dark)}.scenario-scene-chip.done{border-color:var(--success);background:#f0fdf4;color:var(--success)}.scenario-panel{padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.scenario-scene-title{font-weight:800;color:var(--text-primary);margin-bottom:6px}.scenario-panel p{margin:0 0 10px;color:var(--text-secondary);line-height:1.45}.scenario-roles{display:flex;gap:8px;flex-wrap:wrap}.scenario-roles span{padding:4px 8px;border-radius:999px;background:#f3f4f6;color:var(--text-secondary);font-size:.78rem;font-weight:600}.scenario-round-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scenario-round-bar span{height:8px;border-radius:999px;background:#e5e7eb}.scenario-round-bar span.filled{background:var(--primary)}.scenario-messages{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:12px;background:#f8fafc;border-radius:10px}.scenario-message{max-width:86%;padding:10px 12px;border-radius:10px;line-height:1.45;font-size:.95rem}.scenario-message p{margin:0}.scenario-message.ai{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;color:var(--text-primary)}.scenario-message.student{align-self:flex-end;background:var(--primary);color:#fff}.scenario-evaluation{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:10px;background:#f0fdf4;color:var(--success);text-align:center}.scenario-evaluation strong{font-size:1.15rem}.scenario-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.scenario-input-row textarea{min-height:72px;resize:vertical;padding:12px;border:2px solid #d1d5db;border-radius:10px;font-size:1rem;font-family:inherit;outline:none}.scenario-input-row textarea:focus{border-color:var(--primary)}.scenario-error{color:var(--danger);font-size:.9rem;text-align:center}.guess-qa{display:flex;flex-direction:column;gap:14px;text-align:left}.guess-qa-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.guess-qa-title{font-weight:800;color:var(--primary-dark)}.guess-qa-count{margin-left:auto;color:var(--text-secondary);font-size:.9rem;font-weight:700}.guess-qa-tip{padding:10px 12px;border-radius:10px;background:#eff6ff;color:#1e40af;font-size:.9rem;border:1px solid #bfdbfe}.flower-challenge{display:flex;flex-direction:column;gap:12px;max-width:820px;width:100%;margin:0 auto;padding:14px;border-radius:18px;background:radial-gradient(circle at top right,rgba(255,237,213,.7),transparent 36%),linear-gradient(180deg,#fffefb,#fff9f1);border:2px solid #f3e8d4;box-shadow:0 8px 20px #78350f14}.flower-header{display:flex;flex-direction:row;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:2px 4px}.flower-title{font-size:1.25rem;font-weight:800;color:var(--primary-dark)}.flower-subtitle{font-size:.92rem;color:var(--text-secondary)}.flower-timer{font-size:1.1rem;font-weight:600;color:var(--primary-dark);margin-top:4px}.timer-urgent{color:#dc2626;font-weight:800;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.flower-hint-panel{display:none;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;text-align:center}.flower-translation{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:#9a3412}.flower-definition{margin:0;color:#7c2d12;line-height:1.5}.flower-meta{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;background:#ffffffbf;color:#9a3412;font-size:.82rem;font-weight:700}.flower-stage{position:relative;width:min(100%,540px);height:min(54vw,540px);flex-shrink:0;align-self:center;margin:4px auto 0;background:radial-gradient(circle at 50% 52%,#fef3c72e,#fff0 62%),radial-gradient(circle at 50% 50%,#ffffffeb,#ffffff40);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;--flower-letter-size: clamp(1.45rem, 4.8vw, 2.35rem)}.flower-petal{position:absolute;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 28% 26%,#ffe4e6,#fb7185 70%);color:#831843;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #e11d4833;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);transition:none;animation:none;will-change:auto}.flower-petal:hover,.flower-petal:active,.flower-petal:focus{transform:translate(-50%,-50%);animation:none}.flower-petal[data-count="6"],.flower-petal[data-count="7"]{width:112px;height:112px}.flower-petal[data-count="8"],.flower-petal[data-count="9"]{width:98px;height:98px}.flower-petal[data-count="10"],.flower-petal[data-count="11"],.flower-petal[data-count="12"]{width:86px;height:86px}.flower-petal strong{font-size:var(--flower-letter-size);line-height:1}.flower-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7cc,#facc15 72%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;padding:6px;z-index:1;box-shadow:0 8px 18px #d9770638,inset -1px -1px 6px #78350f1f,inset 1px 1px 6px #ffffff8c;border:2px solid rgba(255,255,255,.96)}.flower-center span{font-size:var(--flower-letter-size);font-weight:900;color:#f59e0b;text-shadow:0 1px 6px rgba(0,0,0,.18);line-height:1}.flower-wrong-reveal{background:#fff1f2;border:2px solid #fecdd3;border-radius:14px;padding:16px 20px;text-align:center;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.flower-wrong-reveal:active{background:#ffe4e6}.flower-wrong-reveal .flower-wrong-answer{font-size:1.05rem;color:#9f1239}.flower-wrong-reveal .flower-wrong-tap-hint{font-size:.8rem;color:#fda4af;margin-top:6px}.flower-hints-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 2px}.flower-hint-btn{font-size:.66rem;padding:6px 4px;width:100%;white-space:normal;text-align:center;line-height:1.25;min-height:42px}.flower-hint-log{background:#ecfdf5;border:1px solid #86efac;border-radius:12px;padding:10px 12px;text-align:left;max-height:168px;overflow-y:auto}.flower-hint-log p{margin:0;color:#14532d;font-size:.92rem;line-height:1.45}.flower-hint-log p+p{margin-top:6px}.flower-phrase-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 14px;font-size:.9rem;color:#92400e;font-weight:600;text-align:center}.flower-bonus-score{text-align:center;font-size:.88rem;color:#14532d;background:#ecfdf5;border:1px solid #86efac;border-radius:10px;padding:8px 10px}.flower-bonus-notice{text-align:center;font-size:.9rem;font-weight:700;color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:10px;padding:8px 10px}.flower-input-area{display:flex;justify-content:center}.flower-input-area .challenge-input{width:min(100%,520px)}.flower-play-area{display:grid;grid-template-columns:minmax(420px,1fr) minmax(230px,280px);align-items:center;gap:18px}.flower-side-panel{display:flex;flex-direction:column;gap:10px;min-width:0}.guess-qa-presets{display:flex;flex-wrap:wrap;gap:8px}.guess-qa-preset-btn{border:1px solid #bfdbfe;background:#f8fbff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:.8rem;cursor:pointer}.guess-qa-preset-btn:hover{background:#eaf3ff}@media (max-width: 480px){.challenge-container{padding:16px 12px}.challenge-card{padding:22px 12px}.flower-challenge{max-width:100%;padding:10px}.flower-header{flex-direction:column;align-items:flex-start}.flower-stage{width:248px;height:248px}.flower-petal,.flower-petal[data-count]{width:66px;height:66px}.flower-petal strong{font-size:var(--flower-letter-size)}.flower-center{width:84px;height:84px}.flower-hints-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.flower-hint-btn{font-size:.58rem;padding:6px 2px;min-height:38px}.guess-qa-preset-btn{font-size:.72rem;padding:5px 8px}}@media (max-width: 860px){.flower-play-area,.team-pk-arena{grid-template-columns:1fr}.team-pk-scoreboard{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.team-pk-live-hero,.team-pk-live-grid{grid-template-columns:1fr}.team-pk-live-hero{flex-direction:column}}@media (max-width: 640px){.challenge-container-mode-select{max-width:100%;padding:16px 12px}.challenge-container-mode-select .challenge-intro{padding:26px 14px}.challenge-mode-grid{grid-template-columns:1fr;gap:12px}.challenge-mode-card{min-height:142px;padding:18px 14px}.team-pk-setup-head,.team-pk-setup-actions{flex-direction:column;align-items:stretch}.team-pk-stage-order-item{grid-template-columns:1fr}.team-pk-count-row{justify-content:stretch}.team-pk-count-btn{flex:1}.team-pk-mode-switch,.team-pk-options,.team-pk-online-columns{grid-template-columns:1fr}.team-pk-room-code{flex-direction:column;align-items:flex-start}.team-pk-live-page{padding:14px}.team-pk-live-answer-row{grid-template-columns:1fr}}@media (min-width: 1200px) and (min-aspect-ratio: 16/10){.challenge-container{max-width:1320px}.challenge-container-mode-select{max-width:min(1280px,calc(100vw - 72px))}.challenge-container-mode-select .challenge-mode-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.challenge-card{padding:34px 48px}.flower-challenge{max-width:1120px}.flower-play-area{grid-template-columns:minmax(640px,1fr) minmax(280px,340px);gap:28px}.flower-stage{width:min(100%,640px);height:min(50vw,640px);--flower-letter-size: clamp(2rem, 2.7vw, 3rem)}.flower-petal{width:148px;height:148px}.flower-petal[data-count="6"],.flower-petal[data-count="7"]{width:132px;height:132px}.flower-petal[data-count="8"],.flower-petal[data-count="9"]{width:116px;height:116px}.flower-petal[data-count="10"],.flower-petal[data-count="11"],.flower-petal[data-count="12"]{width:102px;height:102px}.flower-center{width:148px;height:148px}.flower-title{font-size:1.45rem}.flower-timer{font-size:1.25rem}.guess-qa{max-width:1180px;margin:0 auto}.guess-qa .scenario-messages{max-height:340px}.guess-qa-presets{gap:10px}.guess-qa-preset-btn{font-size:.9rem;padding:8px 12px}}.team-pk-live-card-flower-challenge{gap:10px;padding-block:clamp(14px,2vw,26px)}.team-pk-live-card-flower-challenge h2{font-size:clamp(1.2rem,2vw,1.65rem)}.team-pk-live-flower{gap:8px}.team-pk-live-flower .team-pk-flower-timer{width:min(640px,100%);padding:8px 12px;border-radius:16px}.team-pk-live-flower .team-pk-flower-timer strong{font-size:clamp(1.2rem,2.3vw,1.9rem)}.team-pk-live-flower .team-pk-flower-timer span{font-size:clamp(.78rem,1.15vw,.95rem)}.team-pk-live-flower .flower-stage{width:min(480px,92vw);height:min(480px,50vh);min-height:260px;max-height:480px;--flower-letter-size: clamp(1.35rem, 2.1vw, 2.4rem)}.team-pk-live-flower .flower-petal{width:clamp(68px,7vw,108px);height:clamp(68px,7vw,108px)}.team-pk-live-flower .flower-petal[data-count="6"],.team-pk-live-flower .flower-petal[data-count="7"]{width:clamp(62px,6.5vw,98px);height:clamp(62px,6.5vw,98px)}.team-pk-live-flower .flower-petal[data-count="8"],.team-pk-live-flower .flower-petal[data-count="9"]{width:clamp(56px,5.8vw,88px);height:clamp(56px,5.8vw,88px)}.team-pk-live-flower .flower-petal[data-count="10"],.team-pk-live-flower .flower-petal[data-count="11"],.team-pk-live-flower .flower-petal[data-count="12"]{width:clamp(50px,5.2vw,78px);height:clamp(50px,5.2vw,78px)}.team-pk-live-flower .flower-center{width:clamp(72px,7.4vw,108px);height:clamp(72px,7.4vw,108px)}.ai-scene-shell{max-width:1120px;margin:24px auto;padding:20px}.ai-scene-topbar{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ai-scene-topbar span{font-size:1.25rem;font-weight:800;color:var(--primary-dark)}.ai-scene-topbar strong{margin-left:auto;color:var(--text-secondary)}.ai-scene-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.ai-scene-progress span{height:10px;border-radius:999px;background:#e5e7eb}.ai-scene-progress span.active{background:var(--primary)}.ai-scene-progress span.done{background:var(--success)}.ai-scene-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;min-height:640px}.ai-scene-media-panel,.ai-scene-chat-panel,.ai-scene-report{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ai-scene-media-panel{display:flex;flex-direction:column;overflow:hidden}.ai-scene-media{width:100%;height:min(68vh,620px);min-height:420px;object-fit:cover;background:#111827}.ai-scene-objective{display:flex;flex-direction:column;gap:6px;padding:16px 18px}.ai-scene-objective strong{color:var(--primary-dark);font-size:1.15rem}.ai-scene-objective span{color:var(--text-secondary)}.ai-scene-chat-panel{display:flex;flex-direction:column;min-height:640px;padding:16px}.ai-scene-chat-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.ai-scene-chat-heading div{display:flex;flex-direction:column;gap:4px}.ai-scene-chat-heading strong{color:var(--primary-dark);font-size:1.1rem}.ai-scene-chat-heading span,.ai-scene-chat-heading small{color:var(--text-secondary);font-size:.86rem}.ai-scene-chat-heading small{margin-left:auto;font-weight:800}.ai-scene-chat-log{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;border-radius:12px;background:#f8fafc}.ai-scene-message{max-width:88%;display:flex;flex-direction:column;gap:4px}.ai-scene-message.ai{align-self:flex-start;align-items:flex-start}.ai-scene-message.student{align-self:flex-end;align-items:flex-end}.ai-scene-bubble{padding:11px 13px;border-radius:12px;line-height:1.45;font-size:.96rem;white-space:pre-wrap}.ai-scene-bubble.ai{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;color:var(--text-primary);border-bottom-left-radius:4px}.ai-scene-bubble.ai.audio-only,.ai-scene-bubble.ai.show-text{min-width:260px}.ai-scene-ai-stack{display:flex;flex-direction:column;gap:6px}.ai-scene-audio-row{display:flex;align-items:center;gap:9px}.ai-scene-speaker{width:32px;height:32px;border:none;border-radius:50%;background:var(--primary);color:#fff;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ai-scene-speaker:disabled{background:#cbd5e1;cursor:not-allowed}.ai-scene-audio-wave{height:24px;min-width:76px;display:inline-flex;align-items:center;gap:4px}.ai-scene-audio-wave i{width:4px;border-radius:999px;background:#94a3b8}.ai-scene-audio-wave i:nth-child(1){height:10px}.ai-scene-audio-wave i:nth-child(2){height:20px}.ai-scene-audio-wave i:nth-child(3){height:15px}.ai-scene-audio-wave i:nth-child(4){height:22px}.ai-scene-audio-label{color:var(--text-secondary);font-size:.84rem;white-space:nowrap}.ai-scene-show-text{margin-left:auto;border:none;background:transparent;color:var(--primary);font-weight:800;font-size:.82rem;cursor:pointer;white-space:nowrap}.ai-scene-revealed-text{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.ai-scene-bubble.student{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.ai-scene-standard,.ai-scene-success,.ai-scene-error{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:.92rem;line-height:1.4}.ai-scene-standard{background:#fffbeb;color:var(--accent)}.ai-scene-hint{padding:0 4px 0 6px;color:#64748b;font-size:.82rem;line-height:1.45;border-left:2px solid #cbd5e1}.ai-scene-hint:before{content:"提示：";font-weight:700;color:var(--text-secondary)}.ai-scene-success{background:#f0fdf4;color:var(--success)}.ai-scene-error{background:#fef2f2;color:var(--danger)}.ai-scene-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px}.ai-scene-record{min-height:54px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .12s,background .12s}.ai-scene-record:hover:not(:disabled){background:var(--primary-dark)}.ai-scene-record.recording{background:var(--danger);transform:scale(.98)}.ai-scene-record:disabled{opacity:.6;cursor:not-allowed}.ai-scene-report{padding:34px 28px;text-align:center}.ai-scene-trophy{font-size:4rem;line-height:1;margin-bottom:10px}.ai-scene-report h2{color:var(--primary-dark);margin-bottom:10px}.ai-scene-report-lead{color:var(--text-secondary);margin-bottom:20px}.ai-scene-report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.ai-scene-report-card{display:flex;flex-direction:column;gap:6px;min-height:112px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;text-align:left;background:#fff}.ai-scene-report-card.passed{border-color:var(--success);background:#f0fdf4}.ai-scene-report-card.needs-work{border-color:var(--accent);background:#fffbeb}.ai-scene-report-card strong{color:var(--text-primary)}.ai-scene-report-card span,.ai-scene-report-card p{color:var(--text-secondary);font-size:.86rem;margin:0}.ai-scene-report-section{margin:12px 0;padding:14px;border-radius:10px;background:#f8fafc;text-align:left}.ai-scene-report-section h3{margin:0 0 6px;color:var(--primary-dark);font-size:1rem}.ai-scene-report-section p{margin:0;color:var(--text-secondary);line-height:1.5}.btn-listen{padding:14px 28px;border:2px solid var(--primary);background:#fff;color:var(--primary);border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-listen:hover{background:var(--primary);color:#fff}@media (max-width: 480px){.challenge-mode-grid,.challenge-options{grid-template-columns:1fr}.scenario-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-count{width:100%;margin-left:0}.scenario-input-row{grid-template-columns:1fr}.ai-scene-shell{padding:12px}.ai-scene-stage{grid-template-columns:1fr;min-height:auto}.ai-scene-media,.ai-scene-chat-panel{min-height:360px}.ai-scene-controls,.ai-scene-report-grid{grid-template-columns:1fr}}.challenge-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.btn-primary{padding:11px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 0 var(--primary-dark);transition:transform .12s,box-shadow .12s;letter-spacing:.02em}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--primary-dark)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary.btn-large{padding:14px 40px;font-size:1.15rem}.btn-secondary{padding:11px 28px;background:#fff;color:var(--primary);border:2px solid var(--primary-light);border-radius:var(--radius-full);font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--primary-light);transition:transform .12s,box-shadow .12s}.btn-secondary:hover{background:#f0f7ff;transform:translateY(-1px);box-shadow:0 4px 0 var(--primary-light)}.challenge-stats{display:flex;justify-content:center;gap:32px;margin:24px 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:2rem;font-weight:800;color:var(--primary-dark)}.stat-correct .stat-number{color:var(--success)}.stat-wrong .stat-number{color:var(--danger)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.books-center-container{max-width:900px;margin:32px auto;padding:24px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.books-center-container h2{text-align:center;margin-bottom:32px;font-size:2rem;color:var(--primary-dark)}.books-list{display:flex;flex-direction:column;gap:20px;align-items:center}.book-card{width:100%;max-width:800px;background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff);border-radius:16px;box-shadow:0 6px 18px #6366f11a,0 1.5px 4px #0000000a;border:2px solid var(--primary-light);display:flex;flex-direction:column;align-items:stretch;padding:0;position:relative;transition:transform .15s,box-shadow .15s;overflow:hidden}.series-card{width:100%;max-width:800px;background:linear-gradient(135deg,#f0f4ff 60%,#dbe4ff);border-radius:18px;box-shadow:0 6px 20px #6366f11f,0 1.5px 4px #0000000a;border:2px solid var(--primary-light);overflow:hidden;transition:box-shadow .15s}.series-card:hover{box-shadow:0 12px 32px #6366f12e,0 2px 8px #0000000f}.series-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none}.series-info h3{font-size:1.3rem;font-weight:700;color:var(--primary-dark);margin:0}.series-info p{color:var(--text-secondary);font-size:.95rem;margin:4px 0 0}.series-progress{display:inline-block;margin-top:4px;font-size:.85rem;color:#059669;font-weight:600}.series-books{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px}.series-books .book-card{max-width:none}.sub-series-card{width:100%;background:linear-gradient(135deg,#f5f3ff 60%,#ede9fe);border-radius:14px;border:2px solid #c4b5fd;overflow:hidden;transition:box-shadow .15s}.sub-series-card:hover{box-shadow:0 8px 24px #8b5cf626}.sub-series-card-header{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.sub-series-card-header .series-info h3{font-size:1.1rem;font-weight:700;color:#5b21b6}.sub-series-card-header .series-info p{font-size:.9rem;color:#7c3aed;margin:2px 0 0}.sub-series-card .series-books{padding:0 16px 16px}.book-card:hover{box-shadow:0 12px 32px #6366f12e,0 2px 8px #0000000f;border-color:var(--primary)}.book-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px 20px 36px;cursor:pointer;-webkit-user-select:none;user-select:none}.book-card-header h3{font-size:1.2rem;font-weight:700;color:var(--primary-dark);margin:0}.book-card-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.book-toggle{margin-left:auto;font-size:.85rem;color:var(--primary);font-weight:600}.book-word-list{max-height:400px;overflow-y:auto;padding:0 24px 20px 36px}.book-word-table{width:100%;border-collapse:collapse;font-size:.92rem}.book-word-table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--primary-light);color:var(--primary-dark);font-weight:600;position:sticky;top:0;background:#f8fafc}.book-word-table td{padding:6px 12px;border-bottom:1px solid #e5e7eb}.book-word-table tbody tr:hover{background:#6366f10d}.book-card:before{content:"";display:block;position:absolute;left:0;top:0;width:16px;height:100%;background:repeating-linear-gradient(135deg,#a5b4fc 0,#a5b4fc 4px,#e0e7ff 4px,#e0e7ff 8px);border-radius:8px 0 0 8px;opacity:.7}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2b7fff;--primary-dark: #1558cc;--primary-light: #7fb8ff;--accent: #ff8c00;--accent-light: #ffb347;--bg: #fffbf2;--bg-card: #ffffff;--text: #1a2a44;--text-secondary: #5a6a84;--text-muted: #9aaabb;--border: #ddeeff;--success: #22c55e;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #f43f5e;--danger-light: #ffe4e6;--shadow-sm: 0 2px 4px rgba(43,127,255,.08);--shadow: 0 4px 12px rgba(43,127,255,.1), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(43,127,255,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(43,127,255,.15);--radius: 14px;--radius-lg: 20px;--radius-full: 9999px;--gradient: linear-gradient(135deg, #2b7fff, #7fb8ff);--gradient-warm: linear-gradient(135deg, #ff8c00, #ff5252)}body{font-family:"Noto Serif SC",Ma Shan Zheng,ZCOOL XiaoWei,-apple-system,BlinkMacSystemFont,serif;font-size:16px;line-height:1.65;color:var(--text);background-color:#f0f7ff;background-image:radial-gradient(circle at 15px 15px,#d0e8ff 1.5px,transparent 0),radial-gradient(circle at 45px 45px,#fde8c8 1.5px,transparent 0);background-size:60px 60px;-webkit-font-smoothing:antialiased;letter-spacing:.01em}.app{display:flex;flex-direction:column;min-height:100vh}header{background:#2b7fff;color:#fff;padding:0;text-align:center;position:sticky;top:0;z-index:100;box-shadow:0 4px #ffb347,0 6px 24px #2b7fff2e}.header-main{display:flex;align-items:center;justify-content:space-between;gap:clamp(.4rem,.9vw,.9rem);padding:.62rem clamp(.8rem,1.8vw,1.4rem);max-width:1480px;margin:0 auto;width:100%}.header-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;flex:0 0 auto;font-size:1.08rem;font-weight:900;white-space:nowrap;letter-spacing:.02em;line-height:1.05}.header-byline{font-size:.62rem;font-weight:600;color:#ffe5b4;letter-spacing:.06em;font-style:normal;background:#ffffff26;padding:1px 7px;border-radius:999px}.header-logo .logo-icon{font-size:1.5rem}header h1{font-size:clamp(.98rem,1.35vw,1.18rem);font-weight:900;letter-spacing:.01em;margin:0}nav{flex:1;display:flex;justify-content:flex-start;margin-left:0;overflow-x:auto;min-width:0}nav ul{list-style:none;display:flex;gap:clamp(.12rem,.35vw,.28rem);background:#ffffff26;border-radius:var(--radius-full);padding:.26rem;margin:0;flex-wrap:nowrap;min-width:0}nav ul li a{color:#ffffffe6;text-decoration:none;font-weight:700;font-size:clamp(.76rem,.88vw,.88rem);padding:.42rem clamp(.54rem,.78vw,.86rem);border-radius:var(--radius-full);transition:all .18s ease;display:block;white-space:nowrap;letter-spacing:.01em}nav ul li a:hover{color:#fff;background:#fff3}nav ul li a.active{color:#2b7fff;background:#fff;font-weight:800;box-shadow:0 2px 8px #0000001f}.book-bar{background:#00000014;padding:.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.15)}.book-management{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:1400px;margin:0 auto;flex-wrap:wrap}#book-selector{padding:.4rem .85rem;border:2px solid rgba(255,255,255,.35);border-radius:var(--radius-full);font-size:.875rem;min-width:200px;background:#ffffff26;color:#fff;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif;font-weight:600;outline:none;transition:all .2s}#book-selector:focus{background:#ffffff40;border-color:#ffffff80}#book-selector option{color:var(--text);background:#fff}#create-book-btn,#rename-book-btn,#delete-book-btn{padding:.4rem .9rem;border:2px solid rgba(255,255,255,.35);border-radius:var(--radius-full);cursor:pointer;font-size:.82rem;font-weight:700;transition:all .18s;background:#ffffff1f;color:#fff;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif}#create-book-btn:hover,#rename-book-btn:hover,#delete-book-btn:hover{background:#ffffff47;border-color:#fff9}main{padding:2rem 1.5rem;max-width:1200px;margin:0 auto;flex:1;width:100%}section{background-color:var(--bg-card);border-radius:20px;padding:2rem;box-shadow:0 4px #2b7fff1a,0 8px 24px #2b7fff14;border:2px solid var(--border)}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.flashcard-counter{font-size:.9rem;font-weight:600;color:var(--text-secondary);background:var(--bg);padding:.35rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border)}.flashcard{width:min(90vw,640px);height:min(70vh,460px);perspective:1200px;cursor:pointer}.flashcard-inner{width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.front,.back{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.front{background:linear-gradient(145deg,#eef2ff,#e0e7ff)}.back{background:linear-gradient(145deg,#ecfdf5,#d1fae5);transform:rotateY(180deg)}.front h2,.back h2{margin-bottom:.75rem;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}#word{font-size:2.75rem;font-weight:700;color:var(--primary)}#definition{font-size:1.1rem;text-align:center;color:var(--text);line-height:1.4;word-break:break-word;max-width:100%}.flashcard .translation{font-size:1rem;color:var(--success);margin-top:.5rem;font-style:italic}.flashcard-example{font-size:.85rem;color:#555;margin-top:.4rem;font-style:italic;text-align:center;line-height:1.4;word-break:break-word;max-width:100%}.flashcard-img{max-width:45%;max-height:40%;object-fit:contain;border-radius:var(--radius-md);margin-bottom:.5rem;flex-shrink:0}.play-btn{margin-top:.75rem;padding:.45rem 1.1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:.85rem;font-weight:800;transition:all .15s;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif;box-shadow:0 3px 0 var(--primary-dark)}.play-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 0 var(--primary-dark)}.flashcard-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.play-def-btn{background:var(--surface);color:var(--primary);border:1px solid var(--primary);padding:.5rem .9rem;font-size:.8rem}.play-def-btn:hover{background:var(--primary);color:#fff}.flashcard-auto-play{display:flex;justify-content:center;margin-top:.75rem}.auto-play-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem;color:var(--text-light);-webkit-user-select:none;user-select:none}.auto-play-toggle input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.auto-play-label{font-size:.8rem}.difficulty-buttons{display:flex;gap:.75rem}button{padding:.6rem 1.25rem;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;font-family:Inter,sans-serif}button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}button:active{transform:translateY(0)}#prev-btn,#next-btn{background-color:var(--primary);color:#fff}#prev-btn:hover,#next-btn:hover{background-color:var(--primary-dark)}#flip-btn{background-color:var(--bg);color:var(--text);border:1px solid var(--border)}#flip-btn:hover{background-color:var(--border)}.difficulty{color:#fff;font-size:.85rem;padding:.5rem 1.25rem}.difficulty.easy{background-color:var(--success)}.difficulty.easy:hover{background-color:#059669}.difficulty.medium{background-color:var(--warning)}.difficulty.medium:hover{background-color:#d97706}.difficulty.hard{background-color:var(--danger)}.difficulty.hard:hover{background-color:#dc2626}.word-list-container{display:flex;flex-direction:column;gap:1.25rem}.word-list-header{display:flex;justify-content:space-between;align-items:center}.word-list-header h2{font-size:1.5rem;font-weight:700}.word-list-actions{display:flex;gap:.75rem}#add-word-btn,#import-words-btn{background-color:var(--primary);color:#fff;font-size:.85rem;padding:.5rem 1.25rem}#add-word-btn:hover,#import-words-btn:hover{background-color:var(--primary-dark)}.word-list-content{max-height:600px;overflow-y:auto;border-radius:var(--radius)}#words-container{list-style:none;display:flex;flex-direction:column;gap:.75rem}#words-container li{padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;transition:all .2s}#words-container li:hover{border-color:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-1px)}.word-info{flex:1}.word-info h3{margin-bottom:.25rem;color:var(--text);font-weight:600;font-size:1.05rem}.word-info p{color:var(--text-secondary);font-size:.875rem}.word-info .translation{font-style:italic;color:var(--primary);margin:.25rem 0;font-weight:500}.word-info .difficulty-tag{display:inline-block;margin-top:.35rem}.difficulty-pill{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.difficulty-pill.easy{background:var(--success-light);color:#065f46}.difficulty-pill.medium{background:var(--warning-light);color:#92400e}.difficulty-pill.hard{background:var(--danger-light);color:#991b1b}.word-actions{display:flex;gap:.5rem}.word-actions button{padding:.4rem .85rem;font-size:.8rem;border-radius:var(--radius)}.edit-word-btn{background-color:var(--bg);color:var(--primary);border:1px solid var(--primary-light)}.edit-word-btn:hover{background-color:#eef2ff}.delete-word-btn{background-color:var(--bg);color:var(--danger);border:1px solid #fca5a5}.delete-word-btn:hover{background-color:var(--danger-light)}.empty-list{padding:3rem 2rem;text-align:center;color:var(--text-muted)}.empty-list-icon{font-size:3rem;margin-bottom:1rem;display:block}.empty-list p{font-size:1rem;color:var(--text-secondary)}.settings-container{display:flex;flex-direction:column;gap:1rem}.settings-container h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f8fbff;border:2.5px solid #ddeeff;border-radius:16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px #c8dfff}.settings-item:hover{border-color:var(--primary);box-shadow:0 4px #a8c8ff}.settings-item label{font-weight:700;color:var(--text)}.settings-item select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-family:Inter,sans-serif;color:var(--text);background:#fff;outline:none;transition:border-color .2s}.settings-item select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.toggle-switch{position:relative;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:var(--radius-full);transition:all .3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.practice-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.practice-container>h2{font-size:1.5rem;font-weight:700}.practice-progress{display:flex;align-items:center;gap:.75rem;width:100%;max-width:800px}.practice-progress-bar{flex:1;height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.practice-progress-fill{height:100%;background:var(--gradient);border-radius:var(--radius-full);transition:width .4s ease}.practice-progress-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.practice-steps{width:100%;max-width:800px;background:var(--bg-card);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.practice-step{display:flex;flex-direction:column;gap:1.25rem;align-items:center}.practice-step h3{color:var(--primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.practice-step-img{max-width:min(60vw,400px);max-height:min(40vh,400px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md)}.practice-definition{font-size:.95rem;color:var(--text-secondary);text-align:center;font-style:italic}.practice-step4-card{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-radius:var(--radius-lg);padding:1.25rem 2rem;text-align:center;box-shadow:var(--shadow-sm);margin-bottom:.5rem}.practice-step4-word{font-size:2rem;font-weight:700;color:var(--primary);text-align:center;margin:0}.practice-def-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.practice-def-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:20px;background:var(--bg);cursor:pointer;text-align:left;font-size:.95rem;transition:border-color .2s,background .2s}.practice-def-option .option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary-light, #e0e7ff);color:var(--primary);font-weight:700;font-size:.85rem;flex-shrink:0}.practice-def-option .option-text{flex:1;line-height:1.4}.practice-def-option:hover:not(:disabled){border-color:var(--primary);background:#eef2ff}.practice-def-option.option-correct{border-color:var(--success);background:#ecfdf5}.practice-def-option.option-correct .option-letter{background:var(--success);color:#fff}.practice-def-option.option-wrong{border-color:var(--danger, #ef4444);background:#fef2f2}.practice-def-option.option-wrong .option-letter{background:var(--danger, #ef4444);color:#fff}.practice-step4-feedback{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.practice-step4-feedback.wrong p{color:var(--danger, #ef4444);font-weight:600}.practice-step4-feedback.correct p{color:var(--success);font-weight:600}.practice-step5-meaning{font-size:1.15rem;color:var(--text);text-align:center;margin:.5rem 0}.practice-step5-def{color:var(--text-secondary, #666);font-style:italic}.btn-show-word{background:var(--warning, #f59e0b);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;margin-top:.5rem;transition:background .2s}.btn-show-word:hover{background:#d97706}.practice-show-word{font-size:1.1rem;color:var(--primary);background:#6366f114;padding:.5rem 1rem;border-radius:8px;margin-top:.5rem;text-align:center}.practice-speech-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.8rem 0;padding:.8rem;background:#6366f10d;border-radius:12px;width:100%}.practice-speech-label{font-size:.95rem;color:var(--text-secondary, #666);margin:0}.btn-speech{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:24px;cursor:pointer;font-size:1rem;transition:background .2s,transform .1s}.btn-speech:hover{background:var(--primary-dark, #4f46e5);transform:scale(1.03)}.btn-speech:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-listening{background:#ef4444;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:24px;cursor:pointer;font-size:1rem;animation:pulse-listen 1.5s ease-in-out infinite}@keyframes pulse-listen{0%,to{opacity:1}50%{opacity:.7}}.listening-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:6px;animation:blink-dot .8s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.practice-speech-result{font-size:.95rem;padding:.4rem .8rem;border-radius:8px;text-align:center}.practice-speech-result.speech-correct{background:#22c55e1a;color:var(--success, #22c55e)}.practice-speech-result.speech-wrong{background:#ef44441a;color:var(--danger, #ef4444)}.practice-speech-score-section{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:.5rem}.practice-speech-score{font-size:1.6rem;font-weight:800;border-radius:12px;padding:.3rem 1rem}.practice-speech-score .score-number{font-size:1.8rem}.practice-speech-score .score-label{font-size:.85rem;margin-left:.3rem;font-weight:600}.practice-speech-score.score-great{color:#16a34a;background:#22c55e1f}.practice-speech-score.score-ok{color:#ca8a04;background:#eab3081f}.practice-speech-score.score-low{color:#dc2626;background:#ef44441f}.practice-speech-error{font-size:.85rem;color:var(--danger, #ef4444);margin:0;text-align:center}.practice-speech-success{font-size:.85rem;color:#16a34a;margin:0;text-align:center}.practice-speech-attempts{font-size:.8rem;color:var(--text-secondary, #666);margin:0}.practice-speech-unsupported{font-size:.9rem;color:var(--text-secondary, #999);font-style:italic}.btn-speech-play{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.3rem;border-radius:50%;transition:background .15s}.btn-speech-play:hover{background:#6366f11a}.practice-step-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.btn-skip-step{background:transparent;color:var(--text-secondary, #666);border:1px solid rgba(148,163,184,.6);padding:.6rem 1.2rem;border-radius:24px;cursor:pointer;font-size:.95rem;transition:background .2s,border-color .2s,color .2s}.btn-skip-step:hover{background:#94a3b81f;border-color:#6366f18c;color:var(--primary)}.challenge-trophy-big{font-size:3.5rem;line-height:1;margin-bottom:8px}#practice-word{font-size:2.25rem;font-weight:700;color:var(--primary);text-align:center}#practice-translation{font-size:1.5rem;color:var(--success);text-align:center;font-weight:600}#typing-hint{font-size:1rem;color:var(--text-secondary);text-align:center}#word-input{padding:.85rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1.1rem;width:100%;margin:.5rem 0;font-family:Inter,sans-serif;text-align:center;transition:all .2s;outline:none}#word-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}#feedback{font-size:1rem;font-weight:600;text-align:center;margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--radius)}.feedback-correct{color:#065f46;background:var(--success-light)}.feedback-incorrect{color:#991b1b;background:var(--danger-light)}.practice-step button{margin:.25rem 0;width:100%;max-width:300px}#play-word-btn,#play-translation-btn,#play-letters-btn{background-color:var(--primary);color:#fff}#play-word-btn:hover,#play-translation-btn:hover,#play-letters-btn:hover{background-color:var(--primary-dark)}#next-to-step-2,#next-to-step-3,#next-word-btn{background-color:var(--success);color:#fff}#next-to-step-2:hover,#next-to-step-3:hover,#next-word-btn:hover{background-color:#059669}#check-word-btn{background-color:var(--accent);color:#fff}#check-word-btn:hover{background-color:#d97706}.practice-step7{align-items:stretch}.step7-word-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);padding:1rem 2rem;text-align:center;box-shadow:0 4px 15px #667eea40}.step7-word{font-size:2rem;font-weight:700;color:#fff}.step7-translation{font-size:1.05rem;color:#ffffffd9;background:#ffffff26;padding:.2rem .75rem;border-radius:999px}.step7-hint{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0}.step7-chat{display:flex;flex-direction:column;gap:.75rem;width:100%;min-height:200px;max-height:min(50vh,400px);overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;scroll-behavior:smooth}.step7-bubble{display:flex;align-items:flex-start;gap:.5rem;max-width:85%;animation:step7-fadeIn .3s ease}@keyframes step7-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step7-bubble-ai{align-self:flex-start}.step7-bubble-user{align-self:flex-end;flex-direction:row-reverse}.step7-avatar{font-size:1.4rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0e7ff}.step7-avatar-user{background:#dbeafe}.step7-bubble-text{padding:.65rem 1rem;border-radius:1.1rem;font-size:1rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 3px #0000000f}.step7-bubble-ai .step7-bubble-text{background:#fff;color:var(--text);border-bottom-left-radius:.3rem;border:1px solid #e2e8f0}.step7-bubble-user .step7-bubble-text{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-bottom-right-radius:.3rem}.step7-thinking{opacity:.65;font-style:italic}.step7-dots span{animation:step7-blink 1.4s infinite both;font-size:1.5rem;line-height:1}.step7-dots span:nth-child(2){animation-delay:.2s}.step7-dots span:nth-child(3){animation-delay:.4s}@keyframes step7-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.step7-phase-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.88rem;color:var(--text-secondary);padding:.5rem 0}.step7-phase-dot{padding:.3rem .8rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);transition:all .25s;font-size:.85rem}.step7-phase-dot.active{border-color:var(--primary);color:var(--primary);font-weight:600;background:#eef2ff}.step7-phase-dot.done{border-color:var(--success);color:var(--success);background:#ecfdf5}.step7-phase-arrow{color:var(--border);font-size:.9rem}.step7-error-actions{display:flex;gap:.75rem;width:100%;justify-content:center}.step7-skip-btn{padding:.6rem 1.2rem;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s}.step7-skip-btn:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.step7-input-row{display:flex;gap:.6rem;width:100%}.step7-input{flex:1;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.step7-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.step7-send-btn{padding:.75rem 1.4rem;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #6366f140}.step7-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6366f1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.step7-send-btn:disabled{opacity:.5;cursor:not-allowed}.step7-passed{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.step7-passed p{font-size:1.05rem;font-weight:600;color:var(--success);text-align:center}.step7-qa-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.step7-no-question-btn{width:100%;padding:.7rem 1rem;background:transparent;border:1.5px dashed var(--primary);border-radius:var(--radius-lg);color:var(--primary);font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.step7-no-question-btn:hover{background:#eef2ff}.step7-sentence-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.step7-attempts-badge{text-align:center;font-size:.85rem;font-weight:600;color:var(--warning, #f59e0b);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:.4rem .8rem}.step7-finished{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.step7-passed-msg{font-size:1.15rem;font-weight:600;color:var(--success);text-align:center;margin:0;padding:.5rem;background:#ecfdf5;border-radius:var(--radius-md);border:1px solid #a7f3d0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.show{display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:480px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin-bottom:1.5rem;color:var(--text);font-size:1.25rem;font-weight:700}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.875rem;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.form-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}#cancel-add-word{background-color:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}#cancel-add-word:hover{background:var(--border)}.form-buttons button[type=submit]{background-color:var(--primary);color:#fff}.form-buttons button[type=submit]:hover{background-color:var(--primary-dark)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-card{background:#fff;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--border)}.auth-icon{text-align:center;font-size:3rem;margin-bottom:.5rem}.auth-card h2{text-align:center;color:var(--text);margin-bottom:1.5rem;font-weight:700;font-size:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card input{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:all .2s;font-family:Inter,sans-serif;outline:none}.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.auth-submit{background:var(--gradient);color:#fff;border:none;padding:.75rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;font-weight:600;transition:all .2s;font-family:Inter,sans-serif}.auth-submit:hover{opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{text-align:center;margin:1.25rem 0;color:var(--text-muted);position:relative}.auth-divider span{background:#fff;padding:0 .75rem;position:relative;z-index:1;font-size:.85rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--border)}.auth-google{width:100%;padding:.75rem;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;font-size:.95rem;cursor:pointer;color:var(--text);font-weight:500;transition:all .2s;font-family:Inter,sans-serif}.auth-google:hover{background:var(--bg);border-color:var(--text-muted)}.auth-google:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:var(--danger-light);color:#991b1b;padding:.6rem .85rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.auth-toggle{text-align:center;margin-top:1.25rem;font-size:.875rem;color:var(--text-secondary)}.auth-toggle a{color:var(--primary);text-decoration:none;font-weight:600}.auth-toggle a:hover{text-decoration:underline}.leaderboard-container{max-width:600px;margin:0 auto;padding:1rem}.leaderboard-container h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.podium{display:flex;justify-content:center;align-items:flex-end;gap:.75rem;margin-bottom:2rem;padding:1rem 0}.podium-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.podium-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff}.podium-item:nth-child(1) .podium-avatar{background:linear-gradient(135deg,silver,#a0a0a0);width:44px;height:44px}.podium-item:nth-child(2) .podium-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b);width:56px;height:56px;font-size:1.3rem}.podium-item:nth-child(3) .podium-avatar{background:linear-gradient(135deg,#cd7f32,#b87333);width:40px;height:40px}.podium-name{font-weight:600;font-size:.8rem;color:var(--text);max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:.75rem;color:var(--text-secondary);font-weight:500}.podium-rank{font-size:1.5rem}.podium-block{width:80px;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center}.podium-item:nth-child(1) .podium-block{height:60px;background:linear-gradient(to top,#e2e8f0,#cbd5e1)}.podium-item:nth-child(2) .podium-block{height:80px;background:linear-gradient(to top,#fef3c7,#fde68a)}.podium-item:nth-child(3) .podium-block{height:45px;background:linear-gradient(to top,#fed7aa,#fdba74)}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 .4rem}.leaderboard-table th{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.leaderboard-table td{padding:.75rem 1rem;background:var(--bg);font-size:.9rem}.leaderboard-table td:first-child{border-radius:var(--radius) 0 0 var(--radius)}.leaderboard-table td:last-child{border-radius:0 var(--radius) var(--radius) 0}.leaderboard-table tbody tr:hover td{background:#eef2ff}.current-user-row td{background:#e0e7ff!important;font-weight:600}.rank-cell{font-size:1.1rem;text-align:center;width:50px}.user-profile-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.user-avatar-wrapper{position:relative;width:44px;height:44px;cursor:pointer}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);pointer-events:none}.progress-ring-bg{fill:none;stroke:#fff3}.progress-ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .4s ease,stroke .4s ease}.progress-ring-fill.progress-ring-complete{stroke:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.user-avatar-wrapper .user-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;border:2px solid rgba(255,255,255,.4);transition:transform .2s,box-shadow .2s}.user-avatar-wrapper:hover .user-avatar{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 8px #ffffff80}.user-avatar-wrapper .user-dropdown{display:none;position:absolute;top:100%;right:0;background:#f0f8ff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:90px;overflow:hidden}.user-avatar-wrapper:hover .user-dropdown{display:block}.user-dropdown-item{padding:8px 16px;cursor:pointer;font-size:.85rem;color:#333;transition:background .15s}.user-dropdown-item:hover{background:#e0ecf8}.user-dropdown-logout{color:var(--danger)}.daily-count-label{font-size:.75rem;color:#ffffffd9;font-weight:600;white-space:nowrap}.btn-back{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:var(--text);cursor:pointer;font-size:.85rem;transition:all .2s}.btn-back:hover{background:#f3f4f6;border-color:#9ca3af}.challenge-resume-banner{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:12px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-resume-banner p{margin:0;font-size:.9rem;color:var(--primary-dark)}.option-none{border-style:dashed!important;font-style:italic;color:#6b7280}.settings-number-input{width:80px;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:var(--radius);font-size:.9rem;text-align:center}.sign-in-btn,.logout-btn{padding:.35rem .85rem;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);background:#ffffff1a;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;font-family:Inter,sans-serif}.sign-in-btn:hover,.logout-btn:hover{background:#ffffff40}.app-footer{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#ffffffb3;text-align:center;padding:.75rem 1rem;margin-top:2rem;font-size:.75rem}.footer-content{max-width:600px;margin:0 auto}.footer-brand{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.15rem}.footer-about{color:#fff9;margin-bottom:.25rem;font-size:.7rem}.footer-contact{margin-bottom:.25rem;font-size:.7rem}.footer-contact a{color:var(--accent);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-copy{font-size:.6rem;color:#fff6;margin-top:.25rem}footer{background:var(--text);color:var(--text-muted);text-align:center;padding:.75rem;margin-top:2rem;font-size:.75rem}.challenge-review-banner{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#92400e;border-radius:8px;padding:8px 16px;margin-bottom:12px;font-size:.9rem;font-weight:600;text-align:center}@media (max-width: 768px){.header-main{flex-direction:column;gap:.5rem;padding:.75rem 1rem}nav ul{flex-wrap:wrap;justify-content:center}nav ul li a{font-size:.8rem;padding:.4rem .75rem}main{padding:1.25rem 1rem}.flashcard{width:100%;max-width:420px;height:300px}#word{font-size:2rem}#definition{font-size:1.1rem}.word-list-header{flex-direction:column;align-items:flex-start;gap:.75rem}.word-list-actions{width:100%}#add-word-btn,#import-words-btn{flex:1}.book-management{flex-direction:column;align-items:stretch}#book-selector{width:100%}.practice-steps{padding:1.25rem;max-width:100%}#practice-word{font-size:1.75rem}#practice-translation{font-size:1.25rem}.practice-step-img{max-width:min(75vw,240px);max-height:min(35vh,240px)}.step7-phase-bar{font-size:.75rem;gap:.2rem}.step7-phase-dot{padding:.2rem .45rem}.step7-word-card{flex-direction:column;gap:.25rem;padding:.75rem 1rem}.step7-word{font-size:1.5rem}.step7-chat{max-height:250px;min-height:140px}.podium{gap:.5rem}.podium-block{width:60px}}@media (max-width: 480px){nav ul{gap:.15rem;padding:.2rem}nav ul li a{font-size:.75rem;padding:.35rem .6rem}.flashcard{max-width:360px;height:260px}.flashcard-buttons,.difficulty-buttons{flex-wrap:wrap;justify-content:center}.settings-item{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-item select{width:100%}}@media (min-width: 1024px){.practice-steps{max-width:900px;padding:3rem}.practice-progress{max-width:900px}.practice-step h3{font-size:1.25rem}#practice-word{font-size:3rem}#practice-translation{font-size:1.75rem}.practice-step-img{max-width:min(50vw,500px);max-height:min(45vh,400px)}.practice-step input[type=text]{font-size:1.15rem;padding:.85rem 1.1rem}.step7-chat{max-height:min(55vh,500px);min-height:240px}.step7-word{font-size:2.2rem}.step7-bubble-text{font-size:1.05rem}}.social-login-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s,transform .2s}.social-login-btn:hover{opacity:.9;transform:translateY(-1px)}.social-login-btn:active{transform:translateY(0)}.social-icon{font-size:1.4rem}.wechat-btn{background-color:#07c160}.qq-btn{background-color:#12b7f5}.alipay-btn{background-color:#1677ff}body,button,input,select,textarea,h1,h2,h3,h4{font-family:"Noto Serif SC",Ma Shan Zheng,ZCOOL XiaoWei,-apple-system,BlinkMacSystemFont,serif}main{padding:1.5rem;max-width:1200px;margin:0 auto;flex:1;width:100%;box-sizing:border-box}h2{font-weight:900;color:var(--primary-dark);letter-spacing:.01em}.challenge-card,.challenge-mode-card,.flashcard .front,.flashcard .back,.books-center-container,.book-card,.series-card,.settings-container{border-radius:20px!important;border:2.5px solid #ddeeff!important;box-shadow:0 4px #c8dfff,0 8px 24px #2b7fff14!important}.btn-primary,.btn-listen,.ai-scene-record{border-radius:999px!important;font-weight:800!important;letter-spacing:.03em}.challenge-option{border-radius:16px!important;border:2.5px solid #ddeeff!important;font-weight:700!important;font-size:1rem!important;background:#f8fbff;box-shadow:0 3px #c8dfff;transition:transform .12s,box-shadow .12s!important}.challenge-option:hover:not(:disabled){background:#eef5ff!important;border-color:#2b7fff!important;transform:translateY(-2px);box-shadow:0 5px #2b7fff44!important}.challenge-option.option-correct{border-color:#22c55e!important;background:#f0fdf4!important;box-shadow:0 3px #86efac!important}.challenge-option.option-wrong{border-color:#f43f5e!important;background:#fff1f2!important;box-shadow:0 3px #fda4af!important}.challenge-input{border-radius:14px!important;border:2.5px solid #c8dfff!important;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif!important;font-weight:700!important;font-size:1.2rem!important}.challenge-input:focus{border-color:#2b7fff!important;box-shadow:0 0 0 3px #2b7fff2e!important}.challenge-progress-bar{background:#e8f0ff!important;border-radius:999px!important;height:12px!important;border:1.5px solid #c8dfff!important}.challenge-progress-fill{background:linear-gradient(90deg,#2b7fff,#38bdf8)!important;border-radius:999px!important}.front{background:linear-gradient(145deg,#e8f4ff,#dbeafe)!important}.back{background:linear-gradient(145deg,#fff7ed,#ffedd5)!important}.challenge-word-display{font-size:2.4rem!important;font-weight:900!important;letter-spacing:.02em;color:var(--primary-dark)!important}.stat-number{font-size:2.2rem!important;font-weight:900!important}.user-avatar{font-weight:900;font-family:"Noto Serif SC",sans-serif!important}.sign-in-btn{border-radius:999px!important;font-weight:800!important;background:#fff!important;color:var(--primary)!important;border:2.5px solid rgba(255,255,255,.6)!important;padding:.4rem 1.1rem!important;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif!important;box-shadow:0 2px #0000001a!important}.sign-in-btn:hover{background:#eef5ff!important}.challenge-feedback.correct{background:#dcfce7!important;color:#16a34a!important;border-radius:14px!important;border:2px solid #86efac!important;font-weight:800!important}.challenge-feedback.wrong{background:#ffe4e6!important;color:#e11d48!important;border-radius:14px!important;border:2px solid #fda4af!important;font-weight:800!important}.challenge-feedback.retype{background:#fef9c3!important;color:#ca8a04!important;border-radius:14px!important;border:2px solid #fde047!important;font-weight:800!important}.app-footer{background:#2b7fff;color:#ffffffd9;border-top:4px solid #ffb347;padding:1.5rem;font-family:"Noto Serif SC",Ma Shan Zheng,sans-serif}.footer-brand{font-weight:900;font-size:1.05rem;color:#fff}@media (max-width: 768px){body{font-size:15px}header h1{font-size:1.1rem}nav ul li a{font-size:.8rem;padding:.4rem .7rem}.challenge-word-display{font-size:1.8rem!important}}.data-center{max-width:960px;margin:0 auto;padding:28px 20px 48px}.data-center-header{margin-bottom:24px}.data-center-header h2{font-size:1.7rem;font-weight:900;color:var(--primary);margin:0 0 4px}.data-center-student{color:var(--text-secondary);font-size:.95rem;margin:0}.dc-development-overview{display:grid;grid-template-columns:minmax(220px,.9fr) 1.4fr;gap:18px;align-items:stretch;margin-bottom:28px;padding:20px;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 34%),linear-gradient(135deg,#f7fbff,#eef7ff 48%,#fffaf0);border:2.5px solid #cfe6ff;border-radius:18px;box-shadow:0 5px #badcff}.dc-development-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0}.dc-development-eyebrow{color:#1769aa;font-size:.78rem;font-weight:900;letter-spacing:.06em}.dc-development-main h3{margin:0;color:var(--text);font-size:1.55rem;font-weight:900;word-break:break-word}.dc-profile-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;background:#fff;border:2px solid #93c5fd;color:#1d4ed8;font-size:.86rem;font-weight:900}.dc-development-main p{margin:0;color:var(--text-secondary);font-size:.85rem}.dc-development-grid{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:10px}.dc-development-metric{min-width:0;padding:14px 10px;background:#ffffffd1;border:2px solid #dbeafe;border-radius:14px;text-align:center}.dc-development-metric span{display:block;color:#0f766e;font-size:1.75rem;line-height:1;font-weight:900}.dc-development-metric p{margin:7px 0 0;color:var(--text-secondary);font-size:.76rem;font-weight:800}.dc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.dc-card{background:#fff;border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:6px;border:2.5px solid #ddeeff;box-shadow:0 4px #c8dfff}.dc-card-value{font-size:2rem;font-weight:900;line-height:1}.dc-card-label{font-size:.88rem;font-weight:700;color:var(--text-secondary)}.dc-card-sub{font-size:.78rem;color:var(--text-muted)}.dc-card-vocab .dc-card-value{color:#2b7fff}.dc-card-level .dc-card-value{color:#a855f7}.dc-card-daily .dc-card-value{color:#22c55e}.dc-card-mastery .dc-card-value{color:#f59e0b}@media (max-width: 820px){.dc-development-overview{grid-template-columns:1fr}.dc-development-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 520px){.dc-development-overview{padding:16px;border-radius:14px}.dc-development-grid{grid-template-columns:1fr}}.dc-section{margin-bottom:32px}.dc-section h3{font-size:1.08rem;font-weight:800;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--border)}.dc-progress-bar-wrap{background:#e8f0ff;border-radius:999px;height:16px;overflow:hidden;margin-bottom:10px;border:2px solid #c8dfff}.dc-progress-bar{height:100%;background:linear-gradient(90deg,#2b7fff,#38bdf8);border-radius:999px;transition:width .6s ease;min-width:4px}.dc-progress-text{font-size:.9rem;color:var(--text-secondary);margin:0}.dc-book-table-wrap{overflow-x:auto;border-radius:16px;border:2px solid var(--border)}.dc-book-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.dc-book-table th{text-align:left;padding:10px 14px;color:var(--primary);font-weight:800;border-bottom:2px solid var(--border);background:#f0f7ff}.dc-book-table td{padding:9px 14px;border-bottom:1.5px solid #eef4ff;color:var(--text)}.dc-book-table tr:last-child td{border-bottom:none}.dc-book-table tr:hover td{background:#f5f9ff}.dc-mini-bar-wrap{display:flex;align-items:center;gap:8px;min-width:100px}.dc-mini-bar-wrap>div{flex:1;height:8px;background:linear-gradient(90deg,#2b7fff,#38bdf8);border-radius:999px;min-width:2px}.dc-mini-bar-wrap>span{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;font-weight:700}.dc-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.status-excellent{background:#dcfce7;color:#16a34a;border:1.5px solid #86efac}.status-in-progress{background:#fef9c3;color:#ca8a04;border:1.5px solid #fde047}.status-needs-work{background:#ffe4e6;color:#e11d48;border:1.5px solid #fda4af}.status-not-started{background:#f1f5f9;color:#64748b;border:1.5px solid #cbd5e1}.dc-empty{color:var(--text-muted);font-size:.9rem;padding:20px;text-align:center}.dc-challenge-list{display:flex;flex-direction:column;gap:8px}.dc-challenge-item{display:flex;align-items:center;gap:14px;background:#f8fbff;border:2px solid #ddeeff;border-radius:14px;padding:10px 16px;font-size:.88rem;flex-wrap:wrap}.dc-challenge-book{font-weight:800;color:var(--text)}.dc-challenge-mode{color:#a855f7;font-weight:700}.dc-challenge-date{color:var(--text-muted);font-size:.78rem;margin-left:auto}.dc-challenge-acc{color:#16a34a;font-weight:700}.dc-challenge-trophy{font-size:1.2rem}.miss-wang-floating{position:fixed;bottom:24px;left:16px;z-index:9000;display:flex;flex-direction:row;align-items:flex-end;gap:10px}.miss-wang-trigger{width:clamp(130px,16vw,200px);height:clamp(130px,16vw,200px);border:none;background:none;padding:0;cursor:pointer;flex-shrink:0;transition:transform .2s}.miss-wang-trigger:hover{transform:scale(1.08)}.miss-wang-trigger img{width:100%;height:100%;object-fit:contain;display:block}.miss-wang-panel{width:320px;max-height:480px;background:#fff;border-radius:18px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;overflow:hidden;animation:missWangSlideIn .25s ease-out}@keyframes missWangSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.miss-wang-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #eef2ff}.miss-wang-panel-title{font-size:1.1rem;font-weight:800;color:var(--text)}.miss-wang-panel-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.miss-wang-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1;padding:4px}.miss-wang-close:hover{color:#ef4444}.miss-wang-option-list{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.miss-wang-option-btn{text-align:left;background:#f8fbff;border:2px solid #ddeeff;border-radius:14px;padding:12px 16px;cursor:pointer;transition:border-color .15s,background .15s}.miss-wang-option-btn:hover{border-color:#a5b4fc;background:#eef2ff}.miss-wang-option-btn strong{display:block;font-size:.95rem;color:var(--text);margin-bottom:2px}.miss-wang-option-btn span{font-size:.78rem;color:var(--text-muted)}.miss-wang-chat-head-actions{display:flex;gap:8px;align-items:center}.miss-wang-back{font-size:.82rem;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:4px 12px;cursor:pointer;color:#6366f1;font-weight:600}.miss-wang-back:hover{background:#e0e7ff}.miss-wang-chat-panel{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:200px}.miss-wang-chat-row{display:flex}.miss-wang-chat-row.ai{justify-content:flex-start}.miss-wang-chat-row.user{justify-content:flex-end}.miss-wang-chat-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:.88rem;line-height:1.5;word-break:break-word}.miss-wang-chat-bubble.ai{background:#f1f5f9;color:var(--text);border-bottom-left-radius:4px}.miss-wang-chat-bubble.user{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.miss-wang-replay{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:6px;vertical-align:middle}.miss-wang-typing{display:flex;gap:4px;align-items:center;padding:12px 18px}.miss-wang-typing span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:missWangBounce .6s infinite alternate}.miss-wang-typing span:nth-child(2){animation-delay:.15s}.miss-wang-typing span:nth-child(3){animation-delay:.3s}@keyframes missWangBounce{to{opacity:.3;transform:translateY(-4px)}}.miss-wang-chat-controls{border-top:1px solid #eef2ff;padding:10px 14px}.miss-wang-chat-input-row{display:flex;gap:8px;align-items:center}.miss-wang-chat-input-row.center{justify-content:center}.miss-wang-chat-input{flex:1;border:2px solid #ddeeff;border-radius:10px;padding:8px 12px;font-size:.88rem;outline:none;transition:border-color .15s}.miss-wang-chat-input:focus{border-color:#a5b4fc}.miss-wang-send{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer}.miss-wang-send:disabled{opacity:.5;cursor:not-allowed}.miss-wang-input-toggle{background:none;border:1px solid #ddeeff;border-radius:8px;padding:6px 8px;cursor:pointer;font-size:1rem}.miss-wang-input-toggle:hover{background:#f1f5f9}.miss-wang-voice-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s}.miss-wang-voice-btn:hover{transform:scale(1.03)}.miss-wang-voice-btn:disabled{opacity:.5;cursor:not-allowed}.miss-wang-voice-btn.recording{background:linear-gradient(135deg,#ef4444,#f97316);animation:missWangPulse 1s infinite}@keyframes missWangPulse{50%{transform:scale(1.05)}}