/* Airier chat rhythm; blue remains the primary TaskuAbi accent. */
.welcome h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-1.2px;line-height:1.2}
.workspace:not(.document-active):not(.document-open) .main:not(.has-messages) .compose-area{top:50%}
.welcome{margin-bottom:30px}
#quick-actions{gap:10px;margin-top:22px;flex-wrap:wrap}
#quick-actions button{padding:11px 15px;min-height:43px;border:1px solid #cddbe5;border-radius:12px;background:#f5f9fc;color:#365368;transition:background .18s,border-color .18s,transform .18s}
#quick-actions button svg{color:#3985b2}
#quick-actions button:hover,#quick-actions button:focus-visible{background:#e8f2f9;border-color:#79aaca;transform:translateY(-2px)}
#quick-actions button[aria-pressed=true]{background:#dfedf7;border-color:#4d96c5;color:#155981}
html[data-theme=dark] #quick-actions button{background:#242a2f;border-color:#424d57;color:#d7e2ea}
html[data-theme=dark] #quick-actions button svg{color:#82b8dd}
html[data-theme=dark] #quick-actions button:hover,html[data-theme=dark] #quick-actions button:focus-visible{background:#2b3c49;border-color:#678ca6}
html[data-theme=dark] #quick-actions button[aria-pressed=true]{background:#294458;border-color:#6ba5cf;color:#e3f2fc}
html[data-theme=dark] .sidebar .nav-button.new-chat{background:#233441;color:#c9e4f5}
@media(prefers-reduced-motion:reduce){#quick-actions button{transition:none}#quick-actions button:hover{transform:none}}
.sidebar-brand{margin-bottom:32px}
.sidebar .nav-button{min-height:46px;padding:12px 14px;border-radius:10px;margin-bottom:4px}
.sidebar .new-chat{background:#e5eff6;color:#164e72}
.history-label{padding-top:26px;padding-bottom:8px}
.history-group{font:600 11px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.35px;color:#71838f;margin:22px 12px 9px;padding-top:16px;border-top:1px solid #dfe6eb}
.history-group:first-child{margin-top:0;padding-top:8px;border-top:0}
.history-row{margin-bottom:4px;min-height:43px}
.history-row .history-item{padding:12px;gap:11px;font-size:14px}
.history-row:has(.history-item.active){background:#e6eff5;box-shadow:inset 2px 0 #2f84b9}
.history-row .history-item.active{background:transparent}
.messages{--message-gap:40px;gap:var(--message-gap)}
.messages>.reply-footer{margin-top:calc(10px - var(--message-gap));padding-bottom:8px}
.reply-footer .assistant-mark{width:42px;height:44px}
.reply-footer .tasku-mark{width:36px!important;height:41px!important}
.message .reply-footer{margin-top:10px;padding-bottom:8px}
.reply-footer .tasku-activity-streaming{width:36px;height:44px}
.conversation-scroll{padding-top:40px;padding-bottom:42px}
.response-content{font-size:17px;line-height:1.85;letter-spacing:.02px}
.response-content p{margin-bottom:22px}
.response-content :is(h1,h2,h3,h4){margin-top:32px;margin-bottom:16px;font-weight:650;line-height:1.35}
.response-content h2{font-size:24px}.response-content h3{font-size:20px}
.response-content strong{font-weight:650}
.response-content li{margin-bottom:8px}
.response-content blockquote{border-left-color:#4f93bf;padding-left:20px}
.response-actions{margin-top:20px}
.message.user .user-message-copy{padding:15px 20px;line-height:1.65}
.composer{border-color:#bccdd9;box-shadow:0 6px 24px #173d4b0b}
.main.has-messages .composer{padding:16px 18px;gap:0 13px;border-radius:20px;grid-template-columns:32px minmax(0,1fr) 36px}
.main.has-messages .attach-button{height:32px;width:32px}
.main.has-messages .send-button{height:34px;width:34px;border-radius:11px}
.send-button:not(:disabled){background:#0876b8;color:#fff;box-shadow:0 2px 8px #0876b825}
.send-button:disabled{background:#e4ebef;color:#8b9da9;box-shadow:none}
.main.has-messages .composer-disclaimer{margin-top:13px}
.composer:focus-within{border-color:#4a99ca;box-shadow:0 0 0 3px #4a99ca12,0 8px 30px #173d4b0b}
html[data-theme=dark] .main{background:#1d1f21}
html[data-theme=dark] .sidebar{background:#191b1d;border-color:#30353a}
html[data-theme=dark] .sidebar .new-chat{background:#233441;color:#c9e4f5}
html[data-theme=dark] .history-group{color:#91a0ac;border-color:#30353a}
html[data-theme=dark] .history-row:has(.history-item.active){background:#26343e;box-shadow:inset 2px 0 #69acda}
html[data-theme=dark] .history-row .history-item.active{background:transparent;color:#d8ecf9}
html[data-theme=dark] .response-content{color:#d9dde0}
html[data-theme=dark] .response-content :is(h1,h2,h3,h4,strong){color:#f0f2f4}
html[data-theme=dark] .response-content a{color:#8bc2e7}
html[data-theme=dark] .composer{background:#25292c;border-color:#46515a;box-shadow:0 8px 28px #0002}
html[data-theme=dark] .composer:focus-within{border-color:#6ca6ca;box-shadow:0 0 0 3px #6ca6ca12,0 8px 28px #0002}
html[data-theme=dark] .send-button:not(:disabled){background:#2385be;color:#fff}
html[data-theme=dark] .send-button:disabled{background:#353c42;color:#85929c}
html[data-theme=dark] .message.user .user-message-copy{background:#2b3237}

/* Keep the model picker and settings in the same palette as the chat. */
.model-menu{background:#fff;border-color:#cddbe5;box-shadow:0 12px 32px #173d4b1c}
.model-menu>button[aria-checked=true]{background:#dfedf7;color:#155981}
.model-menu>button:hover,.model-menu>button:focus-visible{background:#e8f2f9}
.model-menu-heading>span{background:#e5eff6;color:#365368}
.model-menu>button>span:first-child{flex:1;min-width:0}
.model-plan-badge{flex:none;align-self:flex-start;padding:3px 6px;border-radius:5px;background:#e5eff6;color:#365368;font-size:10px;font-weight:650}
.model-upgrade{flex:none;align-self:flex-start;padding:3px 6px;border-radius:5px;background:#dfedf7;color:#155981;font-size:11px;font-weight:650}
.model-menu>button[data-locked=true]{cursor:pointer}
.model-menu>button[data-locked=true] .model-check{display:none}
.settings-dialog,.settings-main{background:#f8fafb;color:#253e50}
.settings-dialog{border-color:#cddbe5}
.settings-sidebar{background:#eef3f6;border-color:#d7e2e9}
.settings-tabs button[aria-selected=true]{background:#dfedf7;color:#155981}
.settings-tabs button:hover{background:#e5eff6}
.settings-panel h2{color:#183a51}
.settings-panel .setting-row{border-color:#dce5eb}
.settings-panel :is(input:not(.toggle),select,textarea){background:#fff;border-color:#cddbe5}
.settings-panel .font-preview,.settings-panel .billing-plan{background:#fff;border-color:#dce5eb}
html[data-theme=dark] .model-menu{background:#25292c;border-color:#46515a;box-shadow:0 12px 32px #0005}
html[data-theme=dark] .model-menu>button[aria-checked=true]{background:#294458;color:#d8ecf9}
html[data-theme=dark] .model-menu>button:hover,html[data-theme=dark] .model-menu>button:focus-visible{background:#2b3c49;color:#e3f2fc}
html[data-theme=dark] .model-menu-heading>span{background:#303b43;color:#bbd8e9}
html[data-theme=dark] .model-plan-badge{background:#353c42;color:#b9c9d3}
html[data-theme=dark] .model-upgrade{background:#294458;color:#9fd1f2}
html[data-theme=dark] .model-menu :is(.model-menu-heading,p){border-color:#46515a}
html[data-theme=dark] .settings-dialog,html[data-theme=dark] .settings-main{background:#1d1f21;color:#d9dde0;border-color:#46515a}
html[data-theme=dark] .settings-sidebar{background:#191b1d;border-color:#30353a}
html[data-theme=dark] .settings-tabs button[aria-selected=true]{background:#294458;color:#d8ecf9}
html[data-theme=dark] .settings-tabs button:hover{background:#2b3c49;color:#e3f2fc}
html[data-theme=dark] .settings-panel h2{color:#f0f2f4}
html[data-theme=dark] .settings-panel .setting-row{border-color:#30353a}
html[data-theme=dark] .settings-panel :is(input:not(.toggle),select,textarea){background:#25292c;border-color:#46515a;color:#e9edf0}
html[data-theme=dark] .settings-panel .font-preview,html[data-theme=dark] .settings-panel .billing-plan{background:#25292c;border-color:#46515a}
html[data-theme=dark] .close-settings{color:#d9dde0}
@media(max-width:720px){.messages{--message-gap:32px;gap:var(--message-gap)}.conversation-scroll{padding:26px 20px 30px}.response-content{font-size:16px;line-height:1.8}.main.has-messages .composer{padding:12px;gap:0 9px}.main.has-messages .composer-disclaimer{margin-top:12px}.response-content h2{font-size:22px}.response-content h3{font-size:19px}}
@media(max-width:720px){
  .model-menu{right:0;left:auto;width:min(310px,calc(100vw - 44px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;animation:mobile-model-menu-in 160ms ease-out}
  .settings-dialog{max-width:calc(100vw - 18px)}
  .settings-sidebar-heading{color:#365368}
  html[data-theme=dark] .settings-sidebar-heading{color:#a8bac6}
  .close-settings{background:#eef3f6}
  html[data-theme=dark] .close-settings{background:#191b1d}
}
@keyframes mobile-model-menu-in{from{opacity:0}to{opacity:1}}