/* A quiet, native-feeling workspace. All themes use the same semantic surfaces. */
:root{--page:#f5f6f8;--surface:#fff;--raised:#fff;--subtle:#f0f1f4;--hover:#eaeef3;--text:#202124;--secondary:#666b74;--tertiary:#858b94;--line:#e3e6eb;--glass:#ffffffb8;--accent:#007aff;--accent-soft:#e9f2ff;--solid:#202124;--solid-text:#fff;--shadow:0 8px 32px #1b284208,0 1px 3px #1b284204;--floating:0 30px 90px #111c3430;--purple:var(--accent);--ink:var(--text);--muted:var(--secondary);--border:var(--line);--soft:var(--subtle);--tint:var(--accent-soft);color-scheme:light}
:root[data-theme=dark]{--page:#111214;--surface:#1a1c1f;--raised:#232529;--subtle:#25272c;--hover:#30333a;--text:#f1f2f4;--secondary:#b0b5bf;--tertiary:#8d949f;--line:#ffffff12;--glass:#1a1c1fc9;--accent:#69aaff;--accent-soft:#20314a;--solid:#e9edf3;--solid-text:#17191d;--shadow:0 8px 32px #0002,0 1px 3px #0002;--floating:0 30px 100px #0008;color-scheme:dark}
html,body{background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}body{font-size:16px;letter-spacing:-.018em}button,input,textarea,select{color:var(--text)}button:hover{filter:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--text)}
.os-shell{background:var(--page)}.os-topbar{height:72px;padding:0 28px;background:var(--glass);border-bottom:1px solid var(--line);backdrop-filter:blur(30px) saturate(150%)}.os-brand{font-weight:650;font-size:24px;letter-spacing:-1.1px}.os-brand>span:last-child{color:var(--tertiary);border-color:var(--line)}.os-topactions{gap:8px}.os-icon,.os-avatar,.agent-team-toggle,.os-language{color:var(--secondary);border-radius:12px}.os-icon{width:36px;height:36px}.os-icon:hover,.agent-team-toggle:hover{background:var(--hover);color:var(--text);transform:none}.os-language{font-size:12px;background:transparent;padding:9px}.os-language:hover{background:var(--hover);color:var(--text)}.os-pill{font-size:13px;font-weight:550;min-height:36px;padding:8px 13px;gap:8px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #00000005}.os-pill:hover{background:var(--raised);border-color:var(--line);transform:none;box-shadow:0 2px 8px #00000009}.os-pill>.icon:last-child{width:12px;color:var(--secondary)}.agent-team-toggle{font-size:12px}.os-avatar{background:var(--subtle)}
.os-main{padding:14px;gap:14px}.chat-room{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.chat-welcome{max-width:760px;padding:40px 32px 38px}.chat-welcome h1{font-size:clamp(32px,3.3vw,44px);line-height:1.18;letter-spacing:-1.7px;font-weight:550;color:var(--text)}.chat-welcome h1 span{color:var(--tertiary);font-weight:450}.chat-welcome>p{color:var(--secondary);font-size:16px;line-height:1.7}.welcome-logo{width:58px;height:58px;border-radius:19px;background:var(--raised);border-color:var(--line);box-shadow:0 5px 18px #00000006;margin-bottom:28px}.welcome-logo:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.welcome-brief{background:var(--subtle);border:1px solid var(--line);padding:17px 18px;border-radius:16px;max-width:660px}.welcome-brief strong{font-size:14px;font-weight:550;color:var(--text)}.welcome-brief small{font-size:13px;color:var(--secondary)}.welcome-brief button{font-size:13px;color:var(--text)}.welcome-brief .avatar{background:var(--surface);color:var(--secondary)}.starter-actions{gap:9px;margin-top:20px}.starter-actions button{border-radius:12px;background:var(--surface);border-color:var(--line);color:var(--secondary);font-size:13px;padding:11px 13px}.starter-actions button:hover{background:var(--subtle);color:var(--text);transform:translateY(-1px);border-color:var(--line);box-shadow:none}
.chat-bottom{background:var(--surface);padding-bottom:18px}.os-composer{background:var(--subtle);border:1px solid var(--line);border-radius:24px;box-shadow:none;padding:18px 20px 14px}.os-composer:focus-within{background:var(--raised);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.os-composer textarea{color:var(--text);font-size:16px;line-height:1.65}.os-composer textarea::placeholder{color:var(--tertiary)}.os-composer-tools button,.os-composer-tools select{color:var(--secondary);font-size:12px}.os-send{background:var(--solid);color:var(--solid-text);width:34px;height:34px;box-shadow:none}.os-send:hover{background:var(--solid);transform:scale(1.04);box-shadow:0 0 0 4px var(--hover)}.os-caption,.canvas-open .os-caption{font-size:11px;color:var(--tertiary)}.os-context{background:var(--hover);color:var(--secondary)}
.canvas-open .chat-room{flex-basis:370px;border:1px solid var(--line)}.canvas-open .os-chat-head{height:56px;border-color:var(--line);color:var(--secondary)}.canvas-open .chat-welcome h1{font-size:26px;line-height:1.25}.canvas-open .chat-welcome>p{font-size:14px}.canvas-open .starter-actions button{font-size:13px}.canvas-open .welcome-brief{padding:14px}.canvas-open .welcome-brief strong{font-size:13px}.workspace-canvas{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.canvas-bar{height:56px;background:var(--glass);border-bottom:1px solid var(--line);gap:16px;padding:0 18px}.canvas-title{font-size:14px;color:var(--secondary)}.canvas-title>.icon{color:var(--secondary)}.workspace-back{color:var(--secondary);border-radius:10px;font-size:13px}.workspace-back:hover{background:var(--hover);color:var(--text)}.canvas-scroll{padding:30px;background:var(--surface)}.canvas-scroll h1{font-size:30px;letter-spacing:-1px;color:var(--text);font-weight:600}.canvas-scroll .intro p{font-size:14px;color:var(--secondary)}.canvas-scroll .eyebrow{color:var(--tertiary);font-size:11px;letter-spacing:1px}.canvas-scroll h2,.canvas-scroll h3{color:var(--text)}.canvas-scroll h2{font-size:18px}.canvas-scroll h3{font-size:15px}.canvas-scroll .intro{margin-bottom:28px}.canvas-scroll .toolbar{gap:14px}.canvas-scroll .tabs{gap:22px;border-color:var(--line)}.tabs button{font-size:14px;color:var(--secondary)}.tabs button.selected{color:var(--text);border-bottom-color:var(--text)}
.btn,.chip,.sourcechips button,.quietbutton{background:var(--raised);border-color:var(--line);color:var(--secondary);border-radius:10px;font-size:13px}.btn{padding:10px 15px}.btn.primary,.suggest-next .btn{background:var(--solid);color:var(--solid-text);border-color:var(--solid);box-shadow:none}.btn.primary:hover{background:var(--solid);box-shadow:none!important;transform:translateY(-1px)}.chosen{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}.badge{background:var(--subtle);color:var(--secondary);border-radius:7px;padding:4px 8px;font-size:12px}.doticon,.avatar,.agent-emoji{background:var(--subtle);color:var(--secondary)}.progress{background:var(--subtle)}.progress i{background:var(--accent)}
.canvas-scroll .panel,.canvas-scroll .mission,.artifact,.surface-form,.agent-profile,.canvas-scroll .sequence,.canvas-scroll .graphnode{background:var(--raised);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 7px #00000003}.canvas-scroll .mission{padding:23px}.canvas-scroll .mission:hover,.agent-profile:hover{border-color:var(--line);box-shadow:var(--shadow);transform:translateY(-2px)}.canvas-scroll .mission p,.canvas-scroll .missionfoot,.canvas-scroll .field span,.canvas-scroll .field small,.canvas-scroll .sequence p,.canvas-scroll .graphnode p,.agent-profile p,.team-orchestrator p{color:var(--secondary)}.canvas-scroll .stats{background:var(--raised);border-color:var(--line);border-radius:16px;padding:25px 0}.stat{border-color:var(--line)}.statlabel{font-size:13px}.statvalue{font-size:34px;color:var(--text);font-weight:550}.canvas-scroll .field strong,.agent-profile h3,.team-orchestrator h2{color:var(--text)}.canvas-scroll .field span{font-size:13px}.canvas-scroll .field strong{font-size:15px}
.canvas-scroll table,.artifact table{background:var(--raised)}.canvas-scroll th,.artifact th{background:var(--subtle);color:var(--secondary);font-size:12px;font-weight:500;border-color:var(--line)}.canvas-scroll td,.artifact td{border-color:var(--line);color:var(--secondary);font-size:13px}.canvas-scroll td,.canvas-scroll th{padding-top:17px;padding-bottom:17px}.identity strong{color:var(--text)!important;font-size:14px}.identity small{color:var(--secondary)!important;font-size:12px}.personrow,.noteitem,.panelhead,.threadhead,.inboxitem,.inboxlist{border-color:var(--line)!important}.personrow:hover,.noteitem:hover,.canvas-scroll .noteitem:hover,tr[role=button]:hover{background:var(--subtle)}.canvas-scroll .kanbancol{background:var(--subtle);border-radius:16px;padding:14px}.canvas-scroll .kanbancard{background:var(--raised);border:1px solid var(--line);border-radius:12px}.canvas-scroll .kanbancard p{color:var(--secondary)}.canvas-scroll .inboxlist{background:var(--subtle)}.canvas-scroll .inboxitem.selected{background:var(--hover)}.canvas-scroll .inboxitem p,.canvas-scroll .inboxitem small,.canvas-scroll .noteitem p,.canvas-scroll .noteitem .muted,.canvas-scroll .inboxlabel{color:var(--secondary)}.canvas-scroll .mailbubble{background:var(--raised);color:var(--secondary);border-color:var(--line)}.canvas-scroll .mailbubble.incoming{background:var(--subtle)}
.canvas-scroll .formfield input,.canvas-scroll .formfield select,.canvas-scroll .formfield textarea,.modalbody .formfield input,.modalbody .formfield select,.modalbody .formfield textarea,input[type=search],.searchbox,.onboard-input{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:10px;font-size:14px}.formfield>span,.canvas-scroll .formfield>span,.modalbody .formfield>span{color:var(--secondary)}input::placeholder,textarea::placeholder{color:var(--tertiary)}select option{background:var(--raised);color:var(--text)}.canvas-scroll .callout,.insightbox,.opened-surface,.agent-live,.team-orchestrator{background:var(--subtle);border-color:var(--line);color:var(--secondary)}.opened-surface strong,.agent-live-copy strong{color:var(--text)}.opened-surface small,.agent-live-copy p{color:var(--secondary)}.opened-surface:hover{border-color:var(--line);background:var(--hover);box-shadow:none}.canvas-scroll .brief p,.canvas-scroll .brief li,.canvas-scroll .checklist p,.canvas-scroll .checklist label,.canvas-scroll .timeline p,.bodycopy,.modalbody,.muted{color:var(--secondary)}.canvas-scroll .brief h2{color:var(--text)}.footnote,.canvas-scroll .timeline small,.agent-proof{color:var(--tertiary);font-size:12px}.link,.textaction{color:var(--accent)}
.agent-turn-head{color:var(--text);font-size:14px}.agent-turn-head span{color:var(--tertiary);font-size:11px}.agent-response,.canvas-open .agent-response{color:var(--secondary);font-size:15px;line-height:1.8}.agent-response strong,.agent-response h2{color:var(--text)}.user-turn p,.canvas-open .user-turn p{background:var(--subtle);color:var(--text);border-radius:20px;font-size:14px}.execution{border-color:var(--line)}.execution summary,.execution-step,.execution-step strong{color:var(--secondary);font-size:12px}.execution-step span:last-child{color:var(--tertiary)}.artifact-header{border-color:var(--line)}.artifact-header strong{color:var(--text);font-size:13px}.artifact-meta{color:var(--tertiary)}.artifact-bottom{background:var(--subtle);color:var(--secondary);border-color:var(--line)}.artifact-bottom button{color:var(--text)}.agent-inline-notes,.suggest-next{border-color:var(--line);color:var(--secondary)}.suggest-next p{color:var(--secondary)}
dialog,dialog.onboarding{background:var(--surface);color:var(--text);border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--floating)!important;max-height:88dvh}dialog::backdrop,.onboarding::backdrop{background:#10182738;backdrop-filter:blur(12px)}.modalhead{border-color:var(--line);padding:24px 26px}.modalhead h2{font-size:20px;color:var(--text)}.modalbody{padding:24px 26px}.clear-workspace>p{color:var(--secondary)}.clear-workspace .librarygrid{gap:5px}.clear-workspace .librarygrid button{background:transparent;border-color:transparent;border-radius:13px;padding:15px 14px}.clear-workspace .librarygrid button:hover{background:var(--subtle)}.clear-workspace .librarygrid strong{font-size:15px;color:var(--text)}.clear-workspace .librarygrid small{font-size:13px;color:var(--secondary)}.clear-workspace .librarygrid button>.icon:first-child{color:var(--secondary);width:21px;height:21px}.clear-workspace .librarygrid button>.icon:last-child{color:var(--tertiary)}
.onboard-main h1{color:var(--text)}.onboard-main>p,.onboard-close,.onboard-mode small{color:var(--secondary)}.onboard-mark,.onboard-langs button.active{background:var(--raised);border-color:var(--line);color:var(--text)}.onboard-langs{background:var(--subtle)}.onboard-langs button{color:var(--secondary)}.onboard-goals button,.onboard-mode button{border-color:var(--line);color:var(--secondary)}.onboard-goals button.selected,.onboard-mode button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.onboard-mode strong{color:var(--text)}.onboard-next{background:var(--solid);color:var(--solid-text)}.launch-core{background:var(--glass);border-color:var(--line);color:var(--text)}.roomavatar{background:radial-gradient(ellipse,var(--subtle),var(--surface));border-color:var(--line)}.roommeta h2,.voicehero{color:var(--text)}.caria-emote .task-emoji{background:var(--raised);border:1px solid var(--line)}.toast{background:var(--solid);color:var(--solid-text)}
[data-theme=dark] img[src="caria-logo.svg"]{filter:invert(1)}[data-theme=dark] .badge.green{background:#183529;color:#91d7ad}[data-theme=dark] .badge.orange{background:#3b3020;color:#e3c18d}[data-theme=dark] .badge.red{background:#3c2429;color:#e8a5ae}[data-theme=dark] .avatar[style]{background:var(--subtle)!important;color:var(--secondary)!important}[data-theme=dark] dialog::backdrop{background:#0007}[data-theme=dark] .agent-live-avatar{background:var(--accent-soft)}[data-theme=dark] .canvas-scroll .graphcenter{border-color:var(--line);color:var(--text)}[data-theme=dark] .canvas-scroll .graphnode:before{background:var(--line)}[data-theme=dark] .canvas-scroll .flow button span{background:var(--subtle);color:var(--secondary)}[data-theme=dark] .canvas-scroll .flow button.done{color:var(--text)}
.appearance-menu>p{color:var(--secondary);font-size:15px;line-height:1.6}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.theme-option{padding:10px;border:1px solid var(--line);border-radius:16px;text-align:left;background:var(--raised);position:relative}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option strong{font-size:14px;font-weight:500;display:block;margin:14px 2px 5px}.theme-check{position:absolute;right:10px;bottom:12px;color:var(--accent)}.theme-check .icon{width:16px}.theme-preview{height:86px;display:block;position:relative;border-radius:9px;background:#f1f2f5;border:1px solid #0000000a;overflow:hidden}.theme-preview:before{content:'';position:absolute;inset:10px 9px 10px 33%;background:white;border-radius:5px}.theme-preview i{position:absolute;left:10px;top:13px;width:15%;height:4px;border-radius:3px;background:#adb4bf}.theme-preview b{position:absolute;left:10px;top:24px;width:12%;height:4px;border-radius:3px;background:#c5cad3}.theme-preview em{position:absolute;left:42%;right:18px;bottom:19px;height:12px;border-radius:4px;background:#eceff3}.theme-preview.dark{background:#121416}.theme-preview.dark:before{background:#282b30}.theme-preview.dark em{background:#3e434d}.theme-preview.system{background:linear-gradient(90deg,#f1f2f5 50%,#121416 50%)}.theme-preview.system:before{background:linear-gradient(90deg,#fff 26%,#282b30 26%)}.appearance-menu .appearance-note{font-size:13px;color:var(--tertiary)}.theme-toggle{border:1px solid var(--line);background:var(--surface)}
.os-icon,.btn,.os-pill,.starter-actions button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}.workspace-canvas{animation:contentReveal .25s ease}.canvas-scroll>*{animation-duration:.25s}.agent-turn{animation-duration:.3s}.caria-emote>img{animation-duration:7s}.os-main *{scrollbar-color:var(--line) transparent}
@media(min-width:1500px){.canvas-open .chat-room{flex-basis:420px}.canvas-scroll{padding:36px}.os-main{padding:18px;gap:18px}}@media(max-width:1050px){.canvas-open .chat-room{flex-basis:320px}.os-topbar{padding:0 18px}.os-topactions{gap:4px}.os-topactions>.agent-team-toggle{display:none}.canvas-scroll{padding:24px}.canvas-bar{gap:8px;padding:0 12px}.canvas-tools{gap:2px}}@media(max-width:760px){.os-topbar{height:62px;padding:0 14px}.os-main{padding:8px;gap:8px}.os-topactions>[data-action=agent-history],.os-topactions>[data-action=agent-model],.os-topactions>[data-action=onboard-replay]{display:none}.os-brand{font-size:22px}.os-brand>span:last-child{display:none}.os-icon{width:32px;height:32px}.os-pill{padding:7px 9px;font-size:12px}.chat-room{border-radius:20px}.chat-welcome{padding:26px 23px}.chat-welcome h1{font-size:31px}.chat-welcome>p{font-size:15px}.welcome-brief{padding:14px}.starter-actions button{font-size:12px;padding:10px}.chat-bottom{padding:8px 14px 15px}.os-composer{padding:15px;border-radius:21px}.os-composer textarea{font-size:16px}.canvas-open .chat-room{flex-basis:100%}.canvas-open .workspace-canvas{inset:0 0 116px;border-radius:20px}.canvas-open .chat-bottom{background:var(--surface);border-color:var(--line);padding:8px 12px 12px}.canvas-open .os-composer{border-radius:17px}.canvas-bar{height:52px}.canvas-scroll{padding:22px 18px}.canvas-scroll h1{font-size:26px}.canvas-title{font-size:13px}.canvas-open .os-composer textarea{font-size:16px}.theme-options{gap:8px}.theme-option{padding:7px}.theme-option strong{font-size:12px}.theme-check{right:7px}.modalbody{padding:20px}.canvas-open .chat-welcome{padding:25px}.os-caption{font-size:10px}.canvas-expanded .chat-room{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}