:root{--color-slate-950: #0a0f1a;--color-slate-900: #111827;--color-slate-800: #1e293b;--color-slate-700: #2a3a5c;--color-slate-600: #3b4f73;--color-slate-500: #64748b;--color-slate-400: #8892a4;--color-slate-300: #b0b8c8;--color-slate-200: #d1d5db;--color-slate-100: #e5e7eb;--color-slate-50: #f1f3f5;--color-amber-600: #c46a30;--color-amber-500: #e07b39;--color-amber-400: #f0a060;--color-green-600: #3d9142;--color-green-500: #4caf50;--color-green-400: #66bb6a;--color-red-600: #c53030;--color-red-500: #e05555;--color-red-400: #f06060;--color-yellow-500: #ff9800;--color-blue-900: #1e2d4a;--color-blue-800: #1a2745;--color-code-bg: #0d1117;--color-white: #ffffff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: .9375rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--size-icon: 20px;--size-button: 40px;--size-max-chat: 900px;--size-max-card: 500px;--size-max-input-height: 120px;--transition-fast: .2s ease;--transition-normal: .3s ease}:root{--surface-base: var(--color-slate-900);--surface-default: var(--surface-base);--surface-raised: var(--color-slate-800);--surface-hover: var(--color-blue-800);--surface-overlay: var(--color-slate-950);--surface-code: var(--color-code-bg);--bubble-user: var(--color-slate-700);--bubble-claude: var(--color-blue-900);--text-primary: var(--color-slate-100);--text-secondary: var(--color-slate-400);--text-muted: var(--color-slate-500);--text-inverse: var(--color-white);--text-link: var(--color-amber-500);--border-default: var(--color-slate-700);--border-focus: var(--color-amber-500);--accent-default: var(--color-amber-500);--accent-hover: var(--color-amber-600);--accent-subtle: var(--color-amber-400);--feedback-success: var(--color-green-500);--feedback-success-hover: var(--color-green-600);--feedback-danger: var(--color-red-500);--feedback-danger-hover: var(--color-red-600);--feedback-warning: var(--color-yellow-500);--status-connected: var(--feedback-success);--status-disconnected: var(--feedback-danger);--status-reconnecting: var(--feedback-warning)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--surface-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:var(--color-slate-700) transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-slate-700);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--color-slate-600)}code{font-family:var(--font-mono);font-size:var(--font-size-sm)}.app{display:flex;flex-direction:column;height:100dvh;max-width:var(--size-max-chat);margin:0 auto}@media(min-width:768px){.app{margin-left:220px;max-width:none}}.chat{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:768px){.chat{padding-left:max(var(--space-4),calc((100% - 900px)/2));padding-right:max(var(--space-4),calc((100% - 900px)/2))}.fileview{max-width:900px;margin:0 auto;width:100%}}.scroll-to-bottom{position:fixed;bottom:80px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:10;opacity:.9}.scroll-to-bottom:active{opacity:1;transform:scale(.95)}.tts-fab{position:fixed;bottom:80px;left:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-default);background:var(--surface-raised);color:var(--accent-default);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:10;opacity:.92;-webkit-tap-highlight-color:transparent}.tts-fab:active{opacity:1;transform:scale(.95)}.date-separator{display:flex;align-items:center;gap:var(--space-3);align-self:stretch;padding:var(--space-2) 0}.date-separator__line{flex:1;height:1px;background:var(--border-default)}.date-separator__text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.chat__loading-older-wrapper{position:relative;height:0;overflow:visible}.chat__loading-older{position:absolute;left:0;right:0;top:0;text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-2) 0;background:var(--surface-base);z-index:1}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-raised)}.header__brand{display:flex;align-items:center;gap:var(--space-2)}.header__menu-btn{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-fast)}.header__menu-btn:active{color:var(--text-primary)}@media(min-width:768px){.header__menu-btn{display:none}}.header__logo{width:26px;height:26px;border-radius:var(--radius-full)}.header__title{font-size:var(--font-size-lg);font-weight:400;letter-spacing:.04em;opacity:.85}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.header__system-toggle{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-fast)}.header__system-toggle svg{width:16px;height:16px}.header__system-toggle--active{color:var(--accent-default)}.header__triggers-btn{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-fast)}.header__triggers-btn:hover{color:var(--accent-default)}.header__tts-toggle{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.header__tts-toggle svg{width:16px;height:16px;fill:var(--text-secondary)}.header__tts-toggle--active{background:var(--accent-default)}.header__tts-toggle--active svg{fill:var(--text-inverse)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--status-disconnected);transition:background var(--transition-normal)}.status-dot--connected{background:var(--status-connected)}.status-dot--reconnecting{background:var(--status-reconnecting);animation:status-pulse 1s infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.header__save-btn{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-fast)}.header__save-btn:hover{color:var(--accent-default)}.header__save-btn svg{width:16px;height:16px}.message{max-width:85%;min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);line-height:var(--line-height-normal);word-wrap:break-word;overflow-wrap:break-word}.message--user{align-self:flex-end;background:var(--bubble-user);border-bottom-right-radius:var(--radius-sm)}.message--claude{align-self:flex-start;background:var(--bubble-claude);border-bottom-left-radius:var(--radius-sm)}.message--system{align-self:center;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);max-width:95%;font-size:var(--font-size-sm);color:var(--text-secondary)}.message__content p{margin:var(--space-1) 0}.message__content blockquote{border-left:3px solid var(--accent-default);background:var(--surface-base);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.message__content blockquote p{margin:0}.message__content ul,.message__content ol{margin:var(--space-1) 0 var(--space-1) var(--space-5)}.message__content strong{font-weight:var(--font-weight-semibold)}.message__content pre{background:var(--surface-code);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-2) 0;font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.message__content code{background:var(--surface-code);padding:2px 6px;border-radius:var(--radius-sm)}.message__content pre code{background:none;padding:0}.message__content table{border-collapse:collapse;margin:var(--space-2) 0;font-size:var(--font-size-sm);width:100%;overflow-x:auto;display:block}.message__content th,.message__content td{border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);text-align:left}.message__content th{background:var(--surface-code);font-weight:var(--font-weight-semibold)}.message__content tr:nth-child(2n){background:var(--surface-code)}.message__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.message__time{font-size:var(--font-size-xs);color:var(--text-secondary)}.message{position:relative}.message__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.message__avatar{width:18px;height:18px;border-radius:var(--radius-full);flex-shrink:0}.message__author{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.message__reply-btn{margin-left:auto}.message__fav-btn{margin-left:auto;width:22px;height:22px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.message__fav-btn:active,.message__fav-btn--active{color:var(--color-yellow-500)}.message__blocks{display:flex;flex-direction:column}.message__block{border-radius:var(--radius-sm);padding:2px 4px;margin:0 -4px;min-width:0;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.message__block--playable{cursor:pointer}.message__block--active{background:var(--surface-hover)}.message--playing{box-shadow:0 0 0 1px var(--accent-default),0 0 20px #e07b3940;transition:box-shadow var(--transition-fast)}.message--highlight{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 2px var(--accent-default),0 0 24px #e07b3966}to{box-shadow:none}}.message__voice-badge,.message__emotion-badge{font-size:var(--font-size-xs);opacity:.6}.message__files{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--space-1);opacity:.8}.message__files a{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted);text-decoration:none;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff0a;transition:background .15s;align-self:flex-start;max-width:100%;width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__files a:hover,.message__files-link:hover{background:#ffffff14;color:var(--text-base)}.message__files a:before,.message__files-link:before{content:"📎";font-size:.9em}.message__audio{width:100%;max-width:360px;align-self:flex-start;margin-top:var(--space-1)}.message__files-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted);text-decoration:none;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff0a;transition:background .15s;align-self:flex-start;max-width:100%;width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;cursor:pointer;font-family:inherit}.message__images{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-3)}.message__image{max-width:100%;border-radius:var(--radius-md);image-orientation:from-image}.message__images .message__image-btn{position:relative;width:96px;height:96px;overflow:hidden;border-radius:var(--radius-md);flex-shrink:0;background:#00000059}.message__images .message__image{width:100%;height:100%;object-fit:contain;image-orientation:from-image}.message__image-overflow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);pointer-events:none}.message__image-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-block}.message__image-btn .message__image{transition:opacity .15s}.message__image-btn:hover .message__image{opacity:.9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4)}.lightbox__content{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.lightbox__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox__counter{color:#ffffffb3;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.lightbox__close{position:absolute;top:var(--space-3);right:var(--space-3);background:#00000080;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lightbox__close:hover{background:#fff3}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lightbox__nav:hover{background:#fff3}.lightbox__nav--prev{left:var(--space-3)}.lightbox__nav--next{right:var(--space-3)}@media(max-width:640px){.lightbox__nav{width:44px;height:44px}.lightbox__nav--prev{left:var(--space-2)}.lightbox__nav--next{right:var(--space-2)}}.message__reply-quote{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-left:3px solid var(--accent-default);background:var(--surface-base);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.message__reply-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-default)}.message__reply-text{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__reply-btn{width:24px;height:24px;border:none;background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.message__reply-btn:active{background:var(--border-default)}.message__copy-btn{width:24px;height:24px;border:none;background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.message__copy-btn:active{background:var(--border-default)}.message__copy-btn--copied{color:var(--color-success, #4caf50)}.message__content .codeblock{position:relative}.message__content .codeblock__copy{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.message__content .codeblock:hover .codeblock__copy,.message__content .codeblock__copy:focus-visible{opacity:1}.message__content .codeblock__copy:before{content:"";width:14px;height:14px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 1H4a2 2 0 0 0-2 2v14h2V3h12V1zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H8V7h11v14z' fill='currentColor'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 1H4a2 2 0 0 0-2 2v14h2V3h12V1zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H8V7h11v14z' fill='currentColor'/></svg>") center/contain no-repeat}.message__content .codeblock__copy--copied:before{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='currentColor'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='currentColor'/></svg>") center/contain no-repeat;color:var(--success, #4caf50)}.message__content .codeblock__copy:hover{color:var(--text-primary)}.permission-card{align-self:center;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);width:90%;max-width:var(--size-max-card)}.permission-card__header{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.permission-card__icon{font-size:var(--font-size-base);flex-shrink:0}.permission-card__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-card__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.permission-card__status[data-status=allowed]{color:var(--feedback-success)}.permission-card__status[data-status=denied]{color:var(--feedback-danger)}.permission-card__chevron{color:var(--text-muted);font-size:var(--font-size-xs);flex-shrink:0}.permission-card__summary{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-code);border-radius:var(--radius-md);overflow-x:auto}.permission-card__summary code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.permission-card__diff{margin-top:var(--space-2);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.permission-card__diff-old,.permission-card__diff-new{display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.permission-card__diff-old{background:#e055551f;color:var(--color-red-400)}.permission-card__diff-new{background:#4caf501f;color:var(--color-green-400)}.permission-card__diff-marker{flex-shrink:0;font-weight:var(--font-weight-semibold);width:1ch}.permission-card__diff code{white-space:pre-wrap;word-break:break-all}.permission-card__raw{margin-top:var(--space-2)}.permission-card__raw pre{background:var(--surface-code);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.permission-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.permission-card__btn{flex:1;padding:var(--space-2);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.permission-card__btn:active{opacity:.7}.permission-card__btn--allow{background:var(--feedback-success);color:var(--text-inverse)}.permission-card__btn--deny{background:var(--feedback-danger);color:var(--text-inverse)}.permission-card__truncated{display:block;margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--feedback-warning)}.permission-card--resolved{opacity:.6;padding:var(--space-2) var(--space-4)}.input-bar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-default);background:var(--surface-raised);position:relative}@media(min-width:768px){.input-bar{padding-left:max(var(--space-3),calc((100% - 900px)/2));padding-right:max(var(--space-3),calc((100% - 900px)/2))}}.input-bar__controls{display:flex;align-items:flex-end;gap:var(--space-2);width:100%;min-width:0;min-height:36px}.input-bar__previews{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;padding:var(--space-1) 0}.input-bar__preview{position:relative;flex-shrink:0;max-width:200px}.input-bar__preview-img{max-height:80px;max-width:120px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-default)}.input-bar__preview-name{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.input-bar__preview-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:none;background:var(--surface-raised);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000004d}.input-bar__preview-remove svg{width:12px;height:12px;fill:var(--text-secondary)}.input-bar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.input-bar__upload-menu{position:absolute;bottom:100%;left:var(--space-3);margin-bottom:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);z-index:11;box-shadow:0 -4px 16px #0000004d;min-width:160px}.input-bar__upload-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.input-bar__upload-option:active{background:var(--surface-hover)}.input-bar__upload-option svg{width:var(--size-icon);height:var(--size-icon);fill:var(--text-secondary);flex-shrink:0}.input-bar__file-input{display:none}.input-bar__upload-btn,.input-bar__mic,.input-bar__send{width:36px;height:36px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast)}.input-bar__upload-btn,.input-bar__mic{background:var(--surface-hover)}.input-bar__upload-btn svg,.input-bar__mic svg{width:18px;height:18px;fill:var(--text-secondary)}.input-bar__upload-btn:active,.input-bar__mic:active{background:var(--border-default)}.input-bar__recording-bar{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;overflow:hidden;background:var(--accent-default);border-radius:var(--radius-xl);padding:0 var(--space-1) 0 var(--space-3);height:36px;font-size:var(--font-size-base)}.input-bar__recording-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--feedback-danger);flex-shrink:0;animation:rec-blink 1s infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}.input-bar__recording-time{color:var(--text-inverse);font-size:var(--font-size-base);font-variant-numeric:tabular-nums;flex-shrink:0}.input-bar__recording-cancel{background:none;border:none;color:var(--text-inverse);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) var(--space-2);opacity:.85;text-transform:uppercase;font-weight:500;letter-spacing:.5px;white-space:nowrap}.input-bar__recording-cancel:active{opacity:1}.input-bar__recording-pause{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.input-bar__recording-pause svg{width:18px;height:18px;fill:var(--text-secondary)}.input-bar__recording-pause:active{background:var(--border-default)}.input-bar__recording-dot--paused{animation:none;opacity:.4}.input-bar__mic--transcribing{background:var(--accent-default);animation:mic-pulse 1s infinite}.input-bar__mic--transcribing svg{fill:var(--text-inverse)}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.6}}.input-bar__textarea-wrap{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end}.input-bar__textarea{flex:1;min-width:0;background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:6px var(--space-4);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;resize:none;min-height:36px;max-height:var(--size-max-input-height);line-height:1.4;outline:none}.input-bar__textarea--with-inline-mic{padding-right:40px}.input-bar__mic--inline{position:absolute;right:4px;bottom:4px;width:28px;height:28px;background:transparent}.input-bar__mic--inline svg{width:18px;height:18px}.input-bar__mic--inline:active{background:var(--surface-hover)}.input-bar__textarea:focus{border-color:var(--border-focus)}.input-bar__textarea::placeholder{color:var(--text-muted)}.input-bar__send{background:var(--accent-default)}.input-bar__send:active{background:var(--accent-hover)}.input-bar__send svg{width:18px;height:18px;fill:var(--text-inverse)}.input-bar__reply-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent-default);background:var(--surface-base);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-bar__reply-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.input-bar__reply-preview-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-default)}.input-bar__reply-preview-text{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bar__reply-preview-close{width:24px;height:24px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-bar__reply-preview-close:active{color:var(--text-secondary)}.input-bar__send-error{font-size:.8rem;color:var(--text-error, #c33);background:var(--surface-error, rgba(204, 51, 51, .08));border:1px solid var(--border-error, rgba(204, 51, 51, .35));border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.input-bar__send--sending{opacity:.85;cursor:wait}.input-bar__send--sending:disabled{cursor:wait}.input-bar__spinner{animation:nexus-input-spinner .9s linear infinite;transform-origin:center}@keyframes nexus-input-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thinking{display:none;align-self:flex-start;padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-style:italic;font-size:var(--font-size-md)}.thinking--visible{display:block}.triggers-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-default);z-index:100;display:flex;flex-direction:column;overflow:hidden}.triggers-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.triggers-panel__header h2{margin:0;font-size:var(--font-size-lg)}.triggers-panel__actions{display:flex;gap:var(--space-2)}.triggers-panel__list{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.triggers-panel__item{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.triggers-panel__item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:var(--space-1)}.triggers-panel__item-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.triggers-panel__item-schedule{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--surface-code);padding:2px 8px;border-radius:var(--radius-sm)}.triggers-panel__item-preview{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.triggers-panel__form{display:flex;flex-direction:column;gap:var(--space-2)}.triggers-panel__input{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit}.triggers-panel__textarea{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;line-height:var(--line-height-normal)}.triggers-panel__form-actions{display:flex;gap:var(--space-2)}.triggers-panel__btn{border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);font-family:inherit}.triggers-panel__btn--save{background:var(--accent-default);color:#fff}.triggers-panel__btn--cancel{background:var(--surface-code);color:var(--text-primary)}.triggers-panel__btn--delete{background:none;color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--space-1)}.triggers-panel__btn--delete:hover{color:#e74c3c}.triggers-panel__btn--add{background:var(--accent-default);color:#fff;width:28px;height:28px;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}.triggers-panel__btn--close{background:var(--surface-code);color:var(--text-primary);width:28px;height:28px;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center}.sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;background:var(--surface-raised);border-right:1px solid var(--border-default);z-index:21;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease}.sidebar--open{transform:translate(0)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);text-align:left}.sidebar__item:active{background:var(--surface-hover)}.sidebar__item--active{color:var(--accent-default);background:var(--surface-hover)}.sidebar__item svg{width:20px;height:20px;flex-shrink:0}@media(min-width:768px){.sidebar__overlay{display:none}.sidebar{position:fixed;transform:translate(0);width:220px;border-right:1px solid var(--border-default)}.sidebar__nav{padding-top:var(--space-6)}}.fileview{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-4)}.fileview__title{font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-4)}.fileview__list{display:flex;flex-direction:column;gap:var(--space-2)}.fileview__empty{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-4)}.fileview__card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.fileview__card-title{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.fileview__card-meta{font-size:var(--font-size-sm);color:var(--text-muted);font-family:monospace;margin-bottom:var(--space-2)}.fileview__card-body{font-size:var(--font-size-sm);color:var(--text-secondary);word-break:break-word}.fileview__card-body ul,.fileview__card-body ol{margin:var(--space-1) 0 var(--space-1) var(--space-5)}.fileview__card-body p{margin:var(--space-1) 0}.fileview__card-body code{background:var(--surface-code);padding:2px 6px;border-radius:var(--radius-sm)}.fileview__card-body strong{font-weight:var(--font-weight-semibold)}.fileview__card-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.fileview__action-btn{width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.fileview__action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.fileview__action-btn:active{transform:scale(.9)}.fileview__action-btn--fav{color:var(--color-yellow-500)}.fileview__action-btn--fav:hover{color:var(--text-muted)}.fileview__action-btn--playing{color:var(--accent-default)}.fileview__action-btn--goto{margin-left:auto}.fileview__file{display:block;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);text-align:left;transition:background var(--transition-fast)}.fileview__file:active{background:var(--surface-hover)}.fileview__back{display:flex;align-items:center;gap:var(--space-2);border:none;background:none;color:var(--accent-default);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-3)}.fileview__pre{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.search__input-wrapper{position:relative;margin:0 var(--space-4) var(--space-3)}.search__input{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;box-sizing:border-box}.search__input:focus{border-color:var(--border-focus, var(--text-muted))}.search__input::placeholder{color:var(--text-muted)}.search__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center}.search__clear:hover{color:var(--text-primary)}.sidebar__section{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0}.sidebar__section-title{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em}.sidebar__section-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-muted);width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.sidebar__section-btn:hover,.sidebar__section-btn--active{color:var(--text-primary);border-color:var(--text-primary)}.sidebar__instance-row{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm)}.sidebar__instance-row:hover{background:var(--bg-hover)}.sidebar__instance-row--active{background:var(--bg-accent, rgba(120, 150, 255, .15))}.sidebar__instance-name{flex:1;background:none;border:none;color:inherit;text-align:left;padding:var(--space-1) var(--space-2);cursor:pointer;font:inherit;display:flex;align-items:center;gap:var(--space-2);min-width:0}.sidebar__instance-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__instance-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.sidebar__instance-dot--primary{background:#9aa0ff}.sidebar__instance-dot--running{background:#5dc288}.sidebar__instance-dot--busy{background:#e8b84a;animation:sidebar-dot-pulse 1.2s ease-in-out infinite}@keyframes sidebar-dot-pulse{0%,to{opacity:.45}50%{opacity:1}}.sidebar__instance-stop{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);font-size:.85rem;border-radius:var(--radius-sm)}.sidebar__instance-stop:hover:not(:disabled){color:#d9534f;background:#d9534f1a}.projects-view{padding:var(--space-5) var(--space-4);max-width:860px;margin:0 auto;overflow-y:auto}.projects-view__header h2{margin:0 0 var(--space-2) 0;font-weight:600}.projects-view__hint{color:var(--text-muted);margin:0 0 var(--space-3) 0;font-size:.9rem;line-height:1.5}.projects-view__filter{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-primary);font:inherit;margin-bottom:var(--space-4)}.projects-view__error{color:#d9534f;padding:var(--space-2) var(--space-3);background:#d9534f1a;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.projects-view__tabs{display:flex;gap:var(--space-1);margin:var(--space-3) 0;flex-wrap:wrap}.projects-view__tab{background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:.85rem;display:inline-flex;align-items:center;gap:var(--space-2)}.projects-view__tab:hover{color:var(--text-primary);border-color:var(--text-muted)}.projects-view__tab--active{background:var(--surface-hover);color:var(--accent-default);border-color:var(--accent-default)}.projects-view__tab-count{font-size:.75rem;padding:1px 6px;border-radius:999px;background:var(--surface-base);color:var(--text-muted);min-width:1.4em;text-align:center}.projects-view__tab--active .projects-view__tab-count{background:var(--accent-default);color:var(--surface-base)}.projects-view__filter{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font:inherit;margin-bottom:var(--space-3)}.projects-view__filter:focus{outline:none;border-color:var(--border-focus, var(--accent-default))}.projects-view__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.projects-view__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);background:var(--surface-raised);transition:border-color .12s ease,transform .12s ease}.projects-view__card:hover{border-color:var(--accent-default);transform:translateY(-1px)}.projects-view__card--running{border-color:var(--accent-default);box-shadow:0 0 0 1px var(--accent-default) inset}.projects-view__card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.projects-view__card-name{font-weight:500;line-height:1.35;color:var(--text-primary)}.projects-view__card-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:var(--accent-default);color:var(--surface-base);flex-shrink:0;font-weight:500}.projects-view__card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.projects-view__card-tipo{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);font-weight:500;border:1px solid var(--border-default)}.projects-view__card-btn{align-self:flex-end;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font:inherit}.projects-view__card-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-default);color:var(--accent-default)}.projects-view__card-btn:disabled{opacity:.6;cursor:not-allowed}.projects-view__empty{grid-column:1 / -1;color:var(--text-muted);font-style:italic;padding:var(--space-6) 0;text-align:center}.projects-view__create{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.projects-view__create input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-primary);font:inherit}.projects-view__create button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font:inherit}.projects-view__create button:disabled{opacity:.5;cursor:not-allowed}.header__titles{display:flex;flex-direction:column;line-height:1.1}.header__subtitle{font-size:.75rem;color:var(--text-muted);margin-top:2px}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:var(--space-4);background:var(--surface-base)}.login__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.login__logo{width:48px;height:48px;border-radius:var(--radius-full)}.login__title{font-size:var(--font-size-lg);font-weight:400;letter-spacing:.04em;opacity:.85}.login__form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-4)}.login__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;outline:none}.login__input:focus{border-color:var(--accent-default)}.login__input::placeholder{color:var(--text-muted)}.login__btn{width:100%;padding:var(--space-3);background:var(--accent-default);border:none;border-radius:var(--radius-xl);color:var(--text-inverse);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.login__btn:active{opacity:.8}.login__btn:disabled{opacity:.5;cursor:not-allowed}.login__error{color:var(--feedback-danger);font-size:var(--font-size-sm);text-align:center}.watchdog-alerts{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--border-default)}.watchdog-alerts__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-base)}.watchdog-alerts__item--info{border-color:#4888cc73;background:#4888cc14}.watchdog-alerts__item--warning{border-color:#cc8c3380;background:#cc8c331a}.watchdog-alerts__item--error{border-color:#cc333380;background:#cc33331a}.watchdog-alerts__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.watchdog-alerts__title{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.watchdog-alerts__message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.35;white-space:pre-wrap}.watchdog-alerts__close{background:none;border:none;color:var(--text-muted);padding:4px;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.watchdog-alerts__close:active{color:var(--text-primary);background:var(--surface-hover)}