*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-mono: "Modern Gothic Mono", "Fragment Mono", "SF Mono", "Fira Code", monospace;--font-sans: "ABC Monument Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--warm-bulb-50: #faf9f5;--warm-bulb-100: #f5f3eb;--warm-bulb-200: #eeebdf;--warm-bulb-400: #cdc8b2;--warm-black: #1d1b16;--warm-black-60: rgba(29, 27, 22, .6);--cobalt: #3923c7;--stop-orange: rgb(212, 120, 73);--pink-4: #ab635b;--text-primary: var(--warm-black);--text-secondary: #60646c;--text-muted: #75736e}body{font-family:var(--font-sans);color:var(--text-primary);background:transparent;-webkit-font-smoothing:antialiased;margin:0}#root{width:100%;max-width:602px;margin:0 auto}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-tab{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:1px;text-transform:uppercase;line-height:normal;height:40px;width:195px;padding:0 12px;border:none;border-radius:4px;background:var(--warm-bulb-200);color:var(--warm-black);cursor:pointer;white-space:nowrap;transition:all .15s ease}.demo-tab:hover{opacity:.85}.demo-tab.active{background:var(--cobalt);color:var(--warm-bulb-100)}.demo-card{margin-top:24px;border:.576px solid var(--warm-bulb-400);border-radius:2px;background:linear-gradient(to bottom,var(--warm-bulb-50) 10%,rgba(245,243,235,.86) 68%);box-shadow:0 5.76px 17.28px #1d1b161f;overflow:hidden;display:flex;flex-direction:column;height:400px}.card-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:23px}.card-body-start{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:23px}.bottom-bar{display:flex;align-items:center;justify-content:space-between;border-top:.5px solid var(--warm-bulb-400);min-height:71px}.bottom-bar-label{display:flex;align-items:center;gap:12px;padding:16px 9px 16px 32px}.model-name{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:1.8px;text-transform:uppercase;color:var(--warm-black);white-space:nowrap}.chevron-down{width:7px;height:4px;opacity:.6}.action-btn{width:71px;height:71px;flex-shrink:0;border:none;border-left:.576px solid var(--warm-bulb-400);background:var(--cobalt);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.action-btn:hover{opacity:.85}.action-btn.stop{background:var(--stop-orange)}.action-btn svg{width:24px;height:24px}.top-bar .action-btn{height:auto;align-self:stretch}.top-bar{display:flex;align-items:center;justify-content:space-between;min-height:71px}.top-bar-content{display:flex;flex-direction:column;gap:8px;padding:15px 9px 10px 32px;flex:1;min-width:0}.top-bar-subtitle{font-family:var(--font-sans);font-style:italic;font-size:12px;line-height:15px;color:var(--text-secondary)}.card-divider{height:5px;border-top:.5px solid var(--warm-bulb-400);flex-shrink:0}.transcript-area{flex:1;overflow-y:auto;padding:8px 23px;display:flex;flex-direction:column;gap:12px}.status-line{display:flex;align-items:center;justify-content:space-between}.status-left{display:flex;align-items:center;gap:8px}.status-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.status-icon svg{width:16px;height:16px}.status-text{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--warm-black-60);line-height:1.3}.file-name-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--warm-black-60);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-count{font-family:var(--font-mono);font-weight:500;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--warm-black-60);border:1px solid var(--warm-black-60);padding:3px 4px;white-space:nowrap;line-height:1}.turn-row{display:flex;gap:12px;align-items:flex-start;padding-top:5px}.speaker-label{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--cobalt);border:1px solid var(--cobalt);padding:3px 4px;white-space:nowrap;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:28px}.speaker-label.agent{color:var(--pink-4);border-color:var(--pink-4)}.turn-text{font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:1.3;color:var(--warm-black)}.turn-text.partial{color:var(--warm-black-60)}.turn-text.processing{color:var(--warm-black-60);font-style:italic}.cta-footer{display:flex;align-items:center;justify-content:space-between;padding:0 32px;min-height:71px;background:#f9f9fb;border-top:.5px solid var(--warm-bulb-400);gap:16px}.cta-text{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:16px;color:var(--text-secondary)}.cta-btn{font-family:var(--font-mono);font-weight:500;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:var(--cobalt);border:none;padding:10px 17px;cursor:pointer;text-decoration:none;white-space:nowrap;height:26px;display:inline-flex;align-items:center;transition:opacity .15s}.cta-btn:hover{opacity:.85}.upload-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:23px;cursor:pointer;transition:background .15s;text-align:center;gap:10px}.upload-zone:hover,.upload-zone.drag-over{background:#3923c708}.upload-zone input[type=file]{display:none}.upload-title{font-family:var(--font-sans);font-size:18px;font-weight:400;color:var(--warm-black);letter-spacing:.36px}.upload-subtitle{font-family:var(--font-sans);font-style:italic;font-size:12px;color:var(--text-muted);letter-spacing:.24px}.idle-description{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:normal;color:var(--warm-black);letter-spacing:.36px}.idle-disclaimer{font-family:var(--font-sans);font-style:italic;font-size:14px;line-height:normal;color:var(--text-muted);margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-icon{animation:spin 2s linear infinite}.error-msg{color:#e53e3e;font-family:var(--font-mono);font-size:12px;padding:8px 0;text-align:center}@media(max-width:480px){#root{max-width:100%;padding:0 16px}.demo-tabs{flex-direction:column;align-items:stretch}.demo-tab{width:100%}.turn-text{font-size:14px}}