/* Shared tap-first, transient Care Visit presentation. */
.care-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0}.care-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:100px;min-height:100px;max-width:45%;padding:8px;border:1px solid var(--color-border,#d6cfe0);border-radius:16px;background:var(--color-surface,#fff);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.care-tool img{width:64px;height:64px;object-fit:contain;animation:care-idle 6s ease-in-out infinite}.care-tool span{overflow-wrap:break-word}.care-tool:focus-visible{outline:3px solid #7658b8;outline-offset:3px}.care-tool[aria-pressed=true]{background:#f0e9fa}.care-tool[aria-pressed=true] img{animation:none}.care-feedback{line-height:1.6;min-height:3.2em;margin:12px 0;overflow-wrap:break-word}.care-motion{position:absolute;left:43%;top:48%;width:23%;height:25%;pointer-events:none;opacity:0;transform:translate(-30%,35%) scale(.9);transition:transform .35s ease,opacity .35s ease}.care-motion>img{width:100%;height:100%;object-fit:contain}.care-hold{opacity:1;transform:translate(0,0)}.care-return{opacity:0;transform:translate(-30%,35%) scale(.9)}.care-motion-occluder,.care-motion-frame,.care-motion-light{top:34%}.care-motion-frame{left:36%;width:29%}.care-motion-cup,.care-motion-tooth,.care-motion-chart{left:66%;top:58%;width:22%}.care-hold.care-motion-brush>img{animation:care-brush 1.2s ease-in-out 2}.care-hold.care-motion-chart>img,.care-hold.care-motion-tooth>img{transform:scale(1.06)}.care-hold.care-motion-light>img{transform:rotate(-8deg)}.care-effects{position:absolute;inset:0;pointer-events:none}.care-effects i{position:absolute;left:calc(15% + var(--n)*22%);top:calc(20% + var(--n)*12%);width:12px;height:12px;border-radius:50%;background:#fff7d9;box-shadow:0 0 14px 6px #fff2b388;opacity:.8;animation:care-glow 2s ease-in-out 1;animation-delay:calc(var(--n)*.15s)}.care-effect-brush i{background:#ecfaff66;border:1px solid #d9f7ff;box-shadow:none}.care-effect-cup i{border-radius:60% 40% 65% 35%;background:#a9e4f0aa;box-shadow:0 6px 0 -3px #a9e4f088}.care-effect-frame i{width:25%;height:25%;background:transparent;border:2px solid #e4ddff88;box-shadow:0 0 10px #eee4ff}.care-effect-light{background:radial-gradient(ellipse,#fff5c933,transparent 65%)}.care-done{inset:20% 15%;width:70%;height:65%}.care-nav{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.care-nav button{min-height:44px}.care-interactive{isolation:isolate}
@keyframes care-idle{0%,66%,100%{transform:scale(1)}83%{transform:scale(1.04)}}@keyframes care-brush{0%,100%{transform:translateX(-3%)}50%{transform:translateX(3%)}}@keyframes care-glow{0%,100%{opacity:.45}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.care-tool img,.care-hold.care-motion-brush>img,.care-effects i{animation:none}.care-motion,.care-return{transition:opacity .1s;transform:none}.care-motion>img{transform:none!important}}
.care-reduced .care-tool img,.care-reduced .care-hold.care-motion-brush>img,.care-reduced .care-effects i{animation:none}.care-reduced .care-motion{transition:opacity .1s;transform:none}.care-reduced .care-motion>img{transform:none!important}
.care-motion-mirror,.care-motion-brush{top:58%}