@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-500:oklch(55.1% .027 264.364);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.inline{display:inline}.text-blue-500{color:var(--color-blue-500)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.running{animation-play-state:running}}:root{color-scheme:light;color:#141716;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:#f7f8f6;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 12% -20%,#dff4f0,#dff4f000 60%),radial-gradient(900px 500px at 110% 10%,#eaf1ff,#eaf1ff00 55%),#fdfcf8;min-height:100vh;margin:0}#root{min-height:100vh}.page{flex-direction:column;gap:32px;max-width:960px;margin:0 auto;padding:72px 24px 96px;display:flex}.hero{flex-direction:column;gap:14px;animation:.6s ease-out both fade-up;display:flex}.logo{object-fit:contain;width:56px;height:56px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#4b5855;margin:0;font-size:12px}.hero h1{color:#0f1514;margin:0;font-size:clamp(2.2rem,4vw,3.2rem)}.lede{color:#384241;max-width:560px;margin:0;font-size:1.05rem}.back-link{color:#0d6d66;align-items:center;gap:6px;margin-top:8px;font-weight:600;text-decoration:none;display:inline-flex}.command-note{max-width:700px;margin-top:20px}.command-label{color:#4b5855;margin:0 0 8px;font-size:.9rem;font-weight:500}.command-note-small{color:#6b7876;margin:8px 0 0;font-size:.8rem;line-height:1.5}.command-note-small code{color:#0d6d66;background:#0d6d661a;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem}.command-block{background:#2a3231;border:1px solid #3a4241;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative;overflow-x:auto}.command-block code{color:#a5f3fc;white-space:nowrap;flex:1;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem}.copy-button{color:#a5f3fc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:relative}.copy-button:hover{background:#fff3;border-color:#ffffff4d}.copy-button:active{transform:scale(.95)}.copied-tooltip{color:#fff;white-space:nowrap;background:#10b981;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;animation:.2s ease-out fade-in;position:absolute;top:-30px;right:0}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e2e7e4;border-radius:18px;padding:24px;animation:.6s ease-out .1s both fade-up;box-shadow:0 12px 30px #0f141414}.panel h2{text-transform:uppercase;letter-spacing:.12em;color:#2a3231;margin:0 0 12px;font-size:1.1rem}.panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.panel li{background:#f6faf8;border:1px solid #e6ece9;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.panel a{color:#0d6d66;font-weight:600;text-decoration:none}.panel a:hover{text-decoration:underline}.panel span{color:#4e5a58}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.page{padding-top:56px}.panel li{flex-direction:column;align-items:flex-start;gap:4px}}.chat-container{flex-direction:column;gap:24px;max-width:100%;animation:.6s ease-out .2s both fade-up;display:flex}.connection-status{background:#ffffffe6;border:1px solid #e2e7e4;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;display:flex}.status-indicator{font-size:1.2rem;line-height:1}.status-indicator.connected{color:#10b981}.status-indicator.disconnected{color:#ef4444}.retry-button{color:#fff;cursor:pointer;background:#0d6d66;border:none;border-radius:8px;margin-left:auto;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .2s}.retry-button:hover{background:#0a5852}.messages-area{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e2e7e4;border-radius:16px;flex-direction:column;gap:16px;min-height:300px;max-height:500px;padding:20px;display:flex;overflow-y:auto}.message{border-radius:12px;gap:12px;padding:12px 16px;animation:.3s ease-out fade-in;display:flex}.message.user{background:#e6f4f1;border:1px solid #c2dfd9;align-self:flex-end;max-width:70%}.message.assistant{background:#f0f4ff;border:1px solid #d1dcf0;align-self:flex-start;max-width:80%}.message.assistant.streaming{background:#fef3e6;border:1px solid #f0ddc2}.message.error{background:#fee;border:1px solid #fcc;align-self:center}.message-icon{opacity:.7;flex-shrink:0;align-items:center;display:flex}.message-content{flex:1;font-size:.95rem;line-height:1.5}.message-content p{margin:0}.controls-area{background:#ffffffe6;border:1px solid #e2e7e4;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.status-text{text-align:center;font-size:.95rem;font-weight:500}.error-message{color:#c00;background:#fee;border:1px solid #fcc;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.mic-button{color:#0d6d66;cursor:pointer;background:#fff;border:3px solid #0d6d66;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0d6d6633}.mic-button:hover:not(:disabled){color:#fff;background:#0d6d66;transform:scale(1.05)}.mic-button.recording{color:#fff;background:#ef4444;border-color:#dc2626;animation:1.5s ease-in-out infinite pulse}.mic-button.sending{color:#fff;cursor:not-allowed;opacity:.7;background:#3b82f6;border-color:#2563eb}.mic-button:disabled{opacity:.4;cursor:not-allowed}.stop-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .2s}.stop-button:hover{background:#dc2626}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@media(max-width:640px){.command-block code,.command-note-small{font-size:.75rem}.command-note-small code{font-size:.7rem}.messages-area{max-height:400px}.message.user,.message.assistant{max-width:90%}.mic-button{width:70px;height:70px}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}