*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-alt: #f5f5f5;--color-border: #e8e8e8;--color-text: #1a1a1a;--color-text-secondary: #777;--color-accent: #4a9eed;--color-accent-subtle: #e8f4fd;--color-user-bg: #f0f4ff;--color-tool-bg: #f7f7f7;--radius: 8px;--radius-sm: 6px}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.app{display:flex;height:100%}.task-list{width:280px;min-width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.task-list__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px}.task-list__heading{font-size:15px;font-weight:500;color:var(--color-text)}.task-list__new-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:450;cursor:pointer;transition:background .15s}.task-list__new-btn:hover{background:var(--color-surface-alt)}.task-list__items{flex:1;overflow-y:auto;padding:0 8px 16px}.task-list__empty{padding:24px 12px;text-align:center;color:var(--color-text-secondary);font-size:13px}.task-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px;border:none;border-radius:var(--radius);background:transparent;text-align:left;cursor:pointer;transition:background .15s;font-family:inherit}.task-item:hover,.task-item--selected{background:var(--color-surface-alt)}.task-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-item__title{font-size:13px;font-weight:450;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.task-item__time{font-size:12px;color:var(--color-text-secondary)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.main__task-header{padding:20px 24px 0}.main__heading{font-size:16px;font-weight:500;color:var(--color-text)}.main__empty,.main__new-task{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}.main__new-task{max-width:560px;margin:0 auto;width:100%}.main__placeholder{color:var(--color-text-secondary);font-size:14px}.conversation{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.conversation--empty{align-items:center;justify-content:center}.conversation__placeholder{color:var(--color-text-secondary);font-size:14px}.message{max-width:min(720px,100%);display:flex;min-width:0}.message--user{align-self:flex-end}.message--wide{max-width:100%;width:100%}.message--wide .message__content{background:transparent;padding:0;width:100%}.message--user .message__content{background:var(--color-user-bg);border-radius:var(--radius) var(--radius) 4px var(--radius)}.message__content{padding:12px 16px;border-radius:var(--radius) var(--radius) var(--radius) 4px;background:var(--color-surface);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.message--tool .message__content{background:transparent;padding:0}.text-block{word-break:break-word;line-height:1.6}.text-block p{margin:0}.text-block p+p{margin-top:8px}.text-block h1,.text-block h2,.text-block h3,.text-block h4{font-weight:500;margin:12px 0 4px;line-height:1.3}.text-block h1{font-size:18px}.text-block h2{font-size:16px}.text-block h3{font-size:15px}.text-block h4{font-size:14px}.text-block h1:first-child,.text-block h2:first-child,.text-block h3:first-child,.text-block h4:first-child{margin-top:0}.text-block ul,.text-block ol{margin:6px 0;padding-left:20px}.text-block li{margin:2px 0}.text-block li+li{margin-top:4px}.text-block code{font-family:var(--font-mono);font-size:12px;background:var(--color-surface-alt);padding:1px 5px;border-radius:4px}.text-block pre{margin:8px 0;padding:10px 12px;background:var(--color-surface-alt);border-radius:var(--radius-sm);overflow-x:auto}.text-block pre code{background:none;padding:0;font-size:12px;line-height:1.5}.text-block blockquote{margin:8px 0;padding:4px 12px;color:var(--color-text-secondary);background:var(--color-surface-alt);border-radius:var(--radius-sm)}.text-block table{border-collapse:collapse;margin:8px 0;font-size:13px;width:100%}.text-block th,.text-block td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--color-border)}.text-block th{font-weight:500}.text-block hr{border:none;border-top:1px solid var(--color-border);margin:12px 0}.text-block a{color:var(--color-accent);text-decoration:none}.text-block a:hover{text-decoration:underline}.text-block strong{font-weight:500}.tool-call-block{background:var(--color-tool-bg);border-radius:var(--radius-sm);overflow:hidden}.tool-call-block__header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;text-align:left;color:var(--color-text)}.tool-call-block__chevron{color:var(--color-text-secondary);font-size:11px;flex-shrink:0;width:12px}.tool-call-block__label{font-weight:500;flex-shrink:0}.tool-call-block__subtitle{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tool-call-block__detail{padding:8px 12px 12px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--color-text);white-space:pre-wrap;word-break:break-word;border-top:1px solid var(--color-border);max-height:400px;overflow-y:auto}.tool-call-block__detail--error{color:#991b1b;background:#fef2f2}.delegate-block{background:var(--color-surface-alt);border-radius:var(--radius);overflow:hidden}.delegate-block__header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;text-align:left;color:var(--color-text)}.delegate-block__chevron{color:var(--color-text-secondary);font-size:11px;flex-shrink:0;width:12px}.delegate-block__icon{font-size:10px;color:var(--color-accent);flex-shrink:0}.delegate-block__label{font-weight:500;flex-shrink:0}.delegate-block__task{color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.delegate-block__conversation{padding:8px 14px 14px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.delegate-block__conversation .message{max-width:100%}.delegate-block__conversation .message__content{font-size:13px}.delegate-block__empty{font-size:13px;color:var(--color-text-secondary);padding:4px 0}.tool-result-block{border-radius:var(--radius-sm)}.tool-result-block__toggle{display:flex;align-items:flex-start;gap:8px;width:100%;padding:6px 0;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;text-align:left;color:var(--color-text-secondary)}.tool-result-block__chevron{font-size:11px;flex-shrink:0;width:12px;padding-top:2px}.tool-result-block__preview{font-family:var(--font-mono);font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tool-result-block__output{padding:12px;margin-top:4px;font-family:var(--font-mono);font-size:12px;line-height:1.5;background:var(--color-tool-bg);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.tool-result-block--error .tool-result-block__output{background:#fef2f2;color:#991b1b}.image-block__img{max-width:100%;border-radius:var(--radius-sm)}.task-input{display:flex;align-items:flex-end;gap:8px;padding:16px 24px 20px;background:var(--color-bg)}.task-input__textarea{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-family:inherit;font-size:14px;line-height:1.5;resize:none;outline:none;color:var(--color-text);transition:border-color .15s}.task-input__textarea:focus{border-color:var(--color-accent)}.task-input__textarea::placeholder{color:var(--color-text-secondary)}.task-input__textarea:disabled{opacity:.5;cursor:not-allowed}.task-input__submit{padding:10px 20px;border:none;border-radius:var(--radius);background:var(--color-accent);color:#fff;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s;flex-shrink:0}.task-input__submit:hover:not(:disabled){opacity:.85}.task-input__submit:disabled{opacity:.4;cursor:not-allowed}.auth-gate{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-bg)}.auth-gate__form{display:flex;flex-direction:column;gap:16px;width:320px}.auth-gate__heading{font-size:18px;font-weight:500;color:var(--color-text)}.auth-gate__description{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.auth-gate__input{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-family:inherit;font-size:14px;outline:none;color:var(--color-text);transition:border-color .15s}.auth-gate__input:focus{border-color:var(--color-accent)}.auth-gate__submit{padding:10px 20px;border:none;border-radius:var(--radius);background:var(--color-accent);color:#fff;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.auth-gate__submit:hover:not(:disabled){opacity:.85}.auth-gate__submit:disabled{opacity:.4;cursor:not-allowed}.thinking-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--color-surface);border-radius:var(--radius) var(--radius) var(--radius) 4px;width:fit-content}.thinking-indicator__dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary);animation:thinking-bounce 1.2s infinite ease-in-out}.thinking-indicator__dot:nth-child(2){animation-delay:.15s}.thinking-indicator__dot:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.ui-card{background:var(--color-surface-alt);border-radius:var(--radius);padding:14px 16px}.ui-card__title{font-size:14px;font-weight:500;margin-bottom:6px}.ui-card__body{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 8px}.ui-card__items{display:flex;flex-direction:column;gap:4px}.ui-card__item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.ui-card__item-label{color:var(--color-text-secondary)}.ui-card__item-value{font-weight:450;text-align:right}.ui-line-graph{background:var(--color-surface-alt);border-radius:var(--radius);padding:14px 16px}.ui-line-graph__title{font-size:14px;font-weight:500;margin-bottom:10px}.ui-custom{border-radius:var(--radius);overflow:hidden}.ui-custom__title{font-size:14px;font-weight:500;padding:10px 14px 0}.ui-custom__frame{width:100%;border:none;border-radius:var(--radius);background:#fff}