.reveal .two-waves { font-size: 20px; color: #dde6ee; }
.reveal .two-waves .tw-controls { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin: 0 0 6px; }
.reveal .two-waves button { font: inherit; font-size: 17px; padding: 4px 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.25);
  background: #111a24; color: #dde6ee; cursor: pointer; }
.reveal .two-waves button.on { background: #73c7ff; color: #04121f; border-color: #73c7ff; }
.reveal .two-waves .tw-seg { display: inline-flex; gap: 6px; }
.reveal .two-waves .tw-slider { display: inline-flex; align-items: center; gap: 10px; }
.reveal .two-waves .tw-slider b { color: #ffd166; min-width: 3.2em; }
.reveal .two-waves .tw-slider input { width: 240px; }
.reveal .two-waves svg { width: 100%; height: auto; display: block; background: rgba(10, 16, 24, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px; }
.reveal .two-waves svg text { fill: #c9d3dd; font-family: inherit; }
.reveal .two-waves .tw-small { font-size: 18px; }
.reveal .two-waves .tw-head { font-size: 22px; fill: #eef3f7; }
.reveal .two-waves .tw-l1 { fill: #73c7ff; font-size: 24px; }
.reveal .two-waves .tw-l2 { fill: #ffd166; font-size: 24px; }
.reveal .two-waves .tw-axis, .reveal .two-waves .tw-grid { stroke: #344250; stroke-width: 1; }
.reveal .two-waves .tw-w1 { fill: none; stroke: #73c7ff; stroke-width: 2.6; }
.reveal .two-waves .tw-w2 { fill: none; stroke: #ffd166; stroke-width: 2.6; }
.reveal .two-waves .tw-det { stroke: #ff8a5c; stroke-width: 2; stroke-dasharray: 6 5; }
.reveal .two-waves .tw-det-t { fill: #ff8a5c; font-size: 18px; }
.reveal .two-waves .tw-p { fill: none; stroke: #ff8a5c; stroke-width: 2.6; }
.reveal .two-waves .tw-pother { fill: none; stroke: #8a96a3; stroke-width: 1.8; stroke-dasharray: 6 5; }
.reveal .two-waves .tw-pdot { fill: #ff8a5c; }
.reveal .two-waves .tw-clock { fill: none; stroke: #344250; stroke-width: 2; }
.reveal .two-waves .tw-a1 { stroke: #73c7ff; stroke-width: 4; }
.reveal .two-waves .tw-a2 { stroke: #ffd166; stroke-width: 4; }
.reveal .two-waves .tw-a1-dot { fill: #73c7ff; }
.reveal .two-waves .tw-a2-dot { fill: #ffd166; }
.reveal .two-waves .tw-track { fill: #1c2632; }
.reveal .two-waves .tw-b1 { fill: #73c7ff; }
.reveal .two-waves .tw-b2 { fill: #ff8a5c; }
.reveal .two-waves .tw-guide { stroke: #8a96a3; stroke-width: 1.2; stroke-dasharray: 3 5; }
.reveal .two-waves .tw-guide-t { fill: #73c7ff; font-size: 17px; }
.reveal .two-waves .tw-guide-t.anti { fill: #ff8a5c; }
.reveal .two-waves .tw-sub { font-size: 0.72em; }