:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#114e6a;background:#123c4b;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;display:grid;place-items:center;min-height:100svh}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button svg{display:block;width:100%;height:100%}button:focus-visible,.avatar-view:focus-visible{outline:3px solid white;outline-offset:3px}[hidden]{display:none!important}button:disabled{cursor:default}.experience{container-type:inline-size;position:relative;width:min(100vw,56.25svh);height:100svh;min-height:560px;background:linear-gradient(135deg,#5ac7e8,#91e3ee,#a7e7e8);overflow:hidden;isolation:isolate;box-shadow:0 0 100px #03192060}.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 40%,#fff9 0 2px,transparent 4px),radial-gradient(circle at 90% 33%,#fff7 0 3px,transparent 6px),radial-gradient(circle at 5% 76%,#fff5 0 1px,transparent 3px),radial-gradient(circle at 80% 80%,#fff7 0 2px,transparent 4px),radial-gradient(ellipse at 45% 95%,#cefaff88,transparent 62%);z-index:0}.clock-panel{position:absolute;left:4%;top:2.5%;z-index:3;color:#f4ffff;pointer-events:none}.brand{font-size:5cqw;line-height:1.1;font-weight:750;margin:0 0 1cqw}.clock-time{font-size:10.9cqw;font-weight:200;line-height:1.15;letter-spacing:-.6cqw;font-variant-numeric:tabular-nums;display:block}.clock-date{font-size:3.25cqw;line-height:1.4;margin:1cqw 0 0;font-weight:400}.glass{border:1px solid #e7ffffa6;box-shadow:0 12px 34px #1287ab14,inset 0 1px #ffffff40;background:linear-gradient(125deg,#dcffff36,#f1ffff20);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.recommendations{position:absolute;right:2%;top:2.2%;width:34%;padding:1.6cqw 1.9cqw 1.3cqw;border-radius:2cqw;z-index:4;color:#fff}.recommendations h2{font-size:2.9cqw;line-height:1.4;font-weight:600;margin:0;padding:0 0 1cqw;border-bottom:1px solid #e0ffff77}.questions-viewport{overflow:hidden;height:32cqw}.question-list{transition:transform .5s ease-in-out}.question{width:100%;display:flex;align-items:center;gap:1.6cqw;height:6.4cqw;padding:0;overflow:hidden;border:0;border-bottom:1px solid #dcffff7a;color:#fff;background:none;text-align:left;transition:background .2s}.question:hover{background:#dfffff22}.question-symbol{flex:none;width:3.8cqw;height:3.8cqw;border-radius:50%;background:#ecffffcf;color:#16a7d3;padding:.7cqw}.question-text{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:2.5cqw;line-height:1.3;font-weight:450}.question-arrow{width:1.5cqw;height:1.5cqw;flex:none}.stage{position:absolute;inset:0;z-index:1}.avatar-view{position:absolute;inset:17% 0 13%;outline-offset:-4px;touch-action:none;cursor:grab}.avatar-view:active{cursor:grabbing}.avatar-view canvas{width:100%;height:100%;display:block}.loading{position:absolute;inset:40% 15% auto;display:flex;align-items:center;flex-direction:column;gap:3cqw;font-size:3cqw;color:#16768b}.loading-dot{height:7cqw;width:7cqw;border:2px solid #efffffc4;border-top-color:#118ead;border-radius:50%;animation:spin 1s linear infinite}progress{height:3px;width:30cqw;accent-color:#078ead}.fallback{position:absolute;inset:18% 8% 13%;width:84%;height:69%;object-fit:contain}.reset-view{position:absolute;left:4%;bottom:16%;width:7cqw;height:7cqw;padding:1.8cqw;border:1px solid #ffffffa0;border-radius:50%;background:#e5ffff22;color:#147993;opacity:0;transition:opacity .2s}.stage:hover .reset-view,.stage:focus-within .reset-view{opacity:1}.voice-panel{position:absolute;left:6%;right:6%;top:62%;min-height:16cqw;border-radius:3.8cqw;z-index:5;padding:1cqw 4cqw;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:.6cqw;color:#079bd0;background:linear-gradient(120deg,#e3ffff60,#efffff40)}.voice-panel h2{display:flex;align-items:center;justify-content:center;gap:2.4cqw;font-size:2.9cqw;font-weight:500;line-height:1.3;margin:0}.tiny-wave{display:block;width:6cqw;height:2.5cqw;background:repeating-linear-gradient(90deg,#1bb9eb 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,10% 40%,20% 20%,30% 35%,40% 0,50% 45%,60% 15%,70% 40%,80% 30%,90% 45%,100% 45%,100% 55%,90% 55%,80% 70%,70% 60%,60% 85%,50% 55%,40% 100%,30% 65%,20% 80%,10% 60%,0 60%)}.voice-text{width:100%;font-size:3.4cqw;line-height:1.5;white-space:nowrap;text-align:center;color:#135576;margin:0;overflow:hidden;min-width:0;scrollbar-width:none}.voice-text-track{display:inline-block;vertical-align:top;white-space:nowrap}.voice-text.is-overflowing{text-align:left}.voice-text:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px;border-radius:4px}.waveform{display:flex;align-items:center;justify-content:center;gap:.65cqw;width:78%;height:3.4cqw}.waveform i{display:block;flex:1;max-width:.6cqw;height:calc(.4cqw + var(--level,0) * 3cqw);min-height:2px;border-radius:4px;background:#20bdeb;opacity:.8;transition:height .08s linear}.waveform i:nth-child(3n){background:#49a7f1}.voice-controls{position:absolute;bottom:3.5%;left:10%;right:10%;z-index:6;display:flex;align-items:center;flex-direction:column;gap:2cqw}.start-button{height:10cqw;width:100%;display:flex;align-items:center;justify-content:center;gap:2.7cqw;border:2px solid #e7ffffde;border-radius:8cqw;color:#fff;background:linear-gradient(100deg,#11bceb,#10c4ef 45%,#53e8de);box-shadow:0 5px 24px #3cadca33,inset 0 0 15px #dcffff30;font-size:4cqw;font-weight:550;transition:filter .2s,transform .2s}.start-button:hover{filter:brightness(1.07)}.start-button:active{transform:scale(.99)}#start-icon{width:5.4cqw;height:5.4cqw}.service-state{font-size:2.4cqw;line-height:1.3;margin:0;color:#357f97}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.experience{width:100vw}.clock-date{font-size:max(3.25cqw,12px)}.recommendations{width:37%;padding:7px 8px}.recommendations h2{font-size:13px;padding-bottom:5px}.questions-viewport{height:128px}.question{height:32px;gap:5px}.question-symbol{height:18px;width:18px;padding:4px}.question-text{font-size:12px}.question-arrow{width:6px;height:6px}.voice-panel{min-height:72px;padding:6px 14px;gap:3px}.voice-panel h2{font-size:13px}.voice-text{font-size:14px}.start-button{height:48px;font-size:17px}.service-state{font-size:11px}.reset-view{opacity:1;min-width:30px;min-height:30px}.voice-controls{bottom:max(3.5%,env(safe-area-inset-bottom))}}@media(max-width:360px){.recommendations{width:41%}.clock-time{font-size:10cqw}.clock-date{font-size:11px}.avatar-view{inset:21% 0 15%}.voice-controls{gap:1cqw}.voice-panel{top:63%}}@media(min-width:700px)and (max-height:1200px){.experience{height:100svh;width:56.25svh}}@media(prefers-reduced-motion:reduce){.voice-text{overflow-x:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:600px){.recommendations{width:39%}.question-arrow{display:none}.question-symbol{width:16px;height:16px;padding:3px}}@container (max-width:600px){.clock-date{font-size:max(3.25cqw,12px)}.recommendations{width:39%;padding:7px 8px}.recommendations h2{font-size:13px;padding-bottom:5px}.questions-viewport{height:128px}.question{height:32px;gap:5px}.question-symbol{height:16px;width:16px;padding:3px}.question-text{font-size:12px}.question-arrow{display:none}.voice-panel{min-height:72px;padding:6px 14px;gap:3px}.voice-panel h2{font-size:13px}.voice-text{font-size:14px}.start-button{height:48px;font-size:17px}.service-state{font-size:11px}.reset-view{min-width:30px;min-height:30px}}@container (max-width:360px){.recommendations{width:45%;padding:6px}.question{gap:3px}.question-symbol{width:15px;height:15px}.clock-date{font-size:11px}}@container (min-width:450px) and (max-width:600px){.recommendations h2{font-size:2.9cqw}.questions-viewport{height:25.6cqw}.question{height:6.4cqw;gap:1cqw}.question-symbol{width:3.8cqw;height:3.8cqw;padding:.7cqw}.question-text{font-size:2.5cqw}.voice-panel{min-height:16cqw;padding:1cqw 4cqw;gap:.6cqw}.voice-panel h2{font-size:2.9cqw}.voice-text{font-size:3.4cqw}.start-button{height:10cqw;font-size:4cqw}.service-state{font-size:2.4cqw}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}body{overflow-x:hidden}.experience{min-height:0}.clock-panel{top:max(2.5%,calc(var(--safe-top) + 10px));left:max(4%,calc(var(--safe-left) + 12px))}.recommendations{top:max(2.2%,calc(var(--safe-top) + 8px));right:max(2%,calc(var(--safe-right) + 8px))}.voice-controls{bottom:max(3.5%,calc(var(--safe-bottom) + 8px))}.service-state{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}@media(orientation:portrait)and (max-height:600px){.voice-panel{top:61%;min-height:64px;padding:4px 14px}}@media(orientation:landscape)and (max-height:600px){.experience{width:100%;max-width:1000px;height:100svh}.clock-panel{left:max(3%,calc(var(--safe-left) + 12px))}.brand{font-size:18px;margin-bottom:4px}.clock-time{font-size:40px;letter-spacing:-2px}.clock-date{font-size:12px;margin-top:4px}.recommendations{top:max(10px,calc(var(--safe-top) + 8px));right:max(4%,calc(var(--safe-right) + 12px));width:42%;padding:8px 10px;border-radius:12px}.recommendations h2{font-size:13px;padding-bottom:4px}.questions-viewport{height:80px}.question{height:40px;gap:6px}.question-text{font-size:12px}.question-symbol{width:18px;height:18px;padding:4px}.question-arrow{display:none}.voice-panel{left:auto;right:max(4%,calc(var(--safe-right) + 12px));width:42%;top:auto;bottom:calc(max(12px,var(--safe-bottom)) + 86px);min-height:72px;padding:6px 14px;gap:3px;border-radius:16px}.voice-panel h2{font-size:13px;gap:12px}.tiny-wave{width:24px;height:10px}.voice-text{font-size:14px}.waveform{height:14px;gap:3px}.voice-controls{left:auto;right:max(4%,calc(var(--safe-right) + 12px));width:42%;bottom:max(12px,var(--safe-bottom));gap:8px}.start-button{height:48px;font-size:17px;gap:12px;border-radius:28px}#start-icon{width:24px;height:24px}.service-state{font-size:11px}}.avatar-view{inset:20% -8% 10%;touch-action:auto;cursor:default}.avatar-view:active{cursor:default}.presenter-fit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.avatar-view .presenter-canvas{display:block;flex:none;max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none}.fallback{inset:20% -8% 10%;width:116%;height:70%;object-fit:contain;padding:2%}@media(max-width:360px){.avatar-view{inset:24% -8% 12%}.fallback{inset:24% -8% 12%;height:64%}}@media(orientation:portrait)and (max-height:600px){.avatar-view{inset:28% -8% 17%}.fallback{inset:28% -8% 17%;height:55%}}@media(orientation:landscape)and (max-height:600px){.avatar-view{inset:5% 50% 5% max(20%,calc(var(--safe-left) + 110px))}.fallback{inset:5% 50% 5% max(20%,calc(var(--safe-left) + 110px));width:calc(50% - max(20%,calc(var(--safe-left) + 110px)));height:90%}}