:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f5f7;background:#090b0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,#202934 0,transparent 38%),#090b0e}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:28px}.app-card{width:min(920px,100%);border:1px solid #2b3038;border-radius:28px;background:rgba(18,21,26,.94);overflow:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 32px 20px}.eyebrow{margin:0 0 7px;color:#8f9baa;font-size:11px;letter-spacing:.16em;font-weight:700}h1{margin:0;font-size:clamp(26px,4vw,40px);letter-spacing:-.04em}.subtitle{margin:8px 0 0;color:#929aa6}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #30353d;border-radius:999px;padding:9px 13px;color:#aeb5bf;background:#171b20;font-size:13px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#69717c}.pill.connected .dot{background:#41d98b}.pill.connecting .dot{background:#f2b84b;animation:blink 1s infinite}.voice-stage{min-height:280px;display:grid;justify-items:center;align-content:center;grid-gap:24px;gap:24px;padding:28px}.orb{position:relative;width:146px;height:146px;display:grid;place-items:center}.orb-core{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#edf3ff,#8aa7cf 20%,#354d72 55%,#182238);transition:.22s ease}.orb-ring{position:absolute;border:1px solid rgba(136,164,201,.34);border-radius:50%}.ring-1{width:116px;height:116px}.ring-2{width:146px;height:146px;opacity:.55}.orb.listening .orb-core{box-shadow:0 0 60px rgba(80,169,255,.48)}.orb.listening .ring-1{animation:pulse 1.65s ease-out infinite}.orb.listening .ring-2{animation:pulse 1.65s ease-out .42s infinite}.orb.speaking .orb-core{transform:scale(1.1)}.orb.speaking .ring-1,.orb.speaking .ring-2{animation:speaking .82s ease-in-out infinite alternate}.voice-state{display:grid;grid-gap:5px;gap:5px;text-align:center}.voice-state strong{font-size:18px}.voice-state span{color:#9199a5;font-size:14px}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 28px 24px}.button{border:1px solid transparent;border-radius:13px;min-height:46px;padding:0 17px;cursor:pointer;color:#f4f6f8;transition:.16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.38}.primary{background:#e8edf3;color:#11151a}.danger{background:#3b1f23;border-color:#633039}.secondary{background:#1d2229;border-color:#323943}.settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:0 32px 24px}.conversation-id,.volume-control{min-height:66px;border:1px solid #2b3139;border-radius:14px;background:#15191e;padding:13px 15px}.volume-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;color:#a5adb8;font-size:13px}.volume-control input{width:100%}.conversation-id{display:grid;align-content:center;grid-gap:4px;gap:4px}.conversation-id span{color:#808a96;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.conversation-id span:nth-of-type(2){margin-top:8px}.conversation-id code{color:#c6ced8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-note{margin:0 32px 20px;color:#808a96;font-size:13px;line-height:1.45}.chat-card{margin:0 20px 20px;border:1px solid #2b3139;border-radius:20px;background:#101318;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #252a31}.chat-header h2{margin:0;font-size:16px}.chat-header p{margin:3px 0 0;color:#767f8b;font-size:12px}.text-button{border:0;background:transparent;color:#939da9;cursor:pointer}.messages{height:280px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.empty-state{margin:auto;color:#616b77;font-size:14px}.message{max-width:78%;border-radius:16px;padding:11px 13px;line-height:1.45;font-size:14px;white-space:pre-wrap;word-break:break-word}.message.user{align-self:flex-end;background:#e7ecf2;color:#15191d;border-bottom-right-radius:5px}.message.agent{align-self:flex-start;background:#20262e;border:1px solid #2f3741;color:#eef2f6;border-bottom-left-radius:5px}.message.system{align-self:center;max-width:90%;color:#7f8995;background:transparent;text-align:center;font-size:12px}.text-form{display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;padding:14px;border-top:1px solid #252a31}.text-form input{min-width:0;border:1px solid #313842;border-radius:13px;background:#181d23;color:#eef2f6;outline:none;padding:0 14px;height:44px}.text-form input:focus{border-color:#5b6c81}.send-button{width:44px;height:44px;border-radius:13px;border:0;background:#e7ecf2;cursor:pointer}.send-button:disabled,.text-form input:disabled{opacity:.4;cursor:default}footer{min-height:34px;padding:0 32px 20px;color:#e07777;font-size:13px}@keyframes pulse{0%{transform:scale(.88);opacity:.8}to{transform:scale(1.22);opacity:0}}@keyframes speaking{0%{transform:scale(.92);opacity:.42}to{transform:scale(1.08);opacity:.95}}@keyframes blink{50%{opacity:.35}}@media (max-width:680px){.shell{padding:12px}.app-card{border-radius:20px}.header{padding:22px 20px 14px;flex-direction:column}.voice-stage{min-height:245px}.catalog-note,.settings-row{padding-left:20px;padding-right:20px}.settings-row{grid-template-columns:1fr;padding-bottom:20px}.catalog-note{margin-left:20px;margin-right:20px}.controls{padding-left:20px;padding-right:20px}.message{max-width:90%}}