/* Bright neutral light, with no rapid flashing or changes to utensil geometry. */
.tool.active{filter:drop-shadow(0 0 4px #ffffffa8) drop-shadow(0 0 10px #ffffff70)}
.tool.cue-target{filter:drop-shadow(0 0 4px #ffffffd9) drop-shadow(0 0 11px #ffffff90)}
.cue-target.cue-waiting{animation:tea-cue-breathe 2.4s ease-in-out infinite}
@keyframes tea-cue-breathe{0%,100%{filter:drop-shadow(0 0 3px #ffffff9c) drop-shadow(0 0 8px #ffffff66)}50%{filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px #ffffffdd)}}
#action.cue-target{box-shadow:0 0 0 3px #fff,0 0 0 5px #bdcbbb}
.cue-busy .tool.active{filter:none}
#next-cue{position:absolute;top:55px;left:12px;max-width:calc(100% - 24px);padding:9px 14px;background:#fffffff0;border:1px solid #e1e8df;border-radius:12px;color:#344d3b;pointer-events:none;box-shadow:0 3px 14px #253a2910;z-index:3}
#next-cue[hidden]{display:none}
#next-cue small{display:block;color:#6f7f71;font-size:10px;letter-spacing:.06em;margin-bottom:3px}
#next-cue strong{display:block;font-size:12px;font-weight:500;line-height:1.5}
#next-cue.waiting{border-color:#a8bba4}
body.no-motion .cue-target{animation:none}
@media(prefers-reduced-motion:reduce){.cue-target{animation:none!important}}
@media(max-width:600px){#next-cue{top:50px;padding:6px 10px}#next-cue strong{font-size:11px}}
/* SVG transforms use the same room coordinate system as the pointer. */
#caddy-lid{transform-box:view-box;transform-origin:0 0}