:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e5e5e5;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-mic-active: #dc2626;--color-mic-playing: #7c3aed;--color-user-bubble: #f0f0f0;--color-system-bubble: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-variable-highlight: #fef3c7;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50%;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-stack);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{height:100%}.session{display:flex;flex-direction:column;height:100%;max-width:700px;margin:0 auto}.session--idle{justify-content:center;align-items:center;padding:var(--space-lg)}.session__welcome{text-align:center;max-width:400px}.session__title{font-size:24px;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.session__subtitle{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.session__start-btn{display:inline-block;padding:14px 32px;font-size:16px;font-weight:500;color:#fff;background:var(--color-text);border:none;border-radius:var(--radius-lg);cursor:pointer;min-height:48px;transition:background .15s}.session__start-btn:hover{background:#333}.session__start-btn:active{background:#000}.session__status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;min-height:44px}.session__status-left{display:flex;align-items:center;gap:var(--space-sm)}.session__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.session__dot--connected{background:#16a34a}.session__dot--disconnected{background:#dc2626;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.session__status-text{font-size:13px;color:var(--color-text-secondary)}.session__phase{font-size:12px;color:var(--color-text-secondary);background:var(--color-user-bubble);padding:2px 10px;border-radius:var(--radius-sm)}.session__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.conversation{padding:var(--space-md);min-height:100%;display:flex;flex-direction:column;gap:var(--space-md)}.conversation__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:14px}.conversation__msg{display:flex;max-width:85%}.conversation__msg--user{align-self:flex-end;justify-content:flex-end}.conversation__msg--system{align-self:flex-start}.conversation__bubble{padding:10px 14px;border-radius:var(--radius-md);font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.conversation__msg--user .conversation__bubble{background:var(--color-user-bubble);color:var(--color-text);border-bottom-right-radius:var(--space-xs)}.conversation__msg--system .conversation__bubble{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:var(--space-xs)}.conversation__bubble--partial{opacity:.6;font-style:italic}.conversation__error{padding:10px 14px;background:var(--color-error-bg);border-radius:var(--radius-sm);border:1px solid #fecaca}.conversation__error p{font-size:14px;color:var(--color-error)}.conversation__error-hint{font-size:12px;color:var(--color-text-secondary)}.controls{flex-shrink:0;padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface)}.controls__top-row{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.controls__mode-toggle{font-size:12px;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);min-height:32px}.controls__mode-toggle:hover{text-decoration:underline}.controls__mic-denied{font-size:12px;color:var(--color-text-secondary);text-align:center}.controls__main{display:flex;flex-direction:column;justify-content:center;align-items:center}.controls__mic-btn{width:64px;height:64px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out;min-height:64px;min-width:64px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.controls__mic-btn:hover{border-color:var(--color-text)}.controls__mic-btn--listening{background:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1.1);animation:listen-pulse 1.5s infinite}.controls__mic-btn--processing{background:var(--color-user-bubble);border-color:var(--color-border);color:var(--color-text-secondary);animation:think-dots 1.2s steps(3,end) infinite}.controls__mic-btn--speaking{background:var(--color-surface);border-color:var(--color-mic-playing);color:var(--color-mic-playing);animation:speak-pulse 1s infinite}.controls__mic-hint{font-size:12px;color:var(--color-text-secondary);text-align:center;margin-top:var(--space-xs);min-height:18px;transition:color .15s}@keyframes listen-pulse{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 14px #16a34a00}}@keyframes speak-pulse{0%,to{box-shadow:0 0 #7c3aed4d}50%{box-shadow:0 0 0 10px #7c3aed00}}@keyframes think-dots{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.controls__text-form{display:flex;flex-direction:row;gap:var(--space-sm);width:100%}.controls__text-input{flex:1;padding:10px 14px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;min-height:44px;font-family:var(--font-stack)}.controls__text-input:focus{border-color:var(--color-accent)}.controls__send-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--color-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.controls__send-btn:hover:not(:disabled){background:var(--color-accent-hover)}.controls__send-btn:disabled{opacity:.4;cursor:default}.controls__restart-btn{width:100%;padding:12px;font-size:15px;font-weight:500;color:var(--color-accent);background:none;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;min-height:44px}.controls__restart-btn:hover{background:#eff6ff}.artifact{padding:var(--space-md)}.artifact__header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg)}.artifact__title{font-size:20px;font-weight:600}.artifact__type{font-size:12px;color:var(--color-text-secondary);background:var(--color-user-bubble);padding:2px 8px;border-radius:var(--space-xs);text-transform:capitalize}.artifact__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.artifact__content h2,.artifact__content h3,.artifact__content h4{margin-top:var(--space-md);margin-bottom:var(--space-sm)}.artifact__content h2{font-size:18px}.artifact__content h3{font-size:16px}.artifact__content h4{font-size:15px}.artifact__content p{margin-bottom:var(--space-sm)}.artifact__content ul,.artifact__content ol{padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.artifact__content li{margin-bottom:var(--space-xs)}.artifact__content strong{font-weight:600}.artifact__content code{font-family:var(--font-mono);font-size:13px;background:var(--color-user-bubble);padding:1px 4px;border-radius:3px}.artifact__prompt-reveal{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.artifact__prompt-heading{font-size:14px;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.artifact__prompt-pre{font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text)}.artifact__variable{background:var(--color-variable-highlight);padding:1px 3px;border-radius:2px;font-weight:600}.artifact__complete{text-align:center;color:var(--color-text-secondary);font-size:14px;padding:var(--space-md) 0;border-top:1px solid var(--color-border)}@media(min-width:768px){.session__welcome{max-width:480px}.session__title{font-size:28px}.session__subtitle{font-size:16px}.conversation{padding:var(--space-lg)}.conversation__msg{max-width:75%}.controls{padding:var(--space-md) var(--space-lg);padding-bottom:var(--space-lg)}.controls__mic-btn{width:72px;height:72px;min-width:72px;min-height:72px}}@media(min-width:1024px){.session{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.conversation__msg{max-width:65%}.artifact__content{padding:var(--space-xl)}}