.chat-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-4),calc((100vw - 900px)/2));background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border-bottom:1px solid var(--border-normal);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);min-height:4rem}.header-content{display:flex;align-items:center;gap:var(--space-2)}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:2.25rem;height:2.25rem;background:transparent;border:none;cursor:pointer;padding:var(--space-2);margin-right:var(--space-2)}.hamburger{position:static;flex-shrink:0}.hamburger-menu span{width:100%;height:3px;background:var(--text-primary);border-radius:10px}.header-left{display:flex;flex-direction:column;gap:var(--space-1)}.header-title{flex:1;min-width:0}.partner-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-name{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.affection-display{display:inline-flex;align-items:center;gap:.35rem;min-width:0;color:var(--text-secondary)}.affection-icon{width:17px;height:17px;opacity:.72;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff69b4"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') center / contain no-repeat}.affection-value{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.chat-container{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4.75rem max(var(--space-4),calc((100vw - 900px)/2)) 7rem;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);-webkit-overflow-scrolling:touch;box-sizing:border-box}.message{position:relative;animation:message-in var(--transition-slow) var(--motion-easing-standard) both;display:flex;flex-direction:column;gap:var(--space-2);width:min(100%,900px);max-width:100%;min-width:0;margin:0 auto;overflow-wrap:anywhere;word-break:break-word}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.user-message{align-self:flex-end;width:min(100%,68%);max-width:520px;margin-left:auto;background:transparent;border:none;padding:0}.user-message .message-bubble{background:var(--surface-message-user);color:var(--text-primary);border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);box-shadow:none;word-wrap:break-word;overflow-wrap:break-word}.message-footer--user{justify-content:flex-end;margin-top:.25rem;padding:0 .25rem}.message.assistant-message{align-self:flex-start;width:min(100%,900px);background:transparent;border:none;padding:0}.assistant-message .message-bubble{background:transparent;color:var(--text-primary);border:none;border-radius:0;padding:var(--space-3) 0;word-wrap:break-word;overflow-wrap:break-word}.message.tool-message,.message.event_log-message{align-self:stretch;margin:0 auto;background:transparent;border:none;padding:0;opacity:.8}.tool-message .message-bubble,.event_log-message .message-bubble{background:var(--surface-code);border:1px dashed var(--border-normal);border-radius:var(--radius-md);padding:var(--space-2);font-family:var(--font-mono);font-size:.85rem;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.message-header{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed var(--border-normal);padding-bottom:.25rem}.message-content{color:var(--text-primary);contain:layout style;contain-intrinsic-size:auto 48px;line-height:1.6;font-size:.95rem;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.timestamp{font-size:.7rem;color:var(--text-secondary);opacity:.7}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1);gap:var(--space-2)}.message-footer--assistant{justify-content:flex-start}.message-footer--user{justify-content:flex-end}.message-footer--tool,.message-footer--event_log{justify-content:center}.copy-message-btn{background:transparent;border:0;border-radius:var(--radius-sm);padding:.35rem;cursor:pointer;opacity:0;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message:hover .copy-message-btn,.copy-message-btn:focus-visible{opacity:1}.copy-message-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-message-btn.copied{background:var(--accent-support);color:#fff;border-color:var(--accent-support)}.message-content .callout-note,.message-content .callout-info{border-color:var(--accent);background:#6aa9ff14}.message-content .callout-tip{border-color:var(--accent-support);background:#4caf5014}.message-content .callout-warning{border-color:var(--accent-subtle);background:#ffb34714}.message-content .callout-caution{border-color:var(--status-danger);background:#ff6b6b14}.message-content .callout-important{border-color:var(--accent);background:#9b59b614}.message-content .table-container{overflow-x:auto;margin:.8rem 0;border-radius:6px;border:1px solid var(--border-normal);background:var(--surface-subtle);min-width:0;max-width:100%}.table-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0003;border-bottom:1px solid var(--border-normal)}.table-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.copy-table-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:1px solid var(--border-normal);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;color:var(--text-primary);cursor:pointer}.copy-table-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-table-btn.copied{background:var(--accent-support);color:#fff;border-color:var(--accent-support)}.message-content th,.message-content td{border:1px solid var(--border-normal);padding:.5rem;text-align:left}.message-content th{background:var(--surface-subtle);font-weight:600}.message-content details{margin:.8rem 0;padding:.5rem;border:1px solid var(--border-normal);border-radius:6px;background:var(--surface-subtle);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.message-content .tool-result{margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:0;border-left:0}.message-content .tool-card{margin-top:var(--space-2);margin-bottom:var(--space-2)}.message-content summary{cursor:pointer;font-weight:600;padding:.3rem}.image-error{padding:1rem;margin:.8rem 0;border-radius:8px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);color:var(--status-danger);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);margin:auto;padding:var(--space-7) var(--space-4);max-width:34rem;width:100%;animation:message-in var(--transition-slow) var(--motion-easing-standard) both}.chat-empty-state__icon{font-size:3rem;line-height:1;opacity:.9;margin-bottom:var(--space-1)}.chat-empty-state__title{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.chat-empty-state__subtitle{margin:0;color:var(--text-secondary);font-size:.95rem}.chat-empty-state__suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.chat-empty-state__chip{background:var(--surface-raised);border:1px solid var(--border-normal);border-radius:var(--radius-full);color:var(--text-primary);font-size:.85rem;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.chat-empty-state__chip:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.tool-result-block{border-left:3px solid var(--accent);width:100%;max-width:100%;min-width:0;display:block;overflow-wrap:anywhere;word-break:break-word}.action-content{padding:12px;font-size:.85rem;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;color:var(--text-primary);line-height:1.5}.system-action-block summary{outline:none}.system-action-block summary::-webkit-details-marker{display:none}.system-action-block summary::marker{display:none}.system-action-block summary:focus{outline:none}.tool-result-block summary:hover{background:#ffffff0d}.system-action-block[open] summary{border-bottom:1px solid var(--border-message-ai)}.tools-container{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.tool-call-block{background:var(--surface-code);border-left:3px solid var(--accent);border-radius:4px;padding:.5rem;max-width:100%;min-width:0;font-size:.85rem;opacity:.9;overflow-wrap:anywhere;word-break:break-word}.tool-header{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.tool-body pre{margin:0;padding:0;max-width:100%;min-width:0;background:transparent;border:none;white-space:pre-wrap;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word}.tool-call-indicator{margin:.5em 0;border-left:3px solid var(--accent);padding-left:.75em;opacity:.85}.tool-call-indicator summary{cursor:pointer;font-size:.85em;color:var(--text-muted)}.tool-result summary{cursor:pointer;font-size:.85em;font-weight:600}.tool-result-content{margin-top:.5em;padding:.5em;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.input-area{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) max(var(--space-4),calc((100vw - 900px)/2));padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:0 -12px 32px #0000001f;border-top:1px solid var(--border-normal);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}#messageInput{flex:1;min-height:42px;max-height:400px;padding:var(--space-2) var(--space-4);border:2px solid var(--border-normal);border-radius:var(--radius-xl);background:var(--surface-subtle);color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:none;overflow-y:auto}#messageInput:focus{outline:none;border-color:var(--accent)}#sendButton{min-width:42px;height:42px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}#sendButton svg{margin-right:2px;margin-top:2px}#sendButton:hover{transform:scale(1.05) translateY(-1px);box-shadow:var(--shadow-md)}#sendButton:disabled{opacity:.6;cursor:not-allowed;transform:none}#sendButton.stop-mode{background:#dc3545;animation:pulse-stop 1.5s var(--motion-easing-standard) var(--motion-repeat-loop)}#sendButton.stop-mode:hover{background:#c82333;transform:scale(1.05)}@keyframes pulse-stop{0%,to{box-shadow:0 0 #dc354566}50%{box-shadow:0 0 0 8px #dc354500}}.scroll-to-bottom-btn{position:fixed;right:var(--space-4);z-index:1000;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-slow),visibility var(--transition-slow),transform var(--motion-normal) var(--motion-easing-emphasized);bottom:100px}.scroll-to-bottom-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.scroll-to-bottom-btn.hidden{opacity:0;visibility:hidden;pointer-events:none}.multimodal-toggle-container{position:relative}.multimodal-toggle-btn{width:42px;height:42px;border-radius:var(--radius-full);background:var(--surface-subtle);border:1px solid var(--border-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.multimodal-toggle-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:var(--accent);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.image-count-badge{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:var(--status-danger);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.image-count-badge.hidden{display:none}.multimodal-dropdown{position:absolute;bottom:50px;left:0;min-width:280px;background:var(--surface-subtle);box-shadow:var(--shadow-lg);border:1px solid var(--border-normal);border-radius:var(--radius-lg);padding:var(--space-2);z-index:1000}.multimodal-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer}.multimodal-option:hover{background:var(--surface)}.multimodal-option.active{background:var(--accent);color:#fff}.option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-content{flex:1}.option-text{font-weight:600;font-size:.95rem}.option-description{font-size:.75rem;opacity:.7;margin-top:.2rem}.image-upload-area{margin-top:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-normal)}.upload-placeholder{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.upload-btn:hover{background:var(--accent)}.image-previews-header{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;margin-bottom:.5rem}.clear-all-btn{font-size:.75rem;color:var(--status-danger);background:transparent;border:none;cursor:pointer;text-decoration:underline}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-top:.5rem}.image-preview-container{position:relative;aspect-ratio:1}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid var(--border-normal)}.remove-image-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:var(--status-danger);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.generated-image-container,.uploaded-image-container{margin:.5rem 0}.generated-image,.uploaded-image{max-width:none;height:auto;border-radius:8px;border:1px solid var(--border-normal)}.image-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.image-action-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem .8rem;background:var(--surface-subtle);border:1px solid var(--border-normal);border-radius:6px;cursor:pointer;font-size:.85rem}.image-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.image-caption{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.visually-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.streaming-message-placeholder{display:none}.html-preview-container{margin:var(--space-4) 0;border:1px solid var(--border-normal);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-subtle)}.html-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0003;border-bottom:1px solid var(--border-normal)}.html-preview-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:.4rem}.html-preview-label svg{width:14px;height:14px}.preview-btn:hover{background:var(--accent);transform:scale(1.02)}.preview-btn.active{background:var(--accent-support)}.preview-iframe{width:100%;height:70vh;min-height:300px;max-height:calc(100vh - 200px);border:none;border-radius:0 0 8px 8px;background:#fff;display:block;overflow:auto;flex:1}.preview-placeholder{padding:1rem 1rem .8rem;color:var(--text-secondary);font-size:.85rem;font-style:italic}.preview-error{padding:1rem;color:var(--status-danger);font-size:.85rem}#html-preview-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}#html-preview-modal.active{display:flex}.html-modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.html-modal-content{position:relative;width:min(95vw,900px);height:85vh;max-height:80vh;background:var(--surface);border:1px solid var(--border-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.html-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-normal);background:#0003;flex-shrink:0}.html-modal-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.html-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.html-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.html-modal-body{flex:1;overflow:hidden;background:#fff;min-height:300px;max-height:60vh}.html-modal-body iframe{width:100%;height:100%;border:none;background:#fff}.html-modal-actions{display:flex;align-items:center;gap:var(--space-1)}.html-modal-btn{background:transparent;border:1px solid var(--border-normal);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center}.html-modal-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-secondary)}.html-modal-btn.active{background:#ff69b433;color:var(--accent);border-color:var(--accent)}#html-preview-modal.fullscreen .html-modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;margin:0}#html-preview-modal.fullscreen .preview-iframe{height:100vh;max-height:100vh}.preview-body-light,.preview-body-dark iframe{background:var(--surface)}.console-panel{border-top:1px solid var(--border-normal);background:var(--surface);max-height:100px;overflow-y:auto;font-family:Hack,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;display:none;flex-shrink:0}.console-panel.visible{display:block}.console-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--surface-raised);border-bottom:1px solid var(--border-normal);position:sticky;top:0}.console-header span{font-size:10px;color:var(--text-secondary);font-family:sans-serif;text-transform:uppercase;font-weight:600}.console-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:10px;padding:2px 6px;border-radius:4px}.console-clear:hover{background:var(--surface-subtle);color:var(--text-primary)}.console-line{padding:2px 8px;white-space:pre-wrap;word-break:break-all}.console-line.log{color:var(--text-primary)}.console-line.warn{color:var(--accent-subtle);background:#d299221a}.console-line.error{color:var(--status-danger);background:#f851491a}.console-line.info{color:var(--accent)}.console-empty{padding:8px;color:var(--text-secondary);font-style:italic;font-family:sans-serif;font-size:11px}.typing-indicator{display:flex;gap:.4rem;align-items:center;padding:.5rem 0;animation:none;opacity:1;background:transparent;max-width:fit-content;margin:0}.message--typing{animation:none}.message--typing .typing-indicator{animation:none;opacity:1}.typing-indicator span{width:8px;height:8px;background:var(--text-primary);border-radius:50%;animation:typing-bounce 1.4s var(--motion-easing-standard) var(--motion-repeat-loop) both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--surface-raised) 25%,var(--surface-hover) 50%,var(--surface-raised) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s var(--motion-easing-standard) var(--motion-repeat-loop);border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-chat-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box}.skeleton-message{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border-normal);animation:fadeIn var(--motion-slow) var(--motion-easing-standard);max-width:75%}.skeleton-message.ai{align-self:flex-start;background:var(--surface-raised);border-color:var(--border-normal)}.skeleton-message.user{align-self:flex-end;background:var(--surface-raised);border-color:var(--border-normal)}.skeleton-message-line{height:14px;border-radius:var(--radius-sm);background:var(--surface-hover)}.skeleton-message-line.short{width:45%}.skeleton-message-line.medium{width:75%}.skeleton-message-line.long{width:95%}.skeleton-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--surface-raised);margin-bottom:.5rem}.skeleton-sidebar-icon{width:24px;height:24px;border-radius:var(--radius-sm)}.skeleton-sidebar-text{flex:1;height:12px;border-radius:var(--radius-sm)}.skeleton-sidebar-meta{width:60px;height:10px;border-radius:var(--radius-sm)}.skeleton-code{height:100px;border-radius:var(--radius-md);margin:.5rem 0}.skeleton-image{height:200px;border-radius:var(--radius-md);margin:.5rem 0}.skeleton-name{width:80px;height:16px;border-radius:var(--radius-sm)}.loading{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.chat-container{padding-left:var(--space-3);padding-right:var(--space-3)}.message,.message.user-message,.message.assistant-message{width:100%}.message.ai{max-width:98%}.input-area{padding-left:var(--space-3);padding-right:var(--space-3)}.scroll-to-bottom-btn{bottom:90px;right:15px;width:42px;height:42px}.code-block-container{font-size:.85rem}.affection-bar{width:80px}}@media(max-width:480px){.partner-name{font-size:1rem}.session-name{font-size:.7rem}.chat-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.hamburger-menu{width:28px;height:22px}.affection-bar{width:80px}.multimodal-dropdown{min-width:240px}}#sendButton,.sidebar-btn,.multimodal-toggle-btn,.upload-btn,.image-action-btn{transition:transform var(--transition-fast),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}#sendButton:hover:not(:disabled),.sidebar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}#messageInput{transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}#messageInput:focus{box-shadow:0 0 0 3px #58a6ff26}.message{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.scroll-to-bottom-btn{transition:transform var(--transition-normal),opacity var(--transition-normal),box-shadow var(--transition-normal)}.scroll-to-bottom-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.code-block-header,.mermaid-header{transition:background-color var(--transition-normal)}.sidebar-session-item,.sidebar-link{transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.dropdown-option,.dropdown-selected{transition:background-color var(--transition-fast),border-color var(--transition-normal)}body{transition:background-color var(--motion-slow) var(--motion-easing-standard),color var(--transition-slow)}.code-block-container,.message,.card,.config-section,.brain-box,.tool-execution,.agentic-status-bar{transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.mermaid-error{margin:.5rem 0;padding:.75rem;border-radius:8px;border:1px solid rgba(255,69,58,.3);background:#ff453a1a;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}.skeleton{animation:none;background:var(--surface-raised)}}html,body{height:100%;margin:0;padding:0;overflow:hidden;background:var(--surface);overflow-wrap:anywhere;word-break:break-word}body{display:flex;flex-direction:column;min-height:100dvh}.chat-layout{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden}.chat-container{padding-bottom:7rem;flex:1 1 auto;min-height:0;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.input-area{left:0;right:0;padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.scroll-to-bottom-btn{position:fixed;right:max(var(--space-4),env(safe-area-inset-right));bottom:7.5rem;z-index:40}.chat-layout>.chat-container{overflow-y:auto;overflow-x:hidden;overflow-anchor:none}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:var(--text-primary);margin:1rem 0 .5rem;font-weight:600}.message-content h1{font-size:1.8rem}.message-content h2{font-size:1.5rem}.message-content h3{font-size:1.3rem}.message-content h4{font-size:1.1rem}.message-content h5{font-size:1rem}.message-content h6{font-size:.9rem}.message-content h1,.message-content h2,.message-content h3{margin:1rem 0 .5rem;color:var(--text-primary)}.message-content h1{font-size:1.4em}.message-content h2{font-size:1.2em}.message-content h3{font-size:1.1em}.message-content p{margin:.5rem 0}.message-content ul,.message-content ol{margin:.5rem 0;padding-left:1.5rem}.message-content ul{list-style-type:disc}.message-content ol{list-style-type:decimal}.message-content li{margin:.3rem 0}.message-content ul ul,.message-content ol ul{list-style-type:circle;margin-top:.25rem}.message-content ul ul ul,.message-content ol ul ul{list-style-type:square}.message-content ol ol{list-style-type:lower-alpha}.message-content ol ol ol{list-style-type:lower-roman}.message-content li>ul,.message-content li>ol{margin:.25rem 0 .25rem .5rem}.message-content ul.tight-list,.message-content ol.tight-list{margin:.25rem 0}.message-content blockquote{border-left:4px solid var(--accent);margin:.8rem 0;padding:.5rem 1rem;background:var(--surface-subtle);border-radius:4px;font-style:italic}.message-content blockquote{border-left:4px solid #7285b7;background:var(--surface-code);border-radius:4px;font-style:italic;color:#ffffffd9}.message-content blockquote blockquote{margin-left:.5rem;border-left-color:#7285b7;opacity:.9}.message-content .callout{border-left:4px solid;padding:.6rem .8rem;border-radius:6px;margin:.6rem 0;font-style:normal}.message-content .callout-note,.message-content .callout-info{border-color:#6aa9ff;background:#6aa9ff14}.message-content .callout-tip{border-color:#4caf50;background:#4caf5014}.message-content .callout-warning{border-color:#ffb347;background:#ffb34714}.message-content .callout-caution{border-color:#ff6b6b;background:#ff6b6b14}.message-content .callout-important{border-color:#9b59b6;background:#9b59b614}.message-content .callout-note{border-color:var(--accent-subtle);background:#93a5ff1a}.message-content .callout-warning{border-color:var(--accent);background:#ff85a11a}.message-content .callout-tip{border-color:var(--accent-support);background:#b8e1dd1a}.message-content .callout-important{border-color:var(--accent);background:#8a6de91a}.message-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9em;background:var(--surface-code);border-radius:6px;overflow:hidden}.message-content th,.message-content td{padding:.5rem .75rem;border:1px solid rgba(114,133,183,.3);text-align:left}.message-content th{background:#00000040;font-weight:600;color:#fff}.message-content tr:nth-child(2n){background:#00000026}.message-content .table-container{overflow-x:auto;margin:.8rem 0;border-radius:6px;border:1px solid rgba(114,133,183,.3);background:var(--surface-code)}.message-content .table-container table{margin:0;border:none;border-radius:0;width:100%;display:table}.message-content details{margin:.5rem 0;border-radius:8px;background:var(--surface-code);border:1px solid var(--border-message-ai);overflow:hidden}.message-content summary{padding:.5rem 1rem;cursor:pointer;font-weight:500;background:#a8c8ff0d}.message-content summary:hover{background:#a8c8ff1a}.message-content details[open] summary{border-bottom:1px solid var(--border-message-ai)}.message-content details>*:not(summary){padding:.75rem 1rem}.message-content img,.markdown-image{max-width:100%;height:auto;border-radius:8px;margin:.8rem 0;display:block}.message-content img{max-width:100%;border-radius:8px;margin:.5rem 0;box-shadow:var(--shadow-md)}.image-error{padding:1rem;margin:.8rem 0;border-radius:8px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);color:#ff453a;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.code-block-container{margin:1rem 0;border-radius:8px;overflow:hidden;background:#002451;border:1px solid rgba(114,133,183,.3)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#00000040;border-bottom:1px solid rgba(114,133,183,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.code-language{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;font-weight:600}.copy-code-btn{display:flex;align-items:center;gap:.3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;color:#ffffffd9;cursor:pointer}.copy-code-btn:hover{background:#ffffff2e;border-color:#ffffff59;color:#fff}.copy-code-btn.copied{background:#4caf50;color:#fff;border-color:#4caf50}.code-block-container pre{margin:0;padding:0;overflow-x:auto;background:transparent}.code-block-container code{display:block;padding:1rem;font-family:Hack,Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.code-block-container pre code.hljs{display:block;padding:1rem}.message-content code:not(pre code){background:var(--surface-code);color:#fff;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;border:1px solid rgba(114,133,183,.3);word-break:break-word}.message-content strong{color:var(--text-primary);font-weight:700;letter-spacing:.02em}.message-content em{color:var(--text-secondary);font-style:italic}.message-content del{color:var(--text-secondary);text-decoration:line-through;opacity:.7}.message-content a{color:var(--accent-subtle);text-decoration:underline;text-decoration-color:#a8c8ff66;text-underline-offset:2px}.message-content a:hover{color:var(--accent);text-decoration-color:var(--accent)}.message-content hr{border:none;border-top:2px solid var(--accent);margin:1.5rem 0;opacity:.6}.render-error{margin:.5rem 0;padding:.75rem;border-radius:8px;border:1px solid rgba(255,69,58,.3);background:#ff453a1a;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.preview-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .7rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.preview-btn:hover{background:#ff1493;transform:scale(1.02)}.preview-btn.active{background:#4caf50}.preview-btn svg{width:14px;height:14px}.message-content input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1em;height:1em;border:2px solid var(--text-secondary);border-radius:3px;background:transparent;cursor:pointer;margin-right:.5em;vertical-align:middle;position:relative}.message-content ul.contains-task-list{list-style:none;padding-left:0}.message-content li.task-list-item{list-style:none;margin-left:-1.5em}.message-content li.task-list-item:has(input:checked){opacity:.7}.message-content li.task-list-item:has(input:checked){text-decoration:line-through;color:var(--text-secondary)}.message-content input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1em;height:1em;border:2px solid var(--border-normal);border-radius:3px;margin-right:.5em;margin-left:-1.5em;vertical-align:middle;cursor:pointer;position:relative;background:var(--surface-subtle)}.message-content input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.message-content input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8em;font-weight:700}.message-content input[type=checkbox]:checked+li,.message-content input[type=checkbox]:checked~*{text-decoration:line-through;opacity:.6}.message-content ul.contains-task-list{list-style:none;padding-left:1.5em}.message-content li.task-list-item{list-style:none;margin-left:0}.message-content blockquote{border-left:4px solid var(--accent);margin:.8rem 0;padding:.5rem 1rem;background:var(--surface-code);border-radius:4px;color:#ffffffd9;font-style:italic}.message-content blockquote blockquote{border-left-color:color-mix(in srgb,var(--accent) 70%,transparent);margin-left:1rem;background:color-mix(in srgb,var(--surface-code) 95%,white)}.message-content blockquote blockquote blockquote{border-left-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--surface-code) 90%,white)}.message-content blockquote blockquote blockquote blockquote{border-left-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--surface-code) 85%,white)}.streaming-cursor{display:inline-block;animation:blink 1s steps(1,end) var(--motion-repeat-loop);color:var(--accent);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.mermaid-diagram svg{height:auto;overflow-x:auto}.mermaid-error{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff6464;padding:.5rem;border-radius:4px;font-family:monospace;font-size:.85rem}.mermaid-container pre.mermaid{background:transparent;margin:0;padding:1rem}.mermaid-diagram svg,.mermaid-container svg{max-width:100%;height:auto;overflow-x:auto}.mermaid-diagram{background:var(--surface-code);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;text-align:center}.mermaid-container{background:var(--surface-code);border-radius:8px;overflow:hidden;margin:1rem 0;border:1px solid rgba(114,133,183,.3)}.mermaid-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#00000040;border-bottom:1px solid rgba(114,133,183,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mermaid-container pre.mermaid{background:transparent;margin:0;padding:1rem;overflow-x:auto}.mermaid-error{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:var(--status-danger);padding:.75rem;border-radius:8px;font-family:Hack,Fira Code,monospace;font-size:.85rem;margin:.5rem 0;white-space:pre-wrap;word-break:break-word}.copy-mermaid-btn{display:flex;align-items:center;gap:.3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;color:#ffffffd9;cursor:pointer}.copy-mermaid-btn:hover{background:#ffffff2e;border-color:#ffffff59;color:#fff}.copy-mermaid-btn.copied{background:#4caf50;color:#fff;border-color:#4caf50}.mermaid-container.mermaid-placeholder{min-height:120px;display:flex;flex-direction:column}.mermaid-placeholder .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#00000040;border-bottom:1px solid rgba(114,133,183,.3)}.mermaid-placeholder .mermaid-status{font-size:.75rem;color:var(--accent);opacity:.8}.mermaid-placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.mermaid-loader{display:flex;align-items:center;gap:.75rem}.mermaid-loader-icon{width:32px;height:32px;color:var(--accent);animation:mermaidPulse 1.2s var(--motion-easing-standard) var(--motion-repeat-loop)}@keyframes mermaidPulse{0%,to{opacity:.4}50%{opacity:1}}.mermaid-loader-dots{display:none}.mermaid-placeholder-text{font-size:.85rem;color:var(--text-muted);font-style:italic}[data-theme=light] .mermaid-container.mermaid-placeholder{background:var(--surface-code)}[data-theme=light] .mermaid-placeholder .mermaid-status{color:var(--accent)}[data-theme=light] .mermaid-placeholder-text{color:var(--text-muted)}.system-action-block{background:#ffffff08;border:1px solid var(--border-message-ai);border-radius:12px;margin:8px 0;overflow:hidden}.command-block{border-left:3px solid var(--accent-subtle)}.tool-result-block{border-left:3px solid var(--accent)}.action-header{display:flex;align-items:center;padding:8px 12px;background:#0003;font-size:.8rem;color:var(--text-muted);font-family:sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none}.action-content{padding:12px;font-size:.85rem;overflow-wrap:anywhere;word-break:break-word;color:var(--text-primary);line-height:1.5}.code-font{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace}.message-content .katex-display{overflow-x:auto;overflow-y:hidden;padding:.8rem 0;margin:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--border-focus) transparent}.katex{color:inherit;font-size:1.1em}.katex-display::-webkit-scrollbar{height:6px}.katex-display::-webkit-scrollbar-track{background:transparent}.katex-display::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:10px}.katex-display::-webkit-scrollbar-thumb:hover{background:var(--accent)}.message-content .cognitive-block{margin:.5rem 0;border-radius:6px;background:#ffffff08;border-left:2px solid var(--border-focus);transition:background var(--transition-normal)}.message-content .cognitive-block summary{padding:.4rem .8rem;font-size:.85rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;list-style:none;display:flex;align-items:center;gap:.4rem}.message-content .cognitive-block summary::-webkit-details-marker{display:none}.message-content .cognitive-block summary:before{content:"▶";font-size:.7rem;transition:transform var(--transition-normal)}.message-content .cognitive-block[open] summary:before{transform:rotate(90deg)}.message-content .cognitive-block summary:hover{background:#ffffff0a}.message-content .cognitive-block[open] summary{border-bottom:1px solid var(--border-focus)}.message-content .cognitive-content{padding:.6rem .8rem;font-size:.85rem;color:var(--text-muted);line-height:1.5;white-space:pre-wrap;font-family:inherit;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-focus) transparent}.message-content .cognitive-content::-webkit-scrollbar{width:5px}.message-content .cognitive-content::-webkit-scrollbar-track{background:transparent}.message-content .cognitive-content::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:10px}.message-content .cognitive-content::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.tool-card,details.tool-result,details.tool-call-indicator,details.weather-card,details.image-card,details.terminal-card{width:min(100%,900px);max-width:100%;min-width:0;display:block;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}details.tool-call-indicator>summary{cursor:pointer;-webkit-user-select:none;user-select:none}.tool-result-content{margin-top:var(--space-2);padding:var(--space-2);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.terminal-card{font-family:var(--font-mono);font-size:.85em;background:var(--surface-code);border:1px solid var(--border-normal);border-radius:var(--radius-md);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);max-width:100%;min-width:0;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word}.terminal-card .terminal-header{font-size:.7em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.4em}.terminal-card .terminal-body{white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.terminal-card .terminal-body .stderr{color:var(--status-danger)}.terminal-card .terminal-footer{margin-top:.5em;padding-top:.4em;border-top:1px solid var(--border-normal);font-size:.75em;color:var(--text-muted);display:flex;gap:1em;flex-wrap:wrap}.tool-result{width:min(100%,760px);margin:var(--space-2) 0}.tool-result__status{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:.78rem;font-weight:650}.tool-result-content{margin:0;padding:0}.tool-card--exec{width:100%;margin:0;border:1px solid var(--border-normal);border-radius:var(--radius-md);background:var(--surface-code);overflow:hidden}.tool-card--exec[open]{background:color-mix(in srgb,var(--surface-code) 96%,var(--surface))}.tool-card--exec>summary::-webkit-details-marker{display:none}.tool-card__header{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"identity toggle" "meta meta";align-items:center;gap:var(--space-2);min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;min-height:2.5rem;padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.tool-card__header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-card__identity{display:inline-flex;grid-area:identity;align-items:center;gap:var(--space-2);min-width:max-content}.tool-card__title{font-weight:650;line-height:var(--line-height-tight);white-space:nowrap}.tool-card__meta-group{display:flex;grid-area:meta;align-items:center;justify-content:flex-start;gap:var(--space-2);min-width:0;padding-top:var(--space-1);flex-wrap:wrap}.tool-card__meta{color:var(--text-muted);font-size:.78rem;line-height:var(--line-height-tight);white-space:nowrap}.tool-card__meta.exec-exit-ok{color:var(--status-success)}.tool-card__meta.exec-exit-fail{color:var(--status-danger)}.tool-card__toggle{grid-area:toggle;justify-self:end;color:var(--text-muted);font-size:.75rem;line-height:var(--line-height-tight);white-space:nowrap}.tool-card__header:hover .tool-card__toggle,.tool-card__header:focus-visible .tool-card__toggle{color:var(--accent)}.tool-card__header:active .tool-card__toggle{color:var(--accent-active)}.tool-card--exec[open] .tool-card__toggle{font-size:0}.tool-card--exec[open] .tool-card__toggle:after{content:"Hide output";font-size:.75rem}.tool-card__body{padding:0 var(--space-3) var(--space-3);max-width:100%;min-width:0}.tool-card--exec:not([open]) .tool-card__body{display:none}.tool-card__command-line{padding:var(--space-2) 0;border-top:1px solid var(--border-normal);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;white-space:pre-wrap;word-break:break-word}.tool-card__command-line span{color:var(--accent)}.tool-card__pre{max-height:18rem;margin:0;padding:var(--space-3);background:color-mix(in srgb,var(--surface-code) 82%,black);border-radius:var(--radius-sm);overflow:auto;white-space:pre-wrap;word-break:break-word}.tool-card__pre:empty{display:none}.tool-card__pre code{font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.tool-card__footer{display:flex;gap:var(--space-3);min-width:0;flex-wrap:wrap;padding-top:var(--space-2);color:var(--text-muted);font-size:.72rem}.tool-card__output-state{margin-left:auto}@media(max-width:480px){.tool-card__header{grid-template-columns:minmax(0,1fr) max-content;gap:var(--space-1) var(--space-2)}.tool-card__meta-group{gap:var(--space-1) var(--space-2)}}.tool-call-summary{display:inline-flex;align-items:center;gap:var(--space-1);margin:var(--space-1) 0;color:var(--text-muted);font-size:.78rem}.tool-call-summary--done{color:var(--status-success)}.tool-call-block{margin:var(--space-1) 0;border-left:2px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--surface-code) 70%,transparent)}.tool-call-block--failed{border-left-color:var(--status-danger)}.tool-card__command{font-family:var(--font-mono);font-size:.72rem}.tool-card__command-line+.tool-card__pre{margin-top:var(--space-1)}.tool-card__output{min-width:0}.tool-card__output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-1) 0;color:var(--text-muted);font-size:.72rem}.tool-card__output-label{font-weight:650;letter-spacing:.03em;text-transform:uppercase}.tool-card__copy svg{width:.9rem;height:.9rem}.tool-card__copy{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-2);border:1px solid var(--border-normal);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.72rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tool-card__copy:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover);color:var(--text-primary)}.tool-card__copy:active:not(:disabled){background:var(--accent-active);color:var(--text-inverse)}.tool-card__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-card__copy:disabled{cursor:not-allowed;opacity:.55}.tool-card__copy.copied{border-color:var(--accent-support);background:var(--accent-support);color:var(--text-inverse)}.tool-card__stream{display:block}.tool-card__stream--stderr{color:var(--status-danger)}.tool-card__stream-label{font-weight:650}.weather-card{padding:var(--space-3);background:var(--surface-subtle);border:1px solid var(--border-normal);border-radius:var(--radius-md);margin:var(--space-2) 0;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.weather-card__header,.weather-card__hero,.weather-card__metrics,.weather-card__forecast{display:flex;align-items:center}.weather-card__header,.weather-card__hero{justify-content:space-between;gap:1em;min-width:0;flex-wrap:wrap}.weather-card__title{min-width:0;font-weight:650;overflow-wrap:anywhere;word-break:break-word}.weather-card__condition,.weather-card__metric-label,.weather-card__day-rain{font-size:.8em;color:var(--text-muted)}.weather-card__icon{font-size:2.2em;line-height:1}.weather-card__temp{font-size:1.8em;font-weight:650}.weather-card__metrics{gap:1em}.weather-card__metric{display:grid;gap:.15em}.weather-card__metric-value{font-size:.9em}.weather-card__forecast{gap:var(--space-2);margin-top:var(--space-3);overflow-x:auto;align-items:stretch}.weather-card__day{min-width:6.5em;padding:var(--space-2);border:1px solid var(--border-normal);border-radius:var(--radius-sm);text-align:center}.weather-card__day-name,.weather-card__day-temp{font-size:.8em}.weather-card__day-icon{font-size:1.5em;margin:.25em 0}.image-card{display:block;margin:var(--space-2) 0}.image-card img{max-width:100%;height:auto;border-radius:6px}.image-card .image-meta{font-size:.75em;color:var(--text-muted);margin-top:.25em}.image-card__prompt,.image-card__prompt-toolbar,.image-card__prompt-code{min-width:0}.image-card__prompt{margin-bottom:var(--space-3);padding:var(--space-2);border:1px solid var(--border-normal);border-radius:var(--radius-sm);background:var(--surface-code)}.image-card__prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;padding-bottom:var(--space-1);color:var(--text-muted);font-size:.72rem}.image-card__prompt-label{font-weight:650;letter-spacing:.03em;text-transform:uppercase}.image-card__prompt-code{max-width:100%;max-height:10rem;margin:0;padding:var(--space-2);background:color-mix(in srgb,var(--surface-code) 82%,black);border-radius:var(--radius-sm);overflow:auto;white-space:pre-wrap;word-break:break-word}.image-card__prompt-code code{font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.image-card__prompt-toolbar .tool-card__copy{flex:0 0 auto}.image-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tool-card__media-action{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-2);border:1px solid var(--border-normal);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-secondary);font-size:.72rem;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tool-card__media-action:hover{border-color:var(--accent);background:var(--surface-hover);color:var(--text-primary)}.tool-card__media-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.image-card__prompt-toolbar{align-items:flex-start;flex-wrap:wrap}}.generic-card{padding:var(--space-2) var(--space-3);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;background:#ffffff08;border:1px solid var(--border-normal);border-radius:var(--radius-md);margin:var(--space-2) 0}.generic-card dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-3);margin:0}.generic-card dt{font-weight:600;color:var(--text-muted)}.generic-card dd{margin:0;word-break:break-word}.generic-card .generic-error{color:var(--status-danger);font-size:.85em}.code-block-container{margin:1rem 0;border-radius:8px;overflow:hidden;background:var(--surface-code);border:1px solid var(--border-normal)}.code-block-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;flex-wrap:wrap;padding:.5rem 1rem;background:var(--surface-code);border-bottom:1px solid var(--border-normal)}.code-language{min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.copy-code-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:1px solid var(--border-normal);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;color:var(--text-primary);cursor:pointer}.copy-code-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-code-btn.copied{background:var(--accent-support);color:#fff;border-color:var(--accent-support)}.code-block-container pre{margin:0;padding:1rem;overflow-x:auto;background:transparent}.code-block-container code{font-family:var(--font-mono);font-size:.9rem;line-height:var(--line-height-copy);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.fence-block{margin:.75rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-normal);background:var(--surface-code)}.fence-block--pending{min-height:120px;contain:layout paint;contain-intrinsic-size:auto 180px;background:var(--surface-code);border:1px solid var(--border-normal);border-radius:8px;margin:.75rem 0;position:relative;overflow:hidden}.fence-block--pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);background-size:200% 100%;animation:fence-shimmer 1.6s ease-in-out infinite}@keyframes fence-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fence-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;flex-wrap:wrap;padding:.4rem .75rem;background:#00000040;border-bottom:1px solid var(--border-normal);min-height:36px}.fence-lang-badge{min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.fence-actions{display:flex;align-items:center;gap:.4rem}.fence-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-normal);border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.fence-action-btn:hover{background:var(--surface-raised, rgba(255, 255, 255, .06));color:var(--text-primary);border-color:var(--text-secondary)}.fence-action-btn--active{background:#8a6de926;color:var(--accent);border-color:var(--accent)}.fence-block--code pre{margin:0;padding:.9rem 1rem;overflow-x:auto;background:transparent}.fence-block--code code{font-family:var(--font-mono);font-size:.875rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.fence-block--mermaid .fence-mermaid-body{padding:1rem;contain:layout paint;contain-intrinsic-size:auto 180px;overflow-x:auto;min-height:120px;display:flex;justify-content:center;align-items:flex-start}.fence-mermaid-diagram{max-width:100%;min-height:120px;display:grid;place-items:center}.fence-mermaid-diagram[data-fence-render-state=pending]:before,.fence-mermaid-diagram[data-fence-render-state=rendering]:before{content:"Rendering diagram…";color:var(--text-secondary);font-size:.8rem;min-height:120px;display:grid;place-items:center;animation:fence-pulse 1.2s ease-in-out infinite}@keyframes fence-pulse{0%,to{opacity:.45}50%{opacity:1}}.fence-mermaid-source{margin:0;padding:0;width:100%;background:transparent}.fence-mermaid-source code{font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.fence-block--html-preview .fence-html-body{background:#fff;contain:layout paint;contain-intrinsic-size:auto 420px;position:relative;min-height:380px;overflow:hidden}.fence-html-loading{position:absolute;inset:0;display:grid;place-items:center;color:#666;font-size:.85rem;background:#fff;z-index:1;animation:fence-pulse 1.2s ease-in-out infinite}.fence-html-iframe{width:100%;min-height:380px;height:380px;border:none;display:block}.fence-html-source-block{margin:0;padding:0;min-height:380px}.fence-html-source-block[hidden],.fence-html-iframe[hidden],.fence-html-loading[hidden]{display:none}.fence-raw-code{margin:0;padding:.9rem 1rem;background:var(--surface-code);border-radius:0 0 8px 8px;overflow-x:auto}.fence-raw-code code{font-family:var(--font-mono);font-size:.85rem;line-height:1.55;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}