:root{color-scheme:dark;--bg:#10121f;--ink:#f0eff8;--muted:#a2a4bb;--dim:#72768f;--line:#ffffff0e;--accent:#c7b9fd;--surface:#ffffff04;--ease:cubic-bezier(.2,.75,.25,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:transparent}input,textarea,select{background:#ffffff06;color:var(--ink);border:1px solid #ffffff18;border-radius:10px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#a89bdd80;box-shadow:0 0 0 3px #a89bdd0c}a{color:var(--accent);text-underline-offset:4px}button,.project-link,.task-row{transition:background .25s var(--ease),color .25s var(--ease),transform .3s var(--ease),border-color .25s}button:hover{color:#fff}.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 90% 35%,#7851bd27,transparent 45%),radial-gradient(ellipse at 103% 95%,#d17d691f,transparent 38%),radial-gradient(ellipse at 48% 110%,#426f9220,transparent 48%),linear-gradient(145deg,#121625,#111321 60%,#201d31);overflow:hidden}.ambient:after{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse at 85% 75%,#8275bc15,transparent 35%);transform:rotate(-20deg);animation:breathe 22s ease-in-out infinite alternate}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
.shell{display:grid;grid-template-columns:235px minmax(0,1fr);height:100dvh}.sidebar{padding:38px 22px 22px;border-right:1px solid var(--line);background:#0a0d173a;display:flex;flex-direction:column;overflow-y:auto}.brand{display:block;text-align:left;padding:0 12px;margin-bottom:50px}.wordmark{width:164px;height:24px;display:block;background:#d8d2ef;mask:url('/mayrose.png') center/contain no-repeat;-webkit-mask:url('/mayrose.png') center/contain no-repeat}.brand small{display:block;color:#aea7c7;font-size:12px;letter-spacing:3px;margin-top:12px}.nav-section{display:flex;flex-direction:column;gap:5px}.nav-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;color:var(--muted);border-radius:9px;font-size:14px}.nav-button.active{background:linear-gradient(100deg,#b9a4ff17,#b9a4ff05);color:#e4d9ff}.nav-button:hover{background:#ffffff06}.nav-icon{font-size:17px;width:18px;opacity:.8}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--dim);letter-spacing:1.6px;font-size:10px;padding:35px 14px 12px}.section-label button{font-size:20px;line-height:20px;color:var(--muted)}.project-link{display:flex;align-items:center;gap:11px;padding:11px 14px;text-align:left;color:#a4a5b9;border-radius:8px;font-size:13px}.project-link.active{color:#efebff;background:#ffffff06}.project-link:hover{color:#e0dceb}.dot{width:6px;height:6px;border-radius:50%;background:#a998ca;flex-shrink:0}.project-link:nth-child(2) .dot{background:#86adba}.project-link:nth-child(3) .dot{background:#cda789}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-bottom .nav-button{font-size:12px}.main{min-width:0;position:relative;overflow:auto}.topbar{height:85px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--dim);font-size:12px}.breadcrumb{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}.breadcrumb button{color:var(--muted);padding:5px 0}.status{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#a4acb8;font-size:11px}.status i{width:5px;height:5px;background:#94b4ab;border-radius:50%;display:inline-block}.status.warn i{background:#d4b183}.status button{color:inherit;padding:6px}.home{max-width:1040px;margin:auto;padding:52px 9% 80px;animation:arrive .6s var(--ease)}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;color:#9495ac;margin:0 0 14px}h1{font-size:clamp(34px,4.3vw,57px);letter-spacing:-2.4px;font-weight:400;line-height:1.12;margin:0 0 19px}h2{font-weight:450;letter-spacing:-.6px;font-size:24px;margin:0 0 12px}.lead{font-size:16px;line-height:1.7;color:#a9acbe;max-width:650px;margin:0 0 57px}.next-label{font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:19px}.tasks{display:flex;flex-direction:column;gap:8px}.task-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:24px 22px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:13px}.task-row.first{background:linear-gradient(115deg,#bdacff0d,#ffffff02);border-color:#c1b0ff15;box-shadow:0 12px 50px #0000000b,inset 0 1px #ffffff04}.task-number{color:#8f85ac;font-size:12px;align-self:start;padding-top:5px}.task-title{font-size:17px;font-weight:400;line-height:1.5;margin:0;text-align:left;padding:0}.task-title:hover{color:var(--accent)}.task-meta{font-size:11px;color:#9394ad;margin:8px 0 0;line-height:1.5}.task-row .arrow{font-size:21px;color:#aaa1bb;padding:12px}.primary{padding:11px 20px;border-radius:9px;background:linear-gradient(120deg,#cbbdf3,#b8afe5);color:#292339;font-size:12px;box-shadow:0 4px 18px #bca0ff12;font-weight:600}.primary:hover{background:#dfd3ff;color:#211b2e;transform:translateY(-1px)}.quiet{font-size:12px;color:var(--muted);padding:9px 12px;border-radius:8px}.quiet:hover{background:#ffffff07}.why{margin-top:28px;color:var(--dim);font-size:12px;line-height:1.7}.why summary{cursor:pointer;list-style:none;color:#a29ab3}.why p{max-width:600px}.home-bottom{margin-top:54px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:12px}.mobile-menu{display:none}.workspace{height:calc(100dvh - 85px);display:flex;flex-direction:column;max-width:1080px;margin:auto;padding:7px 6% 24px;animation:arrive .4s var(--ease)}.project-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:12px 0 24px}.project-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 6px}.project-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);flex-shrink:0}.tab{padding:12px 0 14px;color:var(--dim);font-size:13px;position:relative}.tab.active{color:#e1d7fa}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#bda5e5;border-radius:3px}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 5px}.chat-toolbar select{font-size:12px;border:0;background:transparent;max-width:65%;padding:8px 0;color:var(--muted)}select option{background:#1c1d2c}.thread-tools{display:flex;align-items:center;gap:2px}.thread-tools button{font-size:11px}.messages{overflow:auto;flex:1;min-height:100px;padding:20px 4px 20px 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff17 transparent}.empty-chat{max-width:520px;margin:8vh auto 0;color:var(--muted);line-height:1.8;font-size:14px}.empty-chat h2{color:#e5dff3;font-size:26px}.empty-chat .overline{color:#a99bc5;font-size:10px;letter-spacing:2px;margin-bottom:17px}.suggestion{color:#bbb1d5;border:1px solid #c4b1fc17;padding:12px 17px;border-radius:10px;margin-top:16px;text-align:left;font-size:13px}.message{margin:0 0 27px;animation:arrive .3s var(--ease)}.message-head{font-size:10px;letter-spacing:1.4px;color:#a296b7;margin:0 0 9px;display:flex;justify-content:space-between;align-items:center}.message.user{margin-left:6%;padding:18px 21px;background:#ffffff04;border:1px solid #ffffff06;border-radius:14px}.message.assistant{padding:8px 10px}.message-body{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:#dedde8}.message-body p{margin:0 0 12px;white-space:pre-wrap}.message-body p:last-child{margin-bottom:0}.message-body pre{overflow:auto;background:#090b1559;border:1px solid #ffffff0d;border-radius:10px;padding:18px;white-space:pre;font-size:12px}.message-body h3{font-size:17px;font-weight:500}.message-actions{display:flex;gap:12px;margin-top:10px;opacity:.7}.message-actions button{font-size:10px;color:#a9a0b9;padding:4px 0}.message-actions:hover{opacity:1}.source-link{padding:1px 5px;border:1px solid #baaeed24;border-radius:5px;font-size:10px;color:#c6b8e7;vertical-align:middle}.run-info{font-size:11px;color:#9e94b0;margin:0 8px 20px;line-height:1.6}.run-info.error{color:#d7b3a5}.composer-wrap{padding-top:10px;flex-shrink:0}.composer{background:linear-gradient(115deg,#ffffff08,#ffffff04);border:1px solid #c4b1f824;border-radius:16px;padding:15px 16px 10px;box-shadow:0 10px 50px #090a131f}.composer:focus-within{border-color:#c4b1f84f}.composer textarea{display:block;width:100%;resize:none;min-height:62px;max-height:180px;padding:0;background:transparent;border:0;box-shadow:none;font-size:14px;line-height:1.7}.composer textarea::placeholder{color:#77798f}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.composer-hint{font-size:10px;color:#83859b}.composer-actions{display:flex;gap:9px;align-items:center}.composer-actions select{border:0;background:transparent;color:#a8a1ba;padding:4px;font-size:11px}.composer-note{text-align:center;color:#77798f;font-size:10px;line-height:1.5;margin:10px 0 0}.notice{padding:13px 16px;border:1px solid #d9ba941e;border-radius:10px;font-size:12px;line-height:1.7;color:#c5b7b0;background:#b7936710}.pending{color:#ad9fca;font-size:13px;padding:12px;animation:pulse 2s ease-in-out infinite}.loading{padding:15vh 10%;color:var(--muted)}
dialog{color:var(--ink);border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(135deg,#232333,#161a2b);box-shadow:0 25px 140px #0008;padding:30px;width:min(580px,calc(100vw - 32px));max-height:85vh;overflow:auto}dialog::backdrop{background:#080a13aa;backdrop-filter:blur(12px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.close{color:var(--muted);font-size:22px;line-height:1;padding:6px}.dialog-copy{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 22px}.form-row{display:flex;flex-direction:column;gap:8px;margin:18px 0}.form-row label{font-size:12px;color:#c4bfda}.form-row small{font-size:11px;color:var(--muted);line-height:1.6}.form-row textarea{min-height:110px;resize:vertical}.form-row input,.form-row select{width:100%}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px}.settings-meta{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:11px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.settings-meta a{margin-right:14px}.inline-error{color:#f0b7a3;font-size:12px;line-height:1.7}.memory-row{padding:16px 0;border-bottom:1px solid var(--line)}.memory-row h3{font-size:14px;font-weight:500;margin:0 0 7px}.memory-row p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;white-space:pre-wrap;max-height:100px;overflow:hidden}.memory-row small{display:block;color:var(--dim);font-size:10px;margin-top:8px}.memory-actions{display:flex;gap:10px;margin-top:6px}.memory-actions button{font-size:11px;color:var(--accent);padding:4px 0}.source-content{white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.file-input{width:100%;margin:16px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:13px 21px;border-radius:12px;background:#313044;box-shadow:0 10px 50px #0005;font-size:12px;color:#e0d8f4;z-index:20;opacity:0;pointer-events:none;transition:.25s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.danger{color:#d7a993}.project-status{font-size:10px;color:#9495a9;font-weight:400;letter-spacing:0;margin-left:10px}.task-done{padding:6px;color:var(--dim);font-size:11px}.task-controls{display:flex;gap:9px;align-items:center}.task-extras{font-size:11px;margin:12px 0;color:var(--muted)}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{to{transform:rotate(-10deg) scale(1.08)}}@keyframes pulse{50%{opacity:.5}}
@media(min-width:1500px){.home{padding-top:8vh}.sidebar{padding-top:45px}.shell{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:1000px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.wordmark{width:144px}.home{padding:35px 7% 60px}.task-row{padding:21px 15px;gap:9px}.task-title{font-size:15px}.workspace{padding:0 5% 18px}.project-heading h1{font-size:27px}.lead{margin-bottom:40px}}
@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;z-index:10;transform:translateX(-100%);transition:transform .3s var(--ease);background:#141726f5;box-shadow:20px 0 80px #0005}.shell.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex;font-size:19px;padding:5px 10px 5px 0}.topbar{height:65px;padding:0 22px}.home{padding:30px 24px 50px}h1{font-size:43px}.lead{font-size:14px;margin-bottom:32px}.task-row{padding:20px 12px;grid-template-columns:22px minmax(0,1fr) auto}.task-title{font-size:14px}.task-row .primary{padding:10px 12px}.task-meta{font-size:10px}.home-bottom{margin-top:35px}.workspace{height:calc(100dvh - 65px);padding:0 20px 15px}.project-heading{margin-top:10px;margin-bottom:12px}.project-heading h1{font-size:25px}.project-heading .quiet{font-size:11px;padding-right:0}.tabs{gap:24px}.composer-hint{display:none}.composer-bottom{justify-content:flex-end}.composer textarea{min-height:52px;font-size:16px}.message.user{margin-left:0}.empty-chat{margin-top:4vh}.composer-note{font-size:9px}.brand{margin-bottom:36px}.status{font-size:10px}.thread-tools .quiet{padding:7px}.task-controls{gap:0}.task-done{font-size:10px}.settings-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable secondary text without adding more interface chrome. */
:root{--dim:#9194aa}
.message-body{font-size:16px}.nav-button,.project-link,.tab{font-size:14px}
.eyebrow,.next-label,.section-label,.task-meta,.status,.composer-hint,.composer-note,.message-head,.message-actions button,.run-info,.source-link,.settings-meta,.form-row small,.memory-row small,.thread-tools button{font-size:12px}
.task-title{font-size:17px}.composer textarea{font-size:16px}.quiet,.primary{font-size:13px}
@media(max-width:700px){.task-title{font-size:16px}.task-meta,.status,.composer-note{font-size:12px}.topbar{padding-inline:18px}.task-row{grid-template-columns:20px minmax(0,1fr) auto}.message-body{font-size:16px}.tabs{gap:22px}.thread-tools .quiet{font-size:12px}.composer-note{margin-top:8px}}

/* Quiet Aurora: keep the artwork, give the work the foreground. */
:root{--bg:#080d20;--ink:#efedf8;--muted:#aaa7c1;--dim:#9692af;--line:#a89dcd1d;--accent:#c8a1f3}
body{background:var(--bg)}
.ambient{background:#080d20 url('/aurora.png') center/cover no-repeat}
.ambient:after{inset:0;background:linear-gradient(90deg,#070b1894 0%,#080d2070 43%,#080d2020 100%);transform:none;animation:none}
.grain{opacity:.012}
.shell{grid-template-columns:218px minmax(0,1fr);transition:grid-template-columns .25s var(--ease)}
.sidebar{padding:28px 14px 20px;background:#0a0e2094;border-right:1px solid #b29ae919;backdrop-filter:blur(24px);overflow:hidden}
.brand{height:43px;padding:0 13px;margin-bottom:28px;flex-shrink:0}
.wordmark{width:146px;height:22px;background:#e5dcf4}
.brand small{font-size:9px;letter-spacing:3px;margin-top:6px;color:#a99abb}
.nav-section{gap:4px}
.nav-button{height:43px;padding:10px 13px;gap:12px;font-size:14px;border-radius:9px;color:#aba6c2;border:1px solid transparent;white-space:nowrap}
.nav-button.active{background:#b880eb13;border-color:#b58af019;box-shadow:none;color:#f0e6ff}
.nav-button:hover{background:#c49ff60d}
.nav-icon{width:19px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a99bbf}
.nav-icon svg{width:19px;height:21px}
.section-label{margin:30px 0 0;border-top:0;padding:12px 13px 8px;font-size:10px;letter-spacing:1.5px;color:#8f86a8}
.section-label button{font-size:19px;opacity:.7}
.project-link{min-height:39px;padding:9px 13px;font-size:13px;color:#b2a9c8;border-radius:8px;line-height:1.5}
.project-link.active{background:#b880eb0e;color:#e8daf8}
.sidebar-bottom .nav-button{font-size:12px}
.topbar,.today-shell .topbar{position:relative;top:auto;height:70px;padding:0 34px;z-index:1;justify-content:space-between;pointer-events:auto}
.breadcrumb,.today-shell .topbar .breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#b3a9c9}
.mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:18px;border-radius:7px;color:#b6a9ca}
.mobile-menu:hover{background:#c4a7ec0d}
.workspace-status{display:flex;align-items:center;gap:10px}
.sync-button{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#aba0bc;background:transparent;box-shadow:none}
.sync-button svg{width:17px;height:17px}
.sync-button:hover{background:#ba92ed13;color:#dfc3ff}
.status{font-size:11px;color:#a9a0b9;gap:7px}
.status i{width:5px;height:5px;background:#91c6ad;box-shadow:none}
.status.warn i{background:#e8b087}
.focus-navigation{grid-template-columns:0 minmax(0,1fr)}
.focus-navigation .sidebar{visibility:hidden;padding-inline:0;pointer-events:none}
.home{max-width:920px;width:100%;margin:auto;padding:clamp(28px,7vh,90px) 48px 50px;min-height:calc(100dvh - 70px)}
.home h1{font-size:40px;line-height:1.2;letter-spacing:-1.3px;font-weight:480;margin:0 0 12px}
.home .lead{font-size:16px;line-height:1.7;color:#b6accb;max-width:630px;margin:0 0 44px}
.next-label{font-size:10px;letter-spacing:2px;color:#a294ba;margin-bottom:12px}
.tasks{gap:0}
.task-row{grid-template-columns:30px minmax(0,1fr) auto;gap:16px;padding:20px 18px;min-height:88px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.task-row.first{border:1px solid #b78cf427;border-radius:13px;background:linear-gradient(115deg,#8b4cc51a,#9c65df0a);box-shadow:inset 0 1px #ead8ff04;backdrop-filter:blur(14px)}
.task-row:last-child{border-bottom-color:transparent}
.task-number{font-size:14px;line-height:1;color:#9983b9;border:0;align-self:center;padding:0}
.task-title{font-size:18px;line-height:1.5;letter-spacing:-.2px;font-weight:450;color:#ece7f4}
.task-meta{font-size:12px;line-height:1.5;margin:5px 0 0;color:#aba0bf}
.primary{background:linear-gradient(120deg,#9d63db,#8350c0);color:#fff;border:1px solid #c49aed30;box-shadow:0 3px 16px #6f30a516;font-size:13px}
.primary:hover{background:linear-gradient(120deg,#af78e7,#9661d1);color:#fff;transform:translateY(-1px)}
.task-row .primary{width:auto;min-height:39px;padding:9px 16px;font-size:13px;font-weight:450;border-radius:9px;white-space:nowrap}
.task-row .arrow{font-size:23px;padding:8px 13px;color:#baa2d1}
.task-row:hover:not(.first){background:#bb8fee05}
.task-controls{gap:6px}.task-done{font-size:13px;opacity:.7}
.why{margin-top:23px;font-size:12px;color:#aaa1bc;line-height:1.8}
.why summary{font-size:12px;color:#b49acb;text-decoration:none;display:flex;gap:10px;align-items:center;width:fit-content}
.why p{max-width:650px;background:#0a102570;padding:14px 18px;border:1px solid #b294d31c;border-radius:10px}
.home-bottom{margin:38px 0 0;padding:0;border:0;color:#958aa9;font-size:11px}
.workspace{height:calc(100dvh - 70px);max-width:920px;margin:auto;padding:0 48px 22px;position:relative}
.project-heading{margin:2px 0 10px;display:flex;justify-content:space-between;align-items:center;color:#9e92b1;font-size:11px}
.project-heading>.quiet{padding:6px 0 6px 12px;font-size:12px;color:#bba4d0;background:none;border:0}
.tabs{gap:25px;border-bottom:1px solid #ad99d21c}
.tab{font-size:13px;color:#a49bb8;padding:10px 0 12px}
.tab.active{color:#e0caef}.tab.active:after{background:#b88fd4;box-shadow:none;height:1px}
.chat-toolbar{padding:8px 0 3px;min-height:40px}
.chat-toolbar select{font-size:12px;color:#c0b2cf;padding:6px 0;max-width:80%}
.thread-tools .quiet{font-size:12px;padding:6px}
.messages{padding-top:25px;min-height:0}
.workspace.is-empty .messages{flex:0 0 auto;overflow:visible;margin-top:auto;padding:0}
.empty-chat{max-width:none;margin:0;text-align:center}
.empty-chat .overline{font-size:11px;letter-spacing:1.5px;margin:0 0 12px;color:#b79fc9}
.empty-chat h2{font-size:30px;font-weight:400;letter-spacing:-.7px;line-height:1.3;margin:0 0 28px;color:#f1e8f8}
.workspace.is-empty .composer-wrap{margin-bottom:auto;padding-top:0;padding-bottom:8vh}
.composer{background:linear-gradient(120deg,#242031ed,#211c2fd9);border:1px solid #bb9bde30;border-radius:19px;padding:18px 18px 12px;box-shadow:0 14px 65px #07071826;backdrop-filter:blur(20px)}
.composer:focus-within{border-color:#c6a1ef66;box-shadow:0 12px 70px #72499713}
.composer textarea{min-height:54px;font-size:16px;line-height:1.7;color:#eee7f6}
.composer textarea::placeholder{color:#a59bae}
.composer-bottom{margin-top:10px;gap:10px}
.composer-tools{display:flex;gap:9px;align-items:center;min-width:0}
.attach-button{width:30px;height:30px;font-size:23px;color:#bdaccd;padding:0;flex-shrink:0}
.model-chip{font-size:11px;color:#b6a9c1;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;text-align:left;padding:6px 0}
.model-chip:hover{color:#eee1fa}.model-chip span{opacity:.8}
.composer-actions select{font-size:11px;max-width:95px;color:#c0b0ce}
#send-button{border-radius:50%;width:33px;height:33px;padding:0;font-size:17px;flex-shrink:0;box-shadow:none}
.composer-note{font-size:10px;line-height:1.6;color:#a093b1;margin:10px 0 0}
.message.user{background:#8b65ab12;border-color:#b494cf12;backdrop-filter:blur(12px);margin-left:12%;padding:16px 20px}
.message.assistant{background:transparent;padding:8px 0}
.message-body{font-size:16px;line-height:1.8;color:#e7dfee}
.message-head{font-size:10px;color:#ad9bbd;letter-spacing:1px}
.message-actions{opacity:.65}.message-actions button{font-size:11px}
.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}
dialog{background:linear-gradient(130deg,#211c30fa,#111525fc);border-color:#b08acb30}
.export-downloads{display:flex;flex-direction:column;margin:0 0 24px}
.download-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#e4d6f2;text-transform:capitalize;font-size:14px}
.download-row small{grid-column:1;font-size:11px;color:var(--muted);text-transform:none}
.download-row>span:last-child{grid-column:2;grid-row:1/3;align-self:center}.download-row:hover{color:#cba3f6}
.export-help{margin-top:20px}
@media(max-width:1000px) and (min-width:701px){.shell{grid-template-columns:192px minmax(0,1fr)}.focus-navigation{grid-template-columns:0 minmax(0,1fr)}.wordmark{width:134px}.brand{padding-left:10px}.home,.workspace{padding-inline:30px}.topbar{padding-inline:24px}.task-title{font-size:16px}.task-row{padding-inline:14px;gap:12px}.project-link{font-size:12px}}
@media(max-width:700px){.shell,.focus-navigation{grid-template-columns:1fr}.sidebar{width:225px;position:fixed;inset:0 auto 0 0;visibility:visible;pointer-events:auto;padding:28px 14px 20px;background:#0a0e20ed;transform:translateX(-100%);transition:transform .25s var(--ease)}.shell.menu-open .sidebar{transform:translateX(0)}.topbar,.today-shell .topbar{height:60px;padding:0 16px}.today-shell .topbar .breadcrumb{display:flex}.breadcrumb{gap:8px;font-size:11px}.status{font-size:10px}.sync-button{display:none}.home{padding:32px 23px 35px;min-height:calc(100dvh - 60px)}.home h1{font-size:34px}.home .lead{font-size:14px;margin-bottom:30px}.task-row{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:18px 10px}.task-title{font-size:15px}.task-meta{font-size:11px}.task-row .primary{padding:9px 11px;font-size:12px}.task-row .arrow{padding:6px;font-size:21px}.task-number{font-size:12px}.workspace{height:calc(100dvh - 60px);padding:0 20px 16px}.tabs{gap:23px}.tab{font-size:12px}.empty-chat h2{font-size:26px}.workspace.is-empty .composer-wrap{padding-bottom:12vh}.composer{padding:15px 13px 10px}.composer-bottom{justify-content:space-between;gap:5px}.composer-actions{gap:5px}.model-chip{max-width:155px;font-size:10px}.composer-tools{gap:4px}.composer-note{font-size:10px}.message.user{margin-left:5%}.ambient{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.shell,.sidebar{transition:none}}

/* Shared live atmosphere. Container-relative geometry and blur keep the
   preview and workspace identical at matching aspect ratios. */
[data-palette="violet"]{--sky:#100d22;--fold:#7363a3;--glow:#c04fa0}
[data-palette="ocean"]{--sky:#081725;--fold:#356e8a;--glow:#63b6a8}
[data-palette="ember"]{--sky:#1d1018;--fold:#975764;--glow:#dc9864}
[data-palette="forest"]{--sky:#0b181b;--fold:#457967;--glow:#98ae79}
[data-palette="slate"]{--sky:#101421;--fold:#65718b;--glow:#a7a0c4}
[data-palette="rose"]{--sky:#1c1122;--fold:#976e9b;--glow:#d995b4}
.atmosphere{position:absolute;inset:0;overflow:hidden;container-type:size;isolation:isolate;background:var(--sky);pointer-events:none}
.ambient>.atmosphere{display:none}
body[data-appearance="custom"] .ambient>.atmosphere,body[data-appearance^="soft"] .ambient>.atmosphere{display:block}
body[data-appearance="custom"] .ambient:after,body[data-appearance^="soft"] .ambient:after{display:none}
body[data-appearance="custom"]>.grain,body[data-appearance^="soft"]>.grain{display:none}
.atmosphere-field{position:absolute;inset:-15%;opacity:calc(.35 + var(--scene-depth,.65)*.65);transform:translateX(var(--scene-offset,0%)) rotate(var(--scene-turn,0deg))}
.atmosphere-light{position:absolute;inset:-15%;filter:blur(var(--scene-blur,6.4cqw));transform-origin:50% 50%;will-change:transform}
.light-one{background:radial-gradient(ellipse at 68% 44%,var(--fold) 0%,transparent 53%),radial-gradient(ellipse at 95% 90%,var(--fold) 0%,transparent 50%);animation:atmosphere-drift-one 36s ease-in-out infinite alternate}
.light-two{background:radial-gradient(ellipse at 75% 80%,var(--glow) 0%,transparent 34%);opacity:.85;animation:atmosphere-drift-two 48s ease-in-out infinite alternate}
.light-three{background:radial-gradient(ellipse at 30% 28%,var(--fold) 0%,transparent 40%);opacity:.38;animation:atmosphere-drift-three 42s ease-in-out infinite alternate}
.atmosphere-shade{position:absolute;inset:0;background:linear-gradient(110deg,#06081970,transparent 66%),radial-gradient(ellipse at 40% 22%,#080a1b30,transparent 75%)}
.atmosphere-texture{position:absolute;inset:0;opacity:var(--scene-texture,.045);mix-blend-mode:soft-light;background-size:15cqw 15cqw;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.atmosphere[data-motion="off"] .atmosphere-light{animation:none;will-change:auto}
body.is-away .atmosphere-light{animation-play-state:paused!important}
@keyframes atmosphere-drift-one{from{transform:translate3d(-3%,-3%,0) scale(1.02)}to{transform:translate3d(5%,4%,0) scale(1.1)}}
@keyframes atmosphere-drift-two{from{transform:translate3d(5%,3%,0) scale(1.02)}to{transform:translate3d(-6%,-5%,0) scale(1.12)}}
@keyframes atmosphere-drift-three{from{transform:translate3d(0,5%,0)}to{transform:translate3d(5%,-5%,0)}}
.background-preview{--preview-ratio:1.6;position:relative;isolation:isolate;overflow:hidden;width:min(100%,calc(220px * var(--preview-ratio)));aspect-ratio:var(--preview-ratio);margin-inline:auto;border:1px solid #ffffff19;border-radius:14px;padding:25px;display:flex;align-items:center;color:#f7f2ff}
.background-preview>span{position:relative;z-index:1;font-size:11px;line-height:2}.background-preview strong{font-size:25px;font-weight:450}
.motion-status{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0}
.background-detail{margin:14px 0;font-size:12px;color:var(--muted)}.background-detail summary{cursor:pointer;margin-bottom:12px}.background-detail label{display:flex;justify-content:space-between;align-items:center;margin:10px 0;gap:20px}.background-detail input{width:160px}
@media(prefers-reduced-motion:reduce){.atmosphere-light{animation:none!important;will-change:auto!important}}

.palette-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.palette-options button{font-size:12px;text-transform:capitalize;padding:7px 11px;border:1px solid #ffffff20;border-radius:16px}.palette-options button[aria-pressed="true"]{background:#ffffff16;border-color:#bda4e3}
.background-controls{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--muted)}.background-controls label{display:flex;align-items:center;gap:8px}.background-controls input[type="range"]{width:110px}
.research-settings{margin:22px 0;padding:15px 0;border-block:1px solid var(--line)}.research-settings summary{font-size:13px;cursor:pointer;color:#d5bfed}.research-settings .dialog-copy{margin-top:15px;font-size:12px}
.research-home{max-width:850px;margin:auto;padding:5vh 45px 35px}.research-home h1{font-size:38px;font-weight:450;letter-spacing:-1px;margin:12px 0}.research-home .lead{font-size:15px;margin:0 0 26px;color:var(--muted);line-height:1.7}.research-home textarea{min-height:90px}.research-tools{display:flex;justify-content:space-between;margin:13px 0 28px}.research-tools .quiet{padding-inline:0}.research-tools span{margin-left:8px;opacity:.65}.research-disclosure{font-size:11px;line-height:1.7;color:#b9aaca;margin-bottom:25px;max-width:620px}
.research-threads{display:flex;flex-direction:column}.research-threads button,.library-row{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}.research-threads strong,.library-row strong{font-size:14px;font-weight:450}.research-threads span,.library-row span{font-size:11px;color:var(--muted);white-space:nowrap}.research-threads button:hover{color:var(--accent)}
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.scenario-grid label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.scenario-grid input,.scenario-grid select{width:100%;min-width:0}.scenario-table{display:grid;grid-template-columns:60px 1fr 1fr;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.scenario-table input{min-width:0;width:100%;padding:10px}.scenario-output{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0;color:var(--muted);font-size:11px}.scenario-output strong{display:block;font-size:20px;color:var(--ink);font-weight:450;margin-top:8px}.scenario-bars>div{display:grid;grid-template-columns:40px 1fr auto;gap:15px;align-items:center;font-size:12px;margin-bottom:12px}.scenario-bars strong{font-weight:450}.scenario-bars small{color:var(--muted)}.scenario-bars meter{width:100%;height:12px}.review-step{border-bottom:1px solid var(--line);padding:15px 0}.review-step summary{font-size:13px;cursor:pointer}.review-step .source-content{padding-top:12px}
#research-mode{max-width:125px}.project-heading{flex-wrap:wrap;gap:5px}.project-heading>span{margin-right:auto}
@media(max-width:700px){.research-home{padding:30px 22px}.research-home h1{font-size:30px}.research-threads button{align-items:flex-start;flex-direction:column;gap:7px}.composer-bottom:has(#research-mode){flex-wrap:wrap}.composer-bottom:has(#research-mode) .composer-actions{margin-left:auto}.research-disclosure{font-size:11px}.background-controls{flex-wrap:wrap}.scenario-grid{gap:9px}.scenario-table{grid-template-columns:42px 1fr 1fr}.scenario-bars>div{gap:7px}}

body[data-daylight="night"]{--night-dim:.12}
.atmosphere-shade:after{content:"";position:absolute;inset:0;background:#080915;opacity:var(--night-dim,0)}

dialog:not([open]) .atmosphere-light{animation:none;will-change:auto}

/* One obvious place for a new thought, with depth selected beside the prompt. */
.top-new-chat{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:#e4d3f5;padding:7px 10px;border:1px solid #bc99de28;border-radius:9px;background:#aa78d00c}
.new-chat-nav{color:#efddff!important;background:#a376ce13;border:1px solid #bf94e523;margin-bottom:8px}
.home-query{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;border:1px solid #b493d32e;border-radius:15px;background:#211b32a6;backdrop-filter:blur(20px);color:#c5b5d5;font-size:15px;text-align:left;margin:24px 0}
.home-query:hover{border-color:#c3a3e55c;background:#302440aa;color:#f2e7fa}
.intent-options{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.intent-options button{padding:7px 11px;border-radius:20px;border:1px solid transparent;color:#baaac9;font-size:12px;transition:background .15s,border-color .15s}
.intent-options button[aria-pressed="true"]{background:#b084d626;border-color:#c19ae04a;color:#f0e2fb}
.intent-options button:hover{background:#b084d61a;color:#f0e2fb}
.intent-description{font-size:10px;line-height:1.5;color:#a89ab8;margin:9px 4px 0;min-height:15px}
.chat-library .lead{margin-bottom:22px}.chat-library .library-row strong{overflow-wrap:anywhere}.chat-library .library-row:hover{color:#e6c9ff}
@media(max-width:700px){.top-new-chat{font-size:12px;padding:7px 9px}.workspace-status{gap:8px}.workspace-status .status span{display:none}.breadcrumb{min-width:0}.breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32vw}.home-query{padding:16px;margin-block:22px}.intent-options{gap:2px}.intent-options button{font-size:11px;padding:8px}.intent-description{font-size:10px}.workspace.is-empty .composer-wrap{padding-bottom:5vh}.composer textarea{font-size:16px}.library-row{align-items:flex-start}.workspace{padding-bottom:max(16px,env(safe-area-inset-bottom))}.composer-actions select{font-size:12px}}
.pair-page{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 90% 90%,#643874,#141425 70%);overflow:auto}
.pair-card{width:min(420px,100%);line-height:1.7}.pair-card h1{font-weight:450;font-size:30px;letter-spacing:-.6px}.pair-card p,.pair-card small{color:#bcaccb}.pair-card form{display:grid;gap:12px;margin:30px 0}.pair-card input{font-size:24px;letter-spacing:8px;text-align:center}.pair-card .primary{min-height:44px}.pair-number{font-size:32px;letter-spacing:8px;color:#e8d4ff}.phone-address{overflow-wrap:anywhere;font-size:13px;color:#d6bfe8}.phone-steps{padding-left:20px;font-size:14px;line-height:1.8;color:#c7b9d5}.phone-steps li{margin:12px 0}.message-body a{color:#cbb0ed;text-decoration-color:#bfa2df50;text-underline-offset:3px;overflow-wrap:anywhere}

/* Prompt-first workspace: the approved visual concept, connected to local work. */
.flow{--bg:#20152f;--ink:#f8f3ff;--muted:#d4c4e5;--dim:#bdaaca;--accent:#e4c7ff;--line:#e4cafd21;height:var(--app-height,100dvh);min-height:0;overflow:hidden}
[hidden]{display:none!important}
.flow .ambient{z-index:0}.flow #app{position:relative;z-index:1;height:100%}.flow .grain{display:none}
.flow [data-palette="violet"]{--sky:#241633;--fold:#9970cf;--glow:#c482d8}
.flow [data-palette="ocean"]{--sky:#0c2538;--fold:#488fbb;--glow:#75bbcc}
.flow [data-palette="ember"]{--sky:#301823;--fold:#b46b79;--glow:#e49b7b}
.flow [data-palette="forest"]{--sky:#152e30;--fold:#548f86;--glow:#acc48f}
.flow [data-palette="slate"]{--sky:#1c2336;--fold:#8592b8;--glow:#aaa4d5}
.flow [data-palette="rose"]{--sky:#301a38;--fold:#ba75b9;--glow:#db92c0}
.flow .atmosphere{background:radial-gradient(ellipse at 57% 70%,color-mix(in srgb,var(--fold) 46%,var(--sky)),var(--sky) 90%)}
.flow .atmosphere-field{inset:-10%;opacity:calc(.4 + var(--scene-depth,.65)*.55)}
.flow .light-one{background:radial-gradient(ellipse at 58% 57%,var(--fold),transparent 61%);opacity:.84;animation-duration:48s}
.flow .light-two{background:radial-gradient(ellipse at 89% 89%,var(--glow),transparent 51%);opacity:.60;animation-duration:58s}
.flow .light-three{background:radial-gradient(ellipse at 0% 0%,#100d25,transparent 65%);opacity:.95;animation-duration:64s}
.flow .atmosphere-shade{background:linear-gradient(135deg,#140d2530,transparent 65%)}
.flow .atmosphere-shade:after{opacity:0}
.flow .shell{display:block;height:100%;grid-template-columns:none}
.flow .main{height:100%;display:flex;flex-direction:column;overflow:hidden}
.flow .topbar{height:88px;min-height:88px;padding:env(safe-area-inset-top) 36px 0;z-index:3;gap:16px}
.flow .identity{display:flex;align-items:center;gap:25px;min-width:0}
.flow .menu-button{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;color:#d8c5e6;padding:12px 8px}
.flow .menu-button span{height:1px;width:18px;background:currentColor;display:block}.flow .menu-button span:last-child{width:12px}
.flow .wordmark{width:113px;height:24px;background:#eadcf7;opacity:.88;flex-shrink:0}
.flow .location{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dfcdef;padding:12px 0}
.flow .today-link{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px;font-size:12px;color:#e5d6ef;white-space:nowrap}
.flow .today-link i{width:4px;height:4px;border-radius:50%;background:#e7c9ff;box-shadow:0 0 12px #c189ff70}
.flow #view{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#e5caff33 transparent}
.flow .workspace{max-width:800px;width:calc(100% - 88px);height:100%;min-height:0;padding:0 0 22px;margin:auto;animation:arrive .4s var(--ease)}
.flow .workspace.is-empty{justify-content:center;padding-bottom:clamp(30px,8vh,100px)}
.flow .workspace.is-empty .composer-wrap{margin:0;padding:0}.flow .workspace.is-empty .messages{display:none}
.flow .workspace.is-empty .thread-heading,.flow .workspace.is-empty .tabs{flex-shrink:0}
.flow .workspace.is-empty .thread-heading{margin-bottom:8px}.flow .workspace.is-empty .tabs{margin-bottom:40px}
.flow .composer{border:0;border-radius:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}
.flow .composer:focus-within{border:0;box-shadow:none}
.flow .floating-field{position:relative;min-height:72px;padding:10px 0 10px 28px;isolation:isolate}
.flow .entry-glow{position:absolute;inset:-70px 0 -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ebcaff09,transparent 68%);filter:blur(25px)}
.flow .inviting-cursor{position:absolute;top:15px;left:0;width:2px;height:40px;background:#f9eaff;border-radius:2px;box-shadow:0 0 12px #e3a8ffb0,0 0 35px 5px #dcafff38;animation:flow-cursor 3.8s ease-in-out infinite;pointer-events:none}
@keyframes flow-cursor{0%,100%{opacity:.55}50%{opacity:1}}
.flow .composer:focus-within .inviting-cursor,.flow .composer.has-text .inviting-cursor{opacity:0;animation:none}
.flow .composer textarea{min-height:52px;max-height:200px;font-size:clamp(27px,3.1vw,38px);font-weight:350;line-height:1.4;letter-spacing:-.85px;color:#fcf5ff;caret-color:#f9dbff;overflow:auto;scrollbar-width:thin;border-radius:0}
.flow .composer textarea::placeholder{color:#eee0f6;opacity:1}
.flow .composer:focus-within textarea::placeholder{color:#dbc5e9}
.flow .composer-bottom{padding:14px 0 0 23px;margin:0;gap:10px;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.flow .composer:focus-within .composer-bottom,.flow .composer.has-text .composer-bottom,.flow .composer.engaged .composer-bottom,.flow .has-messages .composer-bottom{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.flow .composer-tools{gap:20px;flex:1}.flow .composer-actions{gap:8px}
.flow .composer-bottom select{font-size:12px;min-height:44px;padding:8px 22px 8px 0;border:0;box-shadow:none;background-color:transparent;max-width:160px;color:#ead9f5;cursor:pointer}
.flow .composer-bottom #send-mode{max-width:100px;color:#ccb5df}
.flow .place-button{min-height:44px;padding:8px 0;font-size:12px;color:#d8c2e8;white-space:nowrap}.flow .place-button span{margin-left:7px;color:#b29cc6}
.flow #send-button{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#e6c3ff20;border:1px solid #f2d2ff40;border-radius:50%;color:#f3deff;box-shadow:0 0 30px #deb6ff0a}
.flow #send-button:hover{background:#e6c3ff35;transform:translateY(-1px)}
.flow #send-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.flow .routing-hint{font-size:11px;line-height:1.6;color:#d1bade;margin:6px 0 0 23px}
.flow .workspace-footer{height:45px;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 44px max(10px,env(safe-area-inset-bottom));color:#c9b0dc;gap:20px}
.flow .workspace-footer button{font-size:11px;color:#d3bce5;min-height:36px;padding:0}
.flow .status{font-size:10px;color:#c9b4d9;white-space:normal;line-height:1.5}.flow .status i{width:4px;height:4px;flex-shrink:0;background:#bee3d4}
.flow .sidebar{position:fixed;inset:12px auto 12px 12px;z-index:11;width:min(304px,calc(100% - 32px));height:auto;padding:20px;transform:none;visibility:visible;pointer-events:auto;background:#251a35ed;border:1px solid #e1baff25;border-radius:22px;backdrop-filter:blur(32px);box-shadow:0 25px 100px #12092366;overflow:auto;animation:arrive .2s var(--ease)}
.flow .drawer-shade{position:fixed;inset:0;z-index:10;background:#120c2433;backdrop-filter:blur(8px);width:100%;height:100%;border-radius:0}
.flow .drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d4bee4;margin-bottom:16px}
.flow .drawer-head button{width:44px;height:44px;font-size:22px}
.flow .new-thought{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #e4bdff25;border-radius:12px;padding:14px 12px;background:#cf9dff09;font-size:14px;margin-bottom:12px}
.flow .nav-button,.flow .project-link{min-height:44px;color:#dfcaed;font-size:13px;line-height:1.5}
.flow .section-label{margin:14px 0 0;padding:12px;font-size:9px;color:#bba2cd;letter-spacing:1.5px}.flow .section-label button{width:32px;height:32px}
.flow .project-link.active{background:#d2a1ff13}.flow .recent-link{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:0}
.flow .sidebar-bottom{padding-top:20px}.flow .sidebar-bottom .nav-button{font-size:13px}
.flow .thread-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;flex-shrink:0}
.flow .thread-title{font-size:13px;text-align:left;color:#e6d3f2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0}.flow .thread-title span{margin-left:6px;color:#bca1d2}
.flow .new-thread{width:44px;height:44px;color:#e1c5f6;font-size:21px;flex-shrink:0}
.flow .tabs{gap:26px;border-color:#d9b5f021}.flow .tab{min-height:44px;font-size:12px;color:#d0bade;padding:10px 0}.flow .tab.active{color:#fff0ff}
.flow .project-welcome{margin:0 0 34px}.flow .project-welcome h1{font-size:32px;letter-spacing:-.8px;font-weight:350;margin:0 0 20px}.flow .eyebrow{font-size:10px;color:#dfc6ef;letter-spacing:1.8px;margin-bottom:16px}
.flow .recent-threads{display:flex;flex-direction:column;max-width:650px}
.flow .recent-threads button{display:flex;justify-content:space-between;gap:20px;text-align:left;font-size:14px;color:#e7d5f2;border-bottom:1px solid var(--line);padding:14px 0;line-height:1.6;min-height:48px}
.flow .recent-threads button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow .recent-threads button span:last-child{color:#cda4e4}
.flow .project-shortcuts{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px}.flow .project-shortcuts button{font-size:11px;color:#dcc1ee;min-height:44px;padding:4px 0}
.flow .project-landing .composer textarea{font-size:26px;min-height:40px}.flow .project-landing .inviting-cursor{height:30px}
.flow .has-messages .composer-wrap{padding-top:14px;border-top:1px solid #e4c4ff26}.flow .has-messages .composer textarea{font-size:21px;min-height:32px;letter-spacing:-.4px}
.flow .has-messages .floating-field{min-height:52px;padding:4px 0 4px 20px}.flow .has-messages .inviting-cursor{height:26px;top:6px}.flow .has-messages .composer-bottom{padding-top:4px;padding-left:16px}
.flow .messages{scroll-behavior:auto;padding:26px 6px 20px 0;min-height:0;overscroll-behavior:contain}
.flow .message-body{font-size:16px;color:#fbf3ff;line-height:1.8}.flow .message-head{font-size:10px;color:#d0b6e0}.flow .message.user{background:#1d102a30;border:1px solid #e3c1ff17;padding:16px 20px;backdrop-filter:blur(16px)}
.flow .message-actions{gap:15px;opacity:1}.flow .message-actions button{color:#d3b8e4;font-size:11px;min-height:36px}.flow .pending{color:#f0d8ff}.flow .run-info{color:#d8bfe9}.flow .run-info.error{color:#ffd2c3}
.flow .home,.flow .research-home{max-width:880px;min-height:0;padding:6vh 40px 40px}.flow .home .lead{color:#d8c2e6;font-size:14px;margin-bottom:30px}
.flow .home h1{font-weight:350;font-size:36px}.flow .home-query{margin-bottom:25px;color:#f3dfff}.flow .task-title{font-size:17px}.flow .task-meta{color:#ceb3df}.flow .home-bottom{color:#bfa5d0}
.flow .library-row{align-items:flex-start;gap:14px;min-height:52px}.flow .library-row strong{line-height:1.6;font-size:14px;overflow-wrap:anywhere}.flow .library-row span{font-size:11px;color:#c8addb}
.flow dialog{background:linear-gradient(145deg,#30213cfb,#1b172cfb);border-color:#d9b2f735;max-height:calc(var(--app-height,100dvh) - 40px);overscroll-behavior:contain;scrollbar-width:thin;padding:28px}
.flow dialog::backdrop{background:#120b2255;backdrop-filter:blur(12px)}.flow .dialog-copy,.flow .form-row small{color:#d1badf}.flow .close{width:44px;height:44px}.flow .dialog-head h2{font-weight:450;font-size:23px}
.flow .option-list{display:flex;flex-direction:column}.flow .option-list button{min-height:48px;text-align:left;padding:12px;border-radius:10px;font-size:14px;color:#edd7ff}.flow .option-list button:hover{background:#d3a0ff14}
.flow .area-choices{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}.flow .area-choices button{padding:10px 12px;min-height:44px;font-size:12px;border:1px solid #e4bdff25;border-radius:20px}
.flow #toast{background:#352044f5;border:1px solid #c6a2e333;color:#fff0ff;bottom:52px}
.flow .quiet{color:#dbc1ed}.flow .message-body a{color:#ecc5ff}.flow .message-body pre{max-width:100%;background:#160c2666}

@media(max-width:700px){
 .flow .topbar{height:72px;min-height:72px;padding:env(safe-area-inset-top) 16px 0;gap:12px}.flow .identity{gap:13px}.flow .wordmark{width:98px;height:22px}.flow .menu-button{padding-left:7px;width:36px}.flow .location{display:none}.flow .today-link{font-size:12px;padding:8px 4px}
 .flow .workspace{width:calc(100% - 44px);padding:0 0 12px}.flow .workspace.is-empty{padding-bottom:clamp(30px,12vh,115px)}
 .flow .composer textarea{font-size:clamp(23px,6.3vw,30px);letter-spacing:-.65px;min-height:42px;line-height:1.45}
 .flow .floating-field{padding:10px 0 10px 18px;min-height:64px}.flow .inviting-cursor{height:32px;top:13px}
 .flow .composer-bottom{padding:10px 0 0 12px;gap:5px;align-items:flex-start}.flow .composer-tools{gap:8px;flex-wrap:wrap;min-width:0;row-gap:0}.flow .composer-actions{gap:2px}.flow .composer-bottom select{font-size:12px;padding:8px 4px 8px 0;max-width:151px}.flow .composer-bottom #send-mode{max-width:81px;font-size:11px}.flow .place-button{font-size:11px;white-space:normal;text-align:left}.flow .place-button span{margin-left:2px}.flow #send-button{width:44px;height:44px}
 .flow .workspace-footer{padding:0 24px max(12px,env(safe-area-inset-bottom));height:44px;min-height:44px;gap:10px}.flow .workspace-footer button{font-size:10px;flex-shrink:0}.flow .status{font-size:10px}
 .flow .has-messages .composer textarea{font-size:18px;min-height:28px;letter-spacing:-.2px}.flow .has-messages .floating-field{padding-left:12px}.flow .has-messages .composer-bottom{padding-left:8px}
 .flow .thread-heading{padding:0}.flow .thread-title{font-size:12px}.flow .tabs{gap:25px}.flow .tab{font-size:12px}.flow .messages{padding-top:20px}.flow .message.user{margin-left:0;padding:14px}.flow .message.assistant{padding-inline:0}.flow .message-body{font-size:16px}.flow .message-actions{gap:14px;flex-wrap:wrap}.flow .message-actions button{font-size:11px;min-height:40px}
 .flow .project-welcome{margin-bottom:22px}.flow .project-welcome h1{font-size:28px;margin-bottom:14px}.flow .eyebrow{font-size:10px;margin-bottom:14px}.flow .recent-threads button{font-size:13px;line-height:1.6}.flow .project-shortcuts{gap:16px}.flow .project-shortcuts button{font-size:11px}.flow .project-landing .composer textarea{font-size:23px}.flow .workspace.project-landing{padding-top:24px;padding-bottom:25px;justify-content:flex-start;height:auto;min-height:100%}
 .flow .home,.flow .research-home{padding:25px 22px 30px}.flow .home h1{font-size:30px}.flow .home .lead{font-size:14px}.flow .task-row{padding:18px 10px;gap:8px;grid-template-columns:20px minmax(0,1fr) auto}.flow .task-title{font-size:15px}.flow .task-meta{font-size:11px}.flow .library-row{flex-direction:column;gap:5px}
 .flow dialog{width:calc(100vw - 24px);padding:20px;max-height:calc(var(--app-height,100dvh) - 24px);border-radius:18px}.flow dialog input,.flow dialog textarea,.flow dialog select{font-size:16px}.flow .dialog-actions{flex-wrap:wrap}.flow .background-preview strong{font-size:20px}
 .flow.keyboard-open .workspace-footer{display:none}.flow.keyboard-open .topbar{height:54px;min-height:54px}.flow.keyboard-open .workspace.is-empty{padding-bottom:5px;justify-content:flex-end}.flow.keyboard-open .project-welcome{display:none}.flow.keyboard-open .composer-wrap{padding-bottom:env(safe-area-inset-bottom)}.flow.keyboard-open .routing-hint{font-size:10px;max-height:40px;overflow:auto}
}
@media(max-width:370px){.flow .workspace{width:calc(100% - 32px)}.flow .composer-bottom{padding-left:4px}.flow .composer-tools{gap:2px}.flow .composer-bottom select{font-size:11px}.flow .composer-bottom #send-mode{max-width:77px}.flow .tab{font-size:11px}.flow .tabs{gap:22px}}
@media(max-height:600px){.flow .workspace.is-empty{padding-bottom:12px}.flow .project-welcome{margin-bottom:16px}.flow .workspace.project-landing{height:auto;min-height:100%;justify-content:flex-start;padding-top:10px}.flow .workspace.is-empty .tabs{margin-bottom:16px}.flow .workspace-footer{display:none}}
@media(prefers-reduced-motion:reduce){.flow .inviting-cursor{animation:none;opacity:.85}.flow *{scroll-behavior:auto!important}}
.flow .mobile-project-name{display:none}
@media(max-width:700px){.flow .mobile-project-name{display:block;color:#d6bce7;font-size:10px;letter-spacing:1px;padding:8px 0 0;flex-shrink:0}}
.flow .project-landing{min-height:0!important}
@keyframes flow-appear{from{opacity:0}to{opacity:1}}
.flow .workspace,.flow .home{animation:flow-appear .3s ease-out}
.flow .background-preview{container-type:inline-size;padding:12px}
.flow .background-preview>span{font-size:clamp(7px,5cqw,11px);line-height:1.8}
.flow .background-preview strong{font-size:clamp(12px,8cqw,25px);line-height:1.5}

/* Ordinary conversation: question, answer, and a nearby place to reply. */
.flow .floating-field{padding-right:56px}
.flow .floating-field #send-button{position:absolute;right:0;bottom:12px;opacity:0;visibility:hidden;transition:opacity .2s,background .2s}
.flow .composer.has-text #send-button{opacity:1;visibility:visible}
.flow #send-button:disabled{opacity:.35;cursor:wait;transform:none}
.flow .composer-bottom{justify-content:flex-start;padding-top:0}
.flow .thinking-mode{min-height:44px;font-size:12px;color:#dfcbea;padding:0 8px 0 0;display:flex;gap:8px;align-items:center}
.flow .thinking-mode>span:last-child{opacity:.65}
.flow .has-messages .composer-bottom{opacity:0;visibility:hidden;pointer-events:none}
.flow .has-messages .composer:focus-within .composer-bottom,.flow .has-messages .composer.has-text .composer-bottom{opacity:1;visibility:visible;pointer-events:auto}
.flow .has-messages .composer-wrap{border:0;padding-top:8px}
.flow .has-messages .floating-field{border-bottom:1px solid #e5c6ff38;padding:12px 56px 12px 0;min-height:54px}
.flow .has-messages .inviting-cursor,.flow .has-messages .entry-glow{display:none}
.flow .has-messages .composer textarea{font-size:18px;letter-spacing:-.2px}
.flow .has-messages .composer textarea::placeholder{color:#dac4e6}
.flow .has-messages .composer-bottom{padding-left:0}
.flow .standalone .messages{flex:0 1 auto;padding:12px 0 0}
.flow .standalone .thread-heading{margin-bottom:14px}
.flow .standalone .thread-title{max-width:calc(100% - 52px);font-size:12px;color:#d3bade}
.flow .standalone .mobile-project-name{display:none}
.flow .message{position:relative;margin-bottom:24px;padding:0 4px}
.flow .message.user{width:fit-content;max-width:90%;margin:6px 0 30px auto;padding:11px 18px;background:#24173345;border:1px solid #ebd0ff18;border-radius:18px}
.flow .message-body p{margin:0 0 14px}.flow .message-body p:last-child{margin-bottom:0}
.flow .message-more{display:block;margin:4px 0 -15px auto;min-width:44px;min-height:30px;color:#d8bee9;font-size:18px;letter-spacing:2px;opacity:0;transition:opacity .15s}
.flow .message:hover .message-more,.flow .message:focus-within .message-more{opacity:1}
.flow .pending{font-size:13px;color:#e6cbf4;padding:12px 4px;margin:0 0 16px}
.flow .reply-error{padding:8px 4px 24px;font-size:14px;color:#f1ddeb;line-height:1.7}
.flow .reply-error p{margin:0 0 7px}.flow .reply-error button{min-height:44px;padding:8px 16px 8px 0;color:#f5ddff;font-size:13px}.flow .reply-error .failure-details{font-size:12px;color:#d7bbdf}
.flow .mode-choices{display:grid;gap:5px;margin:10px 0 18px}
.flow .mode-choices button{text-align:left;padding:14px;border:1px solid transparent;border-radius:12px;min-height:60px}
.flow .mode-choices button[aria-pressed="true"]{background:#caa0f016;border-color:#d8baff38}
.flow .mode-choices strong{display:block;font-size:15px;font-weight:450;color:#f5e6ff}.flow .mode-choices span{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#d4bfdc}
.flow .workspace-footer>button{display:none}
@media(pointer:coarse){.flow .message-more{opacity:.65;min-height:36px}}
@media(max-width:700px){.flow .message.user{max-width:94%;padding:10px 14px}.flow .standalone .thread-heading{margin-bottom:6px}.flow .standalone .messages{padding-top:6px}.flow .has-messages .floating-field{padding-left:0}.flow .has-messages .composer-bottom{padding-left:0}}

/* Quiet, anchored choices. Nothing dims or takes over the workspace. */
.flow .composer-bottom{gap:22px;align-items:center;flex-wrap:wrap;row-gap:0}
.flow .thinking-mode,.flow .project-selector{font-size:12px;min-height:44px;color:#dccae9;gap:8px;line-height:1.4}
.flow .project-selector{display:flex;align-items:center;padding:0;background:transparent;min-width:0;max-width:190px;text-align:left}
.flow .project-selector>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.flow .project-selector>span:last-child{opacity:.6;flex-shrink:0}
.flow .thinking-mode:hover,.flow .project-selector:hover,.flow [aria-expanded="true"].thinking-mode,.flow [aria-expanded="true"].project-selector{color:#fff6ff}
.flow.inline-menu-open .composer-bottom{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.flow .inline-menu{position:fixed;inset:auto;margin:0;padding:6px;z-index:30;width:238px;box-sizing:border-box;border-radius:14px;border:1px solid #efdcff24;background:linear-gradient(145deg,#22152e83,#21173968);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 12px 36px #0a061b25,inset 0 1px #ffffff08;color:#f8edff;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfb9f330 transparent;animation:menu-unfold .16s ease-out;transform-origin:top left}
.flow .inline-menu[data-side="above"]{transform-origin:bottom left}
.flow .inline-menu::backdrop{background:transparent;pointer-events:none}
.flow .inline-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 13px;text-align:left;font-size:13px;font-weight:400;line-height:1.4;border:0;border-radius:8px;color:#f3e4fc;background:transparent;outline-offset:-2px;transition:background .15s,color .15s}
.flow .inline-menu button:hover,.flow .inline-menu button:focus-visible{background:#e4bcff12;color:#fffaff;outline:1px solid #e4bcff28}
.flow .inline-menu button[aria-checked="true"]{color:#fff9ff;background:#e4bcff0c}
.flow .inline-menu .choice-check{color:#b9e9e0;font-size:12px}
.flow .inline-menu button[data-choice="note"]{border-top:1px solid #ebcbff14;border-radius:0 0 8px 8px;margin-top:4px;color:#cfb9dd}
.flow .inline-menu[aria-busy="true"] button{cursor:wait;opacity:.65}
.flow .inline-menu-error{font-size:12px;line-height:1.5;color:#ffd3d3;padding:4px 12px}
@keyframes menu-unfold{from{opacity:0;transform:translateY(-3px) scale(.99)}to{opacity:1;transform:none}}

/* Deeper lavender, a rose edge and a cool glint; shared by the studio preview. */
.flow [data-palette="violet"]{--sky:#160e2a;--fold:#8d60d0;--glow:#e99ac9;--glint:#85ddd8}
.flow .atmosphere{background:radial-gradient(ellipse at 70% 76%,color-mix(in srgb,var(--fold) 42%,var(--sky)),var(--sky) 85%)}
.flow .light-one{background:radial-gradient(ellipse at 62% 63%,var(--fold),transparent 58%);opacity:.93}
.flow .light-two{background:radial-gradient(ellipse at 93% 87%,var(--glow),transparent 45%);opacity:.72}
.flow .light-three{background:radial-gradient(ellipse at 87% 9%,color-mix(in srgb,var(--glint,var(--glow)) 50%,transparent),transparent 35%),radial-gradient(ellipse at 0% 25%,#0b0821,transparent 69%);opacity:.85}
.flow .atmosphere-shade{background:linear-gradient(115deg,#09051e45,transparent 68%),radial-gradient(ellipse at 44% 43%,#13092524,transparent 60%)}
.flow .composer textarea{color:#fffaff;text-shadow:0 2px 18px #0c061f80}
.flow .composer textarea::placeholder{color:#fbf1ff;opacity:1}
.flow .composer:focus-within textarea::placeholder{color:#e9d9f3}
.flow .has-messages .composer textarea::placeholder{color:#e5d2ed}
.flow .entry-glow{background:radial-gradient(ellipse,#120b2633,transparent 70%);filter:blur(22px)}
.flow .inviting-cursor{background:#e1fff5;box-shadow:0 0 12px #abedddaa,0 0 32px 3px #bb9fff45}
.flow .message-body{color:#fcf5ff;text-shadow:0 1px 10px #11092140}
@media(max-width:370px){.flow .composer-bottom{gap:12px}.flow .thinking-mode,.flow .project-selector{font-size:11px}.flow .project-selector{max-width:143px}}
@media(prefers-reduced-motion:reduce){.flow .inline-menu{animation:none}}


/* The opening prompt and its choices share the browser's centre line. */
.flow .workspace.is-empty .composer-wrap{width:min(100%,640px);margin-inline:auto;transform:none}
.flow .workspace.is-empty .floating-field{padding-inline:0}
.flow .workspace.is-empty .composer textarea:placeholder-shown{text-align:center}
.flow .workspace.is-empty .inviting-cursor{left:max(0px,calc(50% - var(--placeholder-width,300px)/2 - 18px))}
.flow .workspace.is-empty .composer-bottom{justify-content:center;padding-inline:0}
.flow .workspace.is-empty .composer.has-text .floating-field{padding-right:56px}
.flow .workspace.is-empty .composer textarea:not(:placeholder-shown){text-align:left}

/* Reading and writing share a calm serif; compact navigation keeps its UI face. */
.flow .composer textarea,.flow .message-body,.flow .source-content{
 font-family:"Times New Roman",Times,"Liberation Serif",serif;
 font-weight:400;letter-spacing:normal;
 text-shadow:0 1px 2px #10082080,0 2px 14px #10082055;
}
.flow .message-body,.flow .source-content{font-size:20px;line-height:1.65}
.flow .message-body h3{font-size:23px;font-weight:700}
.flow .has-messages .composer textarea{font-size:22px;letter-spacing:normal}
.flow .message-body pre,.flow .message-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:none}
.flow .message-body code{font-size:.8em}.flow .message-body pre{font-size:14px}
@media(max-width:700px){.flow .message-body,.flow .source-content{font-size:19px}.flow .has-messages .composer textarea{font-size:21px}}

/* One document scroll. Replies never re-enter or pulse as their text arrives. */
html:has(body.flow){height:auto;min-height:100%;overflow-y:auto;scrollbar-gutter:stable}
body.flow{height:auto;min-height:100dvh;overflow:visible}
.flow #app,.flow .shell,.flow .main{height:auto;min-height:100dvh;overflow:visible}
.flow .main{display:flex;flex-direction:column}
/* Navigation stays within reach while the conversation uses the page scroll. */
.flow .topbar{
 position:sticky;top:0;z-index:8;flex-shrink:0;
 height:calc(88px + env(safe-area-inset-top));
 min-height:calc(88px + env(safe-area-inset-top));
 background:linear-gradient(180deg,#170f29ed,#211432c9);
 backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
 box-shadow:0 1px 0 #ead8ff12,0 8px 24px #0e071b14;
}
html:has(body.flow){scroll-padding-top:calc(100px + env(safe-area-inset-top))}
.flow .topbar .menu-button,.flow .topbar .wordmark,.flow .topbar .today-link{min-height:44px}
@media(max-width:700px){
 .flow .topbar{height:calc(72px + env(safe-area-inset-top));min-height:calc(72px + env(safe-area-inset-top))}
 .flow.keyboard-open .topbar{height:calc(54px + env(safe-area-inset-top));min-height:calc(54px + env(safe-area-inset-top))}
 html:has(body.flow){scroll-padding-top:calc(84px + env(safe-area-inset-top))}
}
.flow #view{flex:1;min-height:0;overflow:visible}
.flow .workspace{height:auto;min-height:calc(var(--app-height,100dvh) - 133px);overflow:visible}
.flow .workspace.is-empty{min-height:calc(var(--app-height,100dvh) - 133px)}
.flow .messages,.flow .standalone .messages{overflow:visible;flex:none;max-height:none;scrollbar-width:none;overscroll-behavior:auto}
.flow .message,.flow .workspace,.flow .home{animation:none}
.flow .has-messages .composer-wrap{margin-top:auto;padding-top:24px;padding-bottom:12px}
.flow .composer textarea{max-height:none;overflow:hidden;scrollbar-width:none}
.flow .message-body pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible}
.flow .pending{display:flex;align-items:center;gap:12px;min-height:32px;padding:8px 4px;animation:none;color:#dfccec;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.flow .reply-orbit{display:flex;align-items:center;gap:5px;width:32px;height:22px}
.flow .reply-orbit i{display:block;width:5px;height:5px;border-radius:50%;background:#e3d1fb;box-shadow:0 0 8px #c8a6ff55;animation:reply-wave 1.6s ease-in-out infinite}
.flow .reply-orbit i:nth-child(2){animation-delay:.18s;background:#c9eee5}.flow .reply-orbit i:nth-child(3){animation-delay:.36s}
@keyframes reply-wave{0%,65%,100%{transform:translateY(1px) scale(.8);opacity:.5}30%{transform:translateY(-3px) scale(1);opacity:1}}
.flow .drawer-controls{display:flex;gap:3px;align-items:center}
.flow .drawer-head .pin-menu{font-size:20px;color:#c8b1df}
.flow .drawer-head .pin-menu[aria-pressed="true"]{color:#c9eee5}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 .flow .drawer-shade{display:none}
 .flow.sidebar-pinned .main{margin-left:320px;transition:margin-left .18s ease-out}
 .flow .sidebar{animation:none}
}
@media(max-width:899px),(hover:none),(pointer:coarse){.flow .pin-menu{display:none}.flow .main{margin-left:0}}
@media(max-width:700px){
 .flow .workspace,.flow .workspace.is-empty{min-height:calc(var(--app-height,100dvh) - 116px)}
 .flow .has-messages .composer-wrap{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .flow.keyboard-open .workspace,.flow.keyboard-open .workspace.is-empty{min-height:calc(var(--app-height,100dvh) - 54px)}
}
@media(prefers-reduced-motion:reduce){.flow .reply-orbit i{animation:none;opacity:.8}.flow.sidebar-pinned .main{transition:none}}