.time-panel { max-width:620px; text-align:center; }
.time-accent { color:#6c8db7; }
.time-orb { width:230px;height:230px;max-width:70vw;margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce6f1;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0%,#edf4fb 65%,#e5eef8 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.42),0 12px 32px rgba(89,125,163,.08);color:#314b68;}
.time-orb strong { font-size:4rem;line-height:1.05;letter-spacing:-.07em; }
.target-caption { margin-bottom:4px;color:#6d849e;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
#targetUnit { margin-top:5px;color:#6d849e;font-size:.9rem; }
.time-orb.hidden-target { background:radial-gradient(circle at 32% 25%,#f9fafc 0%,#e9edf3 70%,#e2e7ef 100%);border-color:#e1e5ec;color:#8992a2; }
.time-orb.hidden-target strong { filter:blur(9px);opacity:.12; }
.time-orb.hidden-target #targetUnit { opacity:0; }
.stop-button { background:#6c8db7; }
.time-result { margin:14px auto 0;padding:16px;border-radius:14px;background:#f1f5fa;color:#3b4f67;line-height:1.7; }
.time-result strong { font-size:1.5rem; }