:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}@keyframes barWave{0%{height:4px}to{height:26px}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)}}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{box-shadow:0 0 #e85e0980}50%{box-shadow:0 0 0 8px #e85e0900}}@keyframes speakGlow{0%,to{opacity:.4}50%{opacity:.9}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.app-shell{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8e9eb;background-image:radial-gradient(at 15%,#e85e090a 0%,#0000 55%),radial-gradient(at 85% 20%,#00000008 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.workspace{gap:14px;width:100%;max-width:1060px;height:87vh;min-height:580px;display:flex}.av-panel{background:#0c0c0c;border-radius:24px;flex-direction:column;flex-shrink:0;gap:14px;width:310px;padding:20px;display:flex;overflow:hidden}.av-header{align-items:center;gap:10px;display:flex}.av-logo-wrap{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 13px;display:flex}.av-logo{object-fit:contain;width:auto;height:20px;display:block}.av-header .av-status{margin-left:auto}.av-status{letter-spacing:.5px;white-space:nowrap;color:#ffffff73;background:#ffffff12;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .35s,color .35s;display:flex}.av-status--listening{color:#e85e09;background:#e85e092e}.av-status--speaking{color:#34c759;background:#34c75929}.av-status__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.av-status--listening .av-status__dot,.av-status--speaking .av-status__dot{animation:1.4s ease-in-out infinite pulse}.av-scene{background:#111;border:1px solid #ffffff0d;border-radius:18px;flex:1;min-height:0;position:relative;overflow:hidden}.av-glow{pointer-events:none;z-index:1;background:radial-gradient(at 50% 100%,#e85e092e 0%,#0000 65%);border-radius:18px;animation:2.2s ease-in-out infinite speakGlow;position:absolute;inset:0}.mic-error{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:8px;padding:8px 11px;font-size:11px;line-height:1.5}.av-waveform{justify-content:center;align-items:center;gap:4px;height:28px;display:flex}.av-bar{background:#ffffff1a;border-radius:99px;width:3px;height:4px;transition:background .3s,height .3s}.av-bar--active{background:#e85e09;animation:.5s ease-in-out infinite alternate barWave}.av-controls{align-items:center;gap:10px;display:flex}.btn-talk{color:#fff;letter-spacing:.3px;cursor:pointer;background:#e85e09;border:2px solid #0000;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:9px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.btn-talk:hover{background:#d35208;transform:translateY(-1px);box-shadow:0 8px 22px #e85e0966}.btn-talk:active{box-shadow:none;transform:translateY(0)}.btn-talk--active{color:#e85e09;background:0 0;border-color:#e85e09;animation:1.6s ease-in-out infinite borderGlow}.btn-talk--active:hover{box-shadow:none;background:#e85e0914}.btn-round{color:#ffffff8c;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,color .2s,transform .15s;display:flex}.btn-round:hover{color:#fff;background:#ffffff21;transform:translateY(-1px)}.btn-round:active{transform:translateY(0)}.chat-panel{background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 2px 28px #00000014}.chat-header{border-bottom:1px solid #f0f0f3;flex-shrink:0;align-items:center;gap:13px;padding:18px 22px;display:flex}.chat-header__av{color:#fff;letter-spacing:-.5px;-webkit-user-select:none;user-select:none;background:#e85e09;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.chat-header__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-header__name{color:#1c1c1e;letter-spacing:-.2px;font-size:15px;font-weight:700}.chat-header__sub{color:#8e8e93;align-items:center;gap:6px;font-size:12px;display:flex}.online-dot{background:#34c759;border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-chat-clear{color:#8e8e93;cursor:pointer;background:0 0;border:1px solid #e5e5ea;border-radius:9px;flex-shrink:0;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.btn-chat-clear:hover{color:#1c1c1e;background:#f5f5f7;border-color:#d1d1d6}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:20px 22px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#e0e0e5;border-radius:4px}.msg-row{align-items:flex-end;gap:9px;animation:.22s ease-out both msgSlideIn;display:flex}.msg-row--user{flex-direction:row-reverse}.msg-av{color:#fff;letter-spacing:-.5px;-webkit-user-select:none;user-select:none;background:#e85e09;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.msg-bubble{word-break:break-word;border-radius:18px;max-width:70%;padding:11px 15px;font-size:14px;line-height:1.65}.msg-bubble--bot{color:#1c1c1e;background:#f2f2f7;border-bottom-left-radius:5px}.msg-bubble--bot p{margin:0 0 10px}.msg-bubble--bot p:last-child{margin-bottom:0}.msg-bubble--bot strong{color:#1c1c1e;font-weight:700}.msg-bubble--bot em{font-style:italic}.msg-bubble--bot ol,.msg-bubble--bot ul{flex-direction:column;gap:6px;margin:8px 0 10px;padding-left:20px;display:flex}.msg-bubble--bot li{line-height:1.6}.msg-bubble--bot li>p{margin:0}.msg-bubble--bot a{color:#e85e09;word-break:break-all;text-decoration:underline}.msg-bubble--bot a:hover{color:#d35208}.msg-bubble--bot code{background:#e4e4eb;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px}.msg-bubble--bot pre{background:#e4e4eb;border-radius:8px;margin:8px 0;padding:12px 14px;overflow-x:auto}.msg-bubble--bot pre code{background:0 0;padding:0;font-size:12.5px}.msg-bubble--bot h1,.msg-bubble--bot h2,.msg-bubble--bot h3{margin:12px 0 6px;font-weight:700;line-height:1.3}.msg-bubble--bot h1{font-size:16px}.msg-bubble--bot h2{font-size:15px}.msg-bubble--bot h3{font-size:14px}.msg-bubble--bot blockquote{color:#555;border-left:3px solid #e85e09;margin:8px 0;padding:4px 12px;font-style:italic}.msg-bubble--bot hr{border:none;border-top:1px solid #d1d1d6;margin:10px 0}.msg-bubble--user{color:#fff;background:#1c1c1e;border-bottom-right-radius:5px}.msg-bubble--typing{align-items:center;gap:5px;padding:14px 18px;display:flex}.typing-dot{background:#b0b0b8;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite both typingBounce;display:inline-block}.chat-input-row{border-top:1px solid #f0f0f3;flex-shrink:0;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.chat-input{color:#1c1c1e;background:#f8f8fa;border:1.5px solid #e5e5ea;border-radius:13px;outline:none;flex:1;padding:13px 17px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.chat-input:focus{background:#fff;border-color:#e85e09;box-shadow:0 0 0 3px #e85e091a}.chat-input::placeholder{color:#c2c2c8}.btn-send{color:#fff;letter-spacing:.3px;cursor:pointer;background:#1c1c1e;border:none;border-radius:13px;flex-shrink:0;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.btn-send:hover:not(:disabled){background:#e85e09;transform:translateY(-1px);box-shadow:0 6px 18px #e85e0959}.btn-send:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-send:disabled{opacity:.32;cursor:not-allowed}@media (width<=780px){.app-shell{align-items:flex-start;padding:14px}.workspace{height:auto;min-height:unset;flex-direction:column}.av-panel{width:100%;min-height:420px}.chat-panel{min-height:440px}.msg-bubble{max-width:85%}}.view-toggle{z-index:5;-webkit-backdrop-filter:blur(8px);background:#0a0a0a8c;border:1px solid #ffffff1a;border-radius:99px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.view-toggle__btn{appearance:none;color:#ffffff8c;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:background .25s,color .25s}.view-toggle__btn:hover{color:#fff}.view-toggle__btn--active{color:#fff;background:#e85e09}.orb-stage{z-index:1;background:radial-gradient(#0c0f14 0%,#050608 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orb{aspect-ratio:1;width:clamp(150px,56%,230px);transform:scale(calc(1 + var(--amp,0) * .18));will-change:transform;position:relative}.orb__glow{filter:blur(20px);opacity:calc(.32 + var(--amp,0) * .68);z-index:0;background:radial-gradient(circle at 50% 45%,#a0d7ff8c 0%,#5a96f038 45%,#0000 70%);border-radius:50%;position:absolute;inset:-30%}.orb__core{z-index:1;background:linear-gradient(#eef7ff 0%,#cfeaff 30%,#93c8f5 62%,#3f86d6 100%);border-radius:50%;animation:5.5s ease-in-out infinite orbBreathe;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 -14px 34px #22549a8c,inset 0 16px 32px #ffffffb3}.orb__cloud{filter:blur(11px);mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.orb__cloud--a{background:radial-gradient(circle at 42% 42%,#ffffffeb,#fff0 60%);width:92%;height:72%;animation:9s ease-in-out infinite cloudA;top:16%;left:4%}.orb__cloud--b{background:radial-gradient(circle at 58%,#bae4ffd9,#bae4ff00 62%);width:82%;height:66%;animation:11s ease-in-out infinite cloudB;top:40%;left:12%}.orb__cloud--c{background:radial-gradient(circle,#ffffffb3,#fff0 60%);width:70%;height:56%;animation:13s ease-in-out infinite cloudC;top:6%;left:18%}.orb__sheen{filter:blur(6px);pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffffffd9,#fff0 65%);border-radius:50%;width:74%;height:40%;position:absolute;top:7%;left:13%}.orb--listening .orb__glow{background:radial-gradient(circle at 50% 45%,#ffaa5a80 0%,#e85e0938 45%,#0000 70%)}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes cloudA{0%,to{opacity:.9;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-6%,6%)scale(1.1)}}@keyframes cloudB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-5%)scale(1.12)}}@keyframes cloudC{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:.95;transform:translate(4%,8%)scale(.92)}}@keyframes spin{to{transform:rotate(360deg)}}.avatar-frame{position:absolute;inset:0;overflow:hidden}.avatar-container{width:auto!important;height:auto!important;min-height:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}.avatar-container canvas{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:none!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important;transform:translateY(11%)!important}.sp-overlay{z-index:3;-webkit-backdrop-filter:blur(2px);background:radial-gradient(at 50% 45%,#141a22d1 0%,#07080bf2 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.sp-overlay__inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:280px;display:flex}.sp-overlay__title{color:#fff;letter-spacing:-.2px;font-size:17px;font-weight:700}.sp-overlay__text{color:#fff9;font-size:12.5px;line-height:1.55}.sp-overlay__btn{color:#fff;cursor:pointer;background:#e85e09;border:none;border-radius:12px;margin-top:4px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.sp-overlay__btn:hover{background:#d35208;transform:translateY(-1px);box-shadow:0 8px 22px #e85e0966}.sp-overlay--error .sp-overlay__title{color:#ff8a6b}.sp-progress{background:#ffffff1f;border-radius:99px;width:200px;height:5px;overflow:hidden}.sp-progress__bar{background:#e85e09;border-radius:99px;height:100%;transition:width .25s}.voice-wave{z-index:1;background:radial-gradient(#0c0f14 0%,#050608 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.voice-wave__canvas{width:88%;height:46%}
