:root{--bg: #f6f5f2;--surface: #ffffff;--surface-2: #f0eee9;--border: #e2dfd8;--border-strong: #cbc6bc;--text: #1c1f24;--text-2: #565b63;--text-3: #6f747c;--brand: #14213d;--brand-ink: #ffffff;--accent: #2f5bd3;--accent-ink: #ffffff;--accent-soft: #e8eefc;--rec: #c8322b;--ok: #1f7a4d;--ok-soft: #e3f3ea;--warn: #8f5b00;--warn-soft: #fdf1d8;--err: #b42318;--err-soft: #fde7e5;--busy: #4b5b7a;--busy-soft: #e9edf4;--sample: #6d28d9;--quote: #f7f3e8;--overlay: rgba(10, 12, 16, .45);--shadow: 0 1px 2px rgba(20, 23, 28, .06), 0 2px 8px rgba(20, 23, 28, .04);--shadow-lg: 0 8px 32px rgba(20, 23, 28, .18);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "SF Pro Text", Roboto, sans-serif;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-metric: 1.5rem;--fs-display: 2.75rem;--lh: 1.5;--lh-tight: 1.3;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius: 10px;--radius-sm: 6px;--control-h: 36px;--card-pad: 20px;--gutter: var(--s6);--tabbar-h: 56px;--dur-fast: .12s;--dur: .2s;--dur-slow: .26s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #111317;--surface: #1a1d23;--surface-2: #22262d;--border: #2c313a;--border-strong: #3c424d;--text: #e8eaee;--text-2: #b0b5bd;--text-3: #8f959e;--brand: #0b0d10;--brand-ink: #e8eaee;--accent: #7ea2ff;--accent-ink: #0d1424;--accent-soft: #1e2a47;--rec: #ff5b52;--ok: #5cc995;--ok-soft: #15301f;--warn: #f0b84a;--warn-soft: #33270f;--err: #ff7b6e;--err-soft: #3a1714;--busy: #a9b6d1;--busy-soft: #232a38;--sample: #8b5cf6;--quote: #24221c;--overlay: rgba(0, 0, 0, .6);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);color-scheme:dark}}@media (max-width: 760px),(pointer: coarse){:root{--control-h: 44px}}@media (max-width: 760px){:root{--card-pad: var(--s4);--gutter: var(--s4)}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:var(--fs-md)/var(--lh) var(--font);min-height:100vh;min-height:100dvh;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none;touch-action:manipulation}@media (hover: hover){a:hover{text-decoration:underline}}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);overflow-wrap:anywhere;text-wrap:balance}h1{font-size:var(--fs-xl);font-weight:650;letter-spacing:-.01em}h2{font-size:var(--fs-lg);font-weight:650}h3{font-size:var(--fs-md);font-weight:650}p{margin:0;max-width:80ch;text-wrap:pretty}ul,ol{margin:0}svg{flex:none}.num,td.num,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.muted{color:var(--text-2)}.faint{color:var(--text-3);font-size:var(--fs-sm)}.small{font-size:var(--fs-sm)}.lead{font-size:var(--fs-lg);line-height:1.45}.label{font-size:var(--fs-xs);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.metric{font-size:var(--fs-metric);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.wrap-any{overflow-wrap:anywhere}.text-warn{color:var(--warn)}.text-err{color:var(--err)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.row{display:flex;align-items:center;gap:var(--s2);min-width:0}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.top{align-items:flex-start}.stack{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.stack.tight{gap:var(--s2)}.stack.loose{gap:var(--s5)}.stack.end{align-items:flex-end}.stack>*{min-width:0}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-narrow{max-width:560px;width:100%;margin:0 auto}@media (max-width: 760px){.hidden-sm{display:none!important}}@media (min-width: 761px){.only-sm{display:none!important}}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;min-height:100dvh}.side{background:var(--brand);color:var(--brand-ink);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}@media (prefers-color-scheme: dark){.side{border-right:1px solid var(--border)}}.side .brand{font-weight:700;font-size:var(--fs-lg);padding:var(--s2) var(--s2) var(--s4);letter-spacing:.01em}.side a,.side button.navlink{color:inherit;opacity:.82;padding:8px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;min-height:0;border:0;background:none;font-weight:500;justify-content:flex-start;width:100%;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.side a svg,.side button.navlink svg{width:18px;height:18px;opacity:.9}@media (hover: hover){.side a:hover,.side button.navlink:hover:not(:disabled){opacity:1;background:#ffffff14;text-decoration:none}}.side a.active{opacity:1;background:#ffffff24;font-weight:600}.side .spacer{flex:1}.side .who{font-size:var(--fs-sm);opacity:.8;padding:var(--s2) 10px;overflow-wrap:anywhere}.main{padding:var(--s5) var(--gutter) var(--s6);max-width:1180px;width:100%;min-width:0}.envbar{background:var(--warn-soft);color:var(--warn);font-size:var(--fs-sm);padding:6px var(--s4);text-align:center;border-bottom:1px solid var(--border);padding-left:max(var(--s4),env(safe-area-inset-left));padding-right:max(var(--s4),env(safe-area-inset-right))}.envbar.alert{background:var(--err-soft);color:var(--text)}.topbar,.tabbar{display:none}.recdot{width:.6em;height:.6em;border-radius:50%;background:currentColor;display:inline-block;flex:none}@media (max-width: 760px){body{padding-top:env(safe-area-inset-top)}.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.main{padding:var(--s3) max(var(--gutter),env(safe-area-inset-right)) calc(var(--tabbar-h) + var(--s6) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:48px;padding:4px max(var(--s2),env(safe-area-inset-right)) 0 max(var(--gutter),env(safe-area-inset-left))}.topbar .brand{font-weight:700;font-size:var(--fs-md);color:var(--text);letter-spacing:.01em}.topbar .account{border:0;background:none;color:var(--text-2);gap:6px;padding:0 10px;font-weight:500;font-size:var(--fs-sm);max-width:60%}.topbar .account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:4px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.tabbar a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:4px 2px;font-size:var(--fs-2xs);font-weight:500;color:var(--text-2);border-radius:var(--radius-sm);text-align:center;line-height:1.2;transition:color var(--dur-fast) var(--ease-out)}.tabbar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--accent);font-weight:650}.tabbar a:hover{text-decoration:none}.tabbar a.rec-tab{color:var(--rec);font-weight:650}.tabbar a:active svg{transform:scale(.9)}.tabbar a svg{transition:transform var(--dur-fast) var(--ease-out)}.kb-open .tabbar{display:none}.kb-open .main{padding-bottom:var(--s5)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);box-shadow:var(--shadow);min-width:0}.card.flat{box-shadow:none}.card.attention{border-color:var(--warn)}.section{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.section>h2{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}.section>h2 .faint,h2>.faint{font-weight:500}.section>h2 a,.section>h2 button.link{font-size:var(--fs-sm);font-weight:500}.list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.list>.item{padding:var(--s3) var(--s4);border-top:1px solid var(--border);display:flex;gap:var(--s3);align-items:center;color:inherit;min-width:0;min-height:48px}.list>.item:first-child{border-top:none}.list>.item.top{align-items:flex-start}a.item{transition:background-color var(--dur-fast) var(--ease-out)}@media (hover: hover){a.item:hover{background:var(--surface-2);text-decoration:none}}a.item:active{background:var(--surface-2)}.item .chev{color:var(--text-3);flex:none;display:flex}.timeline-item .when{width:96px;flex:none}@media (max-width: 480px){.timeline-item{flex-direction:column;gap:var(--s1)}.timeline-item .when{width:auto}}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.pagehead>div:first-child{min-width:0;flex:1 1 260px}.pagehead p{margin-top:2px}.stack:not(.loose)>.pagehead{margin-bottom:var(--s2)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}@media (max-width: 900px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}button,.btn{font:inherit;font-weight:550;line-height:1.25;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:6px 14px;min-height:var(--control-h);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;max-width:100%;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn{text-decoration:none!important}@media (hover: hover){button:hover:not(:disabled),.btn:hover{background:var(--surface-2)}}button:active:not(:disabled),.btn:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (hover: hover){button.primary:hover:not(:disabled),.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text))}}button.danger{color:var(--err);border-color:var(--err);background:transparent}@media (hover: hover){button.danger:hover:not(:disabled){background:var(--err-soft)}}button.ghost,.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}@media (hover: hover){button.ghost:hover:not(:disabled),.btn.ghost:hover{background:var(--surface-2);color:var(--text)}}button.ghost:active:not(:disabled){background:var(--surface-2)}button.link{border:none;background:none;color:var(--accent);padding:0;min-height:0;font-weight:500;position:relative;text-align:left}button.link:active:not(:disabled){transform:none;opacity:.7}@media (hover: hover){button.link:hover:not(:disabled){background:none;text-decoration:underline}}button.link:after{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}.stack>button.link,.card>button.link,.insight>button.link{align-self:flex-start}button.big{min-height:52px;font-size:var(--fs-lg);padding:12px 20px;width:100%}button.icon{padding:0;width:var(--control-h);flex:none}.actions{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}@media (max-width: 760px){.actions.stack-sm{flex-direction:column;align-items:stretch}}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;min-height:var(--control-h);width:100%;min-width:0;max-width:100%;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring);border-radius:var(--radius-sm)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=date],input[type=datetime-local]{display:block}input::-webkit-date-and-time-value{text-align:left}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--accent);cursor:pointer}input[type=file]{padding:8px;min-height:0;color:var(--text-2)}input[type=file]::file-selector-button{font:inherit;font-weight:550;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 12px;margin-right:10px;cursor:pointer}select{cursor:pointer}textarea{min-height:88px;resize:vertical;line-height:1.45}label.field{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--text-2);font-weight:550;min-width:0}label.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-height:var(--control-h);padding:6px 0}label.check input{margin-top:1px}label.inline{display:inline-flex;align-items:center;gap:var(--s2)}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow-x:auto;max-width:100%;flex:none;scrollbar-width:none;background:var(--surface)}.seg::-webkit-scrollbar{display:none}.seg button{border:none;border-radius:0;min-height:calc(var(--control-h) - 2px);background:transparent;white-space:nowrap;flex:none;padding:4px 14px}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent-soft);color:var(--accent)}.seg button:active:not(:disabled){transform:none}@media (max-width: 760px),(pointer: coarse){input,select,textarea{font-size:16px}}.filters{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.filters>input[type=search]{flex:1 1 220px;max-width:320px}.filters>select{flex:0 1 200px;width:auto}@media (max-width: 760px){.filters>input[type=search]{max-width:none;flex-basis:100%;order:-1}.filters>select{flex:1 1 0}.filters>.seg{border:0;border-radius:0;background:none;gap:6px;width:auto;max-width:none;flex:0 0 auto;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);width:calc(100% + 2 * var(--gutter))}.filters>.seg button,.filters>.seg button+button{border:1px solid var(--border-strong);border-radius:999px;min-height:36px;padding:4px 14px}.filters>.seg button.on{border-color:var(--accent)}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2);white-space:nowrap;line-height:1.6;flex:none;max-width:100%}.stack>.badge,.card>.badge{align-self:flex-start}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn,.badge.action{background:var(--warn-soft);color:var(--warn)}.badge.error{background:var(--err-soft);color:var(--err)}.badge.busy{background:var(--busy-soft);color:var(--busy)}.badge.live{background:var(--err-soft);color:var(--rec)}.badge.sample{background:var(--sample);color:#fff}.badge.fixed{min-width:30px;justify-content:center}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.badge.busy .dot,.badge.live .dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.notice{border-radius:var(--radius);padding:var(--s3) var(--s4);font-size:var(--fs-sm);line-height:1.45;border:1px solid var(--border);background:var(--surface-2);overflow-wrap:anywhere}.notice.warn{background:var(--warn-soft);border-color:transparent;color:var(--text)}.notice.error{background:var(--err-soft);border-color:transparent}.notice.ok{background:var(--ok-soft);border-color:transparent}.notice.info{background:var(--accent-soft);border-color:transparent}.notice ul{padding-left:18px;margin-top:4px}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:6px}.empty p,.empty .muted{max-width:46ch}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:sk 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes sk{to{background-position:-200% 0}}.quote{background:var(--quote);border-left:3px solid var(--warn);padding:6px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-sm);line-height:1.45;display:flex;gap:var(--s2);align-items:baseline;min-width:0}.quote>.grow{overflow-wrap:anywhere}.quote .ts{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.quote button.link{font-size:var(--fs-xs);white-space:nowrap;font-variant-numeric:tabular-nums}.insight{display:flex;flex-direction:column;gap:var(--s2);border-left:4px solid var(--border-strong)}.insight.missed,.insight.risk{border-left-color:var(--warn)}.insight.strength{border-left-color:var(--ok)}details>summary{cursor:pointer;color:var(--accent);font-size:var(--fs-sm);font-weight:550;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;touch-action:manipulation}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-out);flex:none;margin-right:2px}details[open]>summary:before{transform:rotate(45deg)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;font-size:var(--fs-sm);margin:0}.kv dt{color:var(--text-2)}.kv dd{margin:0;overflow-wrap:anywhere}@media (max-width: 480px){.kv{grid-template-columns:minmax(0,1fr);gap:0}.kv dd{margin-bottom:var(--s2)}.kv dd:last-child{margin-bottom:0}}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);min-width:0;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface) 30%,transparent) left / 32px 100% no-repeat local,linear-gradient(to left,var(--surface) 30%,transparent) right / 32px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.14),transparent) left / 10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.14),transparent) right / 10px 100% no-repeat scroll,var(--surface)}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:var(--fs-xs);color:var(--text-2);font-weight:600;background:var(--surface-2);white-space:nowrap}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right}td.nowrap{white-space:nowrap}.heat{text-align:center;font-variant-numeric:tabular-nums;font-weight:600;border-radius:4px;padding:3px 0;min-width:44px;display:inline-block}table.sticky-first th:first-child,table.sticky-first td:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border)}table.sticky-first th:first-child{background:var(--surface-2)}@media (max-width: 760px){.tablewrap:has(>table.table-stack){border:0;background:none;overflow:visible}table.table-stack,table.table-stack tbody{display:block}table.table-stack thead{display:none}table.table-stack tr{display:flex;flex-direction:column;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s3) var(--s4)}table.table-stack tr+tr{margin-top:var(--s3)}table.table-stack td{display:block;padding:0;border:0}table.table-stack td[data-label]:before{content:attr(data-label);display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-2);margin-bottom:2px}table.table-stack td input:not([type=checkbox]),table.table-stack td select{width:100%!important}table.table-stack td[style]{min-width:0!important;max-width:none!important}}.bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;position:relative}.bar>span{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.bar.top>span{background:var(--ok)}.recorder{display:flex;flex-direction:column;align-items:center;gap:var(--s4);padding:var(--s5) var(--s4);text-align:center}.recbtn{width:148px;height:148px;border-radius:50%;border:6px solid var(--err-soft);background:var(--rec);color:#fff;font-size:var(--fs-lg);font-weight:700;min-height:0;padding:0;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}@media (hover: hover){.recbtn:hover:not(:disabled){background:color-mix(in srgb,var(--rec) 90%,#fff)}}.recbtn:active:not(:disabled){transform:scale(.96)}.recbtn.stop{background:var(--surface);color:var(--rec);border-color:var(--rec)}@media (hover: hover){.recbtn.stop:hover:not(:disabled){background:var(--err-soft)}}.timer{font-size:var(--fs-display);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1}.meter{width:min(220px,100%);height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--ok);transition:width 80ms linear}.transcript{display:flex;flex-direction:column;gap:2px}.turn{display:grid;grid-template-columns:54px 92px minmax(0,1fr);gap:var(--s2);padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);line-height:1.5;scroll-margin:96px 0;transition:box-shadow var(--dur) var(--ease-out)}.turn.rep{background:var(--accent-soft)}.turn.hl{box-shadow:inset 0 0 0 2px var(--warn)}.turn .who{font-weight:600;font-size:var(--fs-xs);color:var(--text-2)}.turn .text{overflow-wrap:anywhere}@media (max-width: 760px){.turn{grid-template-columns:44px minmax(0,1fr)}.turn .who{grid-column:2}.turn .text{grid-column:1 / -1}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + var(--s4) + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);padding:10px 10px 10px 14px;border-radius:var(--radius);display:flex;gap:var(--s3);align-items:center;z-index:50;box-shadow:var(--shadow-lg);width:max-content;max-width:calc(100vw - 32px);font-size:var(--fs-sm);line-height:1.4;animation:toast-in var(--dur) var(--ease-out)}.toast button{background:transparent;color:var(--bg);border-color:color-mix(in srgb,var(--bg) 40%,transparent);min-height:32px;flex:none}@media (hover: hover){.toast button:hover:not(:disabled){background:color-mix(in srgb,var(--bg) 14%,transparent)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (min-width: 761px){.toast{bottom:var(--s5)}}.kb-open .toast{bottom:var(--s4)}.backdrop{position:fixed;left:0;right:0;top:var(--vvt, 0px);height:var(--vvh, 100%);background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:40;padding:var(--s4);animation:fade-in var(--dur-fast) var(--ease-out);overscroll-behavior:contain}.dialog{background:var(--surface);border-radius:var(--radius);padding:var(--s5);max-width:520px;width:100%;display:flex;flex-direction:column;gap:var(--s3);max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg);animation:dialog-in var(--dur) var(--ease-out)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2)}.dialog-head h2{padding-top:6px}.dialog-head button.icon{margin:-6px -10px 0 0;color:var(--text-2)}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media (max-width: 760px){.backdrop{align-items:flex-end;padding:var(--s3) 0 0}.dialog{max-width:none;border-radius:16px 16px 0 0;padding:var(--s4) max(var(--s4),env(safe-area-inset-right)) calc(var(--s4) + env(safe-area-inset-bottom)) max(var(--s4),env(safe-area-inset-left));animation:sheet-in var(--dur-slow) var(--ease-out)}.kb-open .dialog{padding-bottom:var(--s4)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}}}body.modal-open{overflow:hidden}.menu{display:flex;flex-direction:column;margin:0 calc(-1 * var(--s2))}.menu a,.menu button{display:flex;align-items:center;gap:var(--s3);min-height:48px;padding:0 var(--s2);color:var(--text);border:0;background:none;border-radius:var(--radius-sm);font-weight:500;justify-content:flex-start;text-align:left;width:100%}.menu a svg,.menu button svg{width:20px;height:20px;color:var(--text-2)}.menu a:active,.menu button:active:not(:disabled){background:var(--surface-2);transform:none}@media (hover: hover){.menu a:hover{background:var(--surface-2);text-decoration:none}}.menu a.active{color:var(--accent)}.menu hr{border:0;border-top:1px solid var(--border);margin:var(--s2) 0;width:100%}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;min-width:0}.tabs::-webkit-scrollbar{display:none}.tabs button{border:none;background:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-2);padding:8px 12px;white-space:nowrap;flex:none}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}@media (hover: hover){.tabs button:hover:not(:disabled){background:none;color:var(--text)}}.tabs button:active:not(:disabled){transform:none;background:var(--surface-2)}@media (max-width: 760px){.tabs{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}}.jobfield{display:flex;flex-direction:column;gap:4px}.picklist .pickrow{border:none;border-radius:0;border-top:1px solid var(--border);background:var(--surface);justify-content:flex-start;text-align:left;font-weight:400;min-height:56px;padding:10px 14px;width:100%;max-width:none}.picklist .pickrow:first-child{border-top:none}.picklist .pickrow:active:not(:disabled){background:var(--surface-2);transform:none}.pickrow .name{display:block;font-weight:600}.pickrow .meta{display:block}.brief{border-left:3px solid var(--accent)}.brief>.stack>button.link{align-self:flex-start}.brief-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}.brief-point{border-radius:var(--radius-sm)}.brief-line{max-width:none;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;border:none;background:none;padding:6px 8px;margin:0 -8px;width:calc(100% + 16px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;font-weight:400;font-size:var(--fs-md);line-height:1.4;color:var(--text)}.brief-line:disabled{opacity:1;cursor:default}.brief-line:active:not(:disabled){transform:none;background:var(--surface-2)}@media (hover: hover){.brief-line:hover:not(:disabled){background:var(--surface-2)}}.brief-meta.overdue{color:var(--err)}.brief-meta{font-size:var(--fs-xs);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.brief-point.suggestion .brief-line>span:first-child{color:var(--text-2)}.brief-open{padding:0 0 6px}.brief-points.more .brief-line{font-size:var(--fs-sm)}.livetips{border-left:3px solid var(--ok)}.livetips-line p{margin:2px 0 0;font-size:var(--fs-lg);line-height:1.35;overflow-wrap:anywhere}.livetips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.livetips-list li{font-size:var(--fs-md);line-height:1.35;overflow-wrap:anywhere}.livetips-list b{font-weight:600;margin-right:4px}.livetips-quote{display:block;font-size:var(--fs-sm);color:var(--text-3);margin-top:2px}.center-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(var(--s4),env(safe-area-inset-top)) var(--s4) max(var(--s4),env(safe-area-inset-bottom))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.badge .dot,.skeleton{animation:none!important}}
