/* A consistent reading and writing rhythm, scoped away from settings and artifacts. */
:root[data-theme=dark]{--bg:#1b1b1a;--bg-deep:#20201e;--surface:#30302e;--surface-2:#292927;--surface-3:#41413d;--line-soft:#343431;--line:#454541}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#1b1b1a;--bg-deep:#20201e;--surface:#30302e;--surface-2:#292927;--surface-3:#41413d;--line-soft:#343431;--line:#454541}}
.app .sidebar{border-right:1px solid var(--line-soft)}
.app .sidebar .sb-head{min-height:44px;padding:4px 8px 10px;gap:8px}
.app .sidebar .brand-name{font-size:20px;letter-spacing:-.6px}
.app .sidebar .brand img{width:25px;height:25px}
.app .sidebar .desktop-new{padding:0 0 4px}
.app .sidebar .desktop-new .sb-link{min-height:32px;padding:6px 10px;line-height:20px;background:var(--surface-2);border-radius:8px;gap:9px}
.app .sidebar .desktop-new .sb-link>.ic{width:18px;height:18px;padding:0;background:none;border-radius:0;color:var(--ink)}
.app .sidebar .sb-search{height:34px;margin:0 0 4px;padding:6px 10px;gap:9px;background:transparent;border:0;border-radius:8px}
.app .sidebar .sb-search:focus-within{background:var(--surface-2)}
.app .sidebar .sb-search .input{font-size:14px;min-height:22px;height:22px;padding:0 0 0 26px;border:0;box-shadow:none}
.app .sidebar .sb-nav{padding:0 0 8px;gap:0}
.app .sidebar .sb-more-nav>summary::before{display:none}
.app .sidebar .sb-link{font-size:14px;min-height:34px;padding:6px 10px;line-height:20px;gap:9px}
.app .sidebar .sb-link>.ic{width:18px;height:18px}
.app .sidebar .desktop-recent{padding:14px 10px 10px;font-size:12px;font-weight:600;color:var(--ink-2)}
.app .sidebar .sb-list{padding-inline:0;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}
.app .sidebar .conv-item>a{min-height:34px;padding:7px 10px;font-size:13px;line-height:20px}
.app .sidebar .sb-foot{padding:8px 0 0;border-top:1px solid var(--line-soft)}
.app .sidebar .user-chip{min-height:44px;padding:6px 8px;gap:9px}
.app .sidebar .user-chip .avatar{width:26px;height:26px;flex-basis:26px;font-size:10px}
.app .sidebar .credit-line{font-size:11px;line-height:1.5}
.app .unified-chat .composer-workspace-modes{display:none}
.app .unified-chat .chat-empty>.topbar{display:none}
.app .unified-chat .composer{border-radius:15px;box-shadow:0 2px 8px #00000005}
.app .unified-chat .composer-bar>.spacer{display:none}
.app .unified-chat .composer-bar .tools{min-width:0}
.app .unified-chat .composer-bar button:focus-visible{outline-offset:-3px}
.app .unified-chat .chat-empty .composer-hint:has(>span:first-child:empty){display:none}
.app .unified-chat .starter-disclosure{width:fit-content;max-width:100%;margin:12px auto 24px;color:var(--ink-3);font-size:12px}
.app .unified-chat .starter-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;padding:4px 8px}
.app .unified-chat .starter-disclosure>summary::-webkit-details-marker{display:none}
.app .unified-chat .starter-disclosure>summary::before{display:none}
.app .unified-chat .starter-disclosure>summary:hover{color:var(--ink-2)}
.app .unified-chat .starter-disclosure[open]>summary .ic{transform:rotate(180deg)}
@media(min-width:901px){
 .app .sidebar .sb-date{display:none}
 .app .unified-chat .chat-mode-bar{min-height:44px;height:44px;padding:6px 20px;justify-content:flex-end}
 .app .unified-chat:is([data-workspace-mode=chat],[data-workspace-mode=cowork],[data-workspace-mode=game]) .chat-mode-bar>.workspace-mode:not([aria-pressed=true]){opacity:.75}
 .app .unified-chat:is([data-workspace-mode=chat],[data-workspace-mode=cowork],[data-workspace-mode=game]) .chat-mode-bar>:is(.workspace-mode-chat,.workspace-mode-cowork,.workspace-mode-game){display:none}
 .app:not(.sidebar-hidden) .unified-chat .mode-menu-button{display:none}
 .app .unified-chat .chat-mode-bar>button:last-child{margin-left:4px!important}
 .app .unified-chat .chat-empty>.welcome{position:static;max-width:800px;padding:0 24px 24px;margin:clamp(80px,calc(34dvh - 72px),280px) auto 0;min-height:0}
 .app .unified-chat .chat-empty .welcome-plan{position:static;inset:auto;transform:none;flex:none;margin:0 auto 20px;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:8px;padding:5px 10px;background:var(--surface-2);font-size:12px;line-height:18px}
 .app .unified-chat .welcome-heading{gap:12px}
 .app .unified-chat .welcome h1{font-size:clamp(32px,2.7vw,42px);line-height:1.2;letter-spacing:-1.2px}
 .app .unified-chat .welcome-symbol,.app .unified-chat .welcome-symbol .ic{width:35px;height:35px;flex-basis:35px}
 .app .unified-chat .chat-empty>.welcome+div{max-width:704px}
 .app .unified-chat .composer-wrap{max-width:704px;padding:8px 24px}
 .app .unified-chat .composer textarea{padding:14px 15px 4px;min-height:56px;font-size:15px;line-height:1.6}
 .app .unified-chat .composer-bar{min-height:42px;padding:4px 10px 8px;gap:4px}
 .app .unified-chat .composer-bar .tools{gap:4px}
 .app .unified-chat .composer-bar .btn.icon{width:28px;height:28px;min-width:28px;min-height:28px;padding:5px}
 .app .unified-chat .composer-workspace-modes{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:7px;background:var(--surface-2)}
 .app .unified-chat .composer-workspace-modes button{border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink-2);font:500 12px/1.3 var(--font);padding:4px 8px;min-height:26px;cursor:pointer;white-space:nowrap}
 .app .unified-chat .composer-workspace-modes button[aria-pressed=true]{background:var(--surface-3);border-color:var(--line);color:var(--ink)}
 .app .unified-chat .composer-bar .kind-compact{width:22px;min-width:22px;padding:0;gap:0}
 .app .unified-chat .composer-bar .kind-compact>.ic:first-child,.app .unified-chat .composer-bar .kind-compact>.mode-label{display:none}
 .app .unified-chat .composer-bar .composer-model{margin-left:auto;padding-inline:6px;gap:5px;font-size:12px}
 .app .unified-chat .composer-bar .composer-model>.ic:first-child{display:none}
 .app .unified-chat .composer-hint{font-size:10px;line-height:1.5;padding-top:8px;opacity:.75}
 .app .unified-chat .chat-empty .starters{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;max-width:656px;gap:7px;margin:16px auto 24px;padding:0}
 .app .unified-chat .chat-empty .starters .chip{min-height:30px;padding:5px 9px;font-size:11px;background:transparent;border-color:var(--line-soft);color:var(--ink-2)}
}
@media(min-width:1200px){:root{--sidebar-w:288px}}
@media(max-width:900px){.app .unified-chat .starter-disclosure{display:none}}
@media(max-width:900px){.app .unified-chat .welcome-heading{flex-direction:column;align-items:center;gap:13px;max-width:420px}.app .unified-chat .welcome h1{width:100%;max-width:100%;text-align:center}.app .unified-chat .welcome-greeting,.app .unified-chat .welcome-name{display:block}.app .unified-chat .welcome-symbol,.app .unified-chat .welcome-symbol .ic{width:34px;height:34px;flex-basis:34px}}
@media(max-width:900px){.app .sidebar .desktop-new{display:none}.app .sidebar .sb-date{display:block}.app .sidebar .sb-head{min-height:50px}.app .sidebar .sb-search{height:44px}.app .sidebar .sb-search .input{height:32px;min-height:32px}.app .sidebar .sb-link{min-height:40px}.app .unified-chat .composer-bar.has-workspace-modes .kind-compact{width:auto}.app .unified-chat .chat-empty>.welcome{padding-top:clamp(28px,7vh,64px)}}
@media(min-width:901px) and (max-height:650px){.app .unified-chat .chat-empty>.welcome{margin-top:72px}.app .unified-chat .chat-empty .starters{margin-top:8px}}