:root{--bg: #eef2ff;--surface: rgba(255, 255, 255, .9);--surface-solid: #ffffff;--surface-soft: #f8fbff;--ink: #1e1b4b;--muted: #686c91;--primary: #4f46e5;--primary-soft: #818cf8;--accent: #ea580c;--accent-soft: #ffedd5;--success: #12b981;--danger: #dc2626;--border: #c7d2fe;--line: rgba(79, 70, 229, .16);--shadow: 0 18px 40px rgba(47, 43, 130, .14);--clay: 0 8px 0 rgba(79, 70, 229, .16), 0 18px 32px rgba(47, 43, 130, .14);font-family:"Baloo 2",Nunito,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 18% 16%,rgba(255,236,179,.72),transparent 24%),radial-gradient(circle at 88% 14%,rgba(129,140,248,.24),transparent 30%),linear-gradient(150deg,#e4f8ff,#eef2ff 44%,#ddfbe9)}.phone{position:relative;width:min(430px,100%);height:min(860px,calc(100vh - 36px));min-height:680px;overflow:hidden;border:10px solid rgba(255,255,255,.95);border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 190px),var(--bg);box-shadow:0 28px 70px #2f2b8233}.phone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,black,transparent 58%);mask-image:linear-gradient(180deg,black,transparent 58%)}.ambient{position:absolute;z-index:0;border-radius:999px;pointer-events:none;filter:blur(.2px)}.ambient-one{width:160px;height:160px;top:80px;right:-80px;background:#818cf82e}.ambient-two{width:160px;height:160px;left:-90px;bottom:140px;background:#ea580c1f}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 10px}.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;color:var(--ink);background:transparent;font-weight:900}.brand-mark,.logo-orb{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:3px solid #fff;border-radius:15px;color:#fff;background:linear-gradient(180deg,#ff8173,#ea580c);box-shadow:0 6px #a4371852;font-weight:1000}.logo-orb{width:76px;height:76px;border-radius:24px;font-size:28px}.logo-orb.small{width:54px;height:54px;border-radius:18px}.logo-orb.success{background:linear-gradient(180deg,#facc15,#ea580c)}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:2px solid rgba(255,255,255,.75);border-radius:16px;color:var(--ink);background:#ffffffb8;box-shadow:0 7px #4f46e51a}.topbar-spacer{width:44px;height:44px;flex:0 0 44px}.screen{z-index:1;position:relative;z-index:2;height:calc(100% - 72px);overflow-y:auto;padding:8px 22px 26px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}h1,h2,p{margin:0}h1{font-size:38px;line-height:1.04;letter-spacing:0}h2{font-size:24px;line-height:1.16;letter-spacing:0}.eyebrow{color:var(--accent);font-size:12px;font-weight:1000;letter-spacing:0;text-transform:uppercase}.lead,.muted,.hero-copy p{color:var(--muted);line-height:1.62}.hero-panel,.lobby-card,.panel-card,.info-card,.empty-card,.profile-card,.word-card,.settlement-card,.achievement-panel{border:3px solid rgba(255,255,255,.92);border-radius:24px;background:var(--surface);box-shadow:var(--clay)}.hero-panel{position:relative;min-height:326px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;overflow:hidden;background:radial-gradient(circle at 84% 20%,rgba(255,237,213,.9),transparent 24%),linear-gradient(180deg,#fff,#f4f7ff)}.hero-copy{position:relative;z-index:2;max-width:286px}.hero-copy h1{margin:6px 0 8px;text-shadow:0 2px 0 rgba(255,255,255,.86)}.hero-art-wrap{position:absolute;right:-18px;bottom:-34px;width:250px;height:190px;overflow:hidden}.hero-art,.lobby-art{width:244px;height:auto;filter:drop-shadow(0 18px 24px rgba(79,70,229,.18));transform:none}.info-card,.empty-card{display:flex;gap:14px;align-items:center;margin-top:18px;padding:16px}.info-card strong,.empty-card strong,.info-card span,.empty-card span{display:block}.info-card span,.empty-card span{margin-top:4px;color:var(--muted);font-size:14px;line-height:1.5}.card-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:16px;color:var(--primary);background:#eef2ff}.action-stack{display:grid;gap:12px;margin-top:18px}.primary-button,.ghost-button,.feedback-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border:0;border-radius:18px;font-weight:1000;letter-spacing:0;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-button{color:#fff;background:linear-gradient(180deg,#ff8f5f,var(--accent));box-shadow:0 8px #9c381257}.ghost-button{color:var(--primary);background:#ffffffd1;border:2px solid rgba(199,210,254,.82);box-shadow:0 7px #4f46e51a}.primary-button:active,.ghost-button:active,.feedback-button:active,.daily-card:active,.quick-actions button:active,.answer-grid button:active,.level-node:active{transform:translateY(3px)}.primary-button:disabled,.ghost-button:disabled{filter:grayscale(.35);opacity:.72}.page-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.page-heading.inline,.section-title{justify-content:space-between}.counter-pill{display:inline-grid;place-items:center;min-width:56px;height:36px;padding:0 12px;border-radius:999px;color:var(--primary);background:#fff;box-shadow:0 5px #4f46e51f;font-weight:1000}.form{display:grid;gap:14px;margin-top:18px;padding:18px}.form label{display:grid;gap:8px;color:var(--ink);font-weight:900}.form input,.spelling-form input{width:100%;min-height:50px;border:2px solid var(--border);border-radius:16px;padding:0 14px;color:var(--ink);background:#fff;outline:none}.form input:focus,.spelling-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e524}.error-text{padding:12px 14px;border-radius:14px;color:var(--danger);background:#fff1f2;font-weight:800}.support-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:14px;border:2px solid rgba(199,210,254,.82);border-radius:18px;color:var(--ink);background:#ffffffc7;box-shadow:0 6px #4f46e514}.support-card svg{width:42px;height:42px;padding:10px;border-radius:15px;color:var(--primary);background:#eef2ff}.support-card div{display:grid;gap:3px;min-width:0}.support-card strong,.support-card span{display:block}.support-card span{color:var(--muted);font-size:14px;font-weight:900;line-height:1.45}.support-card a{color:var(--primary);font-weight:1000;text-decoration:none}.lobby-card{position:relative;min-height:186px;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;padding:20px;overflow:hidden;background:radial-gradient(circle at 88% 28%,rgba(255,237,213,.95),transparent 28%),linear-gradient(180deg,#fff,#f8fbff)}.lobby-copy{position:relative;z-index:2;display:grid;align-content:start;gap:10px;max-width:250px}.lobby-card h2{max-width:238px;margin-top:0}.lobby-art{position:absolute;right:-48px;bottom:-46px;width:188px;transform:none}.lobby-route{display:inline-flex;align-items:center;gap:8px;width:min(100%,236px);min-height:50px;margin-top:4px;padding:8px 12px;border:2px solid rgba(255,255,255,.88);border-radius:18px;color:var(--primary);background:#ffffffc2;box-shadow:0 6px #4f46e517;text-align:left}.lobby-route svg{flex:0 0 auto}.lobby-route span{display:grid;gap:2px;min-width:0;color:var(--muted);font-size:12px;font-weight:900;line-height:1.25}.lobby-route strong{color:var(--ink);font-size:14px}.daily-card{width:100%;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:14px 16px;border:0;border-radius:22px;color:var(--ink);background:linear-gradient(180deg,#fff7ed,#fff);box-shadow:0 8px #ea580c29,var(--shadow);text-align:left}.daily-copy{display:grid;gap:4px}.daily-copy strong{font-size:18px}.daily-copy span{color:var(--muted);font-size:13px}.daily-ring{--progress: 0%;display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:50%;color:var(--primary);background:radial-gradient(circle,#fff 54%,transparent 56%),conic-gradient(var(--accent) var(--progress),#e0e7ff 0);font-size:13px;font-weight:1000}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}.stat-card{min-height:92px;display:grid;align-content:center;gap:4px;padding:10px;border:2px solid rgba(255,255,255,.86);border-radius:20px;background:#ffffffd1;box-shadow:0 7px #4f46e517}.stat-card span{color:var(--accent)}.stat-card svg{width:18px;height:18px}.stat-card strong{font-size:22px;line-height:1}.stat-card em{color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.quick-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid rgba(255,255,255,.88);border-radius:18px;color:var(--ink);background:#ffffffd1;box-shadow:0 7px #4f46e51a;font-weight:1000}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.section-title.compact h2{font-size:19px}.section-title span{color:var(--muted);font-size:13px;font-weight:900}.badge-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.badge-strip::-webkit-scrollbar{display:none}.badge-empty{color:var(--muted);font-size:13px}.badge-chip{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;color:var(--primary);background:#fff;box-shadow:0 5px #4f46e51a;font-size:13px;font-weight:1000;white-space:nowrap}.badge-strip.vertical{display:grid;overflow:visible}.map-hero{position:relative;min-height:168px;margin-bottom:16px;padding:18px;overflow:hidden;border:3px solid rgba(255,255,255,.92);border-radius:26px;background:linear-gradient(180deg,#ffffffdb,#f8fbffb8),linear-gradient(135deg,#e0f7ff,#eef2ff 58%,#fff7ed);box-shadow:var(--clay)}.map-hero:before{content:"";position:absolute;left:16px;right:16px;bottom:18px;height:42px;border-radius:999px;background:linear-gradient(90deg,transparent 0 8%,rgba(79,70,229,.12) 8% 28%,transparent 28% 36%,rgba(234,88,12,.12) 36% 56%,transparent 56% 66%,rgba(18,185,129,.12) 66% 86%,transparent 86% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.62) 0 12px,transparent 12px 24px);opacity:.86}.map-hero-copy{position:relative;z-index:2;max-width:220px}.map-hero-copy h2{margin:5px 0 6px;font-size:30px}.map-hero-copy span{display:block;color:var(--muted);font-size:14px;font-weight:900;line-height:1.45}.map-hero-art{position:absolute;right:-38px;bottom:-44px;width:190px;filter:drop-shadow(0 18px 22px rgba(79,70,229,.18))}.map-hero-stats{position:absolute;z-index:3;right:14px;top:14px;display:grid;grid-template-columns:repeat(2,58px);gap:8px}.map-hero-stats span{display:grid;place-items:center;min-height:56px;border:2px solid rgba(255,255,255,.82);border-radius:18px;color:var(--muted);background:#ffffffb8;box-shadow:0 6px #4f46e514;font-size:11px;font-weight:1000}.speaking-entry-card{width:100%;min-height:82px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 16px;padding:14px;border:2px solid rgba(255,255,255,.9);border-radius:22px;color:var(--ink);background:linear-gradient(180deg,#ffffffe6,#f8fbffd1),linear-gradient(135deg,#e0f7ff,#f5f3ff 56%,#fff7ed);box-shadow:0 7px #4f46e51a,var(--shadow);text-align:left}.speaking-entry-card:active{transform:translateY(3px)}.speaking-entry-icon{display:grid;place-items:center;width:54px;height:54px;border:3px solid #fff;border-radius:19px;color:#fff;background:linear-gradient(180deg,#22d3ee,var(--primary));box-shadow:0 6px #4f46e52e}.speaking-entry-copy{display:grid;gap:4px;min-width:0}.speaking-entry-copy strong{font-size:18px}.speaking-entry-copy span{color:var(--muted);font-size:13px;font-weight:900;line-height:1.45}.map-hero-stats strong{color:var(--primary);font-size:22px;line-height:1}.map-board{position:relative;padding:14px 14px 18px;overflow:hidden;border:3px solid rgba(255,255,255,.92);border-radius:28px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.26) 0 10px,transparent 10px 24px),linear-gradient(180deg,#dff8ff,#eef2ff 45%,#ddfbe9);box-shadow:var(--clay)}.map-board:before{content:"";position:absolute;top:58px;right:26px;bottom:72px;left:26px;border-radius:46% 54% 48% 52%;background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.54) 43% 48%,transparent 49% 100%),repeating-linear-gradient(150deg,rgba(79,70,229,.1) 0 8px,transparent 8px 20px);opacity:.52;pointer-events:none}.map-ribbon,.map-finish{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 14px;border-radius:18px;color:var(--primary);background:#ffffffc7;box-shadow:0 6px #4f46e517;font-size:13px;font-weight:1000}.map-finish{justify-content:center;gap:8px;margin-top:8px;color:#9a4a16;background:linear-gradient(180deg,#fff7ed,#fff)}.map-path{position:relative;z-index:2;display:grid;gap:16px;padding:18px 0 12px}.map-path:before{content:"";position:absolute;top:44px;bottom:54px;left:50%;width:14px;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:linear-gradient(180deg,#a5b4fc,#fed7aa 56%,#86efac);box-shadow:0 5px #4f46e51a;transform:translate(-50%)}.level-stop{position:relative;width:min(274px,86%);animation:map-stop-in .26s ease-out both;animation-delay:var(--delay)}.level-stop.lane-0{justify-self:start}.level-stop.lane-1{justify-self:end}.level-stop.lane-2{justify-self:center}.level-stop:before{content:"";position:absolute;top:50%;width:46px;height:8px;border-radius:999px;background:#ffffffc7;box-shadow:inset 0 0 0 2px #4f46e517;transform:translateY(-50%)}.level-stop.lane-0:before{right:-35px}.level-stop.lane-1:before{left:-35px}.level-stop.lane-2:before{left:50%;top:-11px;width:8px;height:26px;transform:translate(-50%)}.level-node{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;width:100%;min-height:132px;padding:12px;overflow:hidden;border:0;border-radius:26px;color:var(--ink);background:linear-gradient(180deg,#fffffff0,#f8fbffe6),radial-gradient(circle at 22% 20%,rgba(255,237,213,.78),transparent 32%);box-shadow:0 9px #4f46e51f,var(--shadow);text-align:left;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.level-node:after{content:"";position:absolute;right:-24px;bottom:-30px;width:116px;height:74px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#86efac75,#22c55e2e);opacity:.78}.level-node:disabled{cursor:not-allowed}.level-node:focus-visible,.spell-link:focus-visible{outline:3px solid rgba(79,70,229,.36);outline-offset:3px}.level-stop.locked .level-node{filter:grayscale(.42);opacity:.72}.level-stop.unlocked .level-node:hover{transform:translateY(-3px);box-shadow:0 12px #4f46e51f,0 24px 42px #2f2b8229}.level-orbit{position:relative;z-index:2;display:grid;place-items:center;align-self:start;width:66px;height:84px;border-radius:22px;background:radial-gradient(circle at 50% 78%,rgba(79,70,229,.14) 0 22px,transparent 23px),linear-gradient(180deg,#eef2ffb8,#ffffff6b)}.island{display:grid;place-items:center;width:54px;height:54px;border:3px solid #fff;border-radius:20px;color:#fff;background:linear-gradient(180deg,#facc15,var(--accent));box-shadow:0 7px #9c38123d}.level-stop.locked .island{background:linear-gradient(180deg,#a5b4fc,#64748b);box-shadow:0 7px #47556938}.level-copy{position:relative;z-index:2;display:grid;align-content:start;gap:5px;min-width:0;padding-top:2px}.level-index{display:inline-flex;width:max-content;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;color:var(--primary);background:#eef2ff;font-size:12px;font-weight:1000}.level-copy strong,.level-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-copy strong{font-size:18px}.level-copy small{color:var(--muted);font-size:12px;font-weight:900}.star-row,.level-cta{position:relative;z-index:2}.star-row{grid-column:1 / -1;display:inline-flex;align-items:center;gap:3px;width:max-content;margin-left:2px;color:#f59e0b}.level-cta{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:34px;padding:0 12px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#818cf8,var(--primary));box-shadow:0 5px #4f46e52e;font-size:12px;font-weight:1000}.level-stop.locked .level-cta{color:var(--primary);background:#eef2ff;box-shadow:none}.spell-link{position:absolute;z-index:3;right:10px;bottom:10px;display:inline-grid;place-items:center;min-width:54px;min-height:38px;padding:0 12px;border:2px solid rgba(255,255,255,.86);border-radius:999px;color:#9a4a16;background:linear-gradient(180deg,#fff7ed,#fff);box-shadow:0 5px #ea580c24;font-size:12px;font-weight:1000}.spell-link:active{transform:translateY(2px)}@keyframes map-stop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--ink);font-weight:1000}.timer{width:100%;height:12px;padding:3px;border-radius:999px;background:#ffffffbd;box-shadow:inset 0 0 0 1px #4f46e514}.timer span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15);transition:width .22s ease}.word-card{display:grid;justify-items:center;gap:8px;margin:20px 0;padding:26px 18px;text-align:center}.word-card p{color:var(--muted);font-size:14px;font-weight:1000}.word-card h2{font-size:clamp(28px,8vw,42px)}.word-card span{color:var(--muted);font-weight:900}.answer-grid{display:grid;gap:12px}.answer-grid button,.spelling-form button{min-height:56px;border:0;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 7px #4f46e51c;font-weight:1000}.answer-grid button:disabled{opacity:.62}.spelling-form{display:grid;gap:12px}.spelling-form button{color:#fff;background:linear-gradient(180deg,#818cf8,var(--primary))}.feedback-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#1e1b4b42;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s ease}.feedback-modal{position:relative;width:min(100%,328px);display:grid;justify-items:center;gap:10px;padding:24px 18px 18px;border:3px solid rgba(255,255,255,.92);border-radius:30px;box-shadow:0 10px #4f46e51f,0 24px 46px #1e1b4b38;text-align:center;animation:pop-in .22s cubic-bezier(.2,.9,.2,1.08)}.feedback-modal.correct{background:linear-gradient(180deg,#ecfdf5,#fff)}.feedback-modal.wrong{background:linear-gradient(180deg,#fff1f2,#fff)}.feedback-icon{display:grid;place-items:center;width:58px;height:58px;border:3px solid rgba(255,255,255,.9);border-radius:22px;color:#fff;background:var(--success);box-shadow:0 7px #12b98147}.feedback-modal.wrong .feedback-icon{background:#ff6b5d;box-shadow:0 7px #dc262638}.feedback-modal strong{font-size:22px}.feedback-modal span{color:var(--muted);font-weight:900}.feedback-modal em{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-style:normal;font-weight:1000}.feedback-button{margin-top:4px;color:#fff;background:linear-gradient(180deg,#ff8f5f,var(--accent));box-shadow:0 7px #9c381257}.ai-service-overlay{z-index:24}.ai-service-modal{gap:12px;background:linear-gradient(180deg,#ecfeff,#fff 62%,#f8fafc)}.ai-service-icon{color:#0f766e;background:linear-gradient(180deg,#a7f3d0,#67e8f9);box-shadow:0 7px #0891b23d}.ai-service-modal span{max-width:260px;color:#334155;line-height:1.5}.ai-service-contact{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;color:#0e7490;background:#ecfeff;border:2px solid rgba(103,232,249,.62);font-weight:1000;text-decoration:none}.ai-service-modal em{max-width:260px;color:#0891b2;font-size:13px;line-height:1.45}.settlement-card{display:grid;justify-items:center;gap:10px;padding:22px;text-align:center}.settlement-score{display:grid;gap:3px}.settlement-score strong{font-size:46px;line-height:1;color:var(--primary)}.settlement-score span{color:var(--muted);font-weight:900}.reward-row{display:flex;gap:10px}.reward-row span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;color:var(--accent);background:#fff7ed;font-weight:1000}.achievement-panel{margin:16px 0;padding:16px}.achievement-panel h2{margin-bottom:10px;font-size:19px}.word-list{display:grid;gap:12px}.word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:20px;background:#ffffffe0;box-shadow:0 7px #4f46e51a}.word-row div{display:grid;gap:3px;min-width:0}.word-row strong{font-size:18px}.word-row span,.word-row small{color:var(--muted)}.word-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-row em{min-width:46px;padding:8px 10px;border-radius:999px;color:var(--danger);background:#fff1f2;font-size:12px;font-style:normal;font-weight:1000;text-align:center}.profile-card{display:grid;justify-items:center;gap:6px;padding:22px;text-align:center}.avatar{display:grid;place-items:center;width:72px;height:72px;border:4px solid #fff;border-radius:24px;color:#fff;background:linear-gradient(180deg,#818cf8,var(--primary));box-shadow:0 8px #4f46e538;font-size:28px;font-weight:1000}.profile-card p:not(.eyebrow),.profile-card span{color:var(--muted);font-weight:900}.profile-section{margin:14px 0;padding:16px;border:3px solid rgba(255,255,255,.92);border-radius:24px;background:#ffffffd1;box-shadow:0 7px #4f46e517,var(--shadow)}.profile-badges{flex-wrap:wrap;overflow:visible;padding-bottom:0}.profile-badge-empty{width:100%;min-height:48px;display:grid;align-items:center;padding:0 12px;border-radius:16px;background:#f8fbff;font-weight:900}.speaking-screen{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 14px 12px}.speaking-hero{position:relative;flex:0 0 268px;min-height:268px;margin:0 -14px 14px;overflow:hidden;background:linear-gradient(180deg,#ffffff24,#eef2ffe6 78%),#e9f8ff}.speaking-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.speaking-hero:after{content:"";position:absolute;inset:auto 0 0;height:118px;background:linear-gradient(180deg,transparent,var(--bg))}.speaking-hero-copy{position:absolute;z-index:2;left:18px;right:86px;bottom:20px;padding:14px;border:2px solid rgba(255,255,255,.86);border-radius:22px;background:#ffffffc2;box-shadow:0 7px #4f46e517;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speaking-hero-copy h2{margin:3px 0 4px}.speaking-hero-copy span{color:var(--muted);font-size:13px;font-weight:900;line-height:1.45}.speaking-side-tools{position:absolute;z-index:3;right:14px;top:16px;display:grid;gap:10px}.speaking-side-tools button,.speech-bubble-actions button,.speaking-topic-row button,.send-round{border:0}.speaking-side-tools button{display:grid;place-items:center;width:44px;height:44px;border:2px solid rgba(255,255,255,.88);border-radius:16px;color:var(--ink);background:#fffc;box-shadow:0 6px #4f46e51a}.speaking-dialogue{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:12px;margin:0 -4px;padding:0 4px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.speaking-dialogue::-webkit-scrollbar{display:none}.dialogue-bottom-spacer{min-height:18px;scroll-margin-bottom:18px}.speaking-dialogue.font-小{font-size:14px}.speaking-dialogue.font-中{font-size:16px}.speaking-dialogue.font-大{font-size:18px}.speech-bubble{position:relative;z-index:1;display:grid;gap:8px;max-width:92%;padding:15px 16px;border-radius:24px;box-shadow:0 7px #4f46e514}.speech-bubble.assistant{justify-self:start;padding-bottom:42px;color:#0f172a;background:#fbfeff;border:1px solid rgba(255,255,255,.92)}.speech-bubble.user{justify-self:end;max-width:80%;color:#123044;background:#dff9ff}.speech-bubble p{font-size:inherit;font-weight:900;line-height:1.38}.speech-original{position:relative}.speech-original.masked{overflow:hidden;border-radius:18px;min-height:1.38em;color:transparent;text-shadow:0 0 12px rgba(15,23,42,.46);-webkit-user-select:none;user-select:none}.speech-original.masked:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:linear-gradient(135deg,#ffffff8f,#ecfeffc2),repeating-linear-gradient(110deg,#ffffff2e 0,#ffffff2e 6px,#7dd3fc1f 6px,#7dd3fc1f 12px);box-shadow:inset 0 1px #ffffffd1,0 6px 18px #0e74901a;backdrop-filter:blur(9px) saturate(1.18);-webkit-backdrop-filter:blur(9px) saturate(1.18);pointer-events:none}.speech-translation{color:#334155;font-size:14px;font-weight:900;line-height:1.45}.speech-bubble-actions{position:absolute;left:14px;bottom:10px;display:flex;gap:8px}.speech-bubble-actions button{display:inline-flex;align-items:center;gap:3px;min-width:30px;min-height:30px;justify-content:center;border-radius:999px;color:#0891b2;background:#ecfeff;font-size:12px;font-weight:1000}.speech-bubble.thinking{grid-auto-flow:column;width:max-content;padding:16px}.speech-bubble.thinking span{width:8px;height:8px;border-radius:50%;background:var(--primary-soft);animation:bounce 1.2s ease-in-out infinite}.speech-bubble.thinking span:nth-child(2){animation-delay:.12s}.speech-bubble.thinking span:nth-child(3){animation-delay:.24s}.speaking-composer{position:relative;z-index:18;flex:0 0 auto;display:grid;grid-template-columns:84px minmax(0,1fr) 54px;align-items:center;gap:10px;min-height:82px;margin:10px 0 0;padding:12px;border:2px solid rgba(255,255,255,.82);border-radius:28px;background:#ffffff8a;box-shadow:0 10px #4f46e514,0 18px 40px #2f2b8229;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25)}.hint-button,.talk-button,.send-round,.speech-text-input button{border:0;font-weight:1000}.hint-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:22px;color:var(--ink);background:#ffffffd6;box-shadow:0 6px #4f46e514}.talk-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#22d3ee,#818cf8 48%,#ec38d4);box-shadow:0 7px #4f46e52e;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.talk-button.listening{filter:saturate(1.25);transform:translateY(2px)}.send-round{display:grid;place-items:center;width:54px;height:54px;border-radius:20px;color:var(--ink);background:#ffffffd6;box-shadow:0 6px #4f46e514}.composer-input{min-height:54px;border:2px solid rgba(199,210,254,.88);border-radius:999px;padding:0 16px;color:var(--ink);background:#ffffffe6;box-shadow:0 6px #4f46e514;outline:none;font-weight:900}.send-round:disabled{opacity:.48}.api-key-overlay{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1e1b4b61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.voice-confirm-overlay{position:absolute;z-index:36;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1e1b4b57;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.voice-confirm-modal{width:min(100%,344px);display:grid;gap:12px;justify-items:center;padding:22px 18px 18px;border:3px solid rgba(255,255,255,.94);border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px #4f46e51f,0 24px 46px #1e1b4b38;text-align:center}.voice-confirm-modal p{color:var(--muted);font-size:14px;font-weight:900;line-height:1.5}.voice-confirm-modal textarea{width:100%;min-height:112px;resize:vertical;border:2px solid var(--border);border-radius:18px;padding:12px;color:var(--ink);background:#fff;outline:none;font-weight:900;line-height:1.5}.voice-confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.api-key-modal{width:min(100%,344px);display:grid;gap:14px;justify-items:center;padding:24px 18px 18px;border:3px solid rgba(255,255,255,.94);border-radius:30px;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px #4f46e51f,0 24px 46px #1e1b4b38;text-align:center}.api-key-modal p{color:var(--muted);font-size:14px;font-weight:900;line-height:1.5}.api-key-modal label{width:100%;display:grid;gap:8px;text-align:left}.api-key-modal label span{font-weight:1000}.api-key-modal input{width:100%;min-height:48px;border:2px solid var(--border);border-radius:16px;padding:0 12px;color:var(--ink);background:#fff;outline:none}.api-key-error{width:100%;padding:10px 12px;border-radius:14px;color:var(--danger)!important;background:#fff1f2;text-align:left}.speaking-settings{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:10px;margin:0 -14px;padding:0 14px 18px;background:#f4f6ff;overflow-y:auto;scrollbar-width:none}.speaking-settings::-webkit-scrollbar{display:none}.speaking-settings-head{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:64px;margin:0 -14px 8px;padding:0 14px;background:#fff}.speaking-settings-head h2{text-align:center}.setting-row,.settings-line-button{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:0;border-radius:18px;color:#111827;background:#fff;box-shadow:0 5px #4f46e512;font-weight:1000;text-align:left}.setting-row select{min-height:42px;border:0;border-radius:999px;padding:0 14px;color:#111827;background:#f1f0f8;font-weight:1000}.segmented{display:inline-grid;grid-auto-flow:column;padding:4px;border-radius:999px;background:#f1f0f8}.segmented button{min-width:42px;min-height:36px;border:0;border-radius:999px;color:#111827;background:transparent;font-weight:1000}.segmented button.active{color:#fff;background:#111827}.switch{width:62px;height:36px;padding:4px;border:2px solid #8b8795;border-radius:999px;background:#f5f3ff}.switch span{display:block;width:24px;height:24px;border-radius:50%;background:#aaa6b5;transition:transform .18s ease,background .18s ease}.switch.on span{background:var(--primary);transform:translate(24px)}.settings-line-button{width:100%;font-size:15px}.settings-line-button svg:last-child{color:#a8a4b4}.settings-line-button.danger{color:#991b1b}.center-state{min-height:76%;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.loading-state p{color:var(--muted);font-weight:900}.bounce{animation:bounce 1.4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:460px){.app-shell{padding:0}.phone{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.screen{padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}