:root{color:#173b37;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f8f4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 42%,#e7f6ec 0,#f6f8f4 44%,#0000 72%),linear-gradient(160deg,#f7f8f3 0,#fbf6ee 100%);min-width:280px;margin:0}button{font:inherit}[hidden]{display:none!important}.page{--ai-scale:1;--ai-ring-scale:1;--ai-glow:.7;--mic-1:1;--mic-2:1;--mic-3:1;--mic-4:1;--mic-5:1;--mic-6:1;--mic-7:1;width:min(100%,560px);min-height:100dvh;padding:max(26px, env(safe-area-inset-top)) 27px max(22px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:10px;font-size:24px;font-weight:750;display:flex}.brand-mark{background:#f8ba83;border-radius:50%;place-items:center;width:33px;height:33px;font-size:23px;font-weight:750;line-height:1;display:grid}.header-note{color:#658079;letter-spacing:1.6px;font-size:10px;font-weight:700}.status{color:#5e5795;background:#ebe9f7;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;margin-top:26px;padding:9px 13px;font-size:12px;font-weight:650;display:inline-flex}.status-dot{background:#9282ca;border-radius:50%;width:7px;height:7px}.page[data-phase=live] .status{color:#80544b;background:#fff0e4}.page[data-phase=live] .status-dot{background:#e98f69}.page[data-phase=connecting] .status{color:#537468;background:#e6eee8}.page[data-phase=connecting] .status-dot{background:#8fae9a}.orb-scene{isolation:isolate;flex:1 0 270px;place-items:center;width:100%;min-height:270px;max-height:400px;margin-top:6px;display:grid;position:relative}.page[data-history=true] .orb-scene{flex-basis:240px;min-height:240px;max-height:260px}.page[data-history=true] .orb-scene:before{width:min(80vw,340px)}.page[data-history=true] .orb-aura{width:min(72vw,300px)}.page[data-history=true] .orb-ring-outer{width:min(68vw,290px)}.page[data-history=true] .orb-ring-inner{width:min(60vw,260px)}.page[data-history=true] .orb{width:clamp(180px,45vw,235px)}.orb-scene:before{content:"";aspect-ratio:1;filter:blur(14px);opacity:.9;background:radial-gradient(circle,#d7f6e4 0%,#e9f7ee 42%,#0000 72%);border-radius:50%;width:min(92vw,435px);animation:8s ease-in-out infinite scene-breathe;position:absolute}.orb-aura{aspect-ratio:1;filter:blur(20px);width:min(77vw,360px);opacity:var(--ai-glow);transform:scale(var(--ai-ring-scale));background:radial-gradient(circle,#9debd2 8%,#a8ebd683 46%,#0000 72%);border-radius:50%;transition:opacity .1s linear,background .22s;position:absolute}.page[data-voice=tutor] .orb-aura{background:radial-gradient(circle,#ffd48c 5%,#ffb88a94 48%,#0000 74%)}.orb-ring{transform:scale(var(--ai-ring-scale));opacity:.7;border:1px solid #70c9ad78;border-radius:50%;transition:transform .1s linear,border-color .22s;position:absolute}.orb-ring-outer{aspect-ratio:1;width:min(76vw,348px)}.orb-ring-inner{aspect-ratio:1;opacity:.42;width:min(66vw,305px)}.page[data-voice=tutor] .orb-ring{border-color:#f3ac7b8f}.orb{z-index:1;aspect-ratio:1;color:#176c68;width:clamp(196px,51vw,266px);transform:scale(var(--ai-scale));background:radial-gradient(circle at 30% 24%,#ddffec 0%,#9aebd0 27%,#55cab5 60%,#269d99 100%);border-radius:47% 53% 51% 49%;place-items:center;animation:5.5s ease-in-out infinite orb-float,8s ease-in-out infinite orb-morph;display:grid;position:relative;box-shadow:0 15px 40px #319f9870,0 0 38px #71d9b776,inset -12px -18px 27px #137c7550,inset 10px 14px 20px #fff6}.orb:before{content:"";z-index:1;filter:blur(9px);background:#fff5;border-radius:50%;width:38%;height:29%;position:absolute;top:14%;left:16%;transform:rotate(-28deg)}.orb:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(circle at 31% 23%,#fff4cf 0%,#f8c994 37%,#ee927e 74%,#c97973 100%);transition:opacity .25s;position:absolute;inset:0}.page[data-voice=tutor] .orb{box-shadow:0 15px 44px #e5917880,0 0 68px #ffc090be,inset -12px -18px 27px #ad5a5745,inset 10px 14px 20px #ffffff70}.page[data-voice=tutor] .orb:after{opacity:1}.orb-shimmer{z-index:2;border:1px solid #ffffff49;border-radius:50%;width:72%;height:72%;position:absolute;transform:rotate(-24deg)}.orb-face{z-index:3;width:55%;height:40%;position:relative}.page[data-voice=tutor] .orb-face{color:#a44e48}.orbit-dot{z-index:2;border-radius:50%;animation:6s ease-in-out infinite dot-float;position:absolute}.orbit-dot-one{background:#efc17e;width:10px;height:10px;top:23%;left:15%}.orbit-dot-two{background:#8faadd;width:14px;height:14px;animation-delay:-2s;bottom:25%;right:14%}.orbit-dot-three{background:#70c7af;width:7px;height:7px;animation-delay:-4s;bottom:20%;left:22%}@keyframes scene-breathe{50%{opacity:.65;transform:scale(1.06)}}@keyframes orb-float{0%,to{top:0}50%{top:-8px}}@keyframes orb-morph{50%{border-radius:52% 48% 46% 54%}}@keyframes dot-float{50%{translate:0 -10px}}.conversation{z-index:2;align-items:center;min-height:108px;margin-top:-4px;display:grid;position:relative}.page[data-history=true] .conversation{margin-top:7px}.intro h1{letter-spacing:-.8px;margin:0 0 8px;font-size:26px;font-weight:720}.intro p{color:#58776e;margin:0;font-size:15px;line-height:1.45}.dialogue{scrollbar-width:thin;scrollbar-color:#b9d7ca transparent;width:100%;max-height:min(250px,30dvh);padding:3px 4px 8px;overflow-y:auto}.dialogue::-webkit-scrollbar{width:4px}.dialogue::-webkit-scrollbar-thumb{background:#b9d7ca;border-radius:4px}.message{border-radius:18px;width:min(90%,430px);padding:12px 16px}.message+.message{margin-top:9px}.message-tutor{background:#ffffffdf;border:1px solid #dcece4;margin-right:auto;box-shadow:0 7px 18px #3d735b11}.message-child{background:#e6f5ea;border:1px solid #cde8da;margin-left:auto}.message-label{color:#538076;letter-spacing:1.4px;font-size:10px;font-weight:750}.message-child .message-label{color:#358773}.message p{overflow-wrap:anywhere;margin:5px 0 0;font-size:15px;font-weight:550;line-height:1.42}.user-voice{color:#4c6f65;background:#ffffffb8;border:1px solid #dce9e1;border-radius:18px;align-items:center;gap:11px;width:100%;min-height:56px;margin-top:15px;padding:10px 15px;transition:opacity .22s,border-color .15s,background .15s;display:flex}.page[data-phase=idle] .user-voice{visibility:hidden;opacity:0}.page[data-mic=active] .user-voice{background:#edfaf2;border-color:#89cfbe}.user-voice-symbol{color:#318574;background:#e2f3ea;border-radius:50%;width:29px;height:29px;padding:5px}.user-voice-symbol svg{width:100%;height:100%;display:block}.user-voice-label{font-size:12px;font-weight:650}.voice-bars{justify-content:space-between;align-items:center;gap:4px;width:76px;height:24px;margin-left:auto;display:flex}.voice-bar{width:4px;height:6px;transform:scaleY(var(--mic-1));background:#7acbb8;border-radius:4px;transition:transform 80ms linear,background .15s}.voice-bar:nth-child(2),.voice-bar:nth-child(6){height:9px;transform:scaleY(var(--mic-2))}.voice-bar:nth-child(3),.voice-bar:nth-child(5){height:13px;transform:scaleY(var(--mic-3))}.voice-bar:nth-child(4){height:17px;transform:scaleY(var(--mic-4))}.voice-bar:nth-child(5){transform:scaleY(var(--mic-5))}.voice-bar:nth-child(6){transform:scaleY(var(--mic-6))}.voice-bar:nth-child(7){transform:scaleY(var(--mic-7))}.page[data-mic=active] .voice-bar{background:#1b9b83}.error{color:#9b453f;margin:9px 2px 0;font-size:13px;line-height:1.4}.call-button{color:#fff;cursor:pointer;background:#0b7d72;border:0;border-radius:20px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:66px;margin-top:16px;font-size:17px;font-weight:700;display:flex;box-shadow:0 10px 22px #18766638}.call-button:hover{filter:brightness(1.05)}.call-button:focus-visible{outline-offset:3px;outline:3px solid #173b37}.page[data-phase=connecting] .call-button,.page[data-phase=live] .call-button{color:#75433d;box-shadow:none;background:#f8e3dd}.button-icon{width:24px;height:24px}.end-icon{background:currentColor;border-radius:4px;width:21px;height:4px;display:none}.page[data-phase=connecting] .mic-icon,.page[data-phase=live] .mic-icon{display:none}.page[data-phase=connecting] .end-icon,.page[data-phase=live] .end-icon{display:block}.hint{color:#668178;text-align:center;margin:13px 0 0;font-size:12px}@media (height<=690px){.page{padding-top:16px;padding-bottom:16px}.status{margin-top:12px}.orb-scene{flex-basis:210px;min-height:210px;max-height:240px;margin-top:0}.orb-scene:before{width:265px}.orb-aura{filter:blur(12px);width:225px}.orb-ring-outer{width:205px}.orb-ring-inner{width:185px}.orb{width:174px}.page[data-history=true] .orb-scene{flex-basis:185px;min-height:185px;max-height:205px}.page[data-history=true] .orb-scene:before{width:235px}.page[data-history=true] .orb-aura{width:210px}.page[data-history=true] .orb-ring-outer{width:195px}.page[data-history=true] .orb-ring-inner{width:174px}.page[data-history=true] .orb{width:160px}.conversation{min-height:75px;margin-top:0}.page[data-history=true] .conversation{margin-top:0}.dialogue{max-height:min(150px,24dvh)}.message{padding:9px 12px}.message p{font-size:14px;line-height:1.35}.user-voice{min-height:48px;margin-top:10px}.call-button{min-height:58px;margin-top:10px}.hint{margin-top:9px}}@media (prefers-reduced-motion:reduce){.orb-scene:before,.orb,.orbit-dot{animation:none}.voice-bar,.orb-aura,.orb-ring{transition:none}}