:root{--accent:#1ad6fe;--bg-primary:#181b22;--bg-secondary:#23283a;--text-primary:#f7f7fa;--text-secondary:#a6a6ad}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary)}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}main{min-height:100vh}header{background:radial-gradient(circle at 50% 38%, #1ad6fe17 0%, #10141a94 42%, #050607f5 100%), var(--bg-secondary);text-align:center;justify-content:center;align-items:center;min-height:330px;padding:clamp(1.75rem,4vw,3.2rem) 1.5rem;display:flex}.hero-inner{justify-items:center;width:min(900px,100%);display:grid}.hero-mark{margin-bottom:1.1rem}h1{color:var(--accent)}.terminal-mark{filter:drop-shadow(0 0 18px #1ad6fe1f);width:clamp(300px,38vw,460px);max-width:92vw;height:auto;display:block}header .role-line{color:var(--text-secondary);max-width:900px;font-size:clamp(.95rem,1.5vw,1.12rem)}header .tagline{color:#f7f7fae0;max-width:780px;margin-top:.65rem;font-size:clamp(1rem,1.4vw,1.08rem)}header .tagline strong{color:var(--text-primary);font-weight:750}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1.25rem;display:flex}.hero-actions a{background:#070a1038;min-width:104px;padding:.62rem 1rem}section{max-width:1120px;margin:0 auto;padding:3rem 1.5rem}h2{border-left:3px solid var(--accent);color:var(--accent);margin-bottom:1.5rem;padding-left:1rem;font-size:2rem;line-height:1.2}.section-content{background:var(--bg-secondary);border-radius:8px;padding:2rem}.intro-section{gap:1rem;max-width:1120px;padding-top:2rem;padding-bottom:1rem;display:grid}.intro-copy{background:var(--bg-secondary);border-radius:8px;padding:1.45rem 1.6rem}.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.55rem;font-size:.74rem;font-weight:800;display:block}.intro-copy h2{color:var(--text-primary);border-left:0;max-width:900px;margin-bottom:.8rem;padding-left:0;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.15}.intro-copy p{color:#f7f7fae6;max-width:760px;font-size:1rem;line-height:1.55}.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.impact-item{background:#23283ad1;border:1px solid #ffffff0f;border-radius:8px;padding:1.15rem}.impact-item strong{color:var(--accent);margin-bottom:.35rem;font-size:1.35rem;line-height:1.1;display:block}.impact-item span{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem;font-size:.82rem;font-weight:750;display:block}.impact-item p{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.status-section{max-width:1120px;padding-top:1rem}.section-heading,.status-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2,.status-heading h2{margin-bottom:.35rem}.section-heading p,.status-heading p{color:var(--text-secondary);max-width:720px;line-height:1.45}.simple-heading{justify-content:flex-start}.telemetry-status{place-items:end;gap:.32rem;min-width:14rem;display:grid}.stream-pill{color:#20e0a2;text-transform:uppercase;border:1px solid #20e0a266;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.stream-pill.awaiting-first-sample,.stream-pill.degraded{color:#f7f7fab8;border-color:#a6a6ad52}.telemetry-meta{color:#a6a6adb8;text-align:right;text-transform:lowercase;white-space:nowrap;font-variant-numeric:tabular-nums;display:block;width:54ch;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.15}.ops-panel{--ops-header-height:40px;--ops-row-height:58px;--ops-table-rows:7;--ops-pad-x:1rem;font-variant-numeric:tabular-nums;background:#070a10;border:1px solid #1ad6fe33;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.ops-topline{background:#0f131d;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;display:grid}.metric-card{color:var(--text-primary);text-align:center;white-space:nowrap;background:0 0;border-right:1px solid #ffffff14;align-content:center;justify-items:center;gap:.14rem;min-height:56px;padding:.7rem .65rem;display:grid;position:relative;overflow:hidden}.metric-card:last-child{border-right:0}.metric-card small,.metric-card em{color:var(--text-secondary);text-transform:uppercase;font-size:.68rem;font-style:normal;line-height:1.1}.metric-card strong{color:var(--text-primary);font-size:.94rem;font-weight:700;line-height:1.2}.node-name{font-style:normal;font-weight:700}.node-dagger{color:#9d8cff}.node-lance{color:var(--accent)}.node-sword{color:#f2c14e}.ops-body{display:block}.ops-chart{border-bottom:1px solid #ffffff14;padding:0}.trace-panel{grid-template-columns:1fr 1fr;min-height:156px;display:grid}.trace-row{min-width:0;padding:.95rem var(--ops-pad-x);border-right:1px solid #ffffff14;grid-template-columns:minmax(5.75rem,.88fr) minmax(0,1fr) minmax(7.25rem,max-content);align-items:center;gap:.55rem .85rem;display:grid}.trace-row:last-child{border-right:0}.trace-copy{gap:.12rem;display:grid}.trace-copy span,.trace-row>small{color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;font-size:.66rem}.trace-copy strong{color:var(--text-primary);font-size:.95rem;line-height:1.2}.trace-copy em{color:var(--text-secondary);font-size:.76rem;font-style:normal}.trace-row>small{text-align:right;justify-self:end;padding-left:.35rem}.trace-row.up .trace-copy em{color:#20e0a2}.trace-row.down .trace-copy em{color:#ff5f7d}.trace-svg{width:100%;min-width:0;max-width:100%;height:86px;display:block;overflow:hidden}.trace-svg line{stroke:#ffffff14;stroke-width:1px}.trace-svg polygon{fill:#1ad6fe14}.trace-svg polyline{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.trace-row.down .trace-svg polyline{stroke:#ff5f7d}.trace-row.up .trace-svg polyline{stroke:#20e0a2}.trace-row.down .trace-svg polygon{fill:#ff5f7d17}.trace-row.up .trace-svg polygon{fill:#20e0a217}.ops-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ops-table .col-workload{width:24%}.ops-table .col-node{width:14%}.ops-table .col-cpu,.ops-table .col-memory{width:31%}.ops-table{border-collapse:collapse;contain:layout paint;table-layout:fixed;width:100%}.ops-table thead tr{height:var(--ops-header-height)}.ops-table tbody{height:calc(var(--ops-row-height) * var(--ops-table-rows));display:table-row-group}.ops-table tbody tr,.ops-table tr{height:var(--ops-row-height)}.ops-table thead{background:#0f131deb}.ops-table th,.ops-table td{height:var(--ops-row-height);padding:.5rem var(--ops-pad-x);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff14;line-height:1.2;overflow:hidden}.ops-table th{color:var(--accent);height:var(--ops-header-height);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.ops-table th:first-child,.ops-table td:first-child{text-align:left}.ops-table th:nth-child(2),.ops-table td:nth-child(2){text-align:center}.ops-table th:nth-child(3),.ops-table th:nth-child(4),.ops-table td:nth-child(3),.ops-table td:nth-child(4){text-align:right}.ops-table td{color:#f7f7faeb;font-size:.88rem}.ops-table td:first-child{color:var(--text-primary);max-width:0;font-weight:700}.ops-table tbody tr:nth-child(2n){background:#ffffff05}.ops-table .metric-cell{text-align:right;padding-top:.42rem;padding-bottom:.42rem}.ops-table .metric-cell span{font-weight:700}.ops-table .metric-cell small{margin-top:.12rem}.ops-table td.node-name{font-weight:800}.ops-table td.node-dagger{color:#9d8cff}.ops-table td.node-lance{color:var(--accent)}.ops-table td.node-sword{color:#f2c14e}.ops-mobile-list{display:none}.metric-cell{height:var(--ops-row-height);line-height:1.2;position:relative}.metric-cell span,.metric-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.metric-cell small{color:var(--text-secondary);margin-top:.18rem;font-size:.68rem}.metric-cell.up small,.metric-card.up em{color:#20e0a2}.metric-cell.down small,.metric-card.down em{color:#ff5f7d}.metric-card.sampled,.metric-cell.sampled{position:relative;overflow:hidden}.trace-row.sampled .trace-copy{position:relative}.metric-card.sampled:after,.metric-cell.sampled:after{background:var(--accent);content:"";opacity:0;border-radius:999px;width:26px;height:2px;position:absolute;bottom:.42rem;left:.75rem}.metric-cell.sampled:after{bottom:.52rem;left:.85rem}.trace-row.sampled .trace-copy:after{background:var(--accent);content:"";opacity:0;border-radius:999px;width:28px;height:2px;position:absolute;bottom:0;left:0}.ops-panel.cadence-0 .metric-card.sampled:after,.ops-panel.cadence-0 .metric-cell.sampled:after,.ops-panel.cadence-0 .trace-row.sampled .trace-copy:after{animation:.72s ease-out sample-tick-a}.ops-panel.cadence-1 .metric-card.sampled:after,.ops-panel.cadence-1 .metric-cell.sampled:after,.ops-panel.cadence-1 .trace-row.sampled .trace-copy:after{animation:.72s ease-out sample-tick-b}.metric-flash{pointer-events:none;z-index:0;animation-duration:.75s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards;position:absolute;inset:0}.metric-card.sampled>:not(.metric-flash),.metric-cell.sampled>:not(.metric-flash){z-index:1;position:relative}.metric-card.sampled.delta.up .metric-flash,.metric-cell.sampled.delta.up .metric-flash{animation-name:flash-up}.metric-card.sampled.delta.down .metric-flash,.metric-cell.sampled.delta.down .metric-flash{animation-name:flash-down}.metric-card.delta.up,.metric-card.delta.down{color:var(--text-primary)}.placeholder-row td{color:#a6a6ad6b}.delta{transition:color .16s}.metric-cell.delta.up{color:#20e0a2}.metric-cell.delta.down{color:#ff5f7d}@keyframes flash-band{0%{opacity:1}to{opacity:0}}@keyframes sample-tick-a{0%{opacity:.9;transform-origin:0;transform:scaleX(.35)}to{opacity:0;transform-origin:0;transform:scaleX(1)}}@keyframes sample-tick-b{0%{opacity:.9;transform-origin:0;transform:scaleX(.35)}to{opacity:0;transform-origin:0;transform:scaleX(1)}}@keyframes flash-up{0%{background:#20e0a23d;box-shadow:inset 3px 0 #20e0a2}to{background:0 0;box-shadow:inset 0 0 #0000}}@keyframes flash-down{0%{background:#ff5f7d3d;box-shadow:inset 3px 0 #ff5f7d}to{background:0 0;box-shadow:inset 0 0 #0000}}ul{gap:.35rem;list-style:none;display:grid}li{color:#f7f7faeb;border:1px solid #0000;border-bottom-color:#ffffff0f;border-radius:4px;padding:.8rem .75rem .8rem 1.65rem;transition:background-color .16s,border-color .16s,color .16s;position:relative}li:last-child{border-bottom:0}li:before{background:var(--accent);color:var(--accent);content:"";border-radius:50%;width:.42rem;height:.42rem;transition:box-shadow .16s;position:absolute;top:1.45rem;left:.55rem}@media (hover:hover) and (pointer:fine){li:hover{color:var(--text-primary);background:#1ad6fe12;border-color:#1ad6fe3d}li:hover:before{box-shadow:0 0 0 4px #1ad6fe21}}.connect{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.capability-card{background:#23283ad6;border:1px solid #ffffff0f;border-radius:8px;padding:1.35rem}.capability-card h3{color:var(--accent);margin-bottom:.35rem;font-size:1.25rem;line-height:1.2}.capability-card span{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:800;display:block}.capability-card p{color:var(--text-secondary);line-height:1.5}.closing-connect{background:#23283abd;padding:1.35rem}@media (min-width:860px){.section-content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.25rem}.section-content li{align-content:start;min-height:4.8rem}}a{border:1px solid var(--accent);color:var(--accent);text-align:center;border-radius:6px;min-width:90px;padding:.75rem 1.25rem;text-decoration:none;transition:background .2s,color .2s}a:hover,a:focus-visible{background:var(--accent);color:var(--bg-primary);outline:none}footer{background:var(--bg-secondary);color:var(--text-secondary);text-align:center;padding:2rem}@media (max-width:760px){header{min-height:300px;padding:1.5rem 1rem}.hero-mark{margin-bottom:.85rem}.terminal-mark{width:min(360px,88vw)}section{padding:2rem 1rem}.section-content{padding:1.25rem}.intro-section{gap:.85rem}.intro-copy{padding:1.25rem}.intro-copy h2{font-size:1.45rem}.impact-grid{grid-template-columns:1fr}.impact-item{padding:1rem}.status-heading,.section-heading{align-items:start;display:grid}.stream-pill{justify-self:start}.telemetry-status{justify-items:start;min-width:0}.telemetry-meta{text-align:left;white-space:normal;width:auto;max-width:100%}.capability-grid{grid-template-columns:1fr}.ops-topline{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4.65rem}.metric-card{white-space:normal;border-bottom:1px solid #ffffff14;min-width:0;height:4.65rem;padding:.75rem}.metric-card strong,.metric-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-card:nth-child(2n){border-right:0}.metric-card:nth-last-child(-n+2){border-bottom:0}.trace-panel{grid-template-columns:1fr;height:15rem;min-height:0;overflow:hidden}.trace-row{border-bottom:1px solid #ffffff14;border-right:0;grid-template-columns:1fr;gap:.55rem;height:7.5rem;padding:.85rem;overflow:hidden}.trace-row:last-child{border-bottom:0}.trace-copy{grid-template-columns:1fr auto}.trace-copy span{grid-column:1/-1}.trace-copy em{justify-self:end}.trace-row>small{justify-self:start}.trace-svg{height:58px}.ops-panel{overflow:visible}.ops-table{display:none}.ops-mobile-list{min-height:calc(10.75rem * var(--ops-table-rows));grid-auto-rows:minmax(10.75rem,auto);gap:0;height:auto;padding-bottom:.35rem;display:grid;overflow:visible}.workload-card{box-sizing:border-box;border-bottom:1px solid #ffffff14;grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.5rem .85rem;height:auto;min-height:10.75rem;padding:.8rem .9rem .95rem;display:grid;overflow:visible}.workload-card:last-child{border-bottom:0}.workload-card>div{min-width:0;line-height:1.25;overflow:visible}.workload-card span{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.12rem;font-size:.64rem;font-weight:600;line-height:1.2;display:block}.workload-card strong,.workload-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workload-card strong{color:#f7f7faeb;font-size:.88rem}.workload-card small{color:var(--text-secondary);margin-top:.08rem;font-size:.62rem}.workload-card .workload-name{grid-column:1/-1}.workload-card.placeholder-row strong{color:#a6a6ad6b}.workload-card .node-dagger{color:#9d8cff}.workload-card .node-lance{color:var(--accent)}.workload-card .node-sword{color:#f2c14e}.workload-card .metric-cell{align-content:start;gap:.1rem;height:auto;min-height:0;line-height:1.2;display:grid}.workload-card .metric-cell span{margin-bottom:0;line-height:1.15}.workload-card .metric-cell strong,.workload-card .metric-cell small{white-space:normal}.workload-card .metric-cell.up small{color:#20e0a2}.workload-card .metric-cell.down small{color:#ff5f7d}.metric-card.sampled,.metric-cell.sampled{overflow:visible}.workload-card .metric-cell{flex-direction:column;gap:.1rem;min-height:4.75rem;padding-bottom:.2rem;display:flex;height:auto!important}.workload-card .metric-cell>span:not(.metric-flash){order:1;margin-bottom:.04rem}.workload-card .metric-cell strong{order:2;font-size:.92rem;line-height:1.3}.workload-card .metric-cell.sampled:after{flex-shrink:0;order:3;align-self:flex-start;width:2rem;margin:.1rem 0 .08rem;display:block;position:relative;bottom:auto;left:auto;right:auto}.workload-card .metric-cell small{order:4;margin-top:0;line-height:1.25}.workload-card .metric-cell .metric-flash{z-index:0;border-radius:6px;inset:0}.workload-card .metric-cell>:not(.metric-flash){z-index:1;position:relative}.ops-topline .metric-card{padding-bottom:.9rem;overflow:visible}.ops-topline .metric-card.sampled:after{width:2rem;display:block;bottom:.55rem;left:50%;right:auto;transform:translate(-50%)}.ops-panel.cadence-0 .ops-topline .metric-card.sampled:after,.ops-panel.cadence-1 .ops-topline .metric-card.sampled:after{transform-origin:50%}.ops-panel.cadence-0 .workload-card .metric-cell.sampled:after,.ops-panel.cadence-1 .workload-card .metric-cell.sampled:after{transform-origin:0}.ops-topline .metric-card.sampled .metric-flash{border-radius:4px;inset:2px}h2{font-size:1.6rem}}@media (min-width:761px) and (max-width:980px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){a,li,li:before,.delta{transition:none}.delta.up,.delta.down,.metric-card.delta.up:after,.metric-card.delta.down:after{animation:none}}body:has(.resume-pdf-frame) footer{display:none}

/* Livelier telemetry update pulses layered over the shipped stylesheet. */
.ops-panel {
  box-shadow:
    inset 0 0 0 1px #ffffff08,
    0 0 34px #1ad6fe17;
}

.metric-card.sampled.flat {
  animation: sample-flat-card 0.82s ease-out;
}

.metric-cell.sampled.flat {
  animation: sample-flat-cell 0.82s ease-out;
}

.metric-card.delta.up {
  animation: metric-card-flash-up 1.05s ease-out;
}

.metric-card.delta.down {
  animation: metric-card-flash-down 1.05s ease-out;
}

.metric-cell.delta.up {
  animation: metric-cell-flash-up 1.05s ease-out;
}

.metric-cell.delta.down {
  animation: metric-cell-flash-down 1.05s ease-out;
}

.metric-card.sampled.delta.up .metric-flash,
.metric-cell.sampled.delta.up .metric-flash {
  animation-name: metric-flash-fill-up;
  animation-duration: 1.05s;
}

.metric-card.sampled.delta.down .metric-flash,
.metric-cell.sampled.delta.down .metric-flash {
  animation-name: metric-flash-fill-down;
  animation-duration: 1.05s;
}

.ops-panel.cadence-0 .metric-card.sampled:after,
.ops-panel.cadence-1 .metric-card.sampled:after,
.ops-panel.cadence-0 .metric-cell.sampled:after,
.ops-panel.cadence-1 .metric-cell.sampled:after,
.ops-panel.cadence-0 .trace-row.sampled .trace-copy:after,
.ops-panel.cadence-1 .trace-row.sampled .trace-copy:after {
  box-shadow: 0 0 10px currentColor;
  height: 3px;
  width: 44px;
}

.metric-card.delta.up strong,
.metric-cell.delta.up span,
.metric-cell.delta.up strong {
  color: #aaffdf;
  text-shadow: 0 0 10px #20e0a2b0;
}

.metric-card.delta.down strong,
.metric-cell.delta.down span,
.metric-cell.delta.down strong {
  color: #ffd2da;
  text-shadow: 0 0 10px #ff5f7db0;
}

.metric-card.sampled::before,
.metric-cell.sampled::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
}

.metric-card.delta.up::before {
  background:
    linear-gradient(90deg, #20e0a252, transparent 46%),
    radial-gradient(circle at 82% 22%, #20e0a287, transparent 34%);
  animation: metric-sheen 1.05s ease-out;
}

.metric-card.delta.down::before {
  background:
    linear-gradient(90deg, #ff5f7d52, transparent 46%),
    radial-gradient(circle at 82% 22%, #ff5f7d87, transparent 34%);
  animation: metric-sheen 1.05s ease-out;
}

.metric-cell.delta.up::before {
  background: linear-gradient(90deg, #20e0a247, transparent 82%);
  border-left: 2px solid #20e0a2;
  animation: metric-sheen 1.05s ease-out;
}

.metric-cell.delta.down::before {
  background: linear-gradient(90deg, #ff5f7d47, transparent 82%);
  border-left: 2px solid #ff5f7d;
  animation: metric-sheen 1.05s ease-out;
}

.metric-card.sampled.flat::before {
  background:
    linear-gradient(90deg, #1ad6fe33, transparent 50%),
    radial-gradient(circle at 75% 28%, #f2c14e4d, transparent 30%);
  animation: metric-sheen 0.82s ease-out;
}

.metric-cell.sampled.flat::before {
  background: linear-gradient(90deg, #1ad6fe29, transparent 74%);
  border-left: 2px solid #1ad6fe;
  animation: metric-sheen 0.82s ease-out;
}

.metric-card.delta.up:after,
.metric-card.delta.down:after {
  height: 4px;
  animation-duration: 1.05s;
}

.metric-card.sampled.flat:after,
.metric-cell.sampled.flat:after {
  width: 42px;
  height: 3px;
  animation-duration: 0.82s;
}

@keyframes sample-flat-card {
  0% {
    background-color: #1ad6fe1f;
    box-shadow: inset 0 0 0 1px #1ad6fe59;
  }
  38% {
    background-color: #f2c14e18;
    box-shadow: inset 0 0 0 1px #f2c14e42;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px transparent;
  }
}

@keyframes sample-flat-cell {
  0% {
    background-color: #1ad6fe24;
    box-shadow: inset 2px 0 #1ad6fe;
  }
  42% {
    background-color: #f2c14e14;
    box-shadow: inset 2px 0 #f2c14e;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 transparent;
  }
}

@keyframes metric-card-flash-up {
  0% {
    background-color: #20e0a24d;
    box-shadow: inset 0 0 0 1px #20e0a2, inset 0 0 24px #20e0a245;
  }
  34% {
    background-color: #20e0a224;
    box-shadow: inset 0 0 0 1px #20e0a2a6, inset 0 0 34px #20e0a233;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 transparent;
  }
}

@keyframes metric-card-flash-down {
  0% {
    background-color: #ff5f7d4d;
    box-shadow: inset 0 0 0 1px #ff5f7d, inset 0 0 24px #ff5f7d45;
  }
  34% {
    background-color: #ff5f7d24;
    box-shadow: inset 0 0 0 1px #ff5f7da6, inset 0 0 34px #ff5f7d33;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 transparent;
  }
}

@keyframes metric-cell-flash-up {
  0% {
    background-color: #20e0a247;
    box-shadow: inset 3px 0 #20e0a2, inset 0 0 18px #20e0a226;
  }
  42% {
    background-color: #20e0a21f;
    box-shadow: inset 3px 0 #20e0a2a6, inset 0 0 22px #20e0a214;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 transparent, inset 0 0 transparent;
  }
}

@keyframes metric-cell-flash-down {
  0% {
    background-color: #ff5f7d47;
    box-shadow: inset 3px 0 #ff5f7d, inset 0 0 18px #ff5f7d26;
  }
  42% {
    background-color: #ff5f7d1f;
    box-shadow: inset 3px 0 #ff5f7da6, inset 0 0 22px #ff5f7d14;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 0 0 transparent, inset 0 0 transparent;
  }
}

@keyframes metric-sheen {
  0% {
    opacity: 1;
    transform: translateX(-18%);
  }
  55% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    transform: translateX(18%);
  }
}

@keyframes metric-flash-fill-up {
  0% {
    opacity: 1;
    background: linear-gradient(90deg, #20e0a263, #20e0a21c 64%, transparent);
    box-shadow: inset 3px 0 #20e0a2, inset 0 0 26px #20e0a24d;
  }
  48% {
    opacity: 0.8;
    background: linear-gradient(90deg, #20e0a23d, transparent 78%);
    box-shadow: inset 3px 0 #20e0a2b8, inset 0 0 34px #20e0a22e;
  }
  100% {
    opacity: 0;
    background: transparent;
    box-shadow: inset 0 0 transparent, inset 0 0 transparent;
  }
}

@keyframes metric-flash-fill-down {
  0% {
    opacity: 1;
    background: linear-gradient(90deg, #ff5f7d63, #ff5f7d1c 64%, transparent);
    box-shadow: inset 3px 0 #ff5f7d, inset 0 0 26px #ff5f7d4d;
  }
  48% {
    opacity: 0.8;
    background: linear-gradient(90deg, #ff5f7d3d, transparent 78%);
    box-shadow: inset 3px 0 #ff5f7db8, inset 0 0 34px #ff5f7d2e;
  }
  100% {
    opacity: 0;
    background: transparent;
    box-shadow: inset 0 0 transparent, inset 0 0 transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  .metric-card.sampled.flat,
  .metric-cell.sampled.flat,
  .metric-card.delta.up,
  .metric-card.delta.down,
  .metric-cell.delta.up,
  .metric-cell.delta.down,
  .metric-card.sampled.delta.up .metric-flash,
  .metric-card.sampled.delta.down .metric-flash,
  .metric-cell.sampled.delta.up .metric-flash,
  .metric-cell.sampled.delta.down .metric-flash,
  .metric-card.sampled::before,
  .metric-cell.sampled::before,
  .metric-card.sampled.flat:after,
  .metric-cell.sampled.flat:after,
  .metric-card.delta.up:after,
  .metric-card.delta.down:after {
    animation: none;
  }
}

/* Correction: keep motion lively without painting idle rows with distracting dashes. */
.metric-card.sampled.flat,
.metric-cell.sampled.flat,
.trace-row.flat {
  animation: none;
}

.metric-card.sampled.flat::before,
.metric-cell.sampled.flat::before {
  animation: none;
  opacity: 0;
}

.ops-panel.cadence-0 .metric-cell.sampled.flat:after,
.ops-panel.cadence-1 .metric-cell.sampled.flat:after,
.ops-panel.cadence-0 .trace-row.flat .trace-copy:after,
.ops-panel.cadence-1 .trace-row.flat .trace-copy:after {
  animation: none;
  opacity: 0;
}

.ops-panel.cadence-0 .metric-card.sampled:after,
.ops-panel.cadence-1 .metric-card.sampled:after {
  width: 30px;
  height: 2px;
  box-shadow: 0 0 5px #1ad6fe80;
}

.metric-card.sampled.delta.up,
.metric-card.sampled.delta.down,
.metric-cell.sampled.delta.up,
.metric-cell.sampled.delta.down {
  animation-duration: 0.95s;
}

.metric-card.sampled.delta.up .metric-flash,
.metric-cell.sampled.delta.up .metric-flash {
  animation-name: metric-flash-fill-up;
  animation-duration: 0.95s;
}

.metric-card.sampled.delta.down .metric-flash,
.metric-cell.sampled.delta.down .metric-flash {
  animation-name: metric-flash-fill-down;
  animation-duration: 0.95s;
}

.metric-card.sampled.delta.up strong,
.metric-cell.sampled.delta.up span:not(.metric-flash),
.metric-cell.sampled.delta.up strong {
  color: #aaffdf;
  text-shadow: 0 0 8px #20e0a280;
}

.metric-card.sampled.delta.down strong,
.metric-cell.sampled.delta.down span:not(.metric-flash),
.metric-cell.sampled.delta.down strong {
  color: #ffd2da;
  text-shadow: 0 0 8px #ff5f7d80;
}

/* 3.0.3: let active telemetry breathe without cyan idle ticks. */
.ops-panel.cadence-0 .metric-card.sampled.flat:after,
.ops-panel.cadence-1 .metric-card.sampled.flat:after,
.ops-panel.cadence-0 .metric-cell.sampled.flat:after,
.ops-panel.cadence-1 .metric-cell.sampled.flat:after,
.ops-panel.cadence-0 .trace-row.flat .trace-copy:after,
.ops-panel.cadence-1 .trace-row.flat .trace-copy:after {
  animation: none !important;
  opacity: 0 !important;
}

.ops-panel.cadence-0 .ops-topline .metric-card.sampled:not(.delta):after,
.ops-panel.cadence-1 .ops-topline .metric-card.sampled:not(.delta):after {
  animation: none !important;
  opacity: 0 !important;
}

.metric-card.sampled.delta.up:after,
.metric-cell.sampled.delta.up:after {
  background: #20e0a2 !important;
  box-shadow: 0 0 10px #20e0a2a6;
}

.metric-card.sampled.delta.down:after,
.metric-cell.sampled.delta.down:after {
  background: #ff5f7d !important;
  box-shadow: 0 0 10px #ff5f7da6;
}

.metric-card.sampled.delta.up .metric-flash,
.metric-cell.sampled.delta.up .metric-flash {
  animation-name: hot-cpu-flash-up !important;
  animation-duration: 0.9s !important;
}

.metric-card.sampled.delta.down .metric-flash,
.metric-cell.sampled.delta.down .metric-flash {
  animation-name: hot-cpu-flash-down !important;
  animation-duration: 0.9s !important;
}

.metric-cell.delta.up span:not(.metric-flash),
.metric-cell.delta.up strong,
.metric-card.delta.up strong {
  color: #aaffdf;
  text-shadow: 0 0 8px #20e0a280;
}

.metric-cell.delta.down span:not(.metric-flash),
.metric-cell.delta.down strong,
.metric-card.delta.down strong {
  color: #ffd2da;
  text-shadow: 0 0 8px #ff5f7d80;
}

@keyframes hot-cpu-flash-up {
  0% {
    background: linear-gradient(90deg, #20e0a252, #20e0a214 46%, transparent);
    box-shadow: inset 4px 0 #20e0a2, 0 0 18px #20e0a23d;
  }
  100% {
    background: transparent;
    box-shadow: inset 0 0 transparent, 0 0 0 transparent;
  }
}

@keyframes hot-cpu-flash-down {
  0% {
    background: linear-gradient(90deg, #ff5f7d52, #ff5f7d14 46%, transparent);
    box-shadow: inset 4px 0 #ff5f7d, 0 0 18px #ff5f7d3d;
  }
  100% {
    background: transparent;
    box-shadow: inset 0 0 transparent, 0 0 0 transparent;
  }
}

/* 3.0.4: keep the telemetry heartbeat visible between Prometheus samples. */
.ops-panel.cadence-0 .metric-card.sampled.delta.flat:after,
.ops-panel.cadence-1 .metric-card.sampled.delta.flat:after,
.ops-panel.cadence-0 .metric-cell.sampled.delta.flat:after,
.ops-panel.cadence-1 .metric-cell.sampled.delta.flat:after,
.ops-panel.cadence-0 .trace-row.flat .trace-copy:after,
.ops-panel.cadence-1 .trace-row.flat .trace-copy:after {
  animation-duration: 0.58s !important;
  animation-timing-function: ease-out !important;
  background: #1ad6fe8c !important;
  box-shadow: 0 0 7px #1ad6fe70 !important;
  height: 1px !important;
  opacity: 0 !important;
  width: 20px !important;
}

.ops-panel.cadence-0 .metric-card.sampled.delta.flat:after,
.ops-panel.cadence-0 .metric-cell.sampled.delta.flat:after,
.ops-panel.cadence-0 .trace-row.flat .trace-copy:after {
  animation-name: sample-tick-a !important;
}

.ops-panel.cadence-1 .metric-card.sampled.delta.flat:after,
.ops-panel.cadence-1 .metric-cell.sampled.delta.flat:after,
.ops-panel.cadence-1 .trace-row.flat .trace-copy:after {
  animation-name: sample-tick-b !important;
}

.ops-panel.cadence-0 .ops-topline .metric-card.sampled:not(.delta):after,
.ops-panel.cadence-1 .ops-topline .metric-card.sampled:not(.delta):after {
  animation: none !important;
  opacity: 0 !important;
}

.metric-card.sampled.delta.up:after,
.metric-cell.sampled.delta.up:after {
  background: #20e0a2 !important;
  box-shadow: 0 0 10px #20e0a2a6 !important;
}

.metric-card.sampled.delta.down:after,
.metric-cell.sampled.delta.down:after {
  background: #ff5f7d !important;
  box-shadow: 0 0 10px #ff5f7da6 !important;
}

/* 3.0.9: make workload down pulses as legible as up pulses. */
.ops-table .metric-cell.sampled.delta.down,
.ops-mobile-list .metric-cell.sampled.delta.down {
  color: #ff6f89 !important;
  text-shadow: 0 0 9px rgba(255, 95, 125, 0.52) !important;
}

.ops-table .metric-cell.sampled.delta.down .metric-flash,
.ops-mobile-list .metric-cell.sampled.delta.down .metric-flash {
  animation-name: flash-down !important;
  background: rgba(255, 95, 125, 0.36) !important;
  box-shadow:
    inset 4px 0 #ff5f7d,
    0 0 18px rgba(255, 95, 125, 0.38) !important;
}

.ops-table .metric-cell.sampled.delta.down:after,
.ops-mobile-list .metric-cell.sampled.delta.down:after {
  background: #ff5f7d !important;
  box-shadow: 0 0 11px rgba(255, 95, 125, 0.68) !important;
}