/* AI² LIVING GRAPH TIME V1 — lower-corner append-only history controls */
.ai2-lg-time-controls{position:absolute;z-index:18;left:14px;right:14px;bottom:38px;height:0;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ai2-lg-time-corner{position:absolute;bottom:0;display:flex;align-items:center;gap:7px;pointer-events:auto}
.ai2-lg-time-left{left:0}.ai2-lg-time-right{right:0}
.ai2-lg-time-corner button{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(111,169,236,.25);border-radius:10px;background:linear-gradient(180deg,rgba(8,18,33,.94),rgba(4,10,20,.94));color:#91abc9;font:700 8.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(12px);transition:border-color .15s,background .15s,color .15s,transform .15s}
.ai2-lg-time-corner button:hover:not(:disabled),.ai2-lg-time-corner button:focus-visible{color:#e1eeff;border-color:rgba(90,164,255,.52);background:linear-gradient(180deg,rgba(22,49,82,.94),rgba(7,18,34,.94));transform:translateY(-1px)}
.ai2-lg-time-corner button:disabled{opacity:.34;cursor:default}
.ai2-lg-time-corner [data-lg-live]{border-color:rgba(65,211,157,.28);color:#9be6c9}
.ai2-lg-time-corner [data-lg-live] i{width:6px;height:6px;border-radius:50%;background:#48d6a2;box-shadow:0 0 10px rgba(72,214,162,.62)}
.ai2-lg-time-state{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;pointer-events:none;color:#5e7897;text-shadow:0 1px 8px #02060b}
.ai2-lg-time-state span{font:800 7.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;color:#62ddb0}
.ai2-lg-time-state small{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;color:#60768f}
.ai2-lg-time-controls[data-mode="history"] .ai2-lg-time-state span{color:#e8b44a}
#map[data-graph-time="history"] .mapstage::after{content:"HISTORICAL VIEW · LIVE EVENTS CONTINUE";position:absolute;z-index:9;left:50%;top:12px;transform:translateX(-50%);padding:5px 8px;border:1px solid rgba(232,180,74,.2);border-radius:999px;background:rgba(9,12,18,.74);color:#b99a59;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.10em;pointer-events:none;backdrop-filter:blur(10px)}
/* The user's established downstream cue: two concise red pulses only when an affected signal is emitted. */
.ai2-lg-node[data-state="downstream-affected"][data-signal="affected"]{animation:ai2-downstream-double-pulse .86s cubic-bezier(.18,.76,.18,1)!important}
@keyframes ai2-downstream-double-pulse{0%,100%{border-color:rgba(214,103,112,.48);box-shadow:0 14px 30px rgba(0,0,0,.25)}18%,52%{border-color:rgba(255,119,131,.92);box-shadow:0 18px 38px rgba(0,0,0,.35),0 0 0 5px rgba(255,119,131,.12),0 0 30px rgba(255,82,100,.30)}34%,69%{border-color:rgba(214,103,112,.52);box-shadow:0 14px 30px rgba(0,0,0,.25)}}
@media(max-width:680px){.ai2-lg-time-controls{left:8px;right:8px;bottom:36px}.ai2-lg-time-corner button{height:32px;padding:0 9px}.ai2-lg-time-corner button span{display:none}.ai2-lg-time-state small{display:none}}
@media(prefers-reduced-motion:reduce){.ai2-lg-time-corner button,.ai2-lg-node[data-state="downstream-affected"][data-signal="affected"]{animation:none!important;transition:none!important}}