:root{--bg: #fafafa;--bg-warm: #f5f5f7;--surface: #ffffff;--surface-elevated: #f0f0f3;--surface-glass: rgba(255, 255, 255, .7);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .14);--border-glow: rgba(167, 139, 250, .2);--primary: #a78bfa;--primary-bright: #8b5cf6;--primary-dim: rgba(167, 139, 250, .1);--accent: #06b6d4;--accent-bright: #0891b2;--accent-dim: rgba(6, 182, 212, .08);--warm: #f97316;--warm-dim: rgba(249, 115, 22, .08);--green: #10b981;--green-dim: rgba(16, 185, 129, .08);--red: #ef4444;--red-dim: rgba(239, 68, 68, .08);--text: #1a1a2e;--text-secondary: #6b7280;--text-muted: #d1d5db;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.65, 0, .35, 1);--duration-default: .6s;--duration-fast: .35s;--aurora-opacity-1: .05;--aurora-opacity-2: .03;--aurora-opacity-3: .02;--aurora-opacity-4: .015;--dot-grid-color: rgba(0, 0, 0, .03);--film-grain-opacity: .005;--vignette-bg: radial-gradient(ellipse 80% 60% at 50% 40%, transparent 40%, rgba(255, 255, 255, .6) 100%);--glass-hover-shadow: rgba(0, 0, 0, .06);--panel-hover-shadow: rgba(0, 0, 0, .08);--brand-glow-1: 0 0 12px rgba(167, 139, 250, .3);--brand-glow-2: 0 0 12px rgba(6, 182, 212, .3);--ring-shadow: 0 0 30px rgba(167, 139, 250, .08), 0 0 60px rgba(167, 139, 250, .04);--ring-shadow-hover: 0 0 40px rgba(167, 139, 250, .12), 0 0 80px rgba(167, 139, 250, .06);--ring-live-shadow: 0 0 30px rgba(239, 68, 68, .1), 0 0 60px rgba(239, 68, 68, .04);--level-track-bg: rgba(0, 0, 0, .04);--scrollbar-color: rgba(0, 0, 0, .1);--title-gradient: linear-gradient(135deg, #1a1a2e 0%, var(--primary) 40%, var(--accent) 70%, var(--primary-bright) 100%);--setup-title-gradient: linear-gradient(135deg, #1a1a2e, var(--primary))}[data-theme=dark]{--bg: #050508;--bg-warm: #08070c;--surface: #0c0c12;--surface-elevated: #121218;--surface-glass: rgba(12, 12, 18, .55);--border: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .1);--border-glow: rgba(167, 139, 250, .15);--primary: #a78bfa;--primary-bright: #c4b5fd;--primary-dim: rgba(167, 139, 250, .12);--accent: #67e8f9;--accent-bright: #a5f3fc;--accent-dim: rgba(103, 232, 249, .08);--warm: #fb923c;--warm-dim: rgba(251, 146, 60, .08);--green: #34d399;--green-dim: rgba(52, 211, 153, .08);--red: #f87171;--red-dim: rgba(248, 113, 113, .08);--text: #f0f0f3;--text-secondary: #8b8b96;--text-muted: #3f3f46;--aurora-opacity-1: .14;--aurora-opacity-2: .09;--aurora-opacity-3: .06;--aurora-opacity-4: .04;--dot-grid-color: rgba(255, 255, 255, .025);--film-grain-opacity: .018;--vignette-bg: radial-gradient(ellipse 80% 60% at 50% 40%, transparent 40%, var(--bg) 100%);--glass-hover-shadow: rgba(0, 0, 0, .2);--panel-hover-shadow: rgba(0, 0, 0, .2);--brand-glow-1: 0 0 16px rgba(167, 139, 250, .5), 0 0 40px rgba(167, 139, 250, .2);--brand-glow-2: 0 0 20px rgba(103, 232, 249, .5), 0 0 50px rgba(103, 232, 249, .2);--ring-shadow: 0 0 40px rgba(167, 139, 250, .12), 0 0 80px rgba(167, 139, 250, .06), inset 0 1px 0 rgba(255, 255, 255, .06);--ring-shadow-hover: 0 0 50px rgba(167, 139, 250, .2), 0 0 100px rgba(167, 139, 250, .1), inset 0 1px 0 rgba(255, 255, 255, .08);--ring-live-shadow: 0 0 40px rgba(248, 113, 113, .15), 0 0 80px rgba(248, 113, 113, .06);--level-track-bg: rgba(255, 255, 255, .03);--scrollbar-color: rgba(255, 255, 255, .1);--title-gradient: linear-gradient(135deg, #fff 0%, var(--primary-bright) 40%, var(--accent) 70%, var(--primary) 100%);--setup-title-gradient: linear-gradient(135deg, #fff, var(--primary-bright))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--dot-grid-color) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:var(--film-grain-opacity);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");pointer-events:none;z-index:1;mix-blend-mode:overlay}#root{position:relative;z-index:2}.mono{font-family:var(--font-mono)}::selection{background:var(--primary);color:var(--bg)}.gradient-text{background:linear-gradient(135deg,var(--primary-bright),var(--accent),var(--primary));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-shell{max-width:1200px;margin:0 auto;padding:0 24px;min-height:100dvh;display:flex;flex-direction:column}.app-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:2px;padding:18px 0;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid var(--border);margin-bottom:40px}.nav-brand{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-right:auto;display:flex;align-items:center;gap:12px}.nav-brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:var(--brand-glow-1);animation:brand-glow 3s ease-in-out infinite alternate}@keyframes brand-glow{0%{box-shadow:var(--brand-glow-1)}to{box-shadow:var(--brand-glow-2)}}.nav-pills{display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.nav-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:8px 20px;cursor:pointer;border-radius:11px;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.03em}.nav-btn:hover{color:var(--text-secondary)}.nav-active{color:var(--text);background:var(--surface-elevated);box-shadow:0 2px 8px var(--glass-hover-shadow)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-left:8px;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-elevated);box-shadow:0 2px 8px var(--glass-hover-shadow)}.theme-toggle:active{transform:scale(.92)}.theme-icon{transition:transform var(--duration-fast) var(--ease-spring)}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.aurora-blob{position:absolute;border-radius:50%;filter:blur(160px);will-change:transform}.aurora-blob-1{width:900px;height:900px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-30%;left:5%;opacity:var(--aurora-opacity-1);animation:drift1 30s ease-in-out infinite alternate}.aurora-blob-2{width:700px;height:700px;background:radial-gradient(circle,var(--accent),transparent 70%);top:-5%;right:-5%;opacity:var(--aurora-opacity-2);animation:drift2 35s ease-in-out infinite alternate}.aurora-blob-3{width:500px;height:500px;background:radial-gradient(circle,#e879f9,transparent 70%);bottom:5%;left:35%;opacity:var(--aurora-opacity-3);animation:drift3 25s ease-in-out infinite alternate}.aurora-blob-4{width:600px;height:600px;background:radial-gradient(circle,var(--warm),transparent 70%);top:50%;right:20%;opacity:var(--aurora-opacity-4);animation:drift4 28s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(100px,80px) scale(1.15)}}@keyframes drift2{to{transform:translate(-80px,60px) scale(.85)}}@keyframes drift3{to{transform:translate(50px,-60px) scale(1.2)}}@keyframes drift4{to{transform:translate(-60px,-40px) scale(1.1)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:var(--vignette-bg)}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 4px 30px var(--glass-hover-shadow)}.agent-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;flex:1;align-items:start}.agent-left{display:flex;flex-direction:column;align-items:center;gap:28px;position:sticky;top:100px}.agent-right{display:flex;flex-direction:column;gap:24px}.agent-header{text-align:center;animation:hero-entrance 1s var(--ease-out) both}@keyframes hero-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-title{font-family:var(--font-heading);font-size:2.75rem;font-weight:800;letter-spacing:-.05em;line-height:1;background:var(--title-gradient);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease-in-out infinite}.agent-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:10px;font-weight:400;letter-spacing:.01em}.agent-tagline{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-top:8px;letter-spacing:.15em;text-transform:uppercase;animation:hero-entrance 1s var(--ease-out) .15s both}.agent-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;animation:hero-entrance 1s var(--ease-out) .3s both}.visualizer{width:280px;height:280px;filter:drop-shadow(0 0 40px rgba(167,139,250,.15))}.mic-btn{display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:none;cursor:pointer;color:var(--text);transition:transform var(--duration-fast) var(--ease-out);position:relative}.mic-btn:hover:not(:disabled){transform:scale(1.06)}.mic-btn:disabled{opacity:.5;cursor:wait}.mic-ring{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa26,#67e8f914);border:2px solid transparent;background-clip:padding-box;position:relative;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--ring-shadow)}.mic-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--primary),var(--accent),var(--primary));background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.mic-ring:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1px solid rgba(167,139,250,.08);animation:orbit-pulse 4s ease-in-out infinite}@keyframes orbit-pulse{0%,to{transform:scale(1);opacity:.5;border-color:#a78bfa14}50%{transform:scale(1.06);opacity:1;border-color:#67e8f91f}}.mic-ring:hover{box-shadow:var(--ring-shadow-hover)}.mic-live .mic-ring{background:linear-gradient(135deg,#f8717126,#fb923c14);box-shadow:var(--ring-live-shadow)}.mic-live .mic-ring:before{background:linear-gradient(135deg,var(--red),var(--warm),var(--red));background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.mic-live .mic-ring:after{border-color:#f871711a;animation:orbit-pulse-live 3s ease-in-out infinite}@keyframes orbit-pulse-live{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:1}}.mic-ring-pulse{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #a78bfa4d,0 0 40px #a78bfa1f}50%{box-shadow:0 0 0 20px #a78bfa00,0 0 60px #a78bfa33}}.mic-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;transition:color var(--duration-fast)}.mic-btn:hover .mic-label{color:var(--text-secondary)}.status-bar{width:100%;display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;animation:hero-entrance 1s var(--ease-out) .45s both}.status-item{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%}.dot-idle{background:var(--text-muted)}.dot-live{background:var(--green);box-shadow:0 0 10px #34d39999;animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 8px #34d39900}}.status-text{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.02em}.status-timer{color:var(--text);margin-left:auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status-levels{display:flex;gap:12px;margin-left:8px}.level-bar{display:flex;align-items:center;gap:6px}.level-label{font-size:.56rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.level-track{width:48px;height:4px;background:var(--level-track-bg);border-radius:2px;overflow:hidden}.level-fill{height:100%;border-radius:2px;transition:width .1s}.level-cyan{background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 8px #67e8f94d}.level-amber{background:linear-gradient(90deg,var(--warm),#fbbf24);box-shadow:0 0 8px #fb923c4d}.transcript-panel,.toolcall-panel{width:100%;background:var(--surface-glass);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);animation:panel-enter .8s var(--ease-out) both}.transcript-panel{animation-delay:.1s}.toolcall-panel{animation-delay:.2s}@keyframes panel-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.transcript-panel:hover,.toolcall-panel:hover{border-color:var(--border-hover);box-shadow:0 8px 40px var(--panel-hover-shadow)}.panel-title{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--accent))}.transcript-scroll{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.transcript-scroll::-webkit-scrollbar{width:3px}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:2px}.transcript-empty,.toolcall-empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.transcript-entry{display:flex;gap:12px;animation:fade-up .5s var(--ease-out)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex-shrink:0}.dot-agent{background:var(--primary);box-shadow:0 0 10px #a78bfa66}.dot-user{background:var(--accent);box-shadow:0 0 10px #67e8f966}.dot-system{background:var(--text-muted)}.transcript-content{display:flex;flex-direction:column;gap:3px}.transcript-role{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.transcript-text{font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.transcript-agent .transcript-text{color:var(--text)}.toolcall-entry{padding:14px 16px;border-left:3px solid var(--primary);background:var(--primary-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:10px;animation:slide-in .5s var(--ease-out)}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.toolcall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.toolcall-name{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text);text-transform:capitalize}.toolcall-badge{font-family:var(--font-mono);font-size:.56rem;font-weight:700;padding:3px 10px;border-radius:8px;color:var(--bg);letter-spacing:.05em}.toolcall-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.toolcall-pill{font-family:var(--font-mono);font-size:.625rem;padding:3px 10px;background:var(--level-track-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary)}.toolcall-result{font-size:.75rem;color:var(--text-muted);line-height:1.5}.config-panel{width:100%;margin-top:auto;padding-top:16px;animation:hero-entrance 1s var(--ease-out) .6s both}.config-toggle{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;padding:12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;gap:8px;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.03em;position:relative;overflow:hidden}.config-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.06) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s var(--ease-out)}.config-toggle:hover:after{transform:translate(100%)}.config-toggle:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-elevated)}.config-warn{color:var(--warm);font-size:.625rem}.config-body{margin-top:12px;display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-md);animation:fade-up .4s var(--ease-out)}.config-field{display:flex;flex-direction:column;gap:7px}.config-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.config-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font-mono);font-size:.8rem;color:var(--text);outline:none;transition:all var(--duration-fast) var(--ease-out)}.config-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a78bfa1a,0 0 20px #a78bfa0d}.config-input:disabled{opacity:.35}.config-error{font-family:var(--font-mono);font-size:.625rem;color:var(--red)}.config-hint{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted)}.config-voices{display:flex;gap:6px;flex-wrap:wrap}.voice-btn{font-family:var(--font-mono);font-size:.7rem;padding:7px 16px;border-radius:100px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em}.voice-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-secondary);background:var(--surface-elevated)}.voice-active{border-color:var(--primary);color:var(--primary);background:var(--primary-dim);box-shadow:0 0 12px #a78bfa1a}.voice-btn:disabled{opacity:.35;cursor:default}.cal-container{width:100%;background:var(--surface-glass);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);animation:panel-enter .8s var(--ease-out) .3s both}.cal-container:hover{border-color:var(--border-hover);box-shadow:0 8px 40px var(--panel-hover-shadow)}.cal-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cal-title-row{display:flex;align-items:center;justify-content:space-between}.cal-title{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:8px}.cal-title:before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--green),var(--accent))}.cal-badge{font-family:var(--font-mono);font-size:.625rem;font-weight:600;padding:4px 12px;border-radius:100px;background:var(--green-dim);color:var(--green);animation:fade-up .4s var(--ease-out)}.cal-nav{display:flex;align-items:center;justify-content:space-between}.cal-nav-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.cal-nav-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-elevated);box-shadow:0 2px 8px var(--glass-hover-shadow)}.cal-month{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-day-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-align:center;padding:8px 0;letter-spacing:.06em}.cal-cell{min-height:46px;padding:4px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:1px solid transparent;background:none;color:inherit;font:inherit}.cal-cell:hover{background:var(--level-track-bg)}.cal-cell-dim{opacity:.15;cursor:default}.cal-cell-dim:hover{background:none}.cal-cell-today{background:var(--primary-dim);border-color:#a78bfa1a}.cal-cell-has-booking{background:var(--green-dim)}.cal-cell-selected{border-color:var(--primary);background:var(--primary-dim);box-shadow:0 0 12px #a78bfa1a}.cal-day-num{font-size:.75rem;color:var(--text-muted);line-height:1}.cal-today-num{color:var(--primary);font-weight:700}.cal-dots{display:flex;gap:3px}.cal-dot-indicator{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px #34d39966;animation:cal-pop .5s var(--ease-spring)}@keyframes cal-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cal-detail{margin-top:14px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);animation:fade-up .4s var(--ease-out)}.cal-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cal-detail-date{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text)}.cal-detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px;display:flex;transition:all var(--duration-fast) var(--ease-out)}.cal-detail-close:hover{color:var(--text);background:var(--level-track-bg)}.cal-detail-empty{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.cal-detail-list{display:flex;flex-direction:column;gap:8px}.cal-detail-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;border-left:3px solid var(--green);background:var(--green-dim);animation:fade-up .4s var(--ease-out)}.cal-detail-rescheduled{border-left-color:var(--warm);background:var(--warm-dim);opacity:.7}.cal-detail-cancelled{border-left-color:var(--red);background:var(--red-dim);opacity:.5}.cal-detail-time{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--primary);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:.8rem;font-weight:600;color:var(--text)}.cal-detail-service{font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary)}.cal-detail-email{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.cal-detail-status{font-family:var(--font-mono);font-size:.56rem;padding:3px 10px;border-radius:100px;white-space:nowrap;font-weight:700;letter-spacing:.04em}.cal-status-booked{background:var(--green-dim);color:var(--green)}.cal-status-rescheduled{background:var(--warm-dim);color:var(--warm)}.cal-status-cancelled{background:var(--red-dim);color:var(--red)}.setup-page{display:flex;flex-direction:column;gap:28px;flex:1;max-width:700px;animation:hero-entrance .8s var(--ease-out) both}.setup-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:-.04em;background:var(--setup-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:-14px}.setup-fields{display:flex;flex-direction:column;gap:14px}.setup-tests{display:flex;flex-direction:column;gap:10px}.setup-test-card{padding:16px 18px;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.setup-test-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px var(--glass-hover-shadow)}.test-pass{border-color:#34d39933}.test-fail{border-color:#f8717133}.setup-test-header{display:flex;align-items:center;gap:10px}.setup-icon{font-size:.875rem;width:22px;text-align:center}.icon-pass{color:var(--green)}.icon-fail{color:var(--red)}.icon-testing{color:var(--primary);animation:dot-pulse 1s infinite}.icon-idle{color:var(--text-muted)}.setup-test-name{font-size:.875rem;font-weight:500;flex:1}.setup-test-btn{font-family:var(--font-mono);font-size:.68rem;padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em;position:relative;overflow:hidden}.setup-test-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.setup-test-btn:disabled{opacity:.5;cursor:wait}.setup-test-msg{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-top:8px;word-break:break-all;line-height:1.5}.setup-payloads{background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color var(--duration-fast) var(--ease-out)}.setup-payloads:hover{border-color:var(--border-hover)}.setup-payloads details{margin-top:8px}.setup-payloads summary{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);cursor:pointer;padding:6px 0;transition:color var(--duration-fast)}.setup-payloads summary:hover{color:var(--text)}.setup-pre{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg);padding:14px;border-radius:10px;overflow-x:auto;margin-top:6px;line-height:1.6;white-space:pre;border:1px solid var(--border)}@media(max-width:900px){.app-shell{padding:0 16px}.agent-layout{grid-template-columns:1fr;gap:28px}.agent-left{position:static;gap:24px}.visualizer{width:220px;height:220px}.agent-title{font-size:2.2rem}.mic-ring{width:76px;height:76px}.cal-container{padding:16px}.cal-cell{min-height:44px}.cal-day-num{font-size:.8rem}.cal-day-label{font-size:.7rem}.cal-month{font-size:.95rem}.cal-dot-indicator{width:6px;height:6px}.cal-detail-time,.cal-detail-name{font-size:.875rem}.cal-detail-service{font-size:.75rem}.cal-detail-email{font-size:.68rem}.cal-detail-status{font-size:.625rem}.cal-nav-btn{width:36px;height:36px}.status-levels{display:none}.aurora-blob-1{width:500px;height:500px;filter:blur(120px)}.aurora-blob-2{width:350px;height:350px;filter:blur(120px)}.aurora-blob-3{width:280px;height:280px;filter:blur(120px)}.aurora-blob-4{display:none}}@media(max-width:480px){.nav-brand{font-size:.95rem}.nav-btn{font-size:.68rem;padding:6px 14px}.agent-title{font-size:1.8rem}.visualizer{width:180px;height:180px}.mic-ring{width:70px;height:70px}.agent-tagline{font-size:.6rem}}