/* Familiar chat surfaces with phone-sized controls, using local assets only. */
:root{--bg:#212121;--side:#171717;--input:#303030;--line:#ffffff14;--hover:#ffffff0e}
[data-theme=light]{--bg:#fff;--side:#f9f9f9;--input:#f4f4f4;--line:#00000012;--hover:#00000008}
svg{width:22px;height:22px;flex-shrink:0}button{touch-action:manipulation}button:focus-visible{outline-offset:-3px}
aside{padding:12px 12px 8px}.side-top{padding:0 4px 8px}.side-top strong{font-size:21px;letter-spacing:-.5px}.side-top button{display:grid;place-items:center}
.nav-action{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;text-align:left;padding:10px 12px;min-height:48px}.side-library{display:flex;gap:4px}.side-library .nav-action{flex:1;font-size:13px;color:var(--muted);gap:8px;min-height:44px}.side-library svg{width:18px;height:18px}#search{font-size:14px;border:1px solid var(--line);background:transparent;padding:11px 13px;margin:7px 0 12px;border-radius:12px}#task-list h3{font-size:12px;font-weight:500;padding:14px 12px 4px;margin:0;color:var(--muted)}.task{min-height:46px;border-radius:10px;padding:10px 12px}.task.active{background:var(--hover)}.task-icon{font-size:15px;opacity:.7}.task.running .task-icon{color:#91c5ae}.project summary{min-height:46px;padding:10px 12px}.project .task{padding-left:25px}.account-button{margin-top:6px;padding:12px 8px;border:0;border-radius:12px}.account-button .avatar{width:36px;height:36px}.account-button>span:nth-child(2){font-size:14px}footer{font-size:11px;padding:0 9px}#reload-list{display:grid;place-items:center}#reload-list svg{width:16px;height:16px}
#chat>header{min-height:60px;padding:7px 10px;gap:3px;border:0}#chat>header button{width:44px;height:44px;min-width:44px;display:grid;place-items:center}#chat>header>div{position:relative;padding-left:6px}#chat>header strong{font-size:16px;font-weight:550}#subtitle{display:inline-block;max-width:calc(100% - 16px);vertical-align:middle;font-size:11px}#connection-dot{display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#b5926a;vertical-align:middle}#connection-dot[data-connected=true]{background:#91bca5}
#conversation{padding-top:20px;padding-bottom:8px}.message{line-height:1.75}.user{padding:10px 16px;border-radius:22px}.message-actions button{min-height:44px}.execution-group>summary{font-size:12px}.welcome h1{font-size:26px;letter-spacing:-.6px}.welcome p{max-width:280px;margin:12px auto;line-height:1.7}
#composer-wrap{padding-top:8px}#composer{border:1px solid var(--line);border-radius:25px;padding:6px 7px 5px}#message{font-size:16px;padding:11px 12px 8px;min-height:52px;max-height:150px}.composer-bottom{align-items:center;gap:0}.model-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;align-items:center}.model-controls button{min-height:44px;font-size:11px;padding:4px 5px;white-space:nowrap}#model{max-width:135px;overflow:hidden;text-overflow:ellipsis}#effort{font-size:11px}#fast-mode{min-width:48px;font-size:10px}#attach{width:38px;min-width:38px;height:44px}#send{margin:0 1px 0 3px;width:38px;min-width:38px;height:38px;min-height:38px;font-size:24px}#stop{min-width:46px;padding:2px;font-size:11px}#composer-wrap>.note:last-child{font-size:10px;margin-top:7px}#jump-latest{bottom:calc(var(--composer-height,160px) + 12px)}#error{font-size:13px;line-height:1.6;border-color:#b9816644}#metadata-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:5px 8px}#metadata-note button{font-size:12px;flex-shrink:0;text-decoration:underline}
.action-list{display:flex;flex-direction:column;padding:8px 12px 16px}.action-list button{display:flex;align-items:center;gap:15px;text-align:left;padding:12px;min-height:52px;border-radius:10px;font-size:15px}.action-list button svg{opacity:.8}.action-sheet{max-width:460px}.dialog-top{min-height:60px;border-bottom-color:var(--line);padding:8px 15px}.dialog-top button{font-size:20px}.panel-tabs{top:60px}
.native-choice{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}.select-choice{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;max-width:73%;text-align:left;border:1px solid var(--line);background:var(--input);padding:10px 12px;border-radius:12px;font-size:14px;overflow-wrap:anywhere}.settings-body label:has(.select-choice){position:relative}.choice-sheet{max-height:min(80dvh,650px)}.choice-search-wrap{padding:12px 16px 3px}#choice-options{padding:8px 12px 16px}.choice-option{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;min-height:54px;padding:12px;text-align:left;font-size:15px;border-radius:10px}.choice-option[aria-pressed=true]{background:var(--hover)}.choice-check{min-width:20px;color:var(--text);font-size:19px}#choice-empty{padding:0 24px 18px;color:var(--muted);font-size:14px}
#create-dialog{position:static;width:100%;max-width:100%;max-height:none;margin:0;border:0;border-radius:0;background:transparent;flex:1;min-height:0;overflow:auto}#create-dialog:not([open]){display:none}#create-dialog[open]{display:flex}#create-form{display:flex;flex-direction:column;width:min(790px,100%);margin:0 auto;min-height:100%;padding:0 12px 12px}.new-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:115px;padding:25px 15px}.new-chat-welcome h1{font-size:27px;font-weight:550;letter-spacing:-.6px;margin:0 0 8px}.new-chat-welcome p{font-size:13px;color:var(--muted);margin:0;text-align:center}.new-compose-card{flex-shrink:0;background:var(--input);border:1px solid var(--line);border-radius:25px;padding:9px 12px}.new-compose-card textarea{margin:0!important;min-height:94px;max-height:180px;resize:none;background:transparent;padding:10px 4px!important;line-height:1.6;border:0}.new-compose-card label{font-size:12px;display:flex;align-items:center;gap:7px;margin:2px 0;position:relative;color:var(--muted)}.new-compose-card .select-choice{border:0;padding:7px 5px;font-size:12px;min-height:44px;max-width:100%;background:transparent;color:var(--text)}.new-model-options{display:flex;gap:12px;flex-wrap:wrap}.new-model-options label{min-width:0}.new-compose-bottom{display:flex;align-items:center;gap:6px;margin-top:3px}.new-compose-bottom #cancel-create{font-size:12px;color:var(--muted);margin-right:auto}.new-compose-bottom #new-conversation-types{font-size:12px;color:var(--muted)}#create-submit{font-size:23px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;margin:0;border-radius:50%;flex-shrink:0}#create-error{font-size:12px;margin:5px 4px;overflow-wrap:anywhere}.composing-new>#conversation,.composing-new>#composer-wrap,.composing-new>#jump-latest{display:none!important}#create-dialog[open]~#conversation{display:none}
@media(max-width:750px){aside{width:min(340px,89vw);height:var(--app-height,100dvh);inset:0 auto auto 0}#conversation{padding-left:18px;padding-right:18px}#chat>header{padding-left:7px;padding-right:7px}#chat>header strong{font-size:15px}#composer-wrap{padding-left:9px;padding-right:9px}dialog:not(#create-dialog){width:100%;max-width:100%;max-height:calc(var(--app-height,100dvh) - 18px);margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0}dialog.choice-sheet{max-height:min(76dvh,650px)}.large-dialog{height:calc(var(--app-height,100dvh) - 18px);max-height:calc(var(--app-height,100dvh) - 18px)}.settings-body{padding:16px 20px}.settings-body label{font-size:14px;min-height:44px}.settings-body p{line-height:1.7}#create-form{padding-bottom:max(10px,env(safe-area-inset-bottom))}.new-chat-welcome h1{font-size:26px}}
@media(max-height:560px){.new-chat-welcome{min-height:45px;padding:8px}.new-chat-welcome h1{font-size:19px;margin-bottom:0}.new-chat-welcome p{display:none}.new-compose-card textarea{min-height:66px;max-height:95px}.new-compose-card label{min-height:30px}.new-compose-card .select-choice{min-height:34px;padding-top:3px;padding-bottom:3px}#create-form{padding-bottom:6px}#chat>header{min-height:50px;padding-top:3px;padding-bottom:3px}}

#new-catalog-note{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 4px}
.task-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.task.unread .task-title{font-weight:650}.task-unread{flex:0 0 7px;width:7px;height:7px;background:var(--text);border-radius:50%}.task-status{font-size:10px;color:var(--muted);flex-shrink:0;max-width:5em;overflow:hidden;text-overflow:ellipsis}.task.waiting .task-status{color:#d6a455}.task.running:after{content:none}.task.running .task-status{color:#91c5ae}[data-theme="light"] .task.running .task-status{color:#276b4e}