/* Mesh web app. Loads after /assets/mesh/tokens.css and glass.css (same sky, glass and ink as the site).
   Fonts come from tokens.css: Inter and Newsreader, self-hosted woff2. No third-party font host is used.
   The app CSP forbids inline style attributes, so every size comes from a class or a custom property set from script. */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{-webkit-text-size-adjust:100%}
.app-body *,.app-body *::before,.app-body *::after{box-sizing:border-box}
html[data-sky="dark"]{--on-sky:#F9F9FA;--on-sky-2:rgba(249,249,250,.74);--glass-card-live:var(--glass-card-night)}
html[data-sky="dark"] .seg,html[data-sky="dark"] .circle,html[data-sky="dark"] .chip-assistant{background:rgba(255,255,255,.62)}
.app-body{margin:0;min-height:100svh;font:400 var(--t-md)/1.4 var(--font-ui);color:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased}
.app-noscript{margin:var(--s-16) var(--s-4);padding:var(--s-5);border-radius:var(--r-card);background:var(--glass-sheet);text-align:center}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}

/* ---------- Shell ---------- */
.app{--inset:16px;--col:1040px;display:flex;flex-direction:column;min-height:100svh;padding-bottom:calc(var(--s-6) + env(safe-area-inset-bottom,0px))}
#stage{display:flex;flex:1;flex-direction:column}
.app[data-wide="false"]{--col:760px}
.bar{position:sticky;top:0;z-index:30;padding:max(12px,env(safe-area-inset-top,0px)) var(--inset) 8px}
.bar::before{content:"";position:absolute;z-index:-1;inset:0 0 -18px;background:linear-gradient(to bottom,color-mix(in srgb,var(--sky-top) 78%,transparent),transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);pointer-events:none}
.bar__in{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;width:min(100%,calc(var(--col) - 2 * var(--inset)));margin:0 auto}
.bar__mid{display:flex;justify-content:center;min-width:0}
.bar__title{font:600 var(--t-md)/1 var(--font-ui);text-align:center;color:var(--on-sky)}
.circle{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;background:var(--glass-control);border:1px solid var(--glass-stroke);color:var(--ink);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform 350ms var(--ease-spring),background-color var(--dur-2) var(--ease-out)}
.circle:active{transform:scale(.94)}
.circle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.circle.is-on{background:var(--ink);color:var(--ink-on)}
.avatar{background:var(--periwinkle);border-color:transparent;font:500 1.0625rem/1 var(--font-ui)}
.avatar[aria-current]{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--ink)}

/* Segmented Home | Chat | Projects: one black capsule slides between the labels. */
.seg--tabs{height:52px;max-width:100%}
.seg--tabs button{position:relative;z-index:1;height:44px;padding:0 var(--s-5);font:500 var(--t-md)/1 var(--font-ui);color:rgba(29,29,31,.62)}
.seg--tabs button[aria-current]{color:var(--ink-on)}
.seg__thumb{position:absolute;z-index:0;top:4px;left:0;height:44px;width:var(--w,0);border-radius:22px;background:var(--ink);transform:translateX(var(--x,4px));opacity:0;transition:transform 380ms var(--ease-spring),width 380ms var(--ease-spring),opacity var(--dur-2) var(--ease-out)}
.seg__thumb.is-ready{opacity:1}

.view{width:min(100%,var(--col));margin:0 auto;padding:var(--s-4) var(--inset) 0;animation:view-in 420ms var(--ease-out) backwards}
@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view--chat{display:flex;flex:1;flex-direction:column;padding-bottom:0}

/* ---------- Home ---------- */
.hello{margin:var(--s-6) 0 var(--s-8)}
.hello__date{font:400 var(--t-sm)/var(--lh-ui) var(--font-ui);color:var(--on-sky-2)}
.hello__title{margin-top:var(--s-1);font:500 clamp(2rem,1.4rem + 2vw,2.5rem)/1.08 var(--font-ui);letter-spacing:-.02em;color:var(--on-sky);text-wrap:balance}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:0 0 var(--s-3)}
.section-head h2{font:500 var(--t-sm)/var(--lh-ui) var(--font-ui);letter-spacing:.01em;color:var(--on-sky-2)}
.block{margin-bottom:var(--s-8)}
.btn--sm{min-height:40px;padding:0 var(--s-4);font-size:var(--t-sm)}
.actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
.action-row{padding:var(--s-3) var(--s-5);min-height:76px;text-align:left}
.action-row .chip-white{border:0;cursor:pointer;min-width:64px;justify-content:center;transition:transform 350ms var(--ease-spring)}
.action-row .chip-white:active{transform:scale(.96)}
.action-row__text{flex:1;min-width:0;overflow-wrap:anywhere}
.action-row--empty{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-3);padding:var(--s-5)}
.action-more{margin:var(--s-1) var(--s-1) 0;font:400 var(--t-sm)/var(--lh-ui) var(--font-ui);color:var(--on-sky-2)}
.panels{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}
@media (min-width:900px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.panel{display:flex;flex-direction:column;min-height:220px;padding:var(--s-5);border-radius:var(--r-card)}
.panel__head{display:flex;align-items:center;gap:var(--s-2)}
.panel__head em{font-style:normal;color:var(--ink-3)}
.panel__body{flex:1;margin-top:var(--s-4)}
.panel__big{font:500 44px/1.05 var(--font-ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.panel__line{margin-top:var(--s-2);font:400 var(--t-md)/1.4 var(--font-ui)}
.panel__line span{color:var(--ink-2)}
.panel__list{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}
.panel__list li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);min-width:0}
.panel__list b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel__list span{flex:none;font-size:var(--t-sm);color:var(--ink-3)}
.panel__foot{margin-top:var(--s-4)}
.panel .chip-white{margin-top:0;border:0;cursor:pointer}
.dot{display:inline-block;width:10px;height:10px;margin-right:var(--s-2);border-radius:50%;background:#2FB26A}
.dot--off{background:var(--alert)}
.dot--wait{background:var(--gray-400)}

/* ---------- Chat ---------- */
.chat__head{display:flex;justify-content:center;margin:var(--s-2) 0 var(--s-4)}
.chip-assistant{display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;max-width:100%;padding:0 var(--s-3) 0 6px;border:1px solid var(--glass-stroke);border-radius:var(--r-pill);background:var(--glass-control);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));font:500 var(--t-sm)/1 var(--font-ui)}
.chip-assistant span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip-assistant svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.tile{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:hsl(var(--hue,220) 62% 52%);color:#fff;font:600 .8125rem/1 var(--font-ui)}
.tile--round{border-radius:50%;background:var(--periwinkle);color:var(--ink)}
.tile--lg{width:32px;height:32px;border-radius:9px;font-size:.9375rem}
.thread-title{margin:0 0 var(--s-4);font:500 var(--t-lg)/1.2 var(--font-ui);text-align:center;color:var(--on-sky)}
.transcript{display:flex;flex:1;flex-direction:column;gap:var(--s-3);padding-bottom:var(--s-6)}
.transcript .bubble{max-width:min(80%,640px);overflow-wrap:anywhere;animation:bubble-in 360ms var(--ease-out) backwards}
.transcript .bubble--user{margin-left:auto}
@keyframes bubble-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bubble ul{margin:var(--s-1) 0;padding-left:1.2em}
.bubble li{margin:0}
.bubble pre{margin:var(--s-2) 0;padding:var(--s-3);overflow-x:auto;border-radius:12px;background:rgba(29,29,31,.06);font:400 .8125rem/1.5 ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.bubble code{padding:1px 5px;border-radius:6px;background:rgba(29,29,31,.07);font:400 .875em ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.bubble pre code{padding:0;background:none}
.bubble a{color:var(--brand-blue)}
.bubble--error{background:rgba(255,255,255,.86);color:#9C2E12}
.caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--ink);animation:caret 1s steps(2,jump-none) infinite}
@keyframes caret{50%{opacity:0}}
.dots{display:inline-flex;gap:5px;align-items:center;height:22px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--gray-400);animation:dot 1.2s var(--ease-press) infinite}
.dots i:nth-child(2){animation-delay:.15s}
.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chip-wrap{position:relative;align-self:flex-start;margin-left:var(--s-3);animation:bubble-in 360ms var(--ease-out) backwards}
.chip-wrap::before{content:"";position:absolute;left:-10px;top:-6px;width:9px;height:9px;border-top:1.6px solid var(--on-sky-2);border-left:1.6px solid var(--on-sky-2);border-top-left-radius:5px;opacity:.7}
.event-chip{max-width:100%}
.event-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event-chip svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.approval{display:grid;gap:var(--s-3);max-width:min(100%,520px);padding:var(--s-4) var(--s-5);border-radius:24px}
.approval__row{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.empty-chat{margin:auto;padding:var(--s-8) 0;text-align:center;color:var(--on-sky-2)}
.empty-chat h2{font:300 clamp(2rem,1.4rem + 2vw,2.75rem)/1.1 var(--font-display);letter-spacing:-.015em;color:var(--on-sky)}
.empty-chat p{margin-top:var(--s-2)}
.dock{position:sticky;bottom:0;z-index:20;padding:var(--s-3) 0 calc(var(--s-4) + env(safe-area-inset-bottom,0px))}
.app .composer{align-items:flex-end;height:auto;min-height:52px;padding:6px 8px 6px var(--s-5);color:var(--ink)}
.composer textarea{flex:1;min-width:0;max-height:140px;padding:13px 0;border:0;background:none;resize:none;font:400 var(--t-md)/22px var(--font-ui);color:var(--ink);overflow-y:auto}
.composer textarea::placeholder{color:var(--ink-3);opacity:1}
.composer textarea:focus-visible{box-shadow:none}
.composer:has(textarea:focus-visible){box-shadow:var(--focus-ring)}
.composer__btn{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--gray-500)}
.composer__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.composer__btn.is-on{background:var(--red);color:#fff}
.composer__send{background:var(--ink);color:var(--ink-on);animation:pop 320ms var(--ease-spring) backwards}
.composer__send svg{stroke:currentColor}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}

/* ---------- Projects ---------- */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:var(--s-6) 0 var(--s-5)}
.page-head h1{font:500 clamp(2rem,1.4rem + 2vw,2.5rem)/1.08 var(--font-ui);letter-spacing:-.02em;color:var(--on-sky)}
.project-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
.project-card{display:block;width:100%;min-width:0;padding:var(--s-4) var(--s-5);text-align:left;border:1px solid var(--glass-stroke);cursor:pointer;transition:transform 350ms var(--ease-spring)}
.project-card:active{transform:scale(.98)}
.project-card__title{font:500 var(--t-md)/1.3 var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-card__line{margin-top:2px;font-size:var(--t-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.project-card__time{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--ink-3)}
.note{padding:var(--s-8) var(--s-4);text-align:center;color:var(--on-sky-2)}
.searchbar{display:flex;align-items:center;gap:var(--s-3);height:52px;margin:0 0 var(--s-5);padding:0 var(--s-5);border-radius:26px;animation:view-in 280ms var(--ease-out) backwards}
.searchbar input,.search-pill input{flex:1;min-width:0;height:100%;border:0;background:none;font:400 var(--t-md)/1 var(--font-ui)}
.searchbar input::placeholder,.search-pill input::placeholder{color:var(--ink-3);opacity:1}
.searchbar input:focus-visible,.search-pill input:focus-visible{box-shadow:none}
.searchbar svg,.search-pill svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Account ---------- */
.who{margin:var(--s-6) 0 var(--s-5);padding:0;border:0;background:none;text-align:left}
.who h1{font:500 clamp(2.125rem,1.5rem + 2vw,2.5rem)/1.05 var(--font-ui);letter-spacing:-.025em;color:var(--on-sky)}
.who p{margin-top:var(--s-2);font:400 var(--t-md)/1.3 var(--font-ui);color:var(--on-sky-2)}
.plan{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4);padding:var(--s-5) var(--s-6);border-radius:var(--r-card)}
.plan .wordmark{flex:none;font:500 2.25rem/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}
.plan .wordmark em{font-weight:300;color:var(--gray-500)}
.plan p:not(.wordmark){font:400 var(--t-md)/1.3 var(--font-ui);color:var(--ink-2);text-align:right}
.group{margin-bottom:var(--s-4);padding:0 var(--s-5);border-radius:var(--r-card)}
.menu-row{display:flex;align-items:center;gap:var(--s-4);width:100%;min-height:56px;padding:0;border:0;border-radius:0;background:none;text-align:left;font:400 var(--t-md)/1.2 var(--font-ui)}
.menu-row + .menu-row{border-top:1px solid var(--hairline-glass)}
.menu-row svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.menu-row .menu-row__label{flex:1}
.menu-row .chev{width:14px;height:14px;stroke:var(--ink);opacity:.45;stroke-width:1.8}
.group--out{background:rgba(29,29,31,.1);border-color:transparent;box-shadow:none}
.group--out .menu-row{min-height:60px}
html[data-sky="dark"] .group--out{background:rgba(255,255,255,.34)}
.search-pill{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:25;display:flex;align-items:center;gap:var(--s-3);width:min(calc(100% - 48px),520px);height:52px;padding:0 var(--s-5);border-radius:26px;transform:translateX(-50%);box-shadow:0 8px 28px rgba(20,40,70,.14)}
.has-pill .view{padding-bottom:96px}

/* ---------- Lists (accounts, tasks, wallet) ---------- */
.list{padding:0 var(--s-5);border-radius:var(--r-card)}
.row{display:flex;align-items:center;gap:var(--s-4);min-height:68px;padding:var(--s-3) 0}
.row + .row{border-top:1px solid var(--hairline-glass)}
.row__main{flex:1;min-width:0}
.row__name{font:400 var(--t-md)/1.3 var(--font-ui);overflow-wrap:anywhere}
.row__sub{margin-top:2px;font:400 var(--t-sm)/1.35 var(--font-ui);color:var(--ink-2);overflow-wrap:anywhere}
.row__sub--bad{color:#9C2E12}
.row__side{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-2);flex:none}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 var(--s-4);border:1px solid rgba(29,29,31,.08);border-radius:var(--r-pill);background:rgba(29,29,31,.07);font:500 var(--t-sm)/1 var(--font-ui);color:var(--ink);white-space:nowrap;transition:transform 350ms var(--ease-spring),background-color var(--dur-2) var(--ease-out)}
.pill-btn:active{transform:scale(.96)}
.pill-btn--quiet{background:none;border-color:transparent;color:var(--ink-2)}
.pill-btn--danger{color:#9C2E12}
.pill-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.footnote{margin:var(--s-3) var(--s-2) 0;font:400 var(--t-xs)/var(--lh-ui) var(--font-ui);color:var(--on-sky-2)}
.add-row{width:100%;border:0;background:none;text-align:left;font:inherit;cursor:pointer}

/* ---------- First run ---------- */
.first{display:grid;place-items:center;align-content:center;gap:var(--s-8);min-height:100svh;padding:var(--s-8) var(--s-4)}
.first__brand{text-align:center}
.first__mark{font:500 clamp(5rem,3.4rem + 8vw,8rem)/.9 var(--font-display);letter-spacing:-.03em;text-transform:lowercase;color:var(--on-sky)}
.first__tag{margin-top:var(--s-4);font:300 clamp(1.25rem,1.05rem + 1vw,1.75rem)/1.2 var(--font-display);letter-spacing:-.005em;color:var(--on-sky-2)}
.first__card{display:grid;gap:var(--s-4);width:min(100%,440px);padding:var(--s-6);border-radius:var(--r-card)}
.field{display:grid;gap:6px}
.field label{font:500 var(--t-sm)/var(--lh-ui) var(--font-ui);color:var(--ink-2)}
.input{width:100%;height:52px;padding:0 var(--s-4);border:1px solid var(--glass-stroke);border-radius:var(--r-field);background:var(--glass-input);font:400 var(--t-md)/1 var(--font-ui);color:var(--ink);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}
.input::placeholder{color:var(--ink-3);opacity:1}
.hint{font:400 var(--t-xs)/1.45 var(--font-ui);color:var(--ink-2)}
.check{display:flex;align-items:flex-start;gap:var(--s-3);font:400 var(--t-sm)/1.4 var(--font-ui);color:var(--ink)}
.check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink)}
.btn--block{width:100%;border:0}
.form-error{padding:var(--s-3) var(--s-4);border-radius:var(--r-field);background:rgba(255,255,255,.8);color:#9C2E12;font:500 var(--t-sm)/1.4 var(--font-ui)}
.first__fine{max-width:440px;text-align:center;font:400 var(--t-xs)/1.5 var(--font-ui);color:var(--on-sky-2)}
.first__fine a{color:inherit}

/* ---------- Sheets and toast ---------- */
.sheet-backdrop{position:fixed;inset:0;z-index:60;display:grid;align-items:end;justify-items:center;padding:0 var(--s-3) var(--s-3);background:rgba(0,0,0,.12);animation:fade 220ms var(--ease-out) backwards}
@media (min-width:700px){.sheet-backdrop{align-items:center;padding:var(--s-8)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sheet{position:relative;width:min(100%,520px);max-height:min(86svh,760px);overflow:auto;padding:var(--s-5) var(--s-5) var(--s-6);border:1px solid var(--glass-stroke);border-radius:var(--r-card);background:var(--glass-sheet);box-shadow:var(--lift-3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);animation:sheet-in 420ms var(--ease-spring) backwards}
@keyframes sheet-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.sheet__head{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;margin-bottom:var(--s-4)}
.sheet__head h2{font:600 var(--t-md)/1 var(--font-ui)}
.sheet__close{position:absolute;right:0;top:0;width:44px;height:44px}
.sheet p{margin-bottom:var(--s-3);color:var(--ink-2)}
.sheet .row p{margin:0;color:var(--ink)}
.sheet .row .row__sub{margin-top:2px;color:var(--ink-2)}
.sheet .wordmark{margin-bottom:var(--s-1);font-size:2.5rem;color:var(--ink)}
.sheet .list{padding:0 var(--s-4);background:rgba(255,255,255,.5);box-shadow:none}
.sheet .btn{margin-top:var(--s-3)}
.sheet__stack{display:grid;gap:var(--s-3)}
.read-body{max-height:50svh;overflow:auto;color:var(--ink)}
.toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));z-index:80;max-width:min(92vw,420px);padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--ink);color:var(--ink-on);font:500 var(--t-sm)/1.35 var(--font-ui);text-align:center;transform:translateX(-50%);animation:toast 3.2s var(--ease-out) both}
@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}8%,88%{opacity:1;transform:translateX(-50%)}100%{opacity:0;transform:translate(-50%,-6px)}}

/* ---------- Phones: the Hark phone layout ---------- */
@media (max-width:599px){
  .app{--inset:16px}
  .seg--tabs{height:48px}
  .seg--tabs button{height:40px;padding:0 var(--s-4);font-size:var(--t-sm)}
  .seg__thumb{top:3px;height:40px}
  .bar__in{gap:8px}
  .hello{margin-top:var(--s-4)}
  .plan .wordmark{font-size:2rem}
  .row__side{max-width:46%}
  .row--task{flex-wrap:wrap;align-items:flex-start}
  .row--task .row__side{flex:1 0 100%;max-width:none;justify-content:flex-start}
  .transcript .bubble{max-width:86%}
  .panel{min-height:0}
}
@media (max-width:379px){
  .seg--tabs button{padding:0 var(--s-3)}
}

@media (prefers-reduced-motion:reduce){
  .view,.sheet,.sheet-backdrop,.transcript .bubble,.chip-wrap,.searchbar,.composer__send{animation:none}
  .seg__thumb{transition:none}
  .caret,.dots i{animation:none}
  .toast{animation-duration:3.2s}
}
@media (prefers-reduced-transparency:reduce){
  .circle,.seg,.chip-assistant,.input,.sheet,.search-pill,.searchbar{background:var(--neutral-light);-webkit-backdrop-filter:none;backdrop-filter:none}
}