.voice-page{min-height:100dvh;position:relative;background:radial-gradient(ellipse at 50% 43%,#10362e80,transparent 52%),#101719;color:#e8efed;padding:38px 20px 24px;color-scheme:dark}.voice-home{position:absolute;top:24px;right:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #315047;border-radius:50%;color:#a4c4b8}.voice-home svg{width:20px}.voice-shell{max-width:600px;min-height:calc(100dvh - 62px);margin:auto;display:flex;flex-direction:column}.voice-shell h1{font-size:clamp(23px,3vw,30px);font-weight:650;text-align:center;margin:5px 0 32px}.voice-options{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;max-width:480px;width:100%;margin:0 auto}.voice-options label{display:grid;gap:8px;font-size:12px;color:#96afa5;min-width:0}.voice-options select{width:100%;min-width:0;background:#192823;color:#e4f3ed;border:1px solid #314c41;border-radius:12px;padding:11px 12px;font:inherit;font-size:13px;color-scheme:dark}.voice-stage{flex:1 1;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 0 24px}.voice-page .voice-orb{position:relative;isolation:isolate;display:grid;place-items:center;width:260px;height:260px;padding:16px;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.voice-orb:before{inset:-12px;background:radial-gradient(circle,#14ca8c24 25%,#14ca8c10 48%,transparent 70%);pointer-events:none;animation:voice-aura 5s ease-in-out infinite}.voice-orb:after,.voice-orb:before{content:"";position:absolute;border-radius:50%}.voice-orb:after{width:64%;height:15%;bottom:-14px;background:#0009;filter:blur(14px);z-index:-1}.voice-orb-sphere{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;clip-path:circle(50%);background:radial-gradient(circle at 28% 22%,#b8ffe4 0,#52e7b5 11%,#149e79 35%,#06493d 70%,#021b18 100%);box-shadow:inset 8px 9px 20px #d7ffef66,inset -18px -22px 35px #001b1ae0,0 0 0 1px #6eedbf66,0 24px 50px #0006;animation:voice-float 6s ease-in-out infinite;transform:scale(calc(1 + clamp(0, var(--voice-level, 0), 1) * .035));transition:transform .16s ease-out}.voice-orb-flow{border-radius:inherit;background:radial-gradient(ellipse at 35% 33%,#c6ffe44d,transparent 58%),radial-gradient(ellipse at 65% 73%,#13d4a64d,transparent 60%);opacity:.3;animation:voice-flow 6s ease-in-out infinite}.voice-orb-flow,.voice-orb-glint{position:absolute;inset:0;pointer-events:none}.voice-orb-glint{border-radius:50%;background:radial-gradient(ellipse at 31% 20%,#e0fff391 0,transparent 21%),radial-gradient(ellipse at 71% 81%,#00e1ab50,transparent 34%);box-shadow:inset 0 0 30px #32e6b138}.voice-orb svg{position:relative;width:38px;height:38px;color:#e9fff5b0;filter:drop-shadow(0 2px 6px #003125a0);z-index:2;transition:opacity .2s}.voice-orb.recording .voice-orb-sphere{box-shadow:inset 8px 9px 20px #d7ffef66,inset -18px -22px 35px #001b1ae0,0 0 0 2px #75f8cb,0 0 55px #16dc9850}.voice-orb.playing .voice-orb-flow,.voice-orb.recording .voice-orb-flow{animation-duration:3s}.voice-orb.recognize .voice-orb-flow,.voice-orb.reply .voice-orb-flow,.voice-orb.speech .voice-orb-flow,.voice-orb.uploading .voice-orb-flow{animation-duration:1.9s}.voice-orb:is(.reply,.recognize,.speech,.uploading) svg{opacity:.3}.voice-page .voice-orb:disabled{cursor:wait;opacity:1}.voice-state{margin:36px 0 0;font-size:12px;font-weight:400;color:#9bb8ab;text-align:center;min-height:22px}.voice-text{display:flex;gap:10px;align-items:center;padding:7px 8px 7px 14px;border:1px solid #345c4c;border-radius:22px;background:#18241f;box-shadow:0 10px 32px #0002;margin:12px 0 6px}.voice-text input{flex:1 1;min-width:0;width:100%;background:transparent;border:0;color:#ebf3ef;padding:10px 6px;font:inherit;font-size:13px;outline:none}.voice-text input::placeholder{color:#9aad9f}.voice-page .voice-text button{width:42px;height:42px;border-radius:50%;padding:10px;border:1px solid #357e60;background:#186447;color:#dffff0;display:grid;place-items:center;cursor:pointer}.voice-text button svg{width:21px;height:21px}.voice-text button:disabled{opacity:.4;cursor:not-allowed}.voice-answer,.voice-error{font-size:13px;line-height:1.9;overflow-wrap:anywhere;border-radius:12px;padding:12px 14px;margin:6px 0;white-space:pre-wrap}.voice-error{color:#ffc2ae;background:#48292170;border:1px solid #795242}.voice-error a{color:inherit;text-decoration:underline}.voice-answer{background:#162c24;border:1px solid #325246;max-height:180px;overflow:auto}.voice-page :is(a,button,select):focus-visible{outline:2px solid #74edbd;outline-offset:5px}.voice-text:focus-within{border-color:#71dfb6;box-shadow:0 0 0 2px #37c79425}.voice-consent-dialog{max-width:380px;width:calc(100% - 36px);padding:24px;color:#eaf8ef;background:#172721;border:1px solid #3f705b;border-radius:22px;font:inherit}.voice-consent-dialog::backdrop{background:#06100dd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.voice-consent-dialog h2{font-size:18px;margin:0 0 12px}.voice-consent-dialog p{font-size:13px;line-height:2;color:#b4cbbf}.voice-consent-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.voice-consent-dialog button{font:inherit;font-size:13px;min-height:42px;padding:8px 14px;border:1px solid #3c6f57;border-radius:11px;background:#243c2f;color:#e1faec;cursor:pointer}.voice-consent-dialog button:last-child{background:#157153}@keyframes voice-flow{50%{opacity:.65}}@keyframes voice-float{50%{translate:0 -5px}}@keyframes voice-aura{50%{transform:scale(1.04);opacity:.65}}@media (max-width:600px){.voice-page{padding:28px 18px 18px}.voice-home{right:16px;top:22px;width:34px;height:34px}.voice-shell{min-height:calc(100dvh - 46px)}.voice-shell h1{margin:1px 0 32px;font-size:23px}.voice-options{gap:12px}.voice-options select{font-size:12px;padding:11px 8px}.voice-stage{min-height:320px;padding:28px 0 18px}.voice-page .voice-orb{width:230px;height:230px}.voice-state{margin-top:30px;font-size:11px}}@media (max-width:350px){.voice-options{grid-template-columns:1.3fr 1fr}.voice-options select{font-size:11px}.voice-home{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.voice-orb *,.voice-orb:before{animation:none!important;transition:none!important;transform:none!important;translate:none!important}}