:root{color-scheme:dark;--paper:#10161d;--ink:#d9e5ed;--muted:#7691a3;--line:#273946;--green:#8cc5d0;--dark:#16242f;background:#10161d;color:var(--ink)}
body{background:radial-gradient(ellipse at 65% 20%,#172d3a55,transparent 60%),#10161d}
.shell{grid-template-columns:232px 1fr;height:100dvh;min-height:0;overflow:hidden}
.sidebar{background:#0c141c;border-color:#23313c;padding:26px 17px 20px;height:100dvh;overflow:auto;width:auto}
.brand{padding:0 7px;color:#c7e1ed;letter-spacing:2px;font-size:16px}.brand small{color:#527184;font-size:7px;letter-spacing:1.4px}.mark span{color:#79bdc8}
.new-chat{margin:29px 0 26px;background:#172b37;border-color:#304b5d;color:#afd5e6;font-size:12px}.new-chat kbd{display:none}.nav-label{color:#4e6c80;font-size:8px}
.chat-history{max-height:34vh;min-height:90px;overflow:auto;margin-bottom:22px;scrollbar-width:thin}
.history-conversation{width:100%;display:flex;gap:10px;text-align:left;align-items:center;padding:11px 9px;color:#7591a5;border-radius:7px}.history-conversation strong{font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-conversation span{color:#4b738c;font-size:17px}.history-conversation.selected{background:#192b38;color:#bad9e9}.history-empty{font-size:11px;color:#4f7087;padding:0 9px;line-height:1.9}
.workspace-menu{margin-bottom:22px}.workspace-menu summary{padding:10px;display:flex;justify-content:space-between;font-size:11px;color:#7796ac;cursor:pointer;list-style:none}.workspace-menu summary::-webkit-details-marker{display:none}.workspace-menu nav{margin-top:10px}.workspace-menu nav button{color:#7897ab;font-size:11px;padding:9px}.workspace-menu nav button.active{background:#1d3545;color:#a9d9ec}.workspace-menu nav button span{color:#517d98}.workspace-menu nav b{background:#284657;color:#a4d3e4}.project{color:#7193aa;font-size:10px}.project:before{color:#669aad}.project-heading{margin-top:22px}
.local-card{background:#14222e;border-color:#273e50;color:#82abc0;font-size:9px}.local-card small{color:#4c6e85;font-size:9px}.online .status-dot{background:#76bec8}.profile{color:#a4c3d4}.profile small{color:#587a91}.avatar{background:#223d4e;color:#a3cee1}.sidebar-bottom{padding-top:16px}
.shell>main{height:100dvh;display:flex;flex-direction:column;min-height:0;overflow:hidden}.topbar{height:64px;min-height:64px;padding:0 30px;border-color:#20313f;background:#10192399}.breadcrumb strong{color:#7597af;font-size:11px;font-weight:400}.top-actions{gap:15px}.top-actions .secondary{font-size:10px;padding:7px 10px;background:transparent;color:#86adc4;border-color:#304b60}.badge,.badge.on{background:#182d3a;border-color:#2b4a5e;color:#82b9d0;font-size:9px}.badge.on:before{color:#7ac5cf}.quiet{color:#6890ab;font-size:10px}
#view{min-height:0;flex:1;width:100%;overflow:auto;padding:30px;max-width:1450px}footer{flex-shrink:0;height:25px;margin:0;padding:9px 30px;border:0;width:100%;justify-content:center;color:#3f617a;font-size:8px}.conversation-mode footer{display:none}.conversation-mode #view{padding:0;max-width:none;display:flex;overflow:hidden}
.dialogue{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.dialogue-log{flex:1;overflow:auto;min-height:0;padding:25px max(30px,calc((100% - 820px)/2)) 30px;scrollbar-width:thin;scrollbar-color:#304c61 transparent;overscroll-behavior:contain}
.dialogue-message{display:flex;gap:18px;padding:23px 0;animation:message-arrive .25s ease}.dialogue-avatar{height:31px;width:31px;flex-shrink:0;border:1px solid #34576d;background:#203c4f;color:#b0dfec;border-radius:10px;display:grid;place-items:center;font:16px Georgia,serif}.dialogue-message.user .dialogue-avatar{background:#252e38;border-color:#384653;color:#95a8b5;font:10px Segoe UI,sans-serif;border-radius:50%}.dialogue-body{flex:1;min-width:0}.dialogue-author{font-size:11px;color:#a9cede;font-weight:550;display:flex;align-items:center;gap:13px;margin-bottom:11px}.dialogue-author time{font-size:9px;font-weight:400;color:#4b6e88}.dialogue-message.user .dialogue-author{color:#8a9fae}.dialogue-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d9e5;line-height:1.9;font-size:14px}.dialogue-message.user .dialogue-text{color:#92afc2}
.question-state{color:#8ac6d6;background:#173746;border:1px solid #2a566a;font-size:10px;display:inline-block;padding:5px 9px;border-radius:5px;margin-top:15px}.inline-resources{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.inline-resources button,.inline-resource{color:#89bdd4;border:1px solid #31546c;background:#172e3f;border-radius:6px;padding:9px 12px;font-size:10px}.dialogue-thinking{display:flex;align-items:center;gap:12px;padding:20px 0 15px 49px;color:#7ca5bc;font-size:11px}.dialogue-thinking .quiet{margin-left:auto}.thinking-dots{display:flex;gap:4px}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:#85cbda;animation:thinking 1.5s ease infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}
.dialogue-composer{flex-shrink:0;width:min(880px,100%);align-self:center;padding:0 30px 15px}.dialogue-composer .composer{background:#1a2b39;border:1px solid #395b74;border-radius:14px;padding:15px 17px 10px;box-shadow:0 9px 35px #0002}.dialogue-composer .composer:focus-within{border-color:#6aa0be}.dialogue-composer textarea{width:100%;background:none;color:#d7eaf5;border:0;padding:0 2px;min-height:29px;max-height:190px;resize:none;font-size:14px;line-height:1.7;display:block;overflow:auto}.dialogue-composer textarea::placeholder{color:#6a92ae}.dialogue-composer .composer-actions{margin-top:9px;min-height:30px}.composer-shortcut{color:#4f7894;font-size:9px}.dialogue-composer .send{background:#99d0e0;color:#112d40;width:32px;height:32px;border-radius:9px;font-size:20px;display:grid;place-items:center;padding:0}.dialogue-footnote{display:flex;justify-content:space-between;padding:10px 5px 0;color:#3e6b89;font-size:9px}.connection-status{color:#689bb8}
.dialogue-welcome{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px 0 40px}.dialogue-welcome .eyebrow{color:#699bb9;font-size:9px;letter-spacing:3px;margin:28px 0 14px}.dialogue-welcome h1{font:350 31px Segoe UI,system-ui,sans-serif;letter-spacing:-.8px;color:#d8eaf5;margin:0 0 16px}.dialogue-welcome>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#658da9;margin:0}.jarvis-core{position:relative;width:88px;height:88px;border-radius:50%;border:1px solid #385c76;background:radial-gradient(circle,#619aba20,transparent 65%);box-shadow:0 0 70px #4a92bd15;animation:breathe-core 5s ease infinite}.jarvis-core:before,.jarvis-core:after{content:'';position:absolute;inset:7px;border:1px solid #335d7a;border-radius:50%}.jarvis-core:after{inset:18px;border-color:#4b8ab1}.jarvis-core span{position:absolute;inset:28px;border-radius:50%;border:1px solid #71bbd6;background:#88cce52a;box-shadow:0 0 20px #82d5f02a}.jarvis-core i{position:absolute;inset:-6px;border:1px solid transparent;border-left-color:#426f91;border-right-color:#426f91;border-radius:50%;animation:turn-core 24s linear infinite}.starter-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:660px;width:100%;margin-top:35px}.starter-prompts button{border:1px solid #2b465b;background:#172a39;color:#7ea6c0;padding:15px;border-radius:8px;font-size:10px;text-align:left}
.panel,.chat-vault{background:#152532;border-color:#2e4a60;color:#a9ccdf}.panel h2{color:#b2d6e9;font-size:16px;font-weight:450}.view-title{color:#c4dfef;font:350 30px Segoe UI,system-ui,sans-serif}.subtitle,.empty{color:#6d96b2}.primary{background:#8dc4d8;color:#102d40}.secondary{background:#20394b;color:#9ec5dc;border-color:#3a5e79}input,textarea,select{background:#112431;color:#bdd9e9;border-color:#365c78}label{color:#7aa9c6}dialog{background:#162b3a;color:#bfdceb;border-color:#426b89}dialog::backdrop{background:#061521bb}.pill{background:#24485b;color:#9ccfe4}.pill.waiting_user{background:#443d2b;color:#ccba8c}.pill.failed{background:#4a3030;color:#d7a09c}.task-row{border-color:#2c4a61}.task-row h3{color:#b0d2e7}.task-row p{color:#608ba9}.task-icon{background:#1e3d51;border-color:#335c79;color:#8ebcda}.activity-row{border-color:#2d4d66;color:#92b7d0}.activity-row time{color:#557e9e}.note-card{background:#1c3648;border-color:#345971;color:#8bb8d2}.notice{background:#3c3829;color:#c7b88f}.notice.error{background:#472c29;color:#d5a18f}.login{background:radial-gradient(ellipse at 50% 35%,#203e55,transparent 65%),#101923}.login-card h1{color:#d1e8f6;font-family:Segoe UI,sans-serif;font-weight:300}.login-card p{color:#7bacc9}.login-card small{color:#577f9d}.login-card .mark{color:#b4d9ed}#login-error,#password-error{color:#d3aa93;font-size:11px}.chat-vault{border:1px solid #3c718c;border-radius:12px;padding:22px;margin:20px 0}.chat-vault h2{font-size:17px;font-weight:450}.chat-vault p{font-size:12px;line-height:1.8;color:#7fa9c2}.chat-vault .quiet{margin:15px}.context-cards{display:none}
@keyframes breathe-core{50%{opacity:.65;box-shadow:0 0 40px #4a92bd08}}@keyframes turn-core{to{transform:rotate(360deg)}}@keyframes thinking{0%,70%,100%{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}@keyframes message-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.shell{grid-template-columns:205px 1fr}.sidebar{width:auto}.dialogue-log{padding:20px 28px}.dialogue-composer{padding-left:24px;padding-right:24px}.brand{font-size:13px}.brand small{font-size:6px}.topbar{padding:0 22px}.top-actions{gap:10px}}
@media(max-width:800px){.top-actions .badge{display:none}.starter-prompts{grid-template-columns:1fr;max-width:350px;margin-top:23px}.starter-prompts button{padding:12px}.dialogue-welcome h1{font-size:27px}.dialogue-log{padding:18px 24px}.dialogue-message{gap:12px}.dialogue-avatar{width:27px;height:27px}.dialogue-thinking{padding-left:39px}.composer-shortcut{display:none}}
@media(max-width:620px){.shell{display:block}.sidebar{display:none;position:fixed;width:245px;z-index:15;height:100dvh;background:#0d1b26;box-shadow:10px 0 70px #0008}.sidebar.open{display:flex}.topbar{height:57px;min-height:57px;padding:0 17px}.top-actions .secondary{font-size:9px;padding:6px}.top-actions .quiet{font-size:9px}.dialogue-log{padding:16px 17px 25px}.dialogue-composer{padding:0 12px 12px}.dialogue-composer .composer{padding:13px 14px 9px}.dialogue-text{font-size:13px}.dialogue-welcome h1{font-size:25px}.jarvis-core{width:76px;height:76px}.jarvis-core span{inset:24px}.dialogue-message{padding:19px 0}.dialogue-footnote{font-size:8px}#view{padding:24px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.focus-toolbar{display:flex;justify-content:flex-end;padding:12px 30px 0;min-height:35px}.focus-toolbar .quiet{font-size:10px;color:#607f94}.focus-mode .dialogue-log{display:flex;flex-direction:column;padding-top:15px}.focus-question{color:#7c99ad;font-size:12px;line-height:1.8;max-height:70px;overflow:auto;border-bottom:1px solid #253a49;padding:4px 0 18px;margin-bottom:20px;white-space:pre-wrap}.focus-working{flex:1;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 0 45px}.focus-working .jarvis-core{width:116px;height:116px;border-color:#477f9b;box-shadow:0 0 95px #508aac25}.focus-working .jarvis-core span{inset:38px;box-shadow:0 0 35px #8bdbff66}.focus-working .jarvis-core i{animation-duration:5s}.focus-working .eyebrow{margin:33px 0 10px;color:#8eb3ca;font-size:9px;letter-spacing:3px}.focus-working>p:not(.eyebrow){font-size:12px;color:#789bb3;line-height:1.8;max-width:430px}.focus-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.focus-actions .secondary{font-size:10px}.focus-answer{max-width:750px;width:100%;margin:auto;padding:10px 0 35px;animation:message-arrive .35s ease}.focus-answer .dialogue-message{padding-top:22px}.focus-answer .dialogue-author time,.focus-answer .dialogue-avatar{display:none}.focus-answer .dialogue-text{font-size:16px;line-height:1.95}.focus-answer .dialogue-author{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6995b0}.focus-core{font:33px Georgia,serif;color:#afd1e3}.focus-core span{color:#649eb4}.conversation-archive{margin-top:0;margin-bottom:12px}.focus-mode .dialogue-welcome{flex:1;min-height:320px}.focus-mode .dialogue-welcome .starter-prompts{display:none}@media(max-width:620px){.focus-toolbar{padding:12px 17px 0}.focus-answer .dialogue-text{font-size:14px}.focus-working{min-height:260px}.focus-question{font-size:11px;max-height:60px}.focus-actions{gap:12px}.focus-actions .secondary{font-size:9px}}
/* Conversation is the full-screen surface. Navigation is an optional drawer. */
.shell{display:block;grid-template-columns:none}.shell>.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:265px;z-index:40;height:100dvh;transform:translateX(-102%);visibility:hidden;transition:transform .24s ease,visibility .24s;background:#07121bec;border-right:1px solid #24516a;box-shadow:25px 0 90px #0008;backdrop-filter:blur(22px)}.shell>.sidebar.open{transform:translateX(0);visibility:visible}.shell>main{width:100%;background:radial-gradient(ellipse at 50% 37%,#12344b36,transparent 57%)}.drawer-backdrop{position:fixed;inset:0;z-index:35;width:100%;height:100%;background:#01070c99;backdrop-filter:blur(4px);border:0}.topbar{padding:0 30px;background:#06111a66;border-bottom:1px solid #14334877;height:58px;min-height:58px}.topbar #mobile-menu{display:grid;place-items:center;width:34px;height:34px;font-size:17px;color:#609bb9;border:1px solid #25485b88;border-radius:7px}.topbar .breadcrumb{margin-right:auto;margin-left:17px;font-size:0}.topbar .breadcrumb>*{display:none}.topbar .breadcrumb:before{content:'J.A.R.V.I.S.';font-size:10px;letter-spacing:3px;color:#77adcb}.conversation-mode .top-actions>:not(#model-badge){display:none}.conversation-mode .top-actions #model-badge{display:block;font-size:8px;background:transparent;border-color:#20475b77;color:#6199b7}.focus-toolbar{padding:12px 32px 0}.focus-toolbar .quiet{font-size:9px;letter-spacing:.5px;opacity:.65}.focus-mode{position:relative;background-image:linear-gradient(#426d8710 1px,transparent 1px),linear-gradient(90deg,#426d8710 1px,transparent 1px);background-size:60px 60px;background-position:center}.focus-mode:before{content:'';position:absolute;inset:32px 32px 155px;pointer-events:none;background:linear-gradient(#3b879e77,#3b879e77) top left/40px 1px no-repeat,linear-gradient(#3b879e77,#3b879e77) top left/1px 30px no-repeat,linear-gradient(#3b879e77,#3b879e77) top right/40px 1px no-repeat,linear-gradient(#3b879e77,#3b879e77) top right/1px 30px no-repeat,linear-gradient(#3b879e77,#3b879e77) bottom left/40px 1px no-repeat,linear-gradient(#3b879e77,#3b879e77) bottom left/1px 30px no-repeat,linear-gradient(#3b879e77,#3b879e77) bottom right/40px 1px no-repeat,linear-gradient(#3b879e77,#3b879e77) bottom right/1px 30px no-repeat;opacity:.45}.dialogue-log{padding-left:max(45px,calc((100% - 850px)/2));padding-right:max(45px,calc((100% - 850px)/2))}.dialogue-welcome .jarvis-core,.focus-working .jarvis-core{width:192px;height:192px;border-color:#34718d99;box-shadow:0 0 90px #367fa526,inset 0 0 35px #367fa51a;background:radial-gradient(circle,#3287a719,transparent 68%)}.jarvis-core:before{inset:10px;border:1px dashed #55a4bf7a;animation:turn-core 60s linear infinite reverse}.jarvis-core:after{inset:30px;border:2px solid #5eb6d188;box-shadow:0 0 16px #55b5d322,inset 0 0 16px #55b5d322}.dialogue-welcome .jarvis-core span,.focus-working .jarvis-core span{inset:56px;border-color:#6acbe1aa;box-shadow:0 0 30px #67c5df3b;background:radial-gradient(circle,#8bdcef1c,#216b8710)}.jarvis-core i{inset:-10px;border-width:2px;border-left-color:#5eabc677;border-right-color:#5eabc677;animation-duration:18s}.jarvis-core b{position:absolute;inset:0;display:grid;place-items:center;color:#9cd9e9;font:500 9px Segoe UI,sans-serif;letter-spacing:1.6px;text-shadow:0 0 14px #79d4ed77;z-index:2}.jarvis-core em{position:absolute;inset:21px;border-radius:50%;border:3px solid transparent;border-top-color:#55b6d0aa;border-bottom-color:#33738d88;animation:turn-core 13s linear infinite reverse}.focus-working .jarvis-core i{animation-duration:4s}.focus-working .jarvis-core em{animation-duration:6s}.dialogue-welcome h1{font-size:27px;font-weight:300;color:#b8d7e9}.dialogue-welcome .eyebrow{margin-top:37px;font-size:8px;letter-spacing:4px;color:#4a8caa}.dialogue-welcome>p:not(.eyebrow){font-size:11px;color:#5b839c}.focus-working>p:not(.eyebrow){color:#77a6bd}.dialogue-composer{width:min(920px,100%);padding-bottom:18px}.dialogue-composer .composer{background:#0d2231d9;border-color:#31566e;border-radius:10px;box-shadow:0 0 35px #1e627517,inset 0 1px #6eb3d90c}.focus-answer{background:#0b1b27ba;border:1px solid #21445b77;border-radius:11px;padding:26px 32px;margin-top:auto;margin-bottom:auto;box-shadow:0 0 50px #1e597017}.focus-question{border-color:#24475c88;opacity:.8}.focus-core{color:#92c7df;font-size:27px}.focus-answer .dialogue-text{color:#c0deeb}.focus-mode .dialogue-welcome{padding-bottom:25px}.focus-mode .focus-working{padding-bottom:28px}@media(max-width:620px){.shell>.sidebar{width:265px}.topbar{padding:0 15px}.topbar .breadcrumb{display:block;margin-left:13px}.topbar .breadcrumb:before{font-size:9px;letter-spacing:2.5px}.focus-mode:before{inset:22px 13px 153px;opacity:.25}.focus-toolbar{padding-right:19px}.dialogue-log{padding-left:24px;padding-right:24px}.dialogue-welcome .jarvis-core,.focus-working .jarvis-core{width:150px;height:150px}.dialogue-welcome .jarvis-core span,.focus-working .jarvis-core span{inset:44px}.jarvis-core:after{inset:24px}.jarvis-core b{font-size:8px}.jarvis-core em{inset:17px}.focus-answer{padding:20px}.dialogue-welcome h1{font-size:23px}.dialogue-composer{padding:0 14px 15px}.dialogue-footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.jarvis-start .greeting-button{margin-top:14px;font-size:11px;color:#7ab9d0}.jarvis-start .greeting-disclosure{font-size:9px;color:#52798e;margin-top:6px}.welcome-speaking .jarvis-start .jarvis-core{box-shadow:0 0 100px #57c9ec55,inset 0 0 45px #57c9ec33}.welcome-speaking .jarvis-start .jarvis-core em{animation-duration:3s}.jarvis-start h1{font-size:clamp(18px,3vw,27px)}

.dialogue-composer .minimal-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;padding:9px 10px 9px 18px}.dialogue-composer .minimal-composer textarea{min-height:44px;max-height:190px;padding:11px 0;margin:0;width:100%;resize:none}.minimal-composer>.send{width:44px;height:44px;min-height:44px;align-self:end;margin:0;border-radius:9px}