.bobby-stage{--look-x:0px;--look-y:0px;--look-angle:0deg;--spot-x:50%;--spot-y:45%;--bobby-fog:#e1eef76b;--bobby-saturation:.68;--bobby-awake-saturation:.85;flex-shrink:0;width:47%;margin-left:auto;padding-top:15px;position:relative}.bobby-window{outline-offset:-28px;border-radius:42%;width:100%;height:clamp(280px,min(34vw,100svh - 380px),520px);display:block;position:relative}.bobby-scene{transform:translate(var(--look-x), var(--look-y)) rotate(var(--look-angle));transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-9% -9% 0;overflow:hidden;-webkit-mask-image:radial-gradient(50% 50%,#000 45%,#000c 68%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 45%,#000c 68%,#0000 100%)}.bobby-photo{object-position:50% 52%;opacity:.43;filter:blur(7px) saturate(var(--bobby-saturation));transition:opacity .95s,filter .95s}.bobby-photo-dark{display:none}.bobby-mist{background:var(--bobby-fog);pointer-events:none;opacity:.55;transition:opacity .85s;position:absolute;inset:0}.bobby-stage[data-awake=true] .bobby-photo{opacity:.95;filter:blur(0) saturate(var(--bobby-awake-saturation))}.bobby-stage[data-awake=true] .bobby-mist{opacity:0}.bobby-stage[data-action=pet] .bobby-scene{animation:.6s bobby-nuzzle}.bobby-stage[data-action=fetch] .bobby-scene{animation:1s ease-in-out bobby-catch}.bobby-cursor{left:var(--spot-x);top:var(--spot-y);color:#456d89;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;background:#f7fbfe55;border:1px solid #ffffffa0;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .2s;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-12deg)}@media (hover:hover) and (pointer:fine){.bobby-window:hover{cursor:none}.bobby-window:hover .bobby-cursor{opacity:1}}.bobby-caption{z-index:2;text-align:center;padding-top:28px;position:relative}.bobby-reveal-copy{min-height:30px;color:var(--ink);letter-spacing:.08em;pointer-events:none;visibility:hidden;opacity:0;margin:0 0 12px;font-size:clamp(16px,1.4vw,20px);font-weight:400;line-height:1.5;transition:opacity .25s,transform .25s,visibility 0s .25s;transform:translateY(6px)}.bobby-stage[data-awake=true] .bobby-reveal-copy{visibility:visible;opacity:1;transition:opacity .45s .6s,transform .45s .6s,visibility 0s .6s;transform:translateY(0)}.bobby-name{color:var(--ink);letter-spacing:.025em;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.bobby-name>span{color:var(--muted);border-left:1px solid var(--line);letter-spacing:.06em;margin-left:5px;padding-left:13px;font-size:8px}.bobby-status{color:var(--muted);min-height:24px;margin-top:10px;font-size:11px}.bobby-controls{justify-content:center;align-items:center;gap:16px;margin-top:5px;display:flex}.bobby-controls>span{color:var(--muted);font-size:9px}.bobby-controls button{min-height:40px;color:var(--blue);border:1px solid var(--line);background:#ffffff30;border-radius:30px;align-items:center;gap:7px;padding:0 13px;font-size:10px;transition:background .18s,transform .18s;display:inline-flex}.bobby-controls button:hover:not(:disabled){background:#ffffff85;transform:translateY(-2px)}.bobby-controls button:disabled{opacity:.6}.bobby-hearts{pointer-events:none;position:absolute;top:38%;left:60%}.bobby-hearts svg{color:#c88194;fill:#e6b6c550;animation:1.2s ease-out both bobby-heart;position:absolute}.bobby-hearts svg:nth-child(2){margin-left:-45px;animation-delay:.12s}.bobby-hearts svg:nth-child(3){margin-left:28px;animation-delay:.26s}.bobby-ball{opacity:0;pointer-events:none;background:radial-gradient(circle at 30% 25%,#fbfdde,#c6d898 60%,#829e6e);border-radius:50%;width:29px;height:29px;position:absolute;top:63%;left:13%;box-shadow:inset 0 0 0 2px #ffffff60,0 8px 15px #36522415}.bobby-stage[data-action=fetch] .bobby-ball{animation:1s cubic-bezier(.22,.65,.35,1) both bobby-fetch}html[data-theme=dark] .bobby-stage{--bobby-fog:#14141473;--bobby-saturation:1;--bobby-awake-saturation:1}html[data-theme=dark] .bobby-photo-light{display:none}html[data-theme=dark] .bobby-photo-dark{display:block}html[data-theme=dark] .bobby-cursor{color:#dededa;background:#24242470;border-color:#ffffff30}html[data-theme=dark] .bobby-controls button{background:#ffffff06}html[data-theme=dark] .bobby-controls button:hover:not(:disabled){background:#ffffff12}@keyframes bobby-nuzzle{35%{transform:translateY(-5px)rotate(-2deg)scale(1.025)}70%{transform:translateY(1px)rotate(1deg)}}@keyframes bobby-catch{40%{transform:translate(14px,-13px)rotate(3deg)}75%{transform:translate(8px,-3px)rotate(1deg)}}@keyframes bobby-heart{0%{opacity:0;transform:translateY(8px)scale(.7)rotate(-10deg)}25%{opacity:.9}to{opacity:0;transform:translateY(-75px)scale(1.15)rotate(12deg)}}@keyframes bobby-fetch{0%{opacity:1;transform:translate(-50px,50px)scale(.8)}48%{opacity:1;transform:translate(80px,-130px)scale(1)}85%{opacity:1;transform:translate(130px,-55px)scale(.65)}to{opacity:0;transform:translate(150px,-45px)scale(.3)}}@media (max-width:1050px){.bobby-stage{width:47%}.bobby-window{height:clamp(280px,min(38vw,100svh - 380px),400px)}.bobby-name>span{display:none}}@media (max-width:700px){.bobby-stage{width:min(100%,440px);margin:16px auto 0;padding:0}.bobby-window{height:clamp(255px,78vw,365px)}.bobby-scene{inset:-12% -2% 0}.bobby-caption{padding-top:22px}.bobby-reveal-copy{min-height:26px;margin-bottom:10px}.bobby-name{font-size:12px}.bobby-name>span{font-size:7px;display:inline}.bobby-status{min-height:20px;margin-top:7px;font-size:10px}.bobby-controls{gap:12px;margin-top:0}.bobby-controls>span{font-size:8px}.bobby-controls button{min-height:38px;font-size:9px}}@media (prefers-reduced-motion:reduce){.bobby-reveal-copy,.bobby-stage[data-awake=true] .bobby-reveal-copy{transition:none;transform:none}.bobby-scene,.bobby-hearts svg,.bobby-ball{animation:none!important;transform:none!important}.bobby-cursor{display:none}.bobby-window:hover{cursor:pointer}}