:root{--bg: #06060a;--surface: #0c0c14;--surface-dim: rgba(255, 255, 255, .016);--border: rgba(255, 255, 255, .03);--border-bright: rgba(255, 255, 255, .06);--text: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--amber: #f59e0b;--cyan: #06b6d4;--green: #22c55e;--red: #ef4444;--font-display: "Outfit", sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-display);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mono{font-family:var(--font-mono)}.app-shell{max-width:1100px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column}.app-nav{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:8px}.nav-btn{background:none;border:none;color:var(--text-muted);font-size:13px;padding:6px 16px;cursor:pointer;border-radius:6px;transition:all .15s}.nav-btn:hover{color:var(--text-secondary);background:var(--surface-dim)}.nav-active{color:var(--text);background:var(--surface)}.agent-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;align-items:start}.agent-left{display:flex;flex-direction:column;align-items:center;gap:24px;position:sticky;top:16px}.agent-right{display:flex;flex-direction:column;gap:16px}.agent-header{text-align:center}.agent-title{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.agent-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.agent-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.visualizer{width:220px;height:220px}.mic-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;color:var(--text)}.mic-btn:disabled{opacity:.5;cursor:wait}.mic-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--amber);transition:all .2s}.mic-live .mic-ring{border-color:var(--red);background:#ef444414}.mic-ring-pulse{animation:pulse-ring 1.5s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 12px #f59e0b00}}.mic-label{font-size:11px;color:var(--text-muted)}.status-bar{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:12px}.status-item{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%}.dot-idle{background:var(--text-muted)}.dot-live{background:var(--green);animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.status-text{color:var(--text-secondary)}.status-timer{color:var(--text);margin-left:auto}.status-levels{display:flex;gap:8px;margin-left:8px}.level-bar{display:flex;align-items:center;gap:4px}.level-label{font-size:9px;color:var(--text-muted)}.level-track{width:40px;height:4px;background:var(--surface-dim);border-radius:2px;overflow:hidden}.level-fill{height:100%;border-radius:2px;transition:width .1s}.level-cyan{background:var(--cyan)}.level-amber{background:var(--amber)}.transcript-panel,.toolcall-panel{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.panel-title{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.transcript-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.transcript-scroll::-webkit-scrollbar{width:4px}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.transcript-empty,.toolcall-empty{font-size:13px;color:var(--text-muted)}.transcript-entry{display:flex;gap:8px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.dot-agent{background:var(--amber)}.dot-user{background:var(--cyan)}.dot-system{background:var(--text-muted)}.transcript-content{display:flex;flex-direction:column;gap:2px}.transcript-role{font-size:11px;font-weight:500;color:var(--text-muted)}.transcript-text{font-size:14px;line-height:1.5;color:var(--text-secondary)}.transcript-agent .transcript-text{color:var(--text)}.toolcall-entry{padding:10px;border-left:3px solid var(--amber);background:var(--surface-dim);border-radius:0 6px 6px 0;margin-bottom:8px;animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.toolcall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.toolcall-name{font-size:13px;font-weight:500;color:var(--text);text-transform:capitalize}.toolcall-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;color:var(--bg);letter-spacing:.04em}.toolcall-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.toolcall-pill{font-size:10px;padding:2px 6px;background:var(--border-bright);border-radius:3px;color:var(--text-secondary)}.toolcall-result{font-size:12px;color:var(--text-muted);line-height:1.4}.config-panel{width:100%;margin-top:auto;padding-top:16px}.config-toggle{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;padding:8px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;gap:8px;transition:all .15s}.config-toggle:hover{border-color:var(--border-bright);color:var(--text)}.config-warn{color:var(--amber);font-size:10px}.config-body{margin-top:12px;display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.config-field{display:flex;flex-direction:column;gap:4px}.config-label{font-size:11px;color:var(--text-muted)}.config-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;color:var(--text);outline:none;transition:border-color .15s}.config-input:focus{border-color:var(--amber)}.config-input:disabled{opacity:.4}.config-error{font-size:10px;color:var(--red)}.config-hint{font-size:10px;color:var(--text-muted)}.config-voices{display:flex;gap:4px;flex-wrap:wrap}.voice-btn{font-size:11px;padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:all .15s}.voice-btn:hover{border-color:var(--border-bright);color:var(--text-secondary)}.voice-active{border-color:var(--amber);color:var(--amber);background:#f59e0b0f}.voice-btn:disabled{opacity:.4;cursor:default}.cal-container{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;overflow:hidden}.cal-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cal-title-row{display:flex;align-items:center;justify-content:space-between}.cal-title{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cal-badge{font-size:10px;font-family:var(--font-mono);padding:2px 8px;border-radius:10px;background:#22c55e1f;color:var(--green);animation:fade-in .3s ease}.cal-nav{display:flex;align-items:center;justify-content:space-between}.cal-nav-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cal-nav-btn:hover{border-color:var(--border-bright);color:var(--text)}.cal-month{font-size:13px;font-weight:500;color:var(--text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cal-day-label{font-size:10px;color:var(--text-muted);text-align:center;padding:4px 0}.cal-cell{min-height:44px;padding:4px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s;cursor:pointer;border:1px solid transparent;background:none;color:inherit;font:inherit}.cal-cell:hover{background:var(--surface-dim)}.cal-cell-dim{opacity:.25;cursor:default}.cal-cell-dim:hover{background:none}.cal-cell-today{background:#f59e0b0f}.cal-cell-has-booking{background:#22c55e0f}.cal-cell-selected{border-color:var(--amber);background:#f59e0b14}.cal-day-num{font-size:12px;color:var(--text-muted);line-height:1}.cal-today-num{color:var(--amber);font-weight:600}.cal-dots{display:flex;gap:3px}.cal-dot-indicator{width:5px;height:5px;border-radius:50%;background:var(--green);animation:cal-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cal-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cal-detail{margin-top:10px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;animation:fade-in .2s ease}.cal-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cal-detail-date{font-size:13px;font-weight:500;color:var(--text)}.cal-detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s}.cal-detail-close:hover{color:var(--text)}.cal-detail-empty{font-size:12px;color:var(--text-muted)}.cal-detail-list{display:flex;flex-direction:column;gap:8px}.cal-detail-item{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:6px;border-left:3px solid var(--green);background:#22c55e0a;animation:fade-in .3s ease}.cal-detail-rescheduled{border-left-color:var(--amber);background:#f59e0b0a;opacity:.6}.cal-detail-cancelled{border-left-color:var(--red);background:#ef44440a;opacity:.5}.cal-detail-time{font-size:13px;font-weight:600;color:var(--amber);white-space:nowrap;min-width:65px}.cal-detail-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cal-detail-name{font-size:13px;font-weight:500;color:var(--text)}.cal-detail-service{font-size:11px;color:var(--text-secondary)}.cal-detail-email{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.cal-detail-status{font-size:9px;padding:2px 6px;border-radius:4px;white-space:nowrap;font-weight:600}.cal-status-booked{background:#22c55e26;color:var(--green)}.cal-status-rescheduled{background:#f59e0b26;color:var(--amber)}.cal-status-cancelled{background:#ef44441f;color:var(--red)}.setup-page{display:flex;flex-direction:column;gap:20px;flex:1}.setup-title{font-size:24px;font-weight:600}.setup-subtitle{font-size:14px;color:var(--text-muted)}.setup-fields{display:flex;flex-direction:column;gap:12px}.setup-tests{display:flex;flex-direction:column;gap:8px}.setup-test-card{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.test-pass{border-color:#22c55e4d}.test-fail{border-color:#ef44444d}.setup-test-header{display:flex;align-items:center;gap:8px}.setup-icon{font-size:14px;width:20px;text-align:center}.icon-pass{color:var(--green)}.icon-fail{color:var(--red)}.icon-testing{color:var(--amber);animation:dot-pulse 1s infinite}.icon-idle{color:var(--text-muted)}.setup-test-name{font-size:14px;font-weight:500;flex:1}.setup-test-btn{font-size:11px;padding:4px 12px;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s}.setup-test-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.setup-test-btn:disabled{opacity:.5;cursor:wait}.setup-test-msg{font-size:11px;color:var(--text-muted);margin-top:6px;word-break:break-all;line-height:1.4}.setup-payloads{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.setup-payloads details{margin-top:8px}.setup-payloads summary{font-size:13px;color:var(--text-secondary);cursor:pointer;padding:4px 0}.setup-pre{font-size:11px;color:var(--text-muted);background:var(--bg);padding:10px;border-radius:6px;overflow-x:auto;margin-top:4px;line-height:1.5;white-space:pre}@media(max-width:900px){.app-shell{max-width:100%;padding:16px}.agent-layout{grid-template-columns:1fr;gap:20px}.agent-left{position:static;gap:16px}.visualizer{width:180px;height:180px}.agent-title{font-size:26px}.agent-subtitle{font-size:13px}.mic-ring{width:68px;height:68px}.cal-container{padding:16px}.cal-cell{min-height:44px;padding:4px}.cal-day-num{font-size:13px}.cal-day-label{font-size:12px}.cal-month{font-size:15px}.cal-dot-indicator{width:6px;height:6px}.cal-detail-time,.cal-detail-name{font-size:14px}.cal-detail-service{font-size:12px}.cal-detail-email{font-size:11px}.cal-detail-status{font-size:10px}.cal-nav-btn{width:32px;height:32px}.status-levels{display:none}.toolcall-panel{padding:14px}.toolcall-name{font-size:13px}.toolcall-result{font-size:12px}}