:root{color-scheme:light;--ink: #15171a;--muted: #626b75;--line: #d7dde3;--paper: #f8fafc;--panel: #ffffff;--panel-deep: #eef4f7;--accent: #ff7a00;--accent-deep: #c85209;--teal: #0f8b8d;--teal-soft: #cce8e8;--green: #1f8a4c;--blue: #275efe;--rose: #e05b6a;--shadow: 0 18px 60px rgba(31, 41, 55, .14)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(145deg,#f8fafc,#eef4f7 46%,#fff8ef);color:var(--ink)}button,textarea,select,input{font:inherit}button,summary{cursor:pointer}.app-shell{width:min(1260px,calc(100% - 32px));height:calc(100vh - 32px);margin:16px auto;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:16px}.avatar-stage,.conversation-panel{border:1px solid var(--line);border-radius:8px;background:#ffffffe0;box-shadow:var(--shadow)}.avatar-stage{min-height:0;padding:20px;display:grid;grid-template-rows:auto minmax(280px,1fr) auto auto;gap:12px;overflow:hidden;position:sticky;top:16px}.brand-row,.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-row .brand-logo{display:block;height:40px;width:auto;max-width:220px;object-fit:contain}.eyebrow,.message-role,.composer-label,.transcript-label{margin:0 0 8px;color:var(--accent-deep);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(3.1rem,7vw,5.4rem);line-height:.86}h2{max-width:18ch;font-size:clamp(1.45rem,2.2vw,2.4rem);line-height:1.05}.status-pill{min-width:92px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:.88rem;font-weight:800;text-align:center}.status-pill[data-state=listening]{border-color:#0f8b8d59;background:var(--teal-soft);color:#064f51}.status-pill[data-state=thinking]{border-color:#ff7a006b;background:#fff0dc;color:#7b3600}.status-pill[data-state=speaking]{border-color:#1f8a4c61;background:#daf1e4;color:#0c522a}.status-pill[data-state=error]{border-color:#e05b6a59;background:#ffe5e8;color:#8a1f2b}.avatar-wrap{min-height:clamp(300px,48vh,420px);display:grid;place-items:center;position:relative;isolation:isolate;border-radius:14px;background:radial-gradient(120% 120% at 50% 18%,#e8f0f7,#facda4 58%,#facda4);overflow:hidden}.signal-ring{width:min(82%,420px);aspect-ratio:1;position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:scale(.92);opacity:.5}.ring-two{width:min(66%,340px);border-color:#fff9}.avatar-wrap[data-state=listening] .ring-one,.avatar-wrap[data-state=speaking] .ring-one{animation:pulse-ring 1.8s ease-in-out infinite}.avatar-wrap[data-state=listening] .ring-two,.avatar-wrap[data-state=speaking] .ring-two{animation:pulse-ring 1.8s ease-in-out infinite .35s}.avatar-frame{position:relative;z-index:1;width:min(78%,340px);aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#dfe9f2,#c2d4e4);box-shadow:0 18px 40px #141e283d}.avatar-container{width:100%;height:100%}.avatar-container canvas{width:100%!important;height:100%!important;display:block}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;text-align:center;background:linear-gradient(180deg,#141e2857,#141e2894);color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:opacity .22s ease}.avatar-overlay[hidden]{display:none}.avatar-overlay[data-mode=ready]{opacity:0;pointer-events:none}.overlay-inner{display:grid;gap:12px;justify-items:center;max-width:26ch}.overlay-title{margin:0;font-size:1.15rem;font-weight:800}.overlay-text{margin:0;font-size:.9rem;line-height:1.45;color:#ffffffdb}.overlay-button{min-height:46px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-weight:800}.overlay-button[hidden]{display:none}.overlay-button:hover{background:#f0f4f8}.overlay-progress{width:80%;height:8px;border-radius:999px;background:#ffffff47;overflow:hidden}.overlay-progress[hidden]{display:none}.overlay-progress-bar{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--accent));transition:width .16s ease}.level-meter{height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.level-meter span{width:9px;height:18px;display:block;border-radius:9px;background:linear-gradient(180deg,var(--teal),var(--accent));opacity:.34;transform-origin:center}.avatar-wrap[data-state=listening]+.level-meter span,.avatar-wrap[data-state=speaking]+.level-meter span{animation:meter .7s ease-in-out infinite;animation-delay:calc(var(--i) * -80ms);opacity:.86}.control-strip{display:grid;grid-template-columns:1fr 48px 48px;gap:10px}.primary-action,.icon-button,.text-button,.composer button{min-height:46px;border:1px solid transparent;border-radius:8px;font-weight:800}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff}.primary-action[data-active=true]{background:var(--teal)}.primary-action:disabled,.composer button:disabled{cursor:not-allowed;opacity:.55}.icon-dot{width:12px;aspect-ratio:1;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #ff7a002e}.icon-button,.text-button{background:var(--paper);border-color:var(--line);color:var(--ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center}.icon-button:hover,.text-button:hover,.composer button:hover{border-color:#0f8b8d6b;background:#ecf7f7}.stop-icon,.sound-icon{display:block;margin:auto}.stop-icon{width:16px;aspect-ratio:1;border-radius:3px;background:var(--rose)}.sound-icon{width:18px;height:18px;position:relative}.sound-icon:before,.sound-icon:after{content:"";position:absolute}.sound-icon:before{width:8px;height:10px;left:0;top:4px;background:var(--blue);clip-path:polygon(0 26%,42% 26%,100% 0,100% 100%,42% 74%,0 74%)}.sound-icon:after{width:8px;height:12px;right:0;top:3px;border:2px solid var(--blue);border-left:0;border-radius:0 999px 999px 0}.icon-button[data-muted=true] .sound-icon:after{width:18px;height:2px;top:8px;right:0;border:0;border-radius:2px;background:var(--rose);transform:rotate(-35deg)}.conversation-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.panel-header,.composer{padding:18px 20px}.panel-header{border-bottom:1px solid var(--line)}.transcript-card{margin:16px 20px 0;padding:14px 16px;border:1px solid rgba(15,139,141,.28);border-radius:8px;background:linear-gradient(180deg,#f7ffff,#eff9f9)}.transcript-card p{min-height:28px;margin:0;color:var(--ink);line-height:1.45}.messages{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{max-width:min(74ch,100%);padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.message.user{align-self:flex-end;border-color:#ff7a004d;background:#fff1df}.message.assistant{align-self:flex-start}.message.error{border-color:#e05b6a59;background:#fff3f4}.message-body{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.message-body-rich{white-space:normal}.message-body-rich p,.message-body-rich ul,.message-body-rich ol{margin:0}.message-body-rich p+p,.message-body-rich p+ul,.message-body-rich p+ol,.message-body-rich ul+p,.message-body-rich ol+p,.message-body-rich ul+ul,.message-body-rich ol+ol{margin-top:12px}.message-body-rich ul,.message-body-rich ol{padding-left:22px}.message-body-rich li+li{margin-top:7px}.message-body-rich a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}.message-body-rich strong{color:var(--ink)}.composer{border-top:1px solid var(--line);background:var(--panel-deep)}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px}.composer textarea{width:100%;min-height:52px;max-height:170px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;color:var(--ink)}.composer textarea:focus,button:focus-visible{outline:3px solid rgba(15,139,141,.22);outline-offset:2px}.composer button{background:var(--ink);color:#fff}@keyframes pulse-ring{0%,to{opacity:.2;transform:scale(.88)}50%{opacity:.6;transform:scale(1.02)}}@keyframes meter{0%,to{transform:scaleY(.7)}50%{transform:scaleY(calc(1.45 + var(--i) * .08))}}@media (max-width: 980px){.app-shell{height:auto;min-height:calc(100vh - 32px);grid-template-columns:1fr;grid-template-rows:none}.avatar-stage{min-height:auto;position:static}.conversation-panel{min-height:70vh}}@media (max-width: 620px){.app-shell{width:min(100% - 20px,1260px);min-height:calc(100vh - 20px);margin:10px auto}.avatar-stage,.conversation-panel{min-height:auto}.brand-row,.panel-header{align-items:stretch;flex-direction:column}.status-pill{width:100%}.composer-row{grid-template-columns:1fr}}