/* Smoked glass: one quiet ambient layer, solid readable working surfaces. */
:root[data-theme=dark]{--bg:#08090f;--rail:#0e0f18;--panel:#11121c;--text:#f1f0f8;--muted:#a3a1b6;--soft:#ffffff14;--accent:#aaa0ee;--accent-deep:#c2b9ff;--tint:#26233c;--panel-fill:linear-gradient(145deg,#1c1b2985,#101119e8);--surface-shadow:0 16px 45px -24px #000c,inset 0 1px 0 #ffffff07;--glass-fill:#0e0f18d9}
:root[data-theme=light]{--panel-fill:linear-gradient(145deg,#fff,#f8f7fc);--surface-shadow:0 16px 40px -24px #58507133,inset 0 1px 0 #fff;--glass-fill:#f8f7fce8}
html{scrollbar-gutter:stable;scroll-padding-top:30px}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 620px 460px at 40% -8%,#7770b41a,transparent 75%),radial-gradient(ellipse 600px 520px at 100% 15%,#4642690d,transparent 75%)}body{isolation:isolate}
.sidebar{background:var(--glass-fill);border-right:1px solid var(--soft);box-shadow:12px 0 50px -35px #000a;backdrop-filter:blur(24px);padding:25px 16px 16px}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#ffffff18 transparent}.sidebar .nav-list:first-of-type{padding:8px;border:1px solid var(--soft);border-radius:20px;background:var(--panel-fill);box-shadow:var(--surface-shadow)}.nav-list:first-of-type .nav-link{padding:0 12px;min-height:45px}.nav-link{border:1px solid transparent;border-radius:12px}.nav-motion-indicator{border-radius:12px;border:1px solid #a699e43a;background:linear-gradient(130deg,#7163ab25,#544c8620);box-shadow:inset 0 1px 0 #ffffff05}[data-theme=dark] .nav-motion-indicator{background:linear-gradient(130deg,#7163ab25,#544c8620)}.nav-link.active{color:var(--accent-deep)}.vps-entry{border-color:var(--soft);margin-top:10px}.brand{padding-inline:9px;padding-bottom:24px}.brand small{font-size:10px}.side-search{margin-bottom:18px}.new-chat{border-radius:14px;background:var(--panel-fill);box-shadow:var(--surface-shadow);border-color:var(--soft)}.rush{border-radius:16px;background:var(--panel-fill)!important;box-shadow:var(--surface-shadow)}.profile{margin-top:9px}.avatar{border-radius:12px;border:1px solid #a89ce63a;background:linear-gradient(140deg,#8172be66,#3e375d66);box-shadow:0 4px 12px #0002}
.topbar{background:linear-gradient(180deg,var(--bg),transparent);border-bottom:1px solid var(--soft)}.home{padding-top:48px;max-width:1010px}.welcome{margin-bottom:31px}.welcome h1{font-size:45px;font-weight:550;letter-spacing:-1.6px;line-height:1.22}.welcome h1>span{color:var(--muted)}.welcome p{line-height:1.8}.welcome-emblem{width:86px;height:86px;border-radius:25px;background:linear-gradient(145deg,#a99ae51a,#8b7bba04);border-color:#b8a2ff20;box-shadow:0 12px 35px -18px #000b,inset 0 1px 0 #ffffff0b}
.composer{border-radius:24px;padding:22px 21px 14px;background:var(--panel-fill);border-color:#a99ac72d;box-shadow:0 18px 55px -30px #000c,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(20px)}[data-theme=dark] .composer{background:var(--panel-fill);border-color:#a99ac72d;box-shadow:0 18px 55px -30px #000c,inset 0 1px 0 #ffffff0a}[data-theme=dark] .composer:focus-within,.composer:focus-within{border-color:#a99ae570;box-shadow:0 18px 55px -30px #000b,0 0 0 3px #a99ae509,inset 0 1px 0 #ffffff0a}.composer textarea{font-size:15px;line-height:1.75;min-height:90px}.model-select{border-radius:11px;background:var(--glass-fill);border-color:var(--soft);min-height:37px}.composer-mode{border-radius:10px}.send-btn{border-radius:12px;width:40px;height:40px;box-shadow:0 4px 12px #8476b52b,inset 0 1px 0 #ffffff33}.send-btn:hover{transform:translateY(-1px)}.composer-note{margin-top:13px}.quick-actions{gap:10px}.quick-actions button{border-radius:12px;min-height:41px;background:var(--panel-fill);box-shadow:inset 0 1px 0 #ffffff04}.quick-actions .research-shortcut{border-color:#a99ae544;background:linear-gradient(130deg,#7163ab25,#544c8620)}
.surface,.suggestion,.provider-card,.doc-preview,.research-intro,.vps-context,.vps-task-form,.vps-board{border-radius:20px;background:var(--panel-fill);border-color:var(--soft);box-shadow:var(--surface-shadow)}.suggestion{padding:20px;min-height:145px}.suggestion-icon,.tool-icon,.model-avatar{border-radius:12px;box-shadow:inset 0 1px 0 #ffffff09}.suggestion:hover{transform:translateY(-2px);background:var(--panel-fill)}.suggestion small{font-size:11px}.suggestion strong{font-size:13px}.section-head h2{font-size:15px}.recent-row{border-radius:12px;padding-inline:9px}.recent-chat-icon{border-radius:11px;background:var(--panel-fill)}.page-heading h1{font-weight:550}.primary,.secondary{border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0c}.primary{box-shadow:0 5px 15px #0002,inset 0 1px 0 #ffffff26}.field input,.field textarea,.field select,.model-search-field,input,textarea,select{border-radius:12px}.model-search-field{background:var(--panel-fill);box-shadow:var(--surface-shadow)}.model-search-field input{background:transparent;box-shadow:none}.preview-area{border-radius:20px;background:var(--panel-fill)!important}.tool-row{border-radius:13px}.provider-card{padding:22px}.model-row{border-radius:12px}.export-theme,.export-format{border-radius:15px}
dialog{border-radius:24px;padding:27px;background:var(--glass-fill);border:1px solid #a99ac730;box-shadow:0 35px 110px #0009,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(30px)}dialog::backdrop{background:#03040a85;backdrop-filter:blur(9px)}.dialog-heading h2{font-weight:550}.icon-btn{border-radius:10px}#toast{border-radius:15px;background:var(--glass-fill);backdrop-filter:blur(20px);box-shadow:var(--surface-shadow)}
.chat-layout{max-width:980px;min-height:calc(100dvh - 74px);padding:12px 40px 0}.messages{padding-bottom:20px;overflow-anchor:none}.message.user{border-radius:20px 20px 7px 20px;background:var(--panel-fill);border:1px solid var(--soft);box-shadow:var(--surface-shadow);padding:15px 20px}.message.assistant{scroll-margin-bottom:240px}.assistant-label .brand-mark{width:25px;height:25px}.research-process{border-radius:17px;background:var(--panel-fill);border-color:var(--soft);box-shadow:inset 0 1px 0 #ffffff05}.source-item{border-radius:12px}.answer blockquote{border-radius:0 14px 14px 0;background:#a99ae508}.code-block,.answer-table{border-radius:14px}.chat-bottom{background:linear-gradient(180deg,transparent,var(--bg) 22px);padding-top:20px;padding-bottom:15px;position:sticky;bottom:0;z-index:5}.chat-bottom .composer{background:var(--glass-fill);backdrop-filter:blur(24px);border-radius:23px}.chat-bottom .composer textarea{min-height:62px}.chat-bottom .composer-note{margin-top:10px;font-size:10px}.latest-message{position:absolute;right:6px;top:-35px;display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--glass-fill);border:1px solid var(--soft);border-radius:12px;font-size:11px;box-shadow:0 4px 20px #0004;backdrop-filter:blur(16px)}.latest-message .icon{width:15px;height:15px}.chat-tools{padding-bottom:12px;border-bottom:1px solid var(--soft)}
/* Named screen snapshots are intentionally absent: navigation stays in the DOM. */
.sidebar-scroll>.nav-list,#mobile-nav a,.nav-motion-indicator,.tab-motion-indicator,.mobile-motion-indicator{view-transition-name:none!important}.nav-motion-indicator,.tab-motion-indicator,.mobile-motion-indicator{pointer-events:none}.in-vps .sidebar .nav-list:first-of-type{padding:5px;border-radius:16px}.in-vps .vps-board,.in-vps .vps-task-form{background:var(--panel-fill)}
*{scrollbar-width:thin;scrollbar-color:#9b94b33a transparent}button,a{touch-action:manipulation}h1,h2{text-wrap:balance}
@media(max-width:1150px){.home{padding-inline:35px}.welcome h1{font-size:39px}.sidebar{padding-inline:12px}.nav-list:first-of-type .nav-link{padding-inline:9px}}
@media(max-width:800px){.sidebar{padding-inline:14px;background:var(--glass-fill)}.home{padding-top:35px}.welcome h1{font-size:37px}.chat-layout{min-height:calc(100dvh - 64px);padding-inline:24px}.mobile-nav{background:var(--glass-fill);backdrop-filter:blur(22px);border-color:var(--soft);padding-top:7px}.mobile-nav a{border-radius:13px}.mobile-motion-indicator{border-radius:13px;border:1px solid #a99ae52d}.topbar{background:var(--glass-fill)}.chat-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}.in-vps .sidebar .nav-list:first-of-type{padding:8px}}
@media(max-width:560px){.home{padding:31px 18px 105px}.welcome h1{font-size:31px;letter-spacing:-1px}.welcome{gap:12px}.welcome-emblem{width:55px;height:55px;border-radius:18px}.welcome-emblem .brand-mark{width:40px;height:40px}.welcome p{font-size:12px}.composer{padding:17px 15px 12px;border-radius:21px}.composer textarea{font-size:16px;min-height:99px}.quick-actions{gap:8px}.quick-actions button{border-radius:12px;min-height:43px;font-size:10px}.suggestions{gap:10px}.suggestion{border:1px solid var(--soft);border-radius:17px;background:var(--panel-fill);padding:16px;min-height:90px}.suggestion:hover{background:var(--panel-fill)}.surface,.provider-card{padding:19px;border-radius:18px}.chat-layout{padding-inline:17px}.chat-bottom .composer{border-radius:21px}.chat-bottom .composer textarea{min-height:61px}.message.user{padding:12px 16px}.page{padding-inline:18px}dialog{padding:22px;border-radius:22px}.recent-row{padding-inline:0}.section-head h2{font-size:14px}.section-head>.muted{max-width:135px;text-align:right}}
@media(prefers-reduced-transparency:reduce){.sidebar,.composer,dialog,.chat-bottom .composer,.mobile-nav{backdrop-filter:none;background:var(--panel)}}
.auth-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:48px 20px 25px;background:radial-gradient(ellipse 600px 400px at 50% 0,#7664aa1c,transparent 75%)}.auth-brand{display:flex;align-items:center;gap:12px;font:550 24px var(--heading);letter-spacing:-.8px;margin-bottom:40px}.auth-brand .brand-mark{height:39px;width:39px}.auth-brand b{font-weight:450;color:var(--accent)}.auth-card{max-width:450px;width:100%;padding:34px;border:1px solid var(--soft);border-radius:26px;background:var(--panel-fill);box-shadow:0 24px 90px -35px #000a,inset 0 1px 0 #ffffff0b}.auth-kicker{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:17px}.auth-card h1{font:550 29px/1.25 var(--heading);letter-spacing:-1px}.auth-description{font-size:12px;line-height:1.8;color:var(--muted);margin-top:11px}.auth-tabs{display:flex;padding:5px;border:1px solid var(--soft);border-radius:13px;margin:26px 0 24px;background:var(--bg)}.auth-tabs button{flex:1;padding:10px 8px;border-radius:9px;font-size:12px;color:var(--muted)}.auth-tabs button.active{background:var(--tint);color:var(--accent-deep);box-shadow:0 2px 8px #0002}.auth-submit{width:100%;justify-content:center;min-height:46px}.auth-note,.auth-footer{font-size:10px;color:var(--muted);line-height:1.8;text-align:center;margin-top:24px}.auth-card .field{margin-bottom:18px}.auth-footer{margin-top:25px}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}@media(max-width:560px){.auth-shell{padding-top:35px}.auth-card{padding:26px 23px}.auth-card input{font-size:16px}}
/* Profile shares the footer's rounded shape, including hover and keyboard focus. */
.side-footer{flex-shrink:0}.profile{min-height:64px;padding:12px 11px;margin-top:9px;gap:10px;border:1px solid transparent;border-radius:16px;background:transparent;transition:background-color 220ms var(--ease),border-color 220ms var(--ease),box-shadow 220ms var(--ease)}.profile:hover,.profile:focus-visible{background:var(--panel-fill);border-color:var(--soft);box-shadow:var(--surface-shadow)}.profile>.avatar{flex:0 0 34px;width:34px;height:34px;border-radius:11px}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong,.profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{line-height:1.5}.profile>.icon{flex:0 0 16px;height:16px;margin-left:0;color:var(--muted)}
.model-option{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--soft);padding-right:5px;border-radius:13px}.model-option .model-row{flex:1;min-width:0;border-bottom:0;width:auto}.model-option .model-copy{flex:1;min-width:0}.model-copy strong{overflow-wrap:anywhere}.favorite-model{flex:0 0 38px;width:38px;height:38px;color:var(--muted)}.favorite-model[aria-pressed=true]{color:var(--accent);background:#a99ae510}.favorite-model[aria-pressed=true] .icon{fill:currentColor;stroke-width:1.2}.model-group-label{font-size:10px;color:var(--muted);padding:18px 9px 7px;letter-spacing:.2px}.model-group-label:first-child{padding-top:7px}.favorites-filter{display:inline-flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--soft);border-radius:11px;min-height:36px;padding:7px 10px;background:var(--panel-fill);color:var(--muted);white-space:nowrap}.favorites-filter.active{color:var(--accent-deep);background:var(--tint);border-color:#a99ae54a}.favorites-filter .icon{width:15px;height:15px}.favorite-count{font-size:10px;opacity:.75}.picker-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.model-api-help{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:16px}.model-api-help .text-btn,.picker-filter-row .text-btn{font-size:10px;display:inline-flex;gap:6px;align-items:center}.model-api-help .icon,.picker-filter-row .text-btn .icon{width:14px;height:14px}.model-filter-row{flex-wrap:wrap}.model-vision{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1.6;color:var(--muted);margin-top:5px}.model-vision>.icon{width:12px;height:12px}.model-vision i{font-style:normal;opacity:.7}.model-vision.supports-vision{color:var(--green,#8bc6b0)}.model-vision.compact{margin:0;flex-shrink:0}.model-vision.compact.vision-unknown>span{display:none}.model-select>span:nth-child(2){min-width:0}.model-select>.model-vision{overflow:visible}.model-select>.chevron,.model-select>.model-glyph{flex-shrink:0}
@media(max-width:560px){.model-api-help{align-items:flex-start;flex-direction:column;gap:7px}.model-option .model-row{gap:10px;padding-block:14px}.model-option .model-tag{display:none}.model-vision.compact>span{display:none}.model-select{max-width:150px}.favorites-filter{font-size:10px}.model-option .model-copy{font-size:12px}}
@media(max-width:360px){.model-select{max-width:118px}}
.process-symbol{border-radius:50%;isolation:isolate}.process-symbol.is-working{background:transparent;box-shadow:none;animation:none}.process-symbol.is-working .icon{animation:none}.process-symbol.is-working:after{inset:-2px;border-radius:50%;box-shadow:0 0 12px -6px #a99ae54d}.reasoning-section{margin:0 16px 16px}.reasoning-caption{font-size:10px;font-weight:550;color:var(--muted);padding:3px 0 9px}.reasoning-output{max-height:340px;overflow:auto;overscroll-behavior:contain;font-size:12px;line-height:1.8;color:var(--muted);padding:1px 8px 1px 0;overflow-wrap:anywhere}.reasoning-output p{margin:0 0 10px}.reasoning-output pre{white-space:pre-wrap}.reasoning-output .code-block{max-width:100%}.reasoning-output:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:6px}.attachment-thumb{width:34px;height:34px;object-fit:cover;border-radius:7px;flex-shrink:0}.message-image{display:block;max-width:280px;width:100%;padding:6px;border:1px solid var(--soft);border-radius:13px;overflow:hidden;background:var(--bg);text-decoration:none}.message-image img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:8px}.message-image>span{display:block;font-size:10px;line-height:1.5;margin:5px 4px 0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.user .attached{align-items:flex-start;flex-wrap:wrap}.composer .attachment{max-width:250px}.attachment>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment button{flex-shrink:0}@media(max-width:560px){.message-image{max-width:230px}.reasoning-output{max-height:280px;font-size:11px}.reasoning-section{margin-inline:12px}}