.gi{--gi-radius: 18px;--gi-radius-inner: 12px;--gi-pad: clamp(14px, 1.4vw, 17px);--gi-accent: var(--mint-ink);--gi-warn: #d6a23a;--gi-surface: rgba(14, 21, 18, .022);--gi-hairline: var(--line, rgba(14, 21, 18, .09));position:sticky;top:clamp(88px,12vh,120px);display:flex;flex-direction:column;width:100%;color:var(--ink);padding:var(--gi-pad);background:#ffffffe6;border:1px solid var(--gi-hairline);border-radius:var(--gi-radius);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px #ffffffeb,0 1px 2px #0e15120a,0 6px 16px #0e15120d,0 22px 50px #0e15121a;animation:gi-in .24s cubic-bezier(.23,1,.32,1) both}@keyframes gi-in{0%{opacity:0;transform:translate(8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.gi-band{display:flex;flex-direction:column;gap:11px;padding:clamp(13px,1.3vw,16px) 0}.gi-band:first-child{padding-top:2px}.gi-band:last-child{padding-bottom:2px}.gi-band+.gi-band{border-top:1px solid var(--gi-hairline)}.gi-band--live{animation:gi-rise .3s 0ms cubic-bezier(.23,1,.32,1) both}.gi-band--pipe{animation:gi-rise .3s 50ms cubic-bezier(.23,1,.32,1) both}.gi-band--res{animation:gi-rise .3s .1s cubic-bezier(.23,1,.32,1) both}@keyframes gi-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gi-label,.gi-heading{font:600 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.gi-value{font:500 14px/1.2 var(--f-sans);letter-spacing:-.01em;color:var(--ink)}.gi-dim{color:var(--ink-3)}.tnum,.gi-session-time{font-variant-numeric:tabular-nums}.gi-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.gi-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 8px;border-radius:var(--r-pill, 999px);font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:#0e15120d;border:1px solid var(--gi-hairline)}.gi-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:none}.gi-status--connecting .gi-status-dot{background:var(--gi-warn);animation:gi-pulse 1.3s var(--ease-soft) infinite}.gi-status--active{color:var(--ink);background:color-mix(in srgb,var(--gi-accent) 9%,transparent);border-color:color-mix(in srgb,var(--gi-accent) 22%,transparent)}.gi-status--active .gi-status-dot{background:var(--gi-accent);animation:gi-live-ring 1.9s var(--ease-soft) infinite}.gi-status--ended .gi-status-dot{background:var(--ink-3)}.gi-mode{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--f-sans);letter-spacing:-.005em;color:var(--ink-2)}.gi-mode-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ink-3);transition:background var(--dur-fast, .22s) cubic-bezier(.23,1,.32,1)}.gi-mode-dot.is-speaking{background:var(--gi-accent);animation:gi-pulse .85s var(--ease-soft) infinite}.gi-agent{font:400 14px/1.3 var(--f-serif);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gi-session{display:flex;flex-direction:column;gap:7px}.gi-session-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.gi-session-time{font:500 14px/1 var(--f-sans);color:var(--ink)}.gi-progress{position:relative;height:2px;border-radius:2px;background:var(--gi-hairline);overflow:hidden}.gi-progress-fill{display:block;height:100%;width:100%;border-radius:2px;background:var(--gi-accent);transform-origin:left center;transform:scaleX(0);transition:transform .95s linear}.gi-stages{position:relative;display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0;border-radius:var(--gi-radius-inner);background:var(--gi-surface);border:1px solid var(--gi-hairline)}.gi-stages:before{content:"";position:absolute;left:14.5px;top:18.5px;bottom:18.5px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--gi-accent) 16%,var(--gi-hairline));z-index:0}.gi-stage{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;padding:12px}.gi-stage-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;flex:none;background:color-mix(in srgb,var(--ink-3) 55%,transparent);box-shadow:0 0 0 3px #ffffffe6;transition:background var(--dur-fast, .22s) cubic-bezier(.23,1,.32,1),box-shadow var(--dur-fast, .22s) cubic-bezier(.23,1,.32,1)}.gi-stage.is-active .gi-stage-dot{background:var(--gi-accent);box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px color-mix(in srgb,var(--gi-accent) 18%,transparent)}.gi-stage.is-active.is-pulsing .gi-stage-dot{animation:gi-pulse 1s var(--ease-soft) infinite}.gi-stage-body{display:flex;flex-direction:column;gap:3px;min-width:0}.gi-stage-value{font:500 14px/1.2 var(--f-sans);letter-spacing:-.01em;color:var(--ink)}.gi-grounding{margin:0;padding-left:2px;font:400 11.5px/1.4 var(--f-sans);color:var(--ink-3);text-wrap:pretty}.gi-failover{display:flex;align-items:baseline;gap:8px}.gi-failover-dot{position:relative;top:1px;width:6px;height:6px;border-radius:50%;flex:none;background:var(--gi-accent)}.gi-failover-val{font:500 14px/1.2 var(--f-sans);letter-spacing:-.01em;color:var(--ink);margin-left:auto}@keyframes gi-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes gi-live-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--gi-accent) 45%,transparent)}70%{box-shadow:0 0 0 5px color-mix(in srgb,var(--gi-accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--gi-accent) 0%,transparent)}}@media(max-width:1024px){.gi{position:static;top:auto;margin-bottom:clamp(60px,13vh,80px);animation:gi-in-below .24s cubic-bezier(.23,1,.32,1) both}@keyframes gi-in-below{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.gi-band--live{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:9px}.gi-live-head{flex-direction:column;align-items:flex-start;gap:7px}.gi-agent{grid-column:2;grid-row:1;text-align:right;justify-self:end}.gi-session{grid-column:1 / -1}.gi-stages{flex-direction:row;gap:0}.gi-stages:before{display:none}.gi-stage{flex:1 1 0;min-width:0}.gi-stage+.gi-stage{border-left:1px solid var(--gi-hairline)}.gi-stage-dot{box-shadow:none}.gi-stage.is-active .gi-stage-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--gi-accent) 18%,transparent)}}@media(max-width:560px){.gi-stages{flex-direction:column}.gi-stages:before{display:block}.gi-stage{flex:none}.gi-stage+.gi-stage{border-left:none}.gi-stage-dot{box-shadow:0 0 0 3px #ffffffe6}}@media(prefers-reduced-motion:reduce){.gi,.gi-band--live,.gi-band--pipe,.gi-band--res{animation:none}.gi-mode-dot.is-speaking,.gi-stage.is-active.is-pulsing .gi-stage-dot{animation:none!important}.gi-progress-fill{transition:none}.gi-status--active .gi-status-dot{box-shadow:none;animation:gi-breath 2.4s ease-in-out infinite}.gi-status--connecting .gi-status-dot{animation:gi-breath 2.4s ease-in-out infinite}}@keyframes gi-breath{0%,to{opacity:1}50%{opacity:.5}}