:root{--bg: #0b0b0b;--fg: #f4f4f4;--muted: #9a9a9a;--faint: #5c5c5c;--line: rgba(244, 244, 244, .85);--hair: rgba(244, 244, 244, .18);--soft: rgba(244, 244, 244, .06);--invert-bg: #f4f4f4;--invert-fg: #0b0b0b;--font: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;--tap: 52px;--radius: 999px;--gutter: 16px;color-scheme:dark}:root[data-theme=light]{--bg: #fafafa;--fg: #0b0b0b;--muted: #5e5e5e;--faint: #a3a3a3;--line: rgba(11, 11, 11, .85);--hair: rgba(11, 11, 11, .16);--soft: rgba(11, 11, 11, .05);--invert-bg: #0b0b0b;--invert-fg: #fafafa;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.app{min-height:100%;min-height:100dvh;display:flex;flex-direction:column;padding:0 var(--gutter);max-width:1400px;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px}.wordmark{font-size:13px;font-weight:700;letter-spacing:.42em;margin-right:-.42em}.tools{display:flex;gap:4px}.icon-btn{width:var(--tap);height:var(--tap);min-width:var(--tap);border-radius:50%;display:inline-grid;place-items:center;color:var(--muted);transition:color .15s,background .15s}.icon-btn:hover,.icon-btn[aria-pressed=true]{color:var(--fg);background:var(--soft)}.lang-btn{font-size:13px;letter-spacing:.12em;width:auto;padding:0 14px;border-radius:var(--radius)}.label{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--tap);padding:0 28px;border:1.5px solid var(--line);border-radius:var(--radius);letter-spacing:.16em;font-size:15px;transition:background .15s,color .15s}.pill:hover{background:var(--soft)}.pill.solid{background:var(--invert-bg);color:var(--invert-fg);border-color:var(--invert-bg)}.pill.quiet{border-color:var(--hair);color:var(--muted)}.start{min-height:84px;padding:0 44px;font-size:20px;letter-spacing:.2em}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 0 40px}.hero{font-weight:400;font-size:clamp(44px,9vw,108px);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px}.sub{color:var(--muted);font-size:clamp(17px,2vw,22px);max-width:30em;margin:0 0 22px}.meta-btn{min-height:48px;padding:0 18px;border-radius:var(--radius);color:var(--muted);font-size:14px;letter-spacing:.14em;margin-bottom:44px}.meta-btn:hover{color:var(--fg);background:var(--soft)}.foot{text-align:center;font-size:12px;color:var(--faint);padding:16px 0 20px;letter-spacing:.04em}.foot p{margin:2px 0}.talk{flex:1;display:flex;flex-direction:column;min-height:0}.talk-top .chip{font-size:13px;letter-spacing:.14em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talk-top .right{display:flex;align-items:center;gap:10px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;letter-spacing:.08em}.stage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 18px}.orb{--level: 0;position:relative;width:116px;height:116px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center}.orb:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--fg);opacity:.1;transform:scale(calc(.25 + var(--level) * .75));transition:transform 80ms linear}.orb svg{position:relative}.orb[data-phase=child]:before,.orb[data-phase=listening]:before{opacity:.16}.orb[data-phase=speaking]{border-color:var(--fg)}.orb[data-phase=speaking]:after,.orb[data-phase=queued]:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;border:1.5px solid var(--fg);animation:ripple 1.6s ease-out infinite}.orb[data-phase=thinking] .dots,.orb[data-phase=connecting] .dots,.orb[data-phase=reconnecting] .dots{display:flex}.orb[data-phase=connecting],.orb[data-phase=reconnecting]{border-style:dashed;animation:spin 3s linear infinite}.dots{display:none;gap:7px;position:absolute}.dots i{width:8px;height:8px;border-radius:50%;background:var(--fg);animation:dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.orb .glyph{display:grid}.orb[data-phase=thinking] .glyph,.orb[data-phase=connecting] .glyph,.orb[data-phase=reconnecting] .glyph{display:none}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.45);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.status{margin:0;font-size:clamp(18px,2.4vw,26px);letter-spacing:.04em;text-align:center;min-height:1.5em}.meter{width:120px;height:4px;border-radius:2px;background:var(--hair);overflow:hidden}.meter i{display:block;height:100%;width:100%;background:var(--fg);transform-origin:left;transform:scaleX(0);transition:transform 60ms linear}.transcript{flex:1;overflow-y:auto;min-height:120px;padding:8px 0 24px;display:flex;flex-direction:column;gap:18px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,transparent 0,#000 28px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px)}.line{max-width:min(92%,46em);font-size:clamp(22px,3.2vw,44px);line-height:1.3;letter-spacing:-.01em}.line.tutor{align-self:flex-start;display:flex;gap:10px;align-items:flex-start}.line.tutor .replay{flex:none;margin-top:2px}.line.child{align-self:flex-end;text-align:right;color:var(--muted)}.line .who{display:block;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}.line .zh{display:block;font-size:.62em;color:var(--muted);margin-top:6px;letter-spacing:.02em}.line.live .text:after{content:"";display:inline-block;width:.5em;height:.08em;background:currentColor;margin-left:.15em;animation:dot 1s ease-in-out infinite}.controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 0 calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair)}.ptt{min-height:92px;min-width:220px;font-size:19px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ptt.held{background:var(--invert-bg);color:var(--invert-fg)}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px 0 48px}.center h1{font-weight:400;font-size:clamp(32px,6vw,64px);letter-spacing:-.02em;line-height:1.1;margin:10px 0 0}.center .sub{margin:0 0 18px}.center .big-icon{color:var(--muted)}.words{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:34em;margin:6px 0 10px}.word{border:1px solid var(--hair);border-radius:var(--radius);padding:8px 18px;font-size:20px}.note{color:var(--faint);font-size:13px;max-width:28em;margin-top:16px}.code-input{width:220px;min-height:64px;text-align:center;font-size:30px;letter-spacing:.4em;background:transparent;border:1.5px solid var(--line);border-radius:var(--radius);outline:none}.error{color:var(--fg);font-size:14px;min-height:1.5em;margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tab{min-height:48px;padding:0 18px;border-radius:var(--radius);color:var(--muted);font-size:14px;letter-spacing:.08em;border:1px solid transparent}.tab[aria-selected=true]{color:var(--fg);border-color:var(--line)}.help{display:flex;gap:26px;align-items:center;text-align:left;max-width:560px;margin:8px 0 14px}.help ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:12px}.help li small{display:block;color:var(--faint);font-size:13px}.help .phone{flex:none;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:var(--bg);border:1px solid var(--hair);border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-width:640px;padding:22px var(--gutter) calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px;max-height:90vh;overflow-y:auto}.sheet-head{display:flex;justify-content:space-between;align-items:center}.levels{display:flex;gap:10px}.level-dot{width:var(--tap);height:var(--tap);border-radius:50%;border:1.5px solid var(--hair);font-size:20px}.level-dot[aria-pressed=true],.chip-btn[aria-pressed=true]{background:var(--invert-bg);color:var(--invert-fg);border-color:var(--invert-bg)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{min-height:48px;padding:0 18px;border-radius:var(--radius);border:1.5px solid var(--hair);font-size:15px}.hint{color:var(--muted);font-size:14px;margin:-6px 0 0}@media(max-width:480px){.start{min-height:76px;padding:0 34px}.orb{width:96px;height:96px}.help{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}