/* VEYTU V5.8.1 — Quiet Coordination Rail. Presentation only: no changes to roles, election, TURN or audio. */
.continuity-v58.continuity-rail{width:100%;max-width:none;margin:0 0 10px;padding:10px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(30,104,86,.17);border-radius:15px;background:rgba(232,244,238,.38);box-shadow:none;min-height:64px;color:var(--ink,#1b302c)}
.continuity-rail-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#63bca0;box-shadow:0 0 0 4px rgba(99,188,160,.12)}
.continuity-rail-dot-alert{background:#bb8b35;box-shadow:0 0 0 4px rgba(187,139,53,.16)}
.continuity-rail-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.continuity-rail-kicker{font-size:10px;letter-spacing:.13em;font-weight:720;text-transform:uppercase;color:#4b786a}
.continuity-rail-leader{font-weight:670;font-size:14px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}
.continuity-rail-sub{font-size:11px;line-height:1.3;color:var(--muted,#667b73);overflow-wrap:anywhere}
.continuity-rail-action{border:1px solid rgba(30,104,86,.22);border-radius:100px;color:#176a58;background:rgba(255,255,255,.66);font-weight:680;font-size:12px;padding:10px 15px;min-height:40px;white-space:nowrap;flex:0 0 auto}
.continuity-rail-action:hover{background:#e6f2eb}
.continuity-dialog{color:var(--ink,#1b302c);background:var(--bg,#f7f7f3);border:1px solid rgba(22,84,72,.12);border-radius:24px;width:min(490px,calc(100vw - 24px));max-height:min(86dvh,790px);padding:0;overflow-y:auto;box-shadow:0 30px 100px rgba(12,45,38,.2)}
.continuity-dialog::backdrop{background:rgba(17,36,32,.38);backdrop-filter:blur(3px)}
.continuity-dialog-head{padding:22px 22px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(24,76,65,.09)}
.continuity-dialog-kicker{font-size:10px;letter-spacing:.16em;color:#4e8c7c;font-weight:750}
.continuity-dialog h2{font-size:24px;line-height:1.15;margin:6px 0 0;letter-spacing:-.055em;font-weight:730}
.continuity-close{height:40px;width:40px;border:1px solid rgba(24,76,65,.16);background:transparent;border-radius:50%;font-size:24px;line-height:1;color:var(--ink)}
.continuity-dialog .continuity-body{display:grid;gap:13px;padding:18px 22px 24px}
.continuity-dialog .continuity-body>p:first-child{font-size:13px;color:var(--muted);line-height:1.5}
.continuity-status{font-size:13px;color:#176a58;font-weight:670}
.continuity-select-label{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}
.continuity-select-label select,.continuity-transfer select{width:100%;background:var(--paper,#fff);border:1px solid var(--line,#d7e2da);border-radius:12px;padding:12px 14px;min-height:44px;min-width:0;max-width:100%;font:inherit;font-size:14px;color:var(--ink)}
.continuity-dialog .secondary-btn{background:transparent;border:1px solid rgba(24,76,65,.17);color:var(--ink);padding:11px 16px;min-height:44px;border-radius:100px}
.continuity-dialog .continuity-body>button:not(.continuity-close){background:#186b58;color:#fff;border-color:#186b58}
.continuity-transfer,.continuity-ballot{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.continuity-transfer select{flex:1 1 140px}
.continuity-enable{display:flex;align-items:center;gap:10px;line-height:1.4;font-size:13px}
.continuity-enable input{accent-color:#196d59}
.continuity-election{background:#e7f3ec;border-radius:16px;padding:14px;display:grid;gap:10px}
@media(max-width:650px){.continuity-v58.continuity-rail{margin:0 0 8px;min-height:59px;padding:9px 11px;gap:9px;border-radius:12px}.continuity-rail-kicker{font-size:9px}.continuity-rail-leader{font-size:13px}.continuity-rail-sub{font-size:10px}.continuity-rail-action{font-size:11px;padding:9px 11px;min-height:38px}.continuity-dialog{position:fixed;margin:auto 0 0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;max-height:88dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.continuity-dialog-head{padding:18px 18px 12px}.continuity-dialog .continuity-body{padding:14px 18px 20px}.continuity-dialog h2{font-size:22px}}


/* VEYTU orbital identity: two independent moving arcs, all screens. */
/* Home: keep the existing large clockwise ring; add a smaller counter-clockwise arc. */
.hero-orbit .ring-highlight {
  animation: veytu-orbit-cw 28s linear infinite;
  transform-origin: 155px 155px;
  will-change: transform;
}
.hero-orbit::after {
  content: "";
  position: absolute;
  width: 65.16%;
  height: 65.16%;
  left: 17.42%;
  top: 17.42%;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top-color: var(--jade);
  border-left-color: color-mix(in srgb, var(--jade) 52%, transparent);
  opacity: .72;
  pointer-events: none;
  animation: veytu-orbit-ccw 34s linear infinite;
  will-change: transform;
}
/* In a conversation the timer/progress SVG remains untouched and meaningful. */
.orbit-wrap::before,
.orbit-wrap::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 50%;
  pointer-events: none;
  opacity: .66;
  will-change: transform;
}
.orbit-wrap::before {
  inset: 7.5%;
  border-top-color: var(--jade);
  border-right-color: color-mix(in srgb, var(--jade) 40%, transparent);
  animation: veytu-orbit-cw 28s linear infinite;
}
.orbit-wrap::after {
  inset: 14.25%;
  border-bottom-color: var(--jade);
  border-left-color: color-mix(in srgb, var(--jade) 40%, transparent);
  animation: veytu-orbit-ccw 34s linear infinite;
}
/* Conversation completion orbit: both directions, without rotating the centre. */
.final-orbit { position: relative; }
.final-orbit .final-ring-moving {
  transform-origin: 50px 50px;
  animation: veytu-orbit-cw 28s linear infinite;
}
.final-orbit::after {
  content: "";
  position: absolute;
  inset: 21%;
  border: 2px solid transparent;
  border-top-color: var(--jade);
  border-right-color: color-mix(in srgb, var(--jade) 40%, transparent);
  border-radius: 50%;
  pointer-events: none;
  animation: veytu-orbit-ccw 34s linear infinite;
}
@keyframes veytu-orbit-cw { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes veytu-orbit-ccw { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) {
  .hero-orbit .ring-highlight, .hero-orbit::after,
  .orbit-wrap::before, .orbit-wrap::after,
  .final-orbit .final-ring-moving, .final-orbit::after {
    animation: none !important; will-change: auto;
  }
}

/* VEYTU hero orbit refinement: exactly two arcs on the first and second SVG rings. */
/* Remove the extra CSS-drawn arc at the grey dot. */
.hero-orbit::after {
  content: none !important;
  display: none !important;
}
/* The outer SVG arc is retained clockwise on the first, dotted orbit. */
.hero-orbit svg .ring-highlight {
  animation: veytu-orbit-cw 28s linear infinite;
  transform-origin: 50% 50%;
}
/* Use the existing second SVG circle as the sole counterclockwise arc. */
.hero-orbit svg .ring-middle {
  fill: none;
  stroke: var(--jade);
  stroke-width: 2.1;
  stroke-dasharray: 255 380;
  animation: veytu-orbit-ccw 34s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .hero-orbit svg .ring-highlight,
  .hero-orbit svg .ring-middle {
    animation: none !important;
    will-change: auto;
  }
}

/* VEYTU approved hero orbit: no central slogan (home only). */
#home .hero-orbit-label { display: none !important; }
