@font-face{font-family:InterK;src:url(/vendor/design/inter-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:light dark;
  --font-code:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;
  --scrim:rgb(8 10 16 / 0.36);
  --notify-dot:var(--accent-text);
  scrollbar-color:color-mix(in srgb,var(--text) 36%,transparent) transparent;
}
html,body{height:100%}
html,body{margin:0;background:var(--surface);color:var(--text)}
body{font-family:var(--font-sans);font-size:14px;line-height:1.45;font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01'}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--accent-text);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}
::selection{background:color-mix(in oklab,var(--accent) 30%,transparent);color:inherit}
.num,time{font-variant-numeric:tabular-nums}
h1,h2,h3,h4,p{margin:0}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
code,kbd{font-family:var(--font-code);font-size:12.5px}
kbd{display:inline-block;min-width:18px;padding:0 5px;border-radius:6px;background:var(--surface-3);
  box-shadow:inset 0 -1px 0 var(--line-strong),inset 0 0 0 1px var(--line);color:var(--text-2);
  font:600 11px/18px var(--font-sans);text-align:center}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ui-ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ui-ico.s16{width:16px;height:16px}
.ui-ico.s14{width:14px;height:14px}
.btn{height:30px;padding:0 12px;border-radius:8px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-size:13px;font-weight:600;background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);
  white-space:nowrap;transition:background-color var(--motion-fast) var(--ease),filter var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}
.btn:hover{background:var(--press)}
.btn:active:not(:disabled){background:var(--pressed);transition-duration:0s}
.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 -1px 0 rgb(0 0 0 / 0.15),0 1px 2px rgb(0 0 0 / 0.12)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.primary:active:not(:disabled){background:var(--accent);filter:brightness(0.9);transition-duration:0s}
.btn.danger{color:var(--bad)}
.btn.quiet{background:transparent;box-shadow:none;color:var(--text-2)}
.btn.quiet:hover{background:var(--hover);color:var(--text)}
.btn .ui-ico{width:16px;height:16px}
.btn:disabled,.btn.primary:disabled{opacity:1;background:var(--surface-3);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);cursor:default;filter:none}
.ibtn{width:30px;height:30px;border:0;border-radius:8px;background:transparent;display:inline-grid;place-items:center;color:var(--text-2);flex:none}
.ibtn:hover{background:var(--hover);color:var(--text)}
.ibtn[aria-pressed='true']{background:var(--accent-soft);color:var(--accent-text)}
.field{height:30px;min-width:0;padding:0 10px;border-radius:8px;border:0;background:var(--field);box-shadow:inset 0 0 0 1px var(--line);
  color:var(--text);font:inherit;font-size:13px}
select.field{padding-right:28px}
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:9px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;font-size:12.5px;font-weight:600;color:var(--text-2)}
.seg button[aria-pressed='true']{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0 / 0.12),0 0 0 1px var(--line)}
.switch{position:relative;width:36px;height:22px;flex:none;border-radius:11px;border:0;padding:2px;background:var(--line-strong);transition:background-color .2s var(--ease)}
.switch::after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / 0.25);transition:transform .2s var(--ease)}
.switch[aria-checked='true']{background:var(--accent)}
.switch[aria-checked='true']::after{transform:translateX(14px)}
.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.dot.bad{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 18%,transparent)}
.dot.warn{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent)}
.dot.neutral{background:var(--text-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-3) 18%,transparent)}
.dot.waits{background:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}
.dot.busy{background:var(--text-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-2) 18%,transparent)}
.dot.stopped{border-radius:2px;background:var(--text-3);box-shadow:none}
.dot.none{background:transparent;box-shadow:none}
.tag{display:inline-block;font-size:11px;font-weight:650;line-height:16px;padding:2px 7px;border-radius:6px;white-space:nowrap;background:var(--surface-3);color:var(--text-2)}
.avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;flex:none;font-size:11px;font-weight:650;
  letter-spacing:.02em;background:var(--surface-3);color:var(--text)}
.avatar.lg{width:32px;height:32px;font-size:12px}
.meta{color:var(--text-3);font-size:12.5px}
.quiet-line{margin:0;color:var(--text-3);font-size:12.5px;line-height:1.45}
.nw{white-space:nowrap}
.err{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;color:var(--text-2);font-size:13px}
.err-line{margin-right:auto;color:var(--text)}
.m-none:not(.err){display:grid;gap:4px;max-width:62ch;padding:16px}
.m-none p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.5}
.m-none b{color:var(--text);font-weight:650}
.err.m-none{margin:12px 16px 0}
.err.err-turn{margin:2px 0 14px;padding:10px 12px 10px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--surface);align-items:flex-start}
.err-turn>.dot{flex:none;margin-top:6px}
.err-turn>.err-line{flex:1 1 24ch;line-height:1.45}
.err-details{flex-basis:100%}
.err-details>summary{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:6px;color:var(--text-3);
  font-size:12px;font-weight:600;list-style:none;cursor:pointer}
.err-details>summary::-webkit-details-marker{display:none}
.err-details>summary:hover{background:var(--hover);color:var(--text)}
.err-details>summary .ui-ico{transition:transform var(--motion-fast) var(--ease)}
.err-details[open]>summary .ui-ico{transform:rotate(90deg)}
.err-details .err-body{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);color:var(--text-2);
  font:12px/1.45 var(--font-sans);font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere}
.composer{display:flex;align-items:flex-end;gap:4px;padding:6px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.composer:focus-within{box-shadow:inset 0 0 0 2px var(--accent-ring)}
.composer textarea{display:block;flex:1;min-width:0;min-height:36px;padding:8px;resize:none;border:0;background:transparent;color:var(--text);font:14px/1.4 var(--font-sans)}
.composer textarea::placeholder{color:var(--text-3)}
.composer textarea:focus{outline:none}
.send{flex:0 0 auto;display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:0;border-radius:8px;
  background:var(--accent);color:var(--on-accent);font:600 13px/1 var(--font-sans);box-shadow:inset 0 -1px 0 rgb(0 0 0 / 0.15),0 1px 2px rgb(0 0 0 / 0.12)}
.send:disabled{background:var(--surface-3);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);cursor:default}
.talk-wave{display:inline-flex;align-items:center;gap:2px;height:18px}
.talk-wave i{display:block;width:3px;height:18px;border-radius:2px;background:var(--text-2)}
.cset{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;
  color:var(--text-2);font:600 12.5px/1 var(--font-sans);white-space:nowrap}
.cset:hover{background:var(--hover);color:var(--text)}
@container app (max-width:600px){
  .btn{height:44px;min-width:44px;padding:0 14px}
  .ibtn{width:44px;height:44px}
  .field{height:44px;font-size:16px}
  .seg button{height:40px}
  .composer textarea{font-size:16px}
  .send{min-width:44px;height:44px}
  .cset{height:44px}
  .switch{margin:11px 0}
}
@keyframes pop-in{from{opacity:0;transform:scale(0.97)}}
@keyframes fade{from{opacity:0}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
@keyframes from-left{from{opacity:0;transform:translateX(-24px)}}
@keyframes enter-up{from{opacity:0;transform:translateY(8px)}}
@keyframes leave-down{to{opacity:0;transform:translateY(16px)}}
@keyframes breathe{50%{opacity:.35}}
.app{container:app/inline-size;--rail-w:264px;position:relative;height:100%;min-height:0;
  display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;color:var(--text)}
.skip{position:absolute;z-index:100;left:8px;top:-60px;padding:10px 14px;border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;box-shadow:var(--shadow-pop)}
.skip:focus{top:6px}
.bar{display:flex;align-items:center;gap:6px;height:44px;min-width:0;padding:0 10px 0 14px;background:var(--surface-2);
  box-shadow:inset 0 -1px 0 var(--line)}
.brand{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:650;white-space:nowrap}
.brand .app-mark{width:18px;height:18px}
.org{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;
  color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap}
.org:hover{background:var(--hover);color:var(--text)}
.org .ui-ico{color:var(--text-3)}
.org-role{color:var(--text-3);font-weight:500}
.beta-mark{display:inline-flex;align-items:center;height:22px;padding:0 6px;border:0;border-radius:6px;background:transparent;
  box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2);font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
button.beta-mark{cursor:pointer}button.beta-mark:hover{background:var(--hover);color:var(--text)}
.search{display:flex;align-items:center;gap:8px;width:340px;min-width:0;height:30px;margin-left:10px;padding:0 6px 0 10px;border:0;
  border-radius:8px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);font-size:13px;text-align:left}
.search:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}
.search>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-ib,.rail-ib,.new-ib{display:none}
.bar-sp{flex:1;min-width:8px}
.next{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 8px;border:0;border-radius:8px;background:transparent;
  color:var(--text);font-size:13px;font-weight:600;white-space:nowrap}
.next:hover{background:var(--hover)}
.next-count{color:var(--accent-text);font-weight:650}
.next[data-none] .next-count{color:var(--text-2);font-weight:600}
.next[data-none] .next-go{display:none}
.next-go{display:inline-flex;align-items:center;gap:6px}
.next-sep{color:var(--text-3)}
.spend{padding:0 6px;color:var(--text-2);font-size:12.5px;white-space:nowrap;border:0;background:transparent;height:30px;border-radius:8px}
.spend:hover{background:var(--hover);color:var(--text)}
.btn.quiet.stopall{color:var(--text-2)}
.btn.quiet.stopall:hover{color:var(--text)}
.btn.quiet.stopall .ui-ico{color:var(--bad)}
.stopall .ui-ico{width:14px;height:14px}
.btn.quiet.resumeall{color:var(--text)}
.bar .avatar{margin-left:6px;border:0}
button.avatar:hover{box-shadow:0 0 0 3px var(--hover)}
.btn kbd,.next kbd,.search kbd{min-width:16px;padding:0 4px;line-height:16px}
.btn.primary kbd{background:rgb(0 0 0 / 0.2);box-shadow:none;color:var(--on-accent)}
.panes{--side-w:clamp(280px,var(--wa-w,min(30cqw,440px)),100cqw - var(--rail-w) - 360px);position:relative;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--side-w);min-height:0}
.panes[data-layout='two']{grid-template-columns:var(--rail-w) minmax(0,1fr)}
.panes[data-layout='two']>:is(.side,.wa-grip){display:none}
.wa-grip{position:absolute;top:0;bottom:0;right:var(--side-w);z-index:4;width:9px;margin-right:-5px;padding:0 3px;background-clip:content-box;cursor:col-resize;touch-action:none}
.wa-grip:hover,.wa-drag>.wa-grip{background-color:var(--text-3)}
.wa-grip:focus-visible{outline:0;background-color:var(--accent-ring)}
.wa-drag{cursor:col-resize;user-select:none}
@media (pointer:coarse){.wa-grip{width:25px;margin-right:-13px;padding:0 11px}}
.wa-drag iframe{pointer-events:none}
.pane{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.pane.mid,.pane.side{overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr)}
.view{min-height:0;overflow:auto;overscroll-behavior:contain}
.view.v-enter{animation:fade var(--motion-enter) var(--ease)}
.side{box-shadow:inset 1px 0 0 var(--line)}
.p-head{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:44px;padding:6px 10px 6px 16px;
  background:var(--surface);box-shadow:inset 0 -1px 0 var(--line)}
.p-title{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-count{color:var(--text-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-sp{flex:1}
.p-up{display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:40%;height:28px;margin-left:-6px;padding:0 6px 0 2px;border-radius:6px;color:var(--text-3);font-size:12.5px;text-decoration:none}
.p-up span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.p-up:hover{background:var(--hover);color:var(--text)}
.p-head .p-up~.p-count{flex:1 1 0;min-width:0}.p-head .p-up~.p-sp{display:none}
.sess>.p-head .p-count{flex:1 1 0;min-width:0}
.p-head .dot{margin-right:2px}
.p-catch{margin-left:auto;color:var(--text-2);font-size:12.5px;white-space:nowrap}
.p-catch a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.p-catch a:hover{color:var(--text)}
.back,.on-phone,.seg-phone,.sheet-x,.p-only,.phone-only{display:none}
.on-web{display:inline}
.scrim{display:none}
.rail{padding:6px 6px 24px;background:var(--surface-2);box-shadow:inset -1px 0 0 var(--line)}
.r-nav{display:grid;gap:1px;padding-bottom:6px;box-shadow:inset 0 -1px 0 var(--line)}
.r-row{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;
  white-space:nowrap;text-decoration:none;text-align:left}
.r-row:hover{background:var(--hover);text-decoration:none}
.r-row:focus-visible{outline-offset:-2px}
.r-row>.ui-ico{color:var(--text-2)}
.r-gut{flex:none;display:inline-flex;justify-content:center;width:8px}
.udot{flex:none;width:6px;height:6px;margin:0 1px;border-radius:50%;background:var(--notify-dot)}
.r-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.r-own{color:var(--text-3);font-size:12px}
.r-why{color:var(--accent-text);font-size:12px;font-weight:650}
.r-st{color:var(--text-3);font-size:12px}
.r-row.unread .r-name{font-weight:650}
.r-row.unread .r-st{color:var(--text-2);font-weight:600}
.r-row.rest .r-name{color:var(--text-2)}
.r-row[aria-current],.r-row[aria-current]:hover{background:var(--text);color:var(--surface)}
.r-nav .r-row[aria-current],.r-nav .r-row[aria-current]:hover{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0 / 0.12),0 0 0 1px var(--line)}
.r-nav .r-row[aria-current] .r-name{color:var(--text)}
.r-nav .r-row[aria-current]>.ui-ico,.r-nav .r-row[aria-current] .r-st{color:var(--text-2)}
.r-nav .r-row[aria-current] .r-why{color:var(--accent-text)}
.r-row[aria-current] .r-name{color:var(--surface);font-weight:650}
.r-row[aria-current] .r-why,.r-row[aria-current] .r-st,.r-row[aria-current] .r-own,
.r-row[aria-current]>.ui-ico{color:var(--surface-3)}
.r-row[aria-current] .dot,.r-row[aria-current] .udot{background:var(--surface);box-shadow:none}
.r-head{display:flex;align-items:center;gap:2px;height:36px;margin-top:4px;padding:0 0 0 8px}
.r-title{margin-right:auto;color:var(--text-3);font-size:12px;font-weight:600}
.r-sort{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px;border:0;border-radius:7px;background:transparent;
  color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}
.r-sort:hover{background:var(--hover);color:var(--text)}
.r-sort .ui-ico{color:var(--text-3)}
.r-head .ibtn{width:28px;height:28px}
.r-mach{display:flex;align-items:center;gap:6px;height:28px;margin:6px 0 0;padding:0 8px;color:var(--text-3);font-size:12px;font-weight:600}
.r-mach-st{margin-left:auto;font-weight:500}
.r-fold{display:flex;align-items:center;gap:4px;width:100%;height:26px;padding:0 8px 0 22px;border:0;border-radius:7px;
  background:transparent;color:var(--text-3);font-size:12px;text-align:left;white-space:nowrap}
.r-fold .fold-l{min-width:0;overflow:hidden;text-overflow:ellipsis}
.r-fold:hover{background:var(--hover);color:var(--text-2)}
.r-fold .ui-ico{width:14px;height:14px;transition:transform var(--motion-fast) var(--ease)}
.r-fold[aria-expanded='true'] .ui-ico{transform:rotate(90deg)}
.r-more{margin-top:6px;padding-left:8px}
.r-more:disabled{cursor:default;background:transparent;color:var(--text-3)}
.r-kids{margin:0 0 2px 16px;box-shadow:inset 1px 0 0 var(--line)}
.r-kids .r-row{height:28px;font-size:12.5px}
.r-asleep .r-row{height:28px}
.tbl-wrap{position:relative;padding:0 6px}
.sel-band{position:absolute;z-index:0;left:6px;right:6px;top:0;height:36px;border-radius:8px;background:var(--text);
  transform:translateY(var(--y,0px));transition:transform var(--motion-fast) var(--ease),opacity var(--motion-fast) var(--ease);pointer-events:none}
.sel-band[hidden]{display:block!important;opacity:0}
.nt{position:relative;z-index:1;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}
.nt th,.mt th{position:sticky;top:44px;z-index:2;height:30px;padding:0 8px;background:var(--surface);color:var(--text-3);
  font-size:11.5px;font-weight:600;text-align:left;white-space:nowrap;box-shadow:inset 0 -1px 0 var(--line)}
.nt th.r,.nt td.r{text-align:right}
.nt td{height:36px;padding:0 8px;box-shadow:inset 0 -1px 0 var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--motion-fast) var(--ease)}
.nt tbody tr{cursor:default}
.nt tbody tr:not([aria-selected='true']):hover td{background:var(--hover)}
.nt tr[aria-selected='true'] td{color:var(--surface);box-shadow:none}
.col-ses{width:196px}.col-who{width:112px}.col-wait{width:56px}.col-ans{width:240px}.col-when{width:76px}
.ses{display:flex;align-items:center;gap:8px;min-width:0}
.ses b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.ses .mach{display:none;flex:none;color:var(--text-3);font-size:12px}
.why{margin-right:6px;color:var(--accent-text);font-size:12.5px;font-weight:650}
.c-who,.c-wait{color:var(--text-2);font-size:12.5px}
.c-wait{font-variant-numeric:tabular-nums}
.ans{display:flex;justify-content:flex-end;gap:6px}
.btn.sm{height:28px;padding:0 10px;gap:5px;font-size:12.5px}
.btn.sm .ui-ico{width:14px;height:14px}
.nt tr[aria-selected='true'] .why,.nt tr[aria-selected='true'] .mach,.nt tr[aria-selected='true'] .c-who,
.nt tr[aria-selected='true'] .c-wait,.nt tr[aria-selected='true'] .what{color:var(--surface-3)}
.nt tr[aria-selected='true'] .ses b{color:var(--surface)}
.nt tr[aria-selected='true'] .dot{background:var(--surface);box-shadow:none}
.nt tr[aria-selected='true'] .done-mark,.nt tr[aria-selected='true'] .done-mark .ui-ico{color:var(--surface-3)}
.nt tr.done .why{color:var(--text-3)}
.nt tr.done .what{color:var(--text-2)}
.nt tr.done .ses b{font-weight:500}
.done-mark{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;color:var(--text-2);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis;
  animation:fade var(--motion-enter) var(--ease)}
.done-mark .ui-ico{color:var(--ok);width:14px;height:14px}
.nt tr.done .ans{display:none}
.nt tr.done td.c-ans{text-align:right}
.nt tr:not(.done) .done-mark{display:none}
.ok-gut{display:inline-grid;place-items:center;width:8px;color:var(--ok)}
.ok-gut .ui-ico{width:14px;height:14px}
.nt tr:not(.done) .ok-gut{display:none}
.nt tr.done .ses>.dot{display:none}
.nt tr.withdrawn .ok-gut,.nt tr.withdrawn .done-mark .ui-ico{color:var(--text-3)}
.cx-h.was{color:var(--text-3)}
.confirm-mark{color:var(--accent-text);font-size:12.5px;font-weight:650;white-space:nowrap}
.keys .k-off{margin-left:auto;padding:0;border:0;background:none;color:var(--text-3);font-size:12px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.keys .k-off:hover{color:var(--text)}
.keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;padding:12px 16px 4px;color:var(--text-3);font-size:12px}
.keys>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.keys kbd{color:var(--text-2)}
.keys .k-pressed{background:var(--text);color:var(--surface);box-shadow:none;transition:none}
.more{margin:20px 0 0;padding:0 6px 28px}
.more-h{margin:0;padding:0 10px 4px;color:var(--text-3);font-size:12px;font-weight:600}
.rt td{height:32px}
.rt .what{color:var(--text-2)}
.rt tr.unread b{font-weight:650}
.working{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:2px;margin:16px 0 0;padding:0 10px;color:var(--text-3);font-size:12.5px;line-height:1.5}
.working b{color:var(--text-2);font-weight:600}
.working a{color:var(--text-2)}
.working a:hover{color:var(--text)}
.cx-link{display:inline-flex;margin-top:8px;padding:0;border:0;background:none;color:var(--accent-text);font-size:12.5px;font-weight:600}
.cx-link:hover{text-decoration:underline}
.working-h{margin-right:10px;font-size:12px;font-weight:600}
.working .sep{padding:0 7px}
.all-clear{display:flex;align-items:center;gap:10px;margin:14px 16px 0;color:var(--text-2);font-size:13.5px;animation:enter-up var(--motion-enter) var(--ease-out)}
.all-clear .ui-ico{color:var(--ok)}
.cx{min-height:100%;display:flex;flex-direction:column}
.cx.c-enter{animation:enter-up var(--motion-enter) var(--ease-out)}
.cx-where{margin:0;padding:10px 16px 0;color:var(--text-3);font-size:12.5px}
.cx-sec{padding:12px 16px 14px;box-shadow:inset 0 -1px 0 var(--line)}
.cx-h{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;color:var(--text-3);font-size:12px;font-weight:600}
.cx-h .t{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}
.cx-h.waits{color:var(--accent-text)}
.cx-reply{color:var(--text);font-size:13.5px;line-height:1.5}
.cx-sec .btn.quiet{margin:8px 0 0 -10px}
.ask-what{margin:0;color:var(--text);font-size:15px;font-weight:650;line-height:1.35}
.kv{display:grid;grid-template-columns:72px minmax(0,1fr);gap:5px 12px;margin:10px 0 0;font-size:13px;line-height:1.4}
.kv dt{color:var(--text-3)}
.kv dd{margin:0;color:var(--text)}
.kv dd.kv-act{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.kv dd.kv-act .btn.sm{margin:-3px 0}
.est{color:var(--text-3);font-size:12px}
.cmd{color-scheme:dark;display:flex;align-items:center;gap:10px;margin-top:12px;padding:6px 6px 6px 14px;border-radius:10px;
  background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}
.cmd code{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}
.cx-act{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line)}
.cx-next{margin:0;padding:10px 16px;color:var(--text-3);font-size:12.5px}
.cx-next b{color:var(--text-2);font-weight:600}
.cx-done{display:flex;align-items:center;gap:8px;margin:0;padding:14px 16px;color:var(--text-2);font-size:13px;box-shadow:inset 0 -1px 0 var(--line);animation:fade var(--motion-enter) var(--ease)}
.cx-done .ui-ico{color:var(--ok)}
.plan-body{margin:10px 0 0;padding:10px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.plan-body>:first-child{margin-top:0}
.plan-keep{display:grid;gap:8px;margin-top:8px;flex-basis:100%}
.plan-steps{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.4;counter-reset:none}
.plan-steps li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;color:var(--text)}
.plan-steps li::before{content:'';width:6px;height:6px;margin:6px 0 0 4px;border-radius:50%;background:var(--text-3)}
.plan-steps small{display:block;color:var(--text-3);font-size:12px}
.opt-list{display:grid;gap:6px;margin-top:10px}
.opt{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);text-align:left;font-size:13px;line-height:1.4;color:var(--text)}
.opt:hover{background:var(--hover)}
.opt kbd{flex:none;margin-top:1px}
.opt small{display:block;color:var(--text-3);font-size:12px}
.sess{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;height:100%}
.thread{display:flex;flex-direction:column-reverse;overflow:auto;overscroll-behavior:contain;padding:8px 24px 4px}
.thread-in{width:100%;max-width:720px;margin:0 auto}
.day{margin:6px 0 14px;color:var(--text-3);font-size:12px;font-weight:600;text-align:center}
.msg{margin:0 0 16px}
.msg.m-enter{animation:enter-up var(--motion-enter) var(--ease-out)}
.msg-meta{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}
.msg-meta b{color:var(--text-2);font-weight:600}
.msg-meta .ui-ico{width:14px;height:14px}
.msg p,.msg .body{max-width:66ch;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.msg .body p+p{margin-top:8px}
.msg.me{display:grid;grid-template-columns:minmax(0,1fr);justify-items:end}
.msg.me .bub{max-width:min(520px,100%);padding:9px 13px;border-radius:12px;background:var(--surface-3);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.msg .btn.sm{margin-top:8px}
.far-ref{font-weight:600}
.msg.me.turn-hit .bub{box-shadow:0 0 0 2px var(--accent-ring);transition:box-shadow .2s}
.turn-gap{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0}
.msg .ui-code{font-size:12.5px}
.caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--text-2);animation:breathe 1s steps(1) infinite}
.note{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;color:var(--text-2);font-size:12.5px;line-height:1.45}
.note .ui-ico{width:14px;height:14px;margin-top:2px;color:var(--text-3)}
.note.refused{flex-wrap:wrap;color:var(--text)}
.note.moved{flex-wrap:wrap}
.note.moved>span{flex:1 1 24ch}
.note.moved .err-details{padding-left:22px}
.kid-ev{margin:0 0 16px}
.mcopy{display:inline-flex;align-items:center;gap:4px;margin:-4px 0 -4px auto;padding:3px 6px;border:0;border-radius:6px;background:none;color:var(--text-3);font:inherit;font-size:12px;cursor:pointer}
.msg.me .mcopy{order:-1;margin:-4px 2px -4px 0}
.mcopy:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}
.mcopy.done{color:var(--ok)}
.mcopy-pair{display:inline-flex;align-items:center;margin:-4px 0 -4px auto}
.msg.me .mcopy-pair{order:-1;margin:-4px 2px -4px 0}
.msg.me .mcopy-pair .mcopy,.mcopy-pair .mcopy{order:0;margin:0}
.mcopy-more{padding:3px 4px}
.err-turn>.mcopy{margin:-2px 0}
.err-act{flex-basis:100%;padding-left:18px}
.err-at{color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}
@media (hover:hover){.mcopy:hover{background:var(--surface-3);color:var(--text)}.msg .mcopy,.kid-ev .mcopy,.err-turn .mcopy{opacity:0;transition:opacity .12s}.msg:hover .mcopy,.kid-ev:hover .mcopy,.err-turn:hover .mcopy,.msg:focus-within .mcopy,.kid-ev:focus-within .mcopy,.err-turn:focus-within .mcopy,.mcopy.done{opacity:1}}
@media (hover:none){.mcopy{min-width:44px;min-height:44px;justify-content:center;margin:-14px -10px -14px auto}.mcopy-pair{margin:-14px -10px -14px auto}.msg.me .mcopy-pair{margin:-14px 0 -14px -10px}.msg.me .mcopy{margin:-14px 0 -14px -10px}.msg.me .mcopy-pair .mcopy,.mcopy-pair .mcopy{margin:0}.err-turn>.mcopy{margin:-10px -10px -10px 0}.mcopy span{display:none}.mcopy.done span{display:inline}}
.kthing{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;width:fit-content;max-width:100%;min-height:40px;margin:8px 0;padding:5px 6px 5px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--surface)}
.kthing-t{display:flex;gap:8px;min-width:0;margin:0;font-size:13.5px}
.kthing-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kthing-why{padding-right:6px;color:var(--text-3);font-size:12.5px}
.kid-line{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-2);font-size:13px;line-height:1.45}
.kid-line .ui-ico{flex:none;width:14px;height:14px;color:var(--text-3)}
.kid-name{color:var(--text);font-weight:600}
.kid-name:hover{text-decoration:underline}
.kid-at{color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}
.kid-words{max-width:66ch;margin:6px 0 0 22px;padding:7px 11px;border-radius:8px;background:var(--field);color:var(--text-2);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.kid-words.cut{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.kid-ev .kid-more{margin:4px 0 0 16px}
.kid-ev.turn-hit .kid-words{box-shadow:0 0 0 2px var(--accent-ring);transition:box-shadow .2s}
.worked{display:inline-flex;align-items:center;gap:4px;height:26px;margin:0 0 14px -6px;padding:0 8px 0 4px;border:0;border-radius:7px;
  background:transparent;color:var(--text-3);font-size:12.5px;font-variant-numeric:tabular-nums}
.worked:hover{background:var(--hover);color:var(--text-2)}
.worked .ui-ico{width:14px;height:14px;transition:transform var(--motion-fast) var(--ease)}
.worked[aria-expanded='true'] .ui-ico{transform:rotate(90deg)}
.worked.live{color:var(--text-2)}
.wk-dot{display:none!important}
.steps{display:grid;gap:2px;margin:-8px 0 14px 18px;padding:0;list-style:none;color:var(--text-3);font-size:12.5px;animation:fade var(--motion-enter) var(--ease)}
.steps li{display:flex;gap:8px}
.steps .t{margin-left:auto;font-variant-numeric:tabular-nums}
.ask{margin:2px 0 14px;padding:12px 14px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--surface)}
.ask.a-enter{animation:enter-up var(--motion-move) var(--ease-out)}
.ask-top{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 6px;color:var(--text-3);font-size:12.5px}
.ask-top b{color:var(--accent-text);font-weight:650}
.ask .ask-what{margin:0 0 12px}
.ask-act{display:flex;flex-wrap:wrap;gap:8px}
.c-mode{font-size:12.5px}
.mode-pick{display:grid;gap:8px;margin-top:8px}
.mode-opt{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.mode-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent-ring)}
.mode-opt span{display:grid;gap:2px}
.mode-opt small{color:var(--text-2);font-size:12.5px}
.mode-opt.risky b{color:var(--bad)}
.ask .cmd{margin:0 0 12px;box-shadow:none}
.ask.answered{box-shadow:inset 0 0 0 1px var(--line)}
.ask.answered .ask-top b,.ask.others .ask-top b{color:var(--text-2)}
.ask-done{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;animation:fade var(--motion-enter) var(--ease)}
.ask-done .ui-ico{color:var(--ok);width:16px;height:16px}
.ask-wait{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}
.ask[tabindex],.stall[tabindex]{outline:0}
.ask[tabindex]:focus-within,.stall[tabindex]:focus-within{box-shadow:inset 0 0 0 2px var(--accent-ring)}
.ask[tabindex]:not(:focus-within) .ask-act kbd,.ask[tabindex]:not(:focus-within) .qa-opts kbd,.stall[tabindex]:not(:focus-within) .ask-act kbd{display:none}
.say{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;color:var(--text-3);font-size:12.5px;line-height:1.45}
.say .ui-ico{width:14px;height:14px;margin-top:2px}
.say.heard{color:var(--text-2)}
.say.heard b{color:var(--text);font-weight:600}
.ghost-wrap{display:grid;justify-items:end;margin:0 0 6px}
.talk-ghost{display:flex;align-items:center;gap:10px;max-width:520px;min-height:42px;padding:9px 13px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);
  color:var(--text-2);font-size:14px;line-height:1.5}
.talk-ghost .ui-ico{color:var(--text-3)}
.talk-ghost .w{animation:fade var(--motion-fast) var(--ease)}
.dock{padding:6px 24px 14px}
.dock-in{max-width:720px;margin:0 auto}
.composer.talk{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;align-items:stretch;padding:4px 6px 6px}
.talk-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px}
.talk-state{flex:none;font-size:13.5px;font-weight:650}
.composer .talk-wave{flex:1 1 0;min-width:0;height:28px;display:flex;justify-content:flex-end;gap:3px;overflow:hidden}
.composer .talk-wave i{flex:none;height:100%;transform:scaleY(0.08);transition:transform 90ms linear}
.talk-wave[data-out] i{background:var(--text)}
.talk-where{flex:none;color:var(--text-3);font-size:12px}
.talk-acts{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.tbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;
  color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap}
.tbtn:hover{background:var(--hover);color:var(--text)}
.tbtn[aria-pressed='true']{background:var(--accent-soft);color:var(--accent-text)}
.tbtn.solid{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.tbtn .k{color:var(--text-3);font-size:12px;font-weight:500}
.tbtn .ui-ico{width:16px;height:16px}
.cset .ui-ico.s14{color:var(--text-3)}
.composer.type{align-items:flex-end}
.c-tools{display:flex;align-items:center;gap:2px}
.spoken{color:var(--text-3)}
.spoken .said{color:var(--text)}
.w-head{display:flex;align-items:center;gap:8px}
.w-head>.p-count{flex:1 1 0;min-width:0}
.w-add{flex:none;margin-left:auto}
.wk-bar+.w-add{margin-left:0}
.tabs{display:inline-grid;grid-auto-flow:column;gap:2px;padding:2px;border-radius:9px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line)}
.tab{position:relative;display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--text-2)}
.tab:hover{color:var(--text)}
.tab[aria-selected='true']{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0 / 0.12),0 0 0 1px var(--line)}
.w-sec{padding:12px 16px 14px;box-shadow:inset 0 -1px 0 var(--line)}
.wa{container:wa/inline-size}
@container wa (max-width:380px){.meter,.meters{grid-template-columns:76px minmax(0,1fr)}.meter-v{grid-column:1/-1}}
.sess>.p-head{container:shead/inline-size}
@container shead (max-width:700px){.ph-hide{display:none}}
.w-h{margin:0 0 8px;color:var(--text-3);font-size:12px;font-weight:600}
.w-sec .kv{margin:0}
.meter{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:6px 10px;font-size:13px}
.meter+.meter{margin-top:8px}
.meter-l{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meter-bar{height:6px;border-radius:6px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.meter-bar i{display:block;width:100%;height:100%;background:var(--text-2);transform:scaleX(var(--v));transform-origin:left;transition:transform var(--motion-move) var(--ease)}
.meter-bar.full i{background:var(--warn)}
.meter-v{color:var(--text-2);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.meter-v span{color:var(--text-3)}
.costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.costs dt{color:var(--text-3);font-size:12px}
.costs dd{margin:2px 0 0;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.w-text{color:var(--text-2);font-size:13px;line-height:1.45}
.kids{display:grid;margin:0;padding:0;list-style:none}
.kids li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:7px 0;box-shadow:inset 0 -1px 0 var(--line);font-size:13px}
.kids li:last-child{box-shadow:none}
.kids .k-line{grid-column:2 / -1;color:var(--text-3);font-size:12px;line-height:1.4}
.kids b{font-weight:600}
.kids .k-act{display:flex;gap:4px;grid-column:2 / -1;margin-top:4px}
.kids .k-act .btn{height:26px;padding:0 8px;font-size:12px}
.kids .k-st{color:var(--text-3);font-size:12px;white-space:nowrap}
.kids-tools{display:flex;gap:6px;margin:0 0 6px}
.kids-tools[hidden]{display:none}
.kids-find{flex:1 1 12ch}
.kids-state{flex:0 0 auto;max-width:50%}
.kids-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px}
.kids-foot .btn.sm{margin:0}
.w-kids .k-name{color:var(--text);font-weight:600;text-decoration:none}
.w-kids .k-name:hover{text-decoration:underline}
.w-kids .k-st.waits{color:var(--accent-text);font-weight:600}
.meters{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:8px 10px;font-size:13px}
.meters>.meter{display:contents}
.mt{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}
.mt td{padding:9px 8px 4px;vertical-align:top}
.mt .m-store td{padding:2px 8px 11px;box-shadow:inset 0 -1px 0 var(--line)}
.mt tbody:hover td{background:var(--hover)}
.mt tbody.m-new td{animation:fade var(--motion-enter) var(--ease)}
.col-m{width:176px}.col-st{width:112px}.col-se{width:68px}.col-ld{width:52px}.col-v{width:76px}.col-a{width:148px}
.m-name b{display:block;font-weight:600}
.m-name span,.m-sub{display:block;color:var(--text-3);font-size:12px}
.m-state{display:flex;align-items:baseline;gap:8px}
.m-state .dot{position:relative;top:-1px}
.m-act{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.mt tbody .m-store td{box-shadow:none;padding-bottom:4px}.mt .m-proj td{padding:0 8px 11px;box-shadow:inset 0 -1px 0 var(--line)}
.mt .m-proj:has(+ .m-acct) td{padding-bottom:0;box-shadow:none}
.dlg .acct-kind .wh-h3{margin:12px 0 6px}.dlg .acct-kind .line1{margin-bottom:4px}
.acct-wait{display:flex;align-items:baseline;gap:8px;margin:14px 0 0;color:var(--text-2);font-size:13px;line-height:1.45}
.acct-wait>span:last-child{flex:1;min-width:0}.acct-wait .dot{align-self:center}.acct-new{display:flex;align-items:baseline;gap:6px;color:var(--text)}.acct-new .ui-ico{flex:none;align-self:center;color:var(--ok)}
.m-old{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:var(--surface-2)}
.proj{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-left:40px;padding:3px 6px;border:0;border-radius:6px;background:none;color:var(--text-2);font:inherit;font-size:12.5px;text-align:left}
.proj:hover,.m-shbtn:hover{background:var(--hover);color:var(--text)}.proj .ui-ico{flex:none;color:var(--text-3)}
.m-shbtn{margin:-3px 0 0 -6px;padding:3px 6px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left}
.wh-people,.wh-plist{display:grid;margin:4px 0 12px;padding:0;list-style:none;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.wh-people li,.wh-plist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;min-height:48px;padding:6px 0;font-size:13.5px;box-shadow:inset 0 -1px 0 var(--line)}
.wh-pn{display:grid}.wh-pn small,.wh-plist small{grid-column:1 / -1;color:var(--text-3);font-size:12px}
.pair-body{display:grid;gap:12px;max-width:560px;padding:16px;font-size:14px}.pair-wait{margin:0;color:var(--text-2);font-size:14px;line-height:1.45}.pair-digits{margin:0;font-size:32px;font-weight:650;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.wh-h3{margin:14px 0 6px;font-weight:650}.wh-what{display:grid;gap:8px;padding-left:18px;line-height:1.5}.wh-no{color:var(--text)}
.dlg .line1{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:6px 6px 6px 10px;border-radius:8px;background:var(--surface-2)}.dlg .line1 code{flex:1}.line1 var{font-style:normal;color:var(--text-2)}
.m-name .m-facts{display:none}
.store{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:12.5px;line-height:1.4}
.store .switch{flex:none}
.store-gut{flex:none;width:36px}
.store b{color:var(--text);font-weight:600}
.store .who{color:var(--text-3)}
.m-refused{display:grid;gap:2px;margin:6px 0 0 28px;color:var(--text);font-size:12.5px;line-height:1.4}
.m-refused p{display:flex;align-items:flex-start;gap:10px}
.m-refused .dot{flex:none;margin-top:5px}
.m-refused .err-details{padding-left:14px}
.m-check{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:6px 0 0 46px;color:var(--text-2);font-size:12.5px}
.m-check span{display:inline-flex;align-items:center;gap:5px;animation:fade var(--motion-enter) var(--ease)}
.m-check .ui-ico{width:14px;height:14px;color:var(--ok)}
.m-check .pending .ui-ico{color:var(--text-3)}
.m-confirm{display:grid;gap:8px;margin:8px 0 2px 46px;padding:12px 14px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);
  font-size:13px;line-height:1.45;animation:enter-up var(--motion-enter) var(--ease-out)}
.m-confirm b{font-weight:650}
.m-confirm p{color:var(--text-2)}
.m-confirm .row{display:flex;gap:8px}
.connect .p-body{display:grid;gap:12px;padding:14px 16px 20px}
.connect .lead-line{margin:0;color:var(--text);font-size:13.5px;line-height:1.45}
.otc{color-scheme:dark;position:relative;display:grid;gap:14px;overflow:hidden;padding:16px 18px 18px;border-radius:12px;background:var(--bg);color:var(--text)}
.otc::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-strong);pointer-events:none}
.otc code{display:block;color:var(--text);overflow-wrap:anywhere;user-select:all;font-size:14px;line-height:1.6}
.otc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.otc-left{color:var(--text-3);font-size:12.5px;font-variant-numeric:tabular-nums}
.otc .btn{position:relative;z-index:2}
.otc-gauge{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--surface-3)}
.otc-gauge i{position:absolute;inset:0;background:var(--text-3);transform:scaleX(var(--otc-left,1));transform-origin:left;transition:transform 1s linear}
.connect .store{align-items:flex-start;color:var(--text);font-size:13px}
.connect .quiet-line{margin-top:-4px}
.waitline{display:flex;align-items:center;gap:10px;margin:0;color:var(--text-2);font-size:13px}
.joined{display:grid;gap:6px;padding:12px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-strong);font-size:13px;line-height:1.45;animation:enter-up var(--motion-enter) var(--ease-out)}
.joined b{font-weight:650}
.m-owners{display:grid;gap:8px;padding:12px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);font-size:13px;line-height:1.45}
.m-owners b{color:var(--text);font-weight:650}
.m-owners details[open]{display:grid;gap:6px;justify-items:start}
.joined p{color:var(--text-2)}
.p-sub{margin:0;padding:12px 16px 0;color:var(--text-3);font-size:12px;font-weight:600}
.health{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;margin:18px 16px 24px;color:var(--text-3);font-size:12.5px;line-height:1.5}
.health .dot{margin-right:2px}
.sform{display:grid;gap:10px;max-width:660px;padding:16px 16px 24px}
.f-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px}
.f-row>label{color:var(--text-2);font-size:13px;font-weight:600}
.f-row .field{width:100%}
.f-row>.f-label{color:var(--text-2);font-size:13px;font-weight:600}
.wh-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.wh-seg button{height:30px;padding:0 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-seg button[aria-checked='true']{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0 / 0.12),0 0 0 1px var(--line)}
.wh-seg button[aria-disabled='true']{opacity:.55;cursor:not-allowed}
.wh-branch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.wh-from{color:var(--text-2);font-size:13px}
.wh-say,.wh-err{margin:-2px 0 2px 128px;font-size:13px;line-height:1.5}
.wh-say{display:grid;gap:6px}.wh-say p{margin:0;overflow-wrap:anywhere}
.wh-quiet{color:var(--text-2)}
.wh-busy{display:grid;gap:6px;justify-items:start}
.wh-err{display:flex;gap:6px;color:var(--bad);font-size:12.5px}.wh-err .ui-ico{flex:none;margin-top:2px}
.f-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-note{margin:-4px 0 0 128px;color:var(--text-3);font-size:12px}
.f-room{display:flex;align-items:flex-start;gap:8px;margin:-2px 0 2px 128px;color:var(--text-2);font-size:13px;line-height:1.5}
.f-room>.ui-ico{flex:none;margin-top:3px;color:var(--text-3)}
.f-room>div{display:grid;gap:8px;justify-items:start}
.f-room p{margin:0;max-width:64ch;overflow-wrap:anywhere}
.a-held{margin:0 0 2px;color:var(--text-2);font-size:12.5px;line-height:1.45}.a-held b{color:var(--text);font-weight:600}
.f-row.top{align-items:start}
.f-row.top>label{padding-top:8px}
.who-reads{display:grid;gap:8px;margin:6px 0 2px;padding:12px 14px;border-radius:10px;background:var(--surface-2);
  box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font-size:13.5px;line-height:1.45}
.who-reads p{display:flex;align-items:flex-start;gap:10px}
.who-reads .ui-ico{margin-top:1px;color:var(--text-2)}
.f-act{display:flex;align-items:center;gap:8px}
.f-sum{display:none}
.f-act .quiet-line{margin-left:auto}
.priv .p-body{padding:12px 16px 20px}
.priv-line{margin:0 0 14px;color:var(--text);font-size:13.5px;line-height:1.5}
.reads{margin:0;padding:0;list-style:none;box-shadow:inset 0 1px 0 var(--line)}
.reads li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:1px 10px;padding:9px 0;box-shadow:inset 0 -1px 0 var(--line)}
.reads .avatar{grid-row:span 2;margin-top:1px}
.reads p{font-size:13px;line-height:1.4}
.reads time{color:var(--text-3);font-size:12px}
.readby{display:flex;align-items:center;gap:8px;margin:0;padding:8px 16px;color:var(--text-2);font-size:12.5px;box-shadow:inset 0 -1px 0 var(--line)}
.readby .ui-ico{width:14px;height:14px;color:var(--text-3)}
.acct-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:6px 16px;color:var(--text-3);font-size:12.5px;line-height:1.45;box-shadow:inset 0 -1px 0 var(--line)}
.acct-note .ui-ico{flex:none;margin-top:2px;color:var(--text-3)}
.acct-note.os-wait{color:var(--text)}
.acct-note.os-wait .ui-ico{color:var(--accent-text)}
.acct-note .na-body{flex:1;min-width:0;max-width:84ch}
.acct-note .na-body p{margin:0 0 6px}
.na-kind{margin:6px 0 4px;color:var(--text-3);font-size:12px}
.acct-note.no-acct{padding:10px 16px 8px;color:var(--text-2);font-size:13px}
.acct-note.no-acct b{color:var(--text);font-weight:600}
.acct-note .line1,.q-state.no-acct .line1,.f-none .line1{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:5px 5px 5px 10px;border-radius:8px;background:var(--surface-2);font-size:12.5px}
.acct-note .line1 code,.q-state.no-acct .line1 code,.acct-empty .line1 code,.f-none .line1 code{flex:1;min-width:0}
.f-none>div{justify-items:stretch;max-width:62ch}.f-none p{margin:0}.f-none b{color:var(--text);font-weight:600}.line1 .tok,.a-miss .line1 code .tok{display:inline;white-space:nowrap}
.q-state.no-acct{display:block;max-width:min(100%,62ch);margin-left:auto;text-align:left;color:var(--text-2);font-size:12.5px;line-height:1.5}
.q-state.no-acct .q-line{margin:0 0 6px}.q-state.no-acct .na-act{display:flex;justify-content:flex-end;margin:2px 0 4px}
.dlg .no-acct p{margin:0 0 10px}.q-state.no-acct b{color:var(--text);font-weight:600}
.acct td.acct-empty{padding:12px 8px}
.acct-empty>p{margin:0 0 10px;color:var(--text-2);font-size:13px}.acct-empty>p b{color:var(--text);font-weight:600}
.acct-empty .a-miss{margin:0 0 12px}.acct-empty .a-kind{margin:8px 0 4px;color:var(--text-3);font-size:12px}
.nobox{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 20px 16px;color:var(--text-2);font-size:13px;line-height:1.45;
  box-shadow:inset 0 1px 0 var(--line)}
.nobox .ui-ico{margin-top:1px;color:var(--text-3)}
@container app (min-width:601px) and (max-width:1100px){
  .panes{--rail-w:0px;grid-template-columns:minmax(0,1fr) var(--side-w)}
  .panes[data-layout='two']{grid-template-columns:minmax(0,1fr)}
  .rail{display:none}
  .search{width:200px}
  .rail-ib,.new-ib{display:inline-flex}
  .app.rail-open .rail{display:block;position:absolute;z-index:21;top:0;bottom:0;left:0;width:min(300px,calc(100cqw - 56px));box-shadow:var(--shadow-win);animation:from-left var(--motion-move) var(--ease-out)}
  .app.rail-open .scrim{display:block;position:absolute;inset:44px 0 0;z-index:20;background:var(--scrim);animation:fade var(--motion-move) var(--ease-out)}
  .spend{display:none}
  .col-who{width:96px}.col-ans{width:212px}.col-ses{width:172px}
}
@container app (min-width:601px) and (max-width:880px){
  .brand .ph-hide,.org-role,.next-go,.search{display:none}
  .search-ib{display:inline-grid}
}
@container app (max-width:600px){
  .wh-say,.wh-err{margin-left:0}.wh-seg button{height:44px}.wh-branch{grid-template-columns:minmax(0,1fr)}
  .bar{height:52px;gap:2px;padding:0 4px 0 16px}
  .search,.spend,.stopall,.resumeall,.next-go,.org .ui-ico,.org-role,.ph-hide{display:none}
  .search-ib{display:inline-grid}
  .new-ib{display:inline-flex;justify-content:center;padding:0}
  .org{height:44px;padding:0 6px}
  .next{height:44px;padding:0 8px}
  .bar .avatar{width:44px;height:44px;margin:0 2px 0 0;background:transparent;box-shadow:none;position:relative;font-size:12px}
  .bar .avatar::before{content:'';position:absolute;left:6px;top:6px;width:32px;height:32px;border-radius:50%;background:var(--surface-3);z-index:-1}
  .bar .avatar{isolation:isolate}
  .p-catch a,.working a{padding:15px 0}
  .app.sheet-open .side .p-head{border-radius:0}
  .app.sheet-open .side .cmd{box-shadow:none}
  .panes,.panes[data-layout='two']{grid-template-columns:minmax(0,1fr)}
  .rail,.side,.pane.side,.desk-only{display:none}
  .on-web,.btn kbd,.next kbd,.cx-act kbd,.ask kbd{display:none}
  .on-phone,.phone-only{display:inline}
  .back{display:inline-grid;margin-left:-12px}
  .p-up{height:44px;max-width:22%;margin-left:-10px;padding-right:2px}
  .p-head{min-height:52px;padding:4px 8px 4px 16px}
  .p-only{display:inline-flex}
  .p-catch{margin-left:0;flex-basis:100%;white-space:normal}
  .seg-phone{display:grid;margin:10px 16px 6px}
  .seg-phone button{height:44px}
  .app[data-tab='all'] .rail{display:block;padding:4px 8px 24px;background:var(--surface);box-shadow:none}
  .app[data-tab='all'] .rail .r-nav{display:none}
  .app[data-tab='all'] .pane.mid{display:none}
  .app[data-tab='all'] .rail .r-row{height:44px;font-size:14px}
  .app[data-tab='all'] .rail .r-fold{height:44px;font-size:13px}
  .app[data-tab='all'] .rail .r-mach{height:36px;margin-top:10px;font-size:12.5px}
  .app[data-tab='all'] .rail .r-head{display:none}
  .rail .seg-phone{margin:6px 8px 10px}
  .btn.sm{height:44px;padding:0 14px;font-size:13px}
  .brand{margin-right:2px}
  .tbl-wrap{padding:0 8px}
  .sel-band{display:none!important}
  .nt,.nt tbody,.nt tr{display:block}
  .nt thead,.nt colgroup{display:none}
  .nt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:60px;padding:10px 8px;
    box-shadow:inset 0 -1px 0 var(--line)}
  .nt td{display:block;height:auto;padding:0;box-shadow:none;overflow:hidden;text-overflow:ellipsis}
  .nt tr[aria-selected='true'] td{color:inherit}
  .nt tr[aria-selected='true'] .why{color:var(--accent-text)}
  .nt tr[aria-selected='true'] .mach,.nt tr[aria-selected='true'] .c-wait{color:var(--text-3)}
  .nt tr[aria-selected='true'] .c-who{color:var(--text-2)}
  .nt tr[aria-selected='true'] .what{color:var(--text)}
  .nt tr[aria-selected='true'] .ses b{color:var(--text)}
  .nt tr[aria-selected='true'] .dot{background:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}
  .nt td.c-ses{grid-column:1}
  .ses .mach{display:inline}
  .nt td.c-wait{grid-column:2;grid-row:1;text-align:right}
  .nt td.c-need{grid-column:1 / -1;padding-left:16px;margin-top:3px;white-space:normal}
  .nt td.c-who{display:none}
  .nt td.c-ans{grid-column:1 / -1;margin-top:10px;overflow:visible}
  .nt .ans{justify-content:flex-start;gap:8px}
  .nt .ans .btn{flex:1}
  .nt tr.done td.c-ans{margin-top:6px;padding-left:16px}
  .nt td.c-who.named{display:block;grid-column:1 / -1;padding-left:16px;font-size:12px}
  .rt tr{min-height:0}
  .rt td.c-wait{font-size:12px}
  .keys{display:none}
  .more{margin-top:12px;padding:0 8px 24px}
  .working .sep{padding:0 5px}
  .app.sheet-open .scrim{display:block;position:absolute;inset:0;z-index:20;background:var(--scrim);animation:fade var(--motion-move) var(--ease-out)}
  .app.sheet-open .pane.side{display:flex;flex-direction:column;position:absolute;z-index:21;left:8px;right:8px;bottom:8px;max-height:72%;
    border-radius:18px;background:var(--surface);box-shadow:var(--shadow-win);overflow:auto;animation:rise var(--motion-move) var(--ease-out)}
  .app.sheet-open .side .view{overflow:visible}
  .app.sheet-open .side .p-head{position:static;border-radius:18px 18px 0 0;padding:4px 4px 4px 16px}
  .sheet-x{display:inline-grid}
  .side .open-btn{display:none}
  .cx-where,.cx .cx-sec .btn.quiet,.kv .k-commits{display:none}
  .cx-reply{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .cx-act{position:static;display:grid;grid-template-columns:2fr 1fr;gap:8px;padding:12px 16px 4px;box-shadow:none}
  .cx-act.three{grid-template-columns:1fr 1fr}
  .cx-act.three .btn:first-child{grid-column:1 / -1}
  .cx-act .btn{width:100%}
  .cx-next{padding:8px 16px 14px}
  .cmd{padding:4px 4px 4px 14px}
  .sess .p-count{display:none}
  .thread{padding:8px 16px 4px}
  .msg.me .bub,.talk-ghost{max-width:88%}
  .dock{padding:6px 8px 10px}
  .talk-row{padding:0 6px}
  .talk-acts .cset{padding:0 10px;height:44px;min-width:44px;justify-content:center}
  .tbtn{height:44px}
  .tbtn .k{display:none}
  .talk-acts{flex-wrap:nowrap}
  .cset{padding:0 6px}
  .ask-act .btn{flex:1}
  .ask-act .btn.quiet{flex-basis:100%}
  .talk-row{flex-wrap:wrap;row-gap:0}
  .talk-where{display:block;flex-basis:100%;padding:0 0 6px 18px}
  .mt,.mt tbody,.mt tr,.mt td{display:block}
  .mt thead,.mt colgroup{display:none}
  .mt tbody{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:14px 8px 14px;box-shadow:inset 0 -1px 0 var(--line)}
  .mt tr{display:contents}
  .mt td,.mt .m-store td{padding:0;box-shadow:none}
  .mt td.m-c-name{grid-column:1;grid-row:1}
  .mt td.m-c-state{grid-column:2;grid-row:1}
  .mt .m-store td{grid-column:1 / -1;grid-row:2;margin-top:10px}
  .mt td.m-c-act{grid-column:1 / -1;grid-row:5}
  .mt .m-proj.m-acct td{grid-row:4}
  .mt .m-proj td{grid-column:1 / -1;grid-row:3;padding:0;box-shadow:none}.proj{display:flex;width:100%;min-height:44px;margin:0;justify-content:space-between}.m-more{width:44px;height:44px}
  .mt td.m-c-act:empty{display:none}
  .mt td.m-c-se,.mt td.m-c-ld,.mt td.m-c-v,.mt td.m-c-sh{display:none}
  .m-name .m-facts{display:block;margin-top:2px;color:var(--text-2);font-size:12.5px}
  .m-act{justify-content:flex-start;margin-top:10px}
  .store{align-items:flex-start}
  .store-gut{display:none}
  .m-check,.m-confirm,.m-refused{margin-left:0}
  .mt tbody:hover td{background:transparent}
  .sform{padding:14px 16px 20px}
  .sform .f-row.set,.sform .f-note{display:none}
  .f-room{margin-left:0}
  .f-sum{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 8px 8px 12px;border:0;border-radius:10px;
    background:var(--field);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);text-align:left}
  .f-sum>span{flex:1;min-width:0;display:grid;gap:2px;font-size:14px}
  .f-sum small{color:var(--text-3);font-size:12.5px}
  .f-sum .ui-ico{color:var(--text-3)}
  .f-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .f-row.top>label{padding-top:0}
  .f-act .btn.primary{flex:1}
  .f-act .quiet-line{display:none}
  .readby{padding:10px 16px}
  .nobox{padding:14px 16px 18px}
}
.app-mark{display:inline-block;flex:none;border-radius:22%;overflow:hidden}
.app-mark svg,svg.app-mark{display:block;width:100%;height:100%}
.dlg-wrap{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:8px;background:var(--scrim);animation:fade var(--motion-enter) var(--ease-out)}
.dlg{width:min(460px,calc(100% - 16px));max-height:calc(100% - 16px);overflow-y:auto;padding:22px 24px 20px;border-radius:12px;background:var(--surface);color:var(--text);
  box-shadow:var(--shadow-win);animation:pop-in var(--motion-enter) var(--ease-out)}
.dlg h2{margin:0 0 10px;font-size:17px;font-weight:650;line-height:1.3;text-wrap:balance}
.dlg p{margin:0 0 10px;color:var(--text-2);font-size:13.5px;line-height:1.5}
.dlg p b{color:var(--text);font-weight:600}
.linkish{display:inline;padding:0;border:0;background:none;color:var(--accent-text);font:inherit;cursor:pointer;text-align:left}
.linkish:hover{text-decoration:underline}
.dlg-list{display:grid;gap:4px;margin:4px 0 12px;padding:0;list-style:none;font-size:13px;color:var(--text-2)}
.dlg-list li{display:flex;gap:8px;align-items:baseline}
.dlg-list b{color:var(--text);font-weight:600;min-width:96px}
.dlg-act{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.dlg-act .btn.danger{background:var(--surface-3)}
.dlg .quiet-line{margin-top:4px}
@container app (max-width:600px){
  .dlg-wrap{place-items:end center;padding:8px}
  .dlg{width:100%;padding:18px 16px 12px;border-radius:18px;animation:rise var(--motion-move) var(--ease-out)}
  .dlg-act{display:grid;grid-template-columns:1fr;gap:8px}
  .dlg-act .btn{width:100%}
  .dlg-act .btn.danger{order:-1}
}
.stop-prog{display:grid;gap:4px;margin:6px 0 0;padding:0;list-style:none;font-size:13px}
.stop-prog li{display:flex;align-items:center;gap:8px;color:var(--text-2)}
.stop-prog li .ui-ico{width:14px;height:14px;color:var(--text-3)}
.stop-prog li.ok .ui-ico{color:var(--ok)}
.stop-prog li.ok{color:var(--text)}
.stop-prog li .t{margin-left:auto;color:var(--text-3);font-variant-numeric:tabular-nums}
.stopped-note{display:grid;gap:6px;margin:10px 12px 6px;padding:14px 16px 14px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--bad);
  border-radius:12px;animation:fade var(--motion-enter) var(--ease)}
.stopped-note h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;line-height:1.35}
.stopped-note p{color:var(--text-2);font-size:13px;line-height:1.5;padding-left:18px}
.stopped-note .row{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 0 18px}
.stopped-note .dot.stopped{background:var(--bad)}
@container app (max-width:600px){.stopped-note p,.stopped-note .row{padding-left:0}.stopped-note .row .btn{flex:1}}
.toasts{position:absolute;z-index:95;left:50%;bottom:calc(var(--bosun-dock,0px) + 22px);transform:translateX(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none}
.toast{padding:9px 14px;border-radius:10px;background:rgb(29 31 37);color:#f2f3f5;font-size:13px;font-weight:600;box-shadow:0 10px 30px -8px rgb(0 0 0 / 0.5);
  animation:enter-up var(--motion-enter) var(--ease-out);max-width:min(520px,calc(100cqw - 32px));text-align:center}
.toast.leaving{animation:leave-down var(--motion-fast) var(--ease-in) forwards}
.toast-err{pointer-events:auto;display:flex;align-items:flex-start;gap:8px;text-align:left;font-weight:500}.toast-err summary{margin-top:4px;color:#b7bac2;cursor:pointer}.toast-err p{margin:4px 0 0;white-space:pre-wrap;font-size:12px;color:#c9ccd3}.toast-err .ibtn{flex:none;color:#f2f3f5}
.stall{margin:2px 0 14px;padding:12px 14px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--surface)}
.stall .ask-top b{color:var(--accent-text)}
.stall.cleared .ask-top b{color:var(--text-2)}
.stall-time{font-variant-numeric:tabular-nums}
.stall .ask-what{margin:0 0 12px}
.stall.cleared{box-shadow:inset 0 0 0 1px var(--line)}
.acct{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}
.acct th{position:sticky;top:44px;z-index:2;height:30px;padding:0 8px;background:var(--surface);color:var(--text-3);font-size:11.5px;font-weight:600;text-align:left;box-shadow:inset 0 -1px 0 var(--line)}
.acct td{padding:10px 8px 4px;vertical-align:top}
.acct .a-sess td{padding:0 8px 11px;box-shadow:inset 0 -1px 0 var(--line)}
.acct .a-sess .quiet-line{max-width:72ch}
.col-acc{width:220px}.col-room{width:auto}.col-cnt{width:96px}
.a-name b{display:block;font-weight:600}
.a-name span{display:block;color:var(--text-3);font-size:12px}
.a-name .a-login{margin-top:1px;color:var(--text-2);font-size:12.5px;overflow-wrap:anywhere}.a-name .a-login.unknown{color:var(--text-3)}
.a-on{margin:0 0 6px;color:var(--text-2);font-size:12.5px}
.acct .a-warn td{padding:2px 8px 8px}
.acct .a-warn td>*,.a-miss{max-width:84ch}
.a-warn p,.a-miss p{margin:0 0 6px;color:var(--text-2);font-size:12.5px;line-height:1.5}
.a-warn p b,.a-miss p b{color:var(--text);font-weight:600}
.a-warn td>p{position:relative;padding-left:18px}.a-warn .dot{position:absolute;left:2px;top:6px}
.a-warn .line1,.a-miss .line1{display:flex;align-items:center;gap:6px;margin:0 0 4px;padding:5px 5px 5px 10px;border-radius:8px;background:var(--surface-2);font-size:12.5px}
.a-warn .line1 code,.a-miss .line1 code{flex:1;min-width:0;overflow-wrap:break-word}.a-warn .line1 code span,.a-miss .line1 code span{display:block}
.a-fix{margin-top:8px}.a-fix p{margin-bottom:4px}
.a-missing{display:grid;gap:14px;padding:12px 16px 14px;box-shadow:inset 0 -1px 0 var(--line)}
.a-room{display:grid;gap:6px}
.a-room .meter+.meter{margin-top:0}
.a-room .meter{grid-template-columns:52px minmax(80px,1fr) 214px}
.a-room .meter-v{white-space:normal;line-height:1.4}
.a-key{color:var(--text-2);font-size:12.5px}
.a-cnt{color:var(--text-2);font-size:12.5px}
.a-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;padding-left:0;color:var(--text-3);font-size:12.5px;line-height:1.5}
.a-list .s{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);will-change:transform}
.a-list .s:not(:last-child)::after{content:'\00b7';padding:0 7px;color:var(--text-3)}
.a-list .s b{font-weight:600;color:var(--text)}
.a-list .s .why{margin:0;font-size:12px}
.advice{margin:22px 16px 0;padding:0;list-style:none;box-shadow:inset 0 1px 0 var(--line)}
.advice li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:11px 0;box-shadow:inset 0 -1px 0 var(--line);font-size:13px;line-height:1.45}
.advice li p{color:var(--text-2);max-width:72ch}
.advice li b{color:var(--text);font-weight:600}
.advice .row{display:flex;gap:6px}
.advice-h{margin:22px 16px 0;color:var(--text-3);font-size:12px;font-weight:600}
.advice-h+.advice{margin-top:6px}
.auto-row{display:flex;align-items:center;gap:10px;margin:14px 16px 28px;color:var(--text-2);font-size:13px}
.moved-line{display:flex;align-items:center;gap:8px;margin:12px 16px 0;color:var(--text-2);font-size:13px;animation:enter-up var(--motion-enter) var(--ease-out)}
.moved-line .ui-ico{color:var(--ok)}
.lim{padding:12px 16px 14px;box-shadow:inset 0 -1px 0 var(--line)}
.lim .meter{grid-template-columns:96px minmax(0,1fr) auto}
.lim .meter-v b{color:var(--text);font-weight:600}
.lim-note{margin:8px 0 0;color:var(--text-3);font-size:12px;line-height:1.45}
.lim-ask{display:flex;align-items:baseline;gap:6px;margin:4px 0 0 106px;font-size:12px;color:var(--accent-text);font-weight:600}
.spend-total{display:flex;align-items:baseline;gap:8px;padding:12px 16px 4px}
.spend-total b{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}
.spend-total span{color:var(--text-3);font-size:12.5px}
@container app (max-width:600px){
  .acct,.acct tbody,.acct tr,.acct td{display:block}
  .acct thead,.acct colgroup{display:none}
  .acct tbody{padding:12px 8px;box-shadow:inset 0 -1px 0 var(--line)}
  .acct td,.acct .a-sess td{padding:0;box-shadow:none}
  .acct td.a-c-room{margin-top:10px}
  .acct td.a-c-cnt{display:none}
  .acct .a-sess td{margin-top:8px}
  .acct .a-warn td{margin-top:10px;padding:0}
  .a-missing{padding:12px 8px 14px}
  .a-room .meter{grid-template-columns:52px minmax(0,1fr)}
  .a-room .meter-v{grid-column:1 / -1}
  .advice li{grid-template-columns:minmax(0,1fr)}
  .advice .row .btn{flex:1}
  .lim-ask{margin-left:0}
}
.set-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100%}
.set-nav{display:grid;align-content:start;gap:1px;padding:10px 8px;box-shadow:inset -1px 0 0 var(--line)}
.set-nav button{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;text-align:left}
.set-nav button:hover{background:var(--hover)}
.set-nav button[aria-current]{background:var(--text);color:var(--surface);font-weight:650}
.set-nav .ui-ico{width:16px;height:16px;color:inherit;opacity:.8}
.set-body{max-width:720px;padding:16px 24px 40px}
.set-body h2{font-size:17px;font-weight:650;margin:0 0 12px}
.set-sec{padding:14px 0;box-shadow:inset 0 -1px 0 var(--line)}
.set-sec:first-of-type{padding-top:4px}
.set-sec h3{margin:0 0 8px;color:var(--text-3);font-size:12px;font-weight:600}
.set-line{display:flex;align-items:center;gap:12px;min-height:36px;font-size:13.5px;line-height:1.45}
.set-line>span{flex:1;min-width:0}
.set-line small{display:block;color:var(--text-3);font-size:12.5px}
.set-sec .line1{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:5px 5px 5px 10px;border-radius:8px;background:var(--surface-2);font-size:12.5px}.set-sec .line1 code{flex:1;min-width:0;overflow-wrap:break-word}
.set-sec .na-kind+.line1{margin-top:0}.set-sec .line1+.quiet-line{margin-top:10px}
.v-list .set-line{padding:6px 0}.v-list .set-line+.set-line{box-shadow:inset 0 1px 0 var(--line)}.v-owner{color:var(--text-3);font-size:12.5px;white-space:nowrap}
.people{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.people li{display:flex;align-items:center;gap:10px;font-size:13.5px}
.people small{color:var(--text-3);font-size:12.5px}
.where-t{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.where-t th{padding:6px 8px 6px 0;color:var(--text-3);font-size:11.5px;font-weight:600;text-align:left;box-shadow:inset 0 -1px 0 var(--line)}
.where-t td{padding:8px 8px 8px 0;vertical-align:top;box-shadow:inset 0 -1px 0 var(--line);color:var(--text-2)}
.where-t td:first-child{color:var(--text);font-weight:600}
.phr{display:flex;flex-wrap:wrap;gap:6px}
@container app (max-width:600px){
  .set-wrap{grid-template-columns:minmax(0,1fr);align-content:start}
  .set-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:8px 8px;box-shadow:inset 0 -1px 0 var(--line);scrollbar-width:none}
  .set-nav button{height:44px}
  .set-body{padding:14px 16px 32px}
  .where-t th:nth-child(3),.where-t td:nth-child(3){display:none}
}
.r-row.has-line{display:grid;grid-template-columns:8px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;
  align-items:center;height:auto;min-height:44px;padding:5px 8px 6px}
.r-row.has-line>.r-gut{grid-column:1;grid-row:1}
.r-row.has-line>.r-name{grid-column:2;grid-row:1}
.r-row.has-line>:last-child{grid-column:3;grid-row:1}
.r-line{grid-column:2 / -1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);
  font-size:12px;line-height:16px;font-weight:400}
.r-line.l-tick{animation:fade var(--motion-enter) var(--ease)}
.r-row[aria-current] .r-line{color:var(--surface-3)}
.r-kids .r-row.has-line{min-height:40px}
.r-row.has-line:has(>.r-line:empty){grid-template-rows:auto}
.r-line:empty{display:none}
.steps{gap:10px;margin:-6px 0 16px 18px}
.st-g{display:grid;gap:2px}
.st-h{display:flex;gap:8px;margin:0;color:var(--text-2);font-size:12.5px;font-weight:600}
.st-h .t{margin-left:auto;color:var(--text-3);font-weight:500}
.st-names{display:grid;gap:1px;margin:0;padding:0;list-style:none;color:var(--text-2);font-size:12.5px;line-height:1.5}
.steps .st-names li{display:block;overflow-wrap:anywhere}
.st-names code{color:var(--text);font-size:12px}
.st-out{margin-left:10px;font-size:12px}
.st-o{margin:4px 0 6px}
.st-foot{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-3);font-size:12px}
.st-foot .ui-ico{width:13px;height:13px}
.msg.me.q .bub{background:transparent;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-strong);
  transition:background-color var(--motion-move) var(--ease),color var(--motion-move) var(--ease)}
.msg.me.q.read .bub{background:var(--surface-3);color:var(--text);box-shadow:none}
.q-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 10px;margin:6px 0 0;color:var(--text-3);font-size:12px}
.q-line{display:inline-flex;align-items:center;gap:5px}
.q-line .ui-ico{width:13px;height:13px}
.q-act{display:inline-flex;gap:2px}
.q-btn{height:26px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600}
.q-btn:hover{background:var(--hover);color:var(--text)}
.msg.me.q.read .q-line .ui-ico{color:var(--ok)}
.rv-gate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.ask .rv-gate.in-ask{margin:0 0 12px}
.rv-sum{display:inline-flex;align-items:baseline;gap:8px;color:var(--text-2);font-size:12.5px;font-weight:600;white-space:nowrap}
.rv-add{color:var(--ok)}
.rv-del{color:var(--bad)}
.rv{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;height:100%}
.rv .p-head .rv-sum{margin-right:4px}
.rv-body{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:0;overflow:hidden}
.rv-files{overflow:auto;padding:10px 8px;background:var(--surface-2);box-shadow:inset -1px 0 0 var(--line)}
.rv-files h2{margin:0 0 6px;padding:0 8px;color:var(--text-3);font-size:12px;font-weight:600}
.rv-file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;width:100%;padding:7px 8px;border:0;border-radius:8px;
  background:transparent;color:var(--text);font-size:12.5px;text-align:left}
.rv-file:hover{background:var(--hover)}
.rv-file[aria-current]{background:var(--surface);box-shadow:0 1px 2px rgb(0 0 0 / 0.12),0 0 0 1px var(--line)}
.rv-file .fn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.rv-file .fd{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:12px}
.rv-file .fc{grid-column:2;grid-row:1 / 3;align-self:center;display:grid;justify-items:end;gap:1px;font-size:12px;font-variant-numeric:tabular-nums}
.rv-file .fc .note-n{color:var(--accent-text);font-weight:650}
.rv-diff{overflow:auto;padding:14px 20px 28px;scroll-padding-top:12px}
.df{margin:0 0 20px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.df-h{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--line);font-size:13px;font-weight:650}
.df-h .rv-sum{margin-left:auto}
.df-hunk{margin:0;padding:5px 12px;background:var(--field);color:var(--text-3);font-size:12px}
.dl{display:grid;grid-template-columns:40px 40px 18px minmax(0,1fr);width:100%;padding:0;border:0;background:transparent;color:var(--text);
  font:12.5px/20px var(--font-code);text-align:left;cursor:pointer}
button.dl:hover{background:var(--hover)}
.dl .ln{padding-right:8px;color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums}
.dl .sg{color:var(--text-3);text-align:center}
.dl code{padding-right:12px;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
.dl.add{background:var(--ok-soft)}
.dl.del{background:color-mix(in srgb,var(--bad) 10%,transparent)}
button.dl.add:hover{background:color-mix(in srgb,var(--ok) 20%,transparent)}
button.dl.del:hover{background:color-mix(in srgb,var(--bad) 17%,transparent)}
.dl.add .ln,.dl.del .ln{color:var(--text-2)}
.dl.add .sg{color:var(--ok)}
.dl.del .sg{color:var(--bad)}
.dl[aria-expanded='true']{box-shadow:inset 0 0 0 1px var(--line-strong)}
.dc{margin:6px 12px 10px 98px;padding:10px 12px 12px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);
  font-size:13px;line-height:1.45;animation:enter-up var(--motion-enter) var(--ease-out)}
.dc-meta{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--text-3);font-size:12px}
.dc-meta b{color:var(--text-2);font-weight:600}
.dc-meta .p-sp{flex:1}
.dc-meta button{padding:0;border:0;background:none;color:var(--text-3);font-size:12px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.dc-meta button:hover{color:var(--text)}
.dc textarea{display:block;width:100%;min-height:58px;padding:8px 10px;border:0;border-radius:8px;resize:vertical;background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:13px/1.45 var(--font-sans)}
.dc textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent-ring)}
.dc-act{display:flex;gap:6px;margin-top:8px}
.rv-bar[tabindex]{outline:0}
.rv-bar[tabindex]:focus-within{box-shadow:inset 0 1px 0 var(--line),inset 0 0 0 2px var(--accent-ring)}
.rv-bar[tabindex]:not(:focus-within) kbd{display:none}
.rv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--surface);box-shadow:inset 0 1px 0 var(--line)}
.rv-hint{flex:1;min-width:0;margin:0;color:var(--text-2);font-size:12.5px;line-height:1.45}
.rv-hint b{color:var(--text);font-weight:650}
.rv-act{display:flex;gap:8px}
.rv-done{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-2);font-size:13px}
.rv-done .ui-ico{color:var(--ok)}
.quote{display:grid;gap:8px;margin:10px 0 0}
.quote-i{display:grid;gap:3px;padding:8px 10px;border-radius:8px;background:var(--field)}
.quote-i code{color:var(--text-2);font-size:12px;overflow-wrap:anywhere}
.quote-i span{color:var(--text);font-size:13px;line-height:1.45}
.quote-f{color:var(--text-3);font-size:12px}
.cx-say{flex-basis:100%;display:grid;gap:5px}
.cx-say-l{display:flex;align-items:center;gap:8px;min-height:18px;color:var(--text-3);font-size:12px}
.cx-say-l b{color:var(--accent-text);font-weight:650}
.cx-say-l .k{margin-left:auto;display:inline-flex;gap:4px}
.cx-say textarea{display:block;width:100%;min-height:36px;max-height:112px;padding:8px 10px;border:0;border-radius:8px;resize:none;background:var(--field);
  box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:13px/1.4 var(--font-sans)}
.cx-say textarea::placeholder{color:var(--text-3)}
.cx-say textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent-ring);background:var(--surface)}
.cx-say.on textarea{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent-ring)}
.cx-addnote{display:none}
.cx-sent{display:grid;gap:4px;margin:0;padding:12px 16px;box-shadow:inset 0 -1px 0 var(--line);font-size:13px;line-height:1.45;animation:fade var(--motion-enter) var(--ease)}
.cx-sent .cx-h{margin:0}
.cx-sent p{margin:0;color:var(--text)}
.opt.stale{opacity:1;background:transparent;color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);cursor:default}
.opt.stale small{color:var(--text-3)}
.nt tr.nt-mark td{height:auto;padding:10px 8px 8px;white-space:normal;box-shadow:inset 0 1px 0 var(--line-strong)}
.nt tr.nt-mark:hover td{background:transparent}
.mark-in{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--text-2);font-size:12.5px}
.mark-n{color:var(--accent-text);font-weight:650}
.mark-l{flex:1;min-width:0}
.nt tr.m-enter td{animation:enter-up var(--motion-move) var(--ease-out)}
.nt tr.expired .ok-gut,.nt tr.expired .done-mark .ui-ico{color:var(--text-3)}
.nt tr.expired .done-mark{color:var(--text-2)}
.cx-h.lapsed{color:var(--text-2)}
.lapse{display:grid;gap:6px;margin:10px 0 0;color:var(--text-2);font-size:13px;line-height:1.45}
.pin{height:100%;min-height:0;display:flex;flex-direction:column}
.pin .p-head{gap:2px 8px}
.pin-live{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px;font-weight:600}
.pin-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--text-2)}
.pin-live[data-off]::before{background:var(--text-3)}
.pin-thread{flex:1 1 auto;display:flex;flex-direction:column-reverse;min-height:0;overflow:auto;padding:10px 16px 4px}
.pin .p-head,.pin-where,.pin-dock{flex:none}
.worked{text-align:left}
.pin-thread .worked{max-width:100%}
.pin-thread .worked>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pin-thread .msg{margin-bottom:12px}
.pin-thread .msg p,.pin-thread .msg .body{font-size:13.5px}
.pin-thread .msg.me .bub{max-width:92%;font-size:13.5px}
.pin-thread .worked{margin-bottom:10px}
.pin-dock{padding:6px 12px 12px}
.pin-size,.pin-grip{display:none}
.app[data-pinned] .side [data-view='watch']>.cx{display:none}
.pin.p-enter{animation:fade var(--motion-enter) var(--ease)}
.todo-h{display:flex;align-items:baseline}
.todo-h .t{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}
.todo{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.4}
.todo li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;color:var(--text-2)}
.todo li .ui-ico{width:14px;height:14px;margin-top:2px;color:var(--ok)}
.todo li.done{color:var(--text-3)}
.todo li.now{color:var(--text);font-weight:600}
.td-dot{width:8px;height:8px;margin:5px 4px 0;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text-3)}
.todo li.now .td-dot{background:var(--text-2);box-shadow:none}
.ix-new{margin-top:20px;padding:16px 18px 14px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.ix-new h2{margin:0;font-size:15px;font-weight:650}
.ix-new>p{margin:4px 0 0;color:var(--text-2);font-size:13.5px;line-height:1.5}
.ix-new .ix-flows{margin:12px 0 4px}
.ix-also a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.ix-also a:hover{color:var(--text)}
@container app (min-width:601px) and (max-width:1100px){
  .rv-body{grid-template-columns:minmax(0,1fr)}
  .rv-files{display:none}
}
@container app (max-width:600px){
  .r-row.has-line{min-height:56px}
  .app[data-tab='all'] .rail .r-row.has-line{height:auto;min-height:58px;padding:7px 8px 8px}
  .app[data-tab='all'] .rail .r-line{font-size:12.5px;line-height:18px}
  .q-btn{height:44px;padding:0 12px;font-size:13px}
  .q-state{justify-content:flex-end}
  .cx-say{grid-column:1 / -1;order:2}
  .cx-say[data-closed]{display:none}
  .cx-addnote{display:inline-flex;grid-column:1 / -1;order:3;justify-self:start;align-items:center;min-height:44px;padding:0;border:0;background:none;
    color:var(--text-2);font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
  .cx-say-l .k{display:none}
  .rv-body{grid-template-columns:minmax(0,1fr)}
  .rv-files{display:none}
  .rv .p-head .rv-sum{display:none}
  .rv .p-head .p-count{display:block;flex-basis:100%;padding:0 0 4px 44px;white-space:normal}
  .rv-diff{padding:10px 8px 20px}
  .df{border-radius:10px}
  .df-h{flex-wrap:wrap;row-gap:2px;padding:9px 10px}
  .df-h .rv-sum{margin-left:0}
  .dl{grid-template-columns:30px 16px minmax(0,1fr);font-size:12px;line-height:19px}
  .dl .ln.old{display:none}
  .dl.del .ln.old{display:block}
  .dl.del .ln:not(.old){display:none}
  .dl .ln{padding-right:6px}
  .dc{margin:6px 8px 10px 8px}
  .rv-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 8px 12px}
  .rv-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .rv-act .btn{width:100%;height:44px}
  .rv-gate .btn{height:44px}
  .app.pin-open .pane.side{display:flex;flex-direction:column;position:absolute;z-index:15;left:0;right:0;bottom:0;height:46%;
    border-radius:18px 18px 0 0;background:var(--surface);box-shadow:var(--shadow-win);animation:rise var(--motion-move) var(--ease-out)}
  .app.pin-open .pane.side>.view[data-view='watch']{display:block;height:100%;overflow:hidden}
  .app.pin-open .pin{height:100%}
  .app.pin-open .pin .p-head{position:relative;padding:14px 4px 4px 16px;border-radius:18px 18px 0 0}
  .app.pin-open .pin-grip{display:block;position:absolute;top:6px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--line-strong)}
  .app.pin-open .pin-size{display:inline-grid;width:44px;height:44px}
  .app.pin-open .pin .open-btn,.app.pin-open .pin-where,.app.pin-open .pin kbd{display:none}
  .app.pin-open .pin .btn.sm{height:44px}
  .app.pin-open.pin-strip .pane.side{height:auto}
  .app.pin-open.pin-strip .pin-thread,.app.pin-open.pin-strip .pin-dock{display:none}
  .app.pin-open.pin-strip .pin-size .ui-ico{transform:rotate(180deg)}
  .app.pin-open .pane.mid>.view{padding-bottom:400px}
  .app.pin-open.pin-strip .pane.mid>.view{padding-bottom:90px}
  .nt tr.nt-mark{display:block;min-height:0;padding:10px 8px 8px;box-shadow:inset 0 1px 0 var(--line-strong)}
  .nt tr.nt-mark td{display:block;padding:0;box-shadow:none}
  .mark-in .btn{height:44px}
  .ix-new{padding:14px 14px 12px}
}
.btn.noted{box-shadow:inset 0 0 0 2px var(--accent-ring)}
.nt tr[aria-selected='true'].done .why,.nt tr[aria-selected='true'].done .what,.nt tr[aria-selected='true'].done .done-mark{color:var(--surface-3)}
.nt tr[aria-selected='true'].done .ses b{color:var(--surface)}
.cx-done.lapsed .ui-ico{color:var(--text-3)}
.ask-note{display:flex;flex-wrap:wrap;gap:2px 8px;margin:6px 0 0 24px;color:var(--text);font-size:13px;line-height:1.45}
.ask-note-l{color:var(--text-3)}
.qa-form{display:grid;gap:12px}
.qa{display:grid;gap:6px}
.qa-q{display:flex;flex-wrap:wrap;gap:2px 8px;margin:0;color:var(--text);font-size:13.5px;font-weight:600}
.qa-h{color:var(--text-3);font-weight:500}
.qa-opts{display:grid;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.qa-opts > *{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:8px 12px;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.qa-opts > * + *{box-shadow:inset 0 1px 0 var(--line)}
.qa-opts > :hover{background:var(--hover)}
.qa-opts > :focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}
.qa-w{display:grid;gap:1px;min-width:0;flex:1}
.qa-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.qa-l{font-size:13.5px;font-weight:550;line-height:1.4}
.qa-rec{color:var(--accent-text);font-size:12px;font-weight:600}
.qa-w small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-3);font-size:12.5px;line-height:1.4}
.qa-opts .opt-btn kbd{flex:none;margin:2px 0 0 auto}
.qa-pick-row input{flex:none;margin:3px 0 0;accent-color:var(--accent)}
.qa-pick-row:has(input:checked){background:var(--accent-soft)}
@media (max-width:600px){.qa-opts > *{min-height:44px;padding:10px 12px}}
.qa-side{display:block}
.ask-done.denied .ui-ico,.cx-done.denied .ui-ico,.nt tr.denied .ok-gut,.nt tr.denied .done-mark .ui-ico{color:var(--text-3)}
.pin-ask{flex:none;display:grid;gap:3px;padding:10px 16px 11px;background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--line);font-size:13px;line-height:1.4}
.pin-ask .pa-top{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;color:var(--text-2)}
.pin-ask .pa-top b{color:var(--text);font-weight:650}
.pin-ask .pa-top span{color:var(--accent-text);font-weight:650;font-size:12.5px}
.pin-ask .pa-top .pa-k{margin-left:auto;color:var(--text-3);font-weight:500;font-size:12px}
.pin-ask .pa-what{margin:0;color:var(--text)}
@container app (max-width:600px){
  .pin-ask{display:none!important}
  .dl{min-height:44px;align-items:center}
  .dc-meta button{min-height:44px;padding:0 8px}
  .worked{min-height:44px}
  .p-catch a{padding:15px 3px;margin:0 -3px}
  .q-btn{background:var(--field)}
}
#app{height:100dvh;min-height:0}
#app>.app{height:100%}
.boot-line{margin:0;padding:24px;color:var(--text-2);font-size:13.5px}
.app[data-who] .phone-only-inline,.on-phone-inline{display:none}
.fatal{display:grid;place-items:center;height:100%;padding:24px;background:var(--surface)}
.fatal-in{display:grid;gap:14px;max-width:440px}
.fatal-mark .app-mark{width:32px;height:32px}
.fatal h1{font-size:17px;font-weight:650;line-height:1.35}
.fatal .err-details>summary{padding-left:0}
.fatal-act{display:flex;flex-wrap:wrap;gap:8px}
.conn{display:flex;align-items:center;gap:8px;margin:0;padding:6px 16px;background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--line);color:var(--text-2);font-size:12.5px}
.conn .err-line{color:var(--text)}
.conn .btn{margin-left:auto}
.app{grid-template-rows:auto auto minmax(0,1fr)}
.app>.bar{grid-row:1}.app>.conn{grid-row:2}.app>.panes{grid-row:3}
a.r-row{color:var(--text)}
a.brand{color:var(--text);text-decoration:none}
a.brand:hover{text-decoration:none}
.r-empty{padding:8px}
.r-groups{display:block}
.convo{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-height:0}
.convo>.thread,.convo>.pin-thread{min-height:0;overflow-anchor:none}
.new-replies{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);box-shadow:var(--shadow-pop);background:var(--surface)}
.steps-wrap{display:block}
.older{margin:4px auto 12px;display:flex}
.empty-convo{padding:24px 0;text-align:center}
.wk-t{font-variant-numeric:tabular-nums}
.md-list{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.5}
.md-list li+li,.md-list li>*+*{margin-top:3px}
.md-list .md-list{margin-top:3px}
ol.md-list{padding-left:24px}
ol.md-list>li::marker{color:var(--text-2);font-variant-numeric:tabular-nums}
.md-quote{margin:6px 0 0;padding:6px 10px;border-radius:8px;background:var(--field);color:var(--text-2);font-size:13px}
.md-quote>*+*{margin-top:6px}
.msg .body .md-h{margin:16px 0 0;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-0.005em}
.msg .body h4.md-h{font-size:14px}
.msg .body h5.md-h{font-size:13.5px;color:var(--text-2)}
.msg .body>.md-h:first-child{margin-top:0}
.msg .body .md-h+*{margin-top:4px}
.md-rule{margin:14px 0;border:0;border-top:1px solid var(--line)}
.msg .body :not(pre)>code{padding:1px 5px;border-radius:5px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere}
.md-link{text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:2px;overflow-wrap:anywhere}
.md-link:hover{text-decoration-color:currentColor}
.md-link.ref{text-decoration:none}
.ref .ref-t,.ref .ref-l{text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:2px}
.ref:hover .ref-t,.ref:hover .ref-l{text-decoration-color:currentColor}
.ref-st,.ref-n{white-space:nowrap}
.ref-st{font-weight:600;color:var(--text)}
.ref-st .ui-ico{vertical-align:-2px;margin-right:3px;stroke-width:1.8;color:var(--text-2)}
.ref[data-state=open] .ref-st .ui-ico{color:var(--ok)}
.ref[data-state=closed] .ref-st .ui-ico{color:var(--bad)}
.ref-q{color:var(--text-2)}
.md-table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.md-table table{min-width:100%;border-collapse:collapse;font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums}
.md-table th,.md-table td{min-width:9ch;padding:7px 12px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.md-table th{border-top-width:0;background:var(--surface-2);font-weight:600;white-space:nowrap}
@media (max-width:600px){.md-table td{min-width:22ch}}
.md-table code{white-space:nowrap}
.msg .body>*+*{margin-top:8px}
.msg .ui-code{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);overflow:auto;font-size:12.5px;line-height:1.5}
.bub.quoted{max-width:560px;padding:9px 13px;border-radius:12px;background:var(--surface-3);font-size:13.5px;line-height:1.5}
.bub.quoted .md-quote{background:var(--surface);color:var(--text-2)}
.pic{margin-top:8px}
.pic-img{display:block;max-width:min(390px,100%);height:auto;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.kids-box{margin:0 0 16px}
.kids .k-act{display:flex;gap:6px}
.ask-or{margin:8px 0 0}
.ask-done.lapsed .ui-icon,.ask-done.lapsed .ui-ico{color:var(--text-3)}
.reset{color:var(--text-2)}
.msg.me.q.failed .bub{box-shadow:inset 0 0 0 1px var(--bad)}
.q-fail{display:grid;justify-items:end;gap:4px;margin:6px 0 0;font-size:12.5px}
.q-fail .err-line{color:var(--text)}
.q-fail .err-details{flex-basis:auto;text-align:right}
.dock-note{margin:0 0 6px}
.dock-kept{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--text);font-size:13px;line-height:1.45}
.dock-kept[hidden]{display:none}
.dock-kept .dot{flex:none}
.readby-all{margin-left:auto;font-size:12px}
.err-box{border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-strong)}
.err-inline{margin:-2px 0 2px 128px;padding:10px 12px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}
.talk-rule{margin:0;padding:0 10px 6px;font-size:12.5px;color:var(--text-2)}
.talk-err{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0 10px 6px;font-size:12.5px;color:var(--text-2)}
.talk-err .err-line{color:var(--text)}
.composer.talk .talk-where{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-meter{margin-top:12px}
.pad{padding:14px 16px}
.pad-top{margin-top:12px}
.p-sub.flush{padding:14px 0 6px}
.dlg.wide{width:min(620px,calc(100% - 16px))}
.rv-moved{margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.45;color:var(--text-2)}
.rv-moved b{color:var(--text)}
.rv-loading{padding:16px}
.dl:disabled{cursor:default}
.menu{position:absolute;z-index:80;min-width:200px;max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:4px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-pop);animation:pop-in var(--motion-enter) var(--ease-out)}
.menu-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:13px;font-weight:600;text-align:left}
.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline-offset:-2px}
.menu-item .ui-ico{color:var(--text-2)}
.menu-item.quiet{color:var(--text-2);font-size:12.5px;font-weight:500}
.menu-gut{width:16px}
.menu-sep{height:1px;margin:4px 6px;background:var(--line)}
.pal-wrap{place-items:start center;padding-top:72px}
.pal-dlg{width:min(560px,calc(100% - 16px));padding:0;overflow:hidden}
.pal-field{display:flex;align-items:center;gap:8px;padding:10px 12px;box-shadow:inset 0 -1px 0 var(--line);color:var(--text-3)}
.pal-input{flex:1;height:34px;font-size:14px;background:transparent;box-shadow:none}
.pal-input:focus{outline:none}
.pal-list{display:grid;max-height:min(420px,60vh);overflow:auto;padding:4px}
.pal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;text-align:left}
.pal-row[aria-selected='true'],.pal-row:hover{background:var(--hover)}
.pal-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-sub{grid-column:1;color:var(--text-3);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-kind{grid-column:2;grid-row:1;color:var(--text-3);font-size:12px}
.pal-foot{margin:0;padding:8px 14px 10px;color:var(--text-3);font-size:12px;box-shadow:inset 0 1px 0 var(--line)}
.pal-foot:empty{display:none}
.pal-skip{margin-top:4px}.pal-skip summary{width:fit-content;cursor:pointer}.pal-skip p{margin:4px 0 0;overflow-wrap:anywhere}
.pk-standin{margin:10px 0 0;color:var(--text-3);font-size:12px;line-height:1.45}
@container app (max-width:600px){
  .on-phone-inline{display:inline-flex}
  .app[data-who] .phone-only-inline{display:inline-flex}
  .err-inline{margin-left:0}
  .menu-item{height:44px}
  .pal-wrap{padding-top:16px}
  .pal-row{min-height:44px}
  .new-replies{height:44px}
  .conn{padding:8px 16px}
  .side .p-head .on-phone-inline{margin-left:auto}
}
.f-text{height:auto;min-height:96px;padding:8px 10px;line-height:1.45;resize:vertical}
.connect .p-body>.btn{justify-self:start}
.phone-connect,.paired-top{display:none}
@container app (max-width:600px){
  .phone-connect{display:grid;margin-top:8px;box-shadow:inset 0 1px 0 var(--line)}
  .paired-top{display:grid;margin:8px 16px 4px}
  .phone-connect .p-head{position:static}
}
@container app (max-width:600px){
  .bar .brand{min-width:44px;min-height:44px}
  .composer textarea{min-height:44px}
  .p-head .watch-btn,.p-head .wk-btn{width:44px;padding:0;margin-right:-8px}
  .p-head .wk-btn{display:inline-flex}.sess>.p-head{column-gap:4px}.sess>.p-head .watch-btn,.sess>.p-head .wk-btn{margin-right:0}
  .sess>.p-head .p-title{flex:1 1 0;min-width:0}.sess>.p-head .p-sp{display:none}
}
@container app (max-width:600px){
  .switch{width:52px;height:44px;margin:0;padding:0;border-radius:0;background:transparent;position:relative}
  .switch::before{content:'';position:absolute;left:8px;top:11px;width:36px;height:22px;border-radius:11px;background:var(--line-strong);transition:background-color .2s var(--ease)}
  .switch[aria-checked='true']{background:transparent}
  .switch[aria-checked='true']::before{background:var(--accent)}
  .switch::after{position:absolute;left:10px;top:13px}
  .tbtn{min-width:44px;justify-content:center}
  .dc-meta button{min-width:44px}
}
span.r-sort,span.r-sort:hover{background:transparent;color:var(--text-3);cursor:default}
.lim-field{display:flex;align-items:center;gap:12px;color:var(--text-2);font-size:13px}
.send.is-stop{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.send.is-stop .ui-ico{color:var(--bad)}
.kct{display:grid;gap:8px;margin-top:2px}
.kct label{font-size:13px;font-weight:600;color:var(--text)}
.err-wide{margin-left:0}
.thread .signed-out{margin:32px auto;text-align:center}
.r-fold.r-others{margin-top:12px;padding-left:8px}
.r-others-box{margin-left:0;box-shadow:none}
.f-act{flex-wrap:wrap}.f-wait{margin:0;color:var(--text-2);font-size:12.5px}
@media (max-width:600px){.f-wait{flex-basis:100%}}
html .kit-toasts,html .kit-toasts[popover]{inset:auto auto calc(var(--bosun-dock,0px) + 22px) 50%}
.menu-note{max-width:248px;margin:0;padding:6px 10px 4px;color:var(--text-3);font-size:12px;line-height:1.4}
.svc-list{list-style:none;margin:0;padding:0}
.svc-list li{padding:7px 0;font-size:13.5px;line-height:1.5;color:var(--text-2)}
.svc-list li+li{box-shadow:inset 0 1px 0 var(--line)}
.svc-list li[data-state="unavailable"]{color:var(--text)}
.svc-alerts li{color:var(--text)}
.svc-alerts small{display:block;color:var(--text-3);font-size:12.5px}
.kthing.k-off{min-height:0;margin:6px 0;padding:0;box-shadow:none;background:none}
.k-off .kthing-t{color:var(--text-3);font-size:13px}