.flow-editor-v139{width:min(100%,900px)!important;max-width:900px!important;min-height:100%!important;display:flex!important;flex-direction:column!important;gap:0;padding:8px 24px 0!important}
.flow-head-v139{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0 18px;border-bottom:1px solid var(--line)}
.flow-title-group{display:flex;align-items:center;gap:12px;min-width:0}
.flow-title-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;color:var(--accent);background:var(--accent-soft)}
.flow-title-icon .material-symbols-rounded{font-size:21px}
.flow-title-group>div{min-width:0}
.flow-title-group input{display:block;width:min(100%,600px);padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:21px;font-weight:720;letter-spacing:-.035em}
.flow-title-group p{margin:3px 0 0;color:var(--muted);font-size:12px}
.flow-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.flow-share-people{display:flex;align-items:center;gap:0;min-height:37px;padding:3px 8px 3px 4px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--surface)}
.flow-share-people:hover,.flow-share-people.is-shared{border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:var(--accent-soft);color:var(--accent)}
.flow-stack-blob{display:grid;place-items:center;width:28px;height:28px;margin-right:-6px;border:2px solid var(--surface);border-radius:50%;background:var(--surface);overflow:hidden}
.flow-stack-blob:last-of-type{margin-right:5px}
.flow-stack-blob flowlo-avatar{width:24px!important;height:24px!important}
.flow-share-icon{display:flex;align-items:center;margin-left:5px;font-size:12px;font-weight:650}
.flow-share-icon .material-symbols-rounded{font-size:17px}
.flow-head-icon,.flow-more-menu>summary{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface);list-style:none}
.flow-head-icon:hover,.flow-more-menu>summary:hover{color:var(--accent);background:var(--accent-soft)}
.flow-head-icon.is-active{color:#d69a28;background:color-mix(in srgb,#e4ad41 13%,var(--surface));border-color:color-mix(in srgb,#e4ad41 28%,var(--line))}
.flow-more-menu{position:relative}
.flow-more-menu>summary::-webkit-details-marker{display:none}
.flow-more-popover{position:absolute;z-index:12;right:0;top:calc(100% + 7px);display:grid;min-width:164px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}
.flow-more-popover button{display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;text-align:left;color:var(--ink);font-size:12px;white-space:nowrap}
.flow-more-popover button:hover{background:var(--accent-soft);color:var(--accent)}
.flow-more-popover button.danger{color:#ba5050}
.flow-more-popover .material-symbols-rounded{font-size:17px}
.flow-list-v139{display:flex!important;flex:1 1 auto!important;flex-direction:column;gap:0;min-height:0;overflow:auto!important;padding:14px 2px 10px!important;scrollbar-width:thin;overscroll-behavior:contain}
.flow-list-v139:before{content:"";flex:1 0 auto}
.flow-entry{display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:11px!important;padding:11px 7px!important;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:10px;transition:background .16s ease}
.flow-entry:hover{background:color-mix(in srgb,var(--accent-soft) 46%,transparent)}
.flow-entry-avatar,.flow-composer-avatar{width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--raised,#f1f5f9)}
.flow-entry-avatar flowlo-avatar,.flow-composer-avatar flowlo-avatar{width:100%!important;height:100%!important}
.flow-entry-content{min-width:0}
.flow-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11px;line-height:1.25}
.flow-entry-meta>b:first-child{color:var(--ink);font-size:12px;font-weight:680}
.flow-entry-meta time{font-variant-numeric:tabular-nums}
.flow-new-tag{padding:2px 6px;border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:750;letter-spacing:.01em}
.flow-new-tag[hidden]{display:none!important}
.flow-pin-label{display:inline-flex;align-items:center;color:#b6872c;font-size:10px}
.flow-pin-label .material-symbols-rounded{font-size:13px}
.flow-entry-actions{display:inline-flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity .14s ease}
.flow-entry:hover .flow-entry-actions,.flow-entry:focus-within .flow-entry-actions{opacity:1}
.flow-entry-actions button{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--muted)}
.flow-entry-actions button:hover{color:var(--accent);background:var(--surface)}
.flow-entry-actions button .material-symbols-rounded{font-size:16px}
.flow-entry-body{margin:5px 0 0!important;color:var(--ink);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.flow-empty{display:grid;justify-items:center;align-content:center;gap:8px;min-height:130px;padding:18px;text-align:center;color:var(--muted)}
.flow-empty>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.flow-empty p{margin:0;font-size:13px}
.flow-composer-v139{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto;margin-top:auto!important;padding:15px 0 max(12px,env(safe-area-inset-bottom))!important;background:linear-gradient(to bottom,transparent,var(--bg) 20px)!important}
.flow-composer-v139 .composer-box{flex:1;min-width:0;display:flex;align-items:flex-end;gap:8px;padding:8px 9px!important;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 5%,transparent)}
.flow-composer-v139 textarea{flex:1;min-width:0;max-height:140px!important;padding:7px 8px!important;resize:none;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px;line-height:1.45}
.flow-composer-v139 textarea::placeholder{color:var(--muted)}
.flow-composer-v139 .composer-box .button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:11px}
.flow-composer-v139 .composer-box .button .material-symbols-rounded{font-size:19px}
.flow-composer-v139 .composer-box .button span+span{display:none}
.flow-composer-v139 .composer-hint{display:none!important}
.flow-blob-slot{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%}
.flow-blob-slot flowlo-avatar{display:inline-grid;width:100%!important;height:100%!important}
.flow-blob-slot flowlo-avatar svg{width:100%;height:100%}
.flow-editor-v139 button:focus-visible,.flow-entry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:800px){
  .flow-editor-v139{width:100%!important;max-width:none!important;min-height:100%!important;padding:4px 12px 0!important}
  .flow-head-v139{gap:8px;padding:2px 0 12px}
  .flow-title-group{gap:8px}
  .flow-title-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}
  .flow-title-group input{font-size:17px}
  .flow-title-group p{font-size:10px}
  .flow-head-actions{gap:4px}
  .flow-share-people{min-height:33px;padding:2px 6px 2px 3px}
  .flow-share-icon{font-size:0}
  .flow-share-icon .material-symbols-rounded{font-size:16px}
  .flow-stack-blob{width:24px;height:24px;margin-right:-7px}
  .flow-stack-blob flowlo-avatar{width:21px!important;height:21px!important}
  .flow-head-icon,.flow-more-menu>summary{width:32px;height:32px;border-radius:9px}
  .flow-entry{grid-template-columns:32px minmax(0,1fr);gap:8px!important;padding:9px 2px!important}
  .flow-entry-avatar{width:32px;height:32px}
  .flow-entry-body{font-size:13px}
  .flow-entry-actions{opacity:1}
  .flow-entry-actions button{width:24px;height:24px}
  .flow-composer-avatar{width:32px;height:32px;flex:0 0 32px}
  .flow-composer-v139{gap:8px;padding-top:11px!important}
}
@media(prefers-reduced-motion:reduce){.flow-entry,.flow-entry-actions{transition:none!important}}

/* v1.39.1: bounded timeline, quieter rows, grouped bursts and scroll-aware controls. */
.flow-editor-v139{position:relative!important;box-sizing:border-box!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding-top:0!important}
.flow-head-v139{position:absolute;z-index:5;top:8px;left:24px;right:24px;min-height:52px;padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 7%,transparent);backdrop-filter:blur(8px);transition:transform .18s ease,opacity .18s ease;}
.flow-head-hidden .flow-head-v139{transform:translateY(calc(-100% - 14px));opacity:0;pointer-events:none}
.flow-list-v139{box-sizing:border-box!important;position:relative;flex:1 1 0!important;width:100%;height:0;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:74px 2px 18px!important;scrollbar-gutter:stable;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.flow-list-v139:before{flex:1 0 auto}
.flow-entry{position:relative;grid-template-columns:36px minmax(0,1fr);gap:10px!important;padding:8px 5px!important;border-bottom:1px solid color-mix(in srgb,var(--line) 42%,transparent);border-radius:7px;transition:background .14s ease}
.flow-entry:hover{background:color-mix(in srgb,var(--accent-soft) 28%,transparent)}
.flow-entry-avatar{position:relative;display:grid;place-items:start center;background:transparent}
.flow-entry-meta{min-height:25px;gap:7px}
.flow-entry-body{margin-top:2px!important}
.flow-entry.is-grouped{padding-top:4px!important;padding-bottom:7px!important}
.flow-entry.is-grouped .flow-entry-avatar{align-self:stretch;height:auto;min-height:22px;visibility:hidden}
.flow-entry.is-grouped .flow-entry-avatar:after{content:"";position:absolute;top:-6px;bottom:-5px;left:50%;width:2px;transform:translateX(-50%);border-radius:2px;background:color-mix(in srgb,var(--line) 80%,var(--accent))}
.flow-entry.is-grouped .flow-entry-avatar:before{content:"";position:absolute;z-index:1;top:7px;left:50%;width:6px;height:6px;transform:translateX(-50%);border:2px solid var(--surface);border-radius:50%;background:color-mix(in srgb,var(--muted) 65%,var(--accent))}
.flow-entry.is-grouped .flow-entry-author,.flow-entry.is-grouped .flow-entry-time{display:none}
.flow-jump-latest{position:absolute;z-index:4;right:28px;bottom:91px;display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--accent));border-radius:50%;color:var(--accent);background:var(--surface);box-shadow:0 3px 13px color-mix(in srgb,var(--ink) 12%,transparent);opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.flow-away-from-latest .flow-jump-latest{opacity:1;transform:translateY(0);pointer-events:auto}
.flow-jump-latest .material-symbols-rounded{font-size:19px}
.flow-composer-v139{position:relative!important;z-index:2;flex:0 0 auto;margin:0!important;padding:10px 0 max(10px,env(safe-area-inset-bottom))!important;background:var(--bg)!important}
.flow-composer-v139 .composer-box{box-shadow:0 2px 9px color-mix(in srgb,var(--ink) 4%,transparent)}
@media(max-width:800px){
  .flow-editor-v139{height:100%!important;min-height:0!important;padding:0 12px 0!important}
  .flow-head-v139{top:5px;left:12px;right:12px;gap:6px;padding:5px 6px!important;min-height:44px}
  .flow-list-v139{padding:62px 1px 12px!important}
  .flow-entry{grid-template-columns:32px minmax(0,1fr);gap:8px!important;padding:7px 2px!important}
  .flow-entry.is-grouped{padding-top:3px!important;padding-bottom:6px!important}
  .flow-entry.is-grouped .flow-entry-avatar{min-height:18px}
  .flow-composer-v139{padding:8px 0 max(9px,env(safe-area-inset-bottom))!important}
  .flow-jump-latest{right:18px;bottom:82px;width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.flow-head-v139,.flow-jump-latest{transition:none!important}}

/* v1.39.2 touch-ups from the live Flow view. */
.flow-entry p.flow-entry-body{padding:0!important;border:0!important;margin:2px 0 0!important}
.flow-entry.is-grouped{padding-top:2px!important;padding-bottom:3px!important}
.flow-entry.is-grouped .flow-entry-meta{min-height:20px;gap:5px}
.flow-entry.is-grouped .flow-entry-actions button{width:20px;height:20px}
.flow-entry.is-grouped .flow-entry-actions button .material-symbols-rounded{font-size:14px}
.flow-jump-latest{width:42px;height:42px;padding:0;color:#fff;background:var(--accent);border:0;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}
.flow-jump-latest:hover{background:color-mix(in srgb,var(--accent) 88%,#102f70);box-shadow:0 5px 17px color-mix(in srgb,var(--accent) 38%,transparent)}
.flow-jump-latest .material-symbols-rounded{font-size:21px;color:inherit}
.flow-more-popover button.danger,.flow-more-popover button.danger:hover,.flow-more-popover button.danger:focus-visible{color:#fff!important;background:#d64d4d!important}
.flow-more-popover button.danger:hover{background:#bd3f3f!important}
@media(max-width:800px){.flow-jump-latest{width:38px;height:38px}.flow-entry.is-grouped{padding-top:1px!important;padding-bottom:2px!important}.flow-entry.is-grouped .flow-entry-meta{min-height:18px}}

/* v1.40.3: compact message bursts and reveal controls on demand on touch. */
.flow-entry.has-group-next,
.flow-entry.is-grouped{border-bottom-color:transparent!important}
.flow-entry.is-grouped{padding-top:1px!important;padding-bottom:3px!important}
.flow-entry.is-grouped .flow-entry-meta{min-height:18px;gap:4px}
.flow-entry.is-grouped .flow-entry-body{margin-top:0!important}
.flow-entry-action-toggle{display:none;place-items:center;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border-radius:7px;color:var(--muted)}
.flow-entry-action-toggle:hover{color:var(--accent);background:var(--surface)}
.flow-entry-action-toggle .material-symbols-rounded{font-size:18px}
@media(hover:hover) and (pointer:fine){
  .flow-entry:hover .flow-entry-actions,.flow-entry:focus-within .flow-entry-actions{opacity:1;visibility:visible}
}
@media(max-width:800px){
  .flow-entry-action-toggle{display:grid}
  .flow-entry-actions{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .flow-entry.is-actions-open .flow-entry-actions{display:inline-flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;margin-left:0}
  .flow-entry.is-actions-open .flow-entry-action-toggle{margin-left:0}
  .flow-entry-actions button,.flow-entry.is-grouped .flow-entry-actions button{width:24px;height:24px}
  .flow-entry.is-grouped{padding-top:1px!important;padding-bottom:2px!important}
  .flow-entry.is-grouped .flow-entry-meta{min-height:18px;gap:4px}
}

/* v1.41.0 — voice is a first-class, editable capture method inside a Flow. */
.flow-composer-main{flex:1;min-width:0;display:grid;gap:7px}
.flow-voice-trigger-v141{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;color:var(--accent);background:var(--accent-soft);transition:background .14s ease,transform .14s ease}
.flow-voice-trigger-v141:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface));transform:translateY(-1px)}
.flow-voice-trigger-v141 .material-symbols-rounded{font-size:20px}
.flow-voice-capture-v141{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 56%,var(--surface))}
.flow-voice-capture-v141[hidden]{display:none!important}
.flow-voice-wave-v141{display:block;flex:1;min-width:0;height:36px;border-radius:8px}
.flow-voice-capture-v141>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.flow-voice-capture-v141 .flow-voice-status-v141{color:var(--ink);font-weight:600}
.flow-voice-cancel-v141,.flow-voice-stop-v141{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;color:var(--muted);background:var(--surface)}
.flow-voice-stop-v141{color:#fff;background:var(--accent)}
.flow-voice-stop-v141:disabled{opacity:.65}
.flow-voice-edit-v141{display:flex;align-items:center;gap:6px;margin:5px 0 0}
.flow-voice-edit-v141 textarea{flex:1;min-width:0;min-height:66px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:1.45;resize:vertical}
.flow-voice-edit-v141 button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;color:var(--muted);background:var(--surface)}
.flow-voice-edit-v141 button.button.primary{display:block;padding:0 11px;color:#fff;background:var(--accent);font-size:12px;font-weight:650}
.flow-entry.is-editing .flow-entry-actions{display:none}
.flow-voice-origin{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:700;white-space:nowrap}
.flow-voice-origin .material-symbols-rounded{font-size:12px}
.flow-entry-original-toggle{display:inline-block;margin-top:3px;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:2px}
.flow-entry.is-voice-entry:not(.is-voice-group-lead) .flow-entry-original-toggle{display:none}
.flow-entry-original-toggle:hover{color:var(--accent)}
.flow-entry-original{margin:5px 0 0!important;padding:7px 9px;border-left:2px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:0 6px 6px 0;background:var(--raised);color:var(--muted);font-size:11px;line-height:1.45;white-space:pre-wrap}
.flow-entry-original[hidden]{display:none!important}
@media(max-width:800px){
  .flow-voice-capture-v141{gap:6px;padding:6px}
  .flow-voice-capture-v141 .flow-voice-status-v141{display:none}
  .flow-voice-wave-v141{height:32px}
  .flow-entry-original-toggle{font-size:10px}
  .flow-voice-edit-v141{flex-wrap:wrap}
  .flow-voice-edit-v141 textarea{flex-basis:100%}
  .flow-voice-edit-v141 button{margin-left:auto}
}

/* v1.41.1 — keep voice capture compact, legible, and creator-private. */
.flow-entry.is-voice-entry:not(.is-voice-group-lead) .flow-voice-origin{display:none}
.flow-composer-v139{width:100%;min-width:0}
.flow-composer-main{width:100%;min-width:0}
.flow-composer-v139 .composer-box{width:100%;min-width:0;flex-wrap:nowrap;overflow:hidden}
.flow-composer-v139 textarea{width:0;min-width:0;max-width:100%;flex:1 1 0}
.flow-composer-v139 .flow-voice-trigger-v141,.flow-composer-v139 .composer-box .button.primary{flex:0 0 40px;width:40px;height:40px}
.flow-voice-capture-v141{width:100%;min-width:0;min-height:68px;gap:8px;padding:8px;overflow:hidden}
.flow-voice-wave-v141{width:100%;height:48px;flex:1 1 auto}
.flow-voice-capture-v141 .flow-voice-status-v141{display:none!important}
.flow-voice-cancel-v141,.flow-voice-stop-v141{flex:0 0 44px;width:44px;height:44px;border-radius:12px}
.flow-voice-cancel-v141 .material-symbols-rounded,.flow-voice-stop-v141 .material-symbols-rounded{font-size:21px}
.flow-composer-v139.is-recording .composer-box{display:none!important}
.flow-entry-original-toggle[disabled]{opacity:.6;cursor:wait}
@media(max-width:800px){
  .flow-composer-v139 .flow-voice-trigger-v141,.flow-composer-v139 .composer-box .button.primary{flex-basis:38px;width:38px;height:38px}
  .flow-voice-capture-v141{min-height:62px;gap:5px;padding:6px}
  .flow-voice-wave-v141{height:44px}
  .flow-voice-cancel-v141,.flow-voice-stop-v141{flex-basis:44px;width:44px;height:44px}
}

/* v1.62 — preserve clear bottom breathing room for capture on every canvas. */
.flow-composer-v139{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
@media(max-width:800px){.flow-composer-v139{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}}
