.buddy-stream{--buddy-ink:var(--primary);height:148px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;overflow:hidden}.buddy-stream-walker{width:32px;height:32px;position:absolute;top:14px;left:12px}.buddy-stream-body{transform-origin:50% 100%;width:32px;height:32px}.buddy-stream-walker .pixel-buddy-track{overflow:visible}.buddy-stream-walker .pixel-buddy{animation:none;left:0}.buddy-stream-lines{width:94px;height:24px;position:absolute;top:10px;left:26px}.buddy-stream .buddy-stream-line{white-space:nowrap;max-width:94px;color:var(--buddy-ink);opacity:0;font-size:9px;line-height:12px;position:absolute;top:0;left:0}.buddy-code-web{fill:none;stroke:var(--buddy-ink);stroke-width:1px;opacity:0;position:absolute;top:12px;left:17px;overflow:visible}.buddy-code-weave{stroke-dasharray:160;stroke-dashoffset:160px}.learning-doc-stream,.learning-doc-stream .buddy-stream{--buddy-ink:var(--term-accent)}.buddy-stream-quiet{height:64px}.buddy-stream-quiet .buddy-stream-walker{top:30px}@media (prefers-reduced-motion:no-preference){.buddy-stream-creation .buddy-stream-walker{animation:10s ease-in-out infinite buddy-code-journey}.buddy-stream-creation .buddy-stream-body{animation:10s ease-in-out infinite buddy-code-jump}.buddy-stream-line{animation:2.4s linear infinite buddy-mouth-line}.buddy-code-web{animation:10s ease-in-out infinite buddy-web-reveal}.buddy-code-weave{animation:10s ease-in-out infinite buddy-web-weave}.buddy-stream-quiet .buddy-stream-walker{animation:7s ease-in-out infinite alternate buddy-mouth-walk}}@keyframes buddy-code-journey{0%,to{top:14px;left:12px}18%{top:14px;left:calc(28% - 12px)}35%,43%{top:14px;left:calc(52% - 20px)}57%,65%{top:94px;left:calc(52% - 20px)}78%{top:14px;left:calc(52% - 20px)}89%{top:14px;left:calc(28% - 12px)}}@keyframes buddy-code-jump{0%,18%,35%,43%,57%,65%,78%,to{transform:translateY(0)scale(1)}5%,22%,81%{transform:translateY(3px)scale(1.15,.8)}10%,27%,86%{transform:translateY(-12px)scale(.88,1.12)}14%,31%,90%{transform:translateY(0)scale(1.12,.86)}48%,72%{transform:rotate(-12deg)}53%,76%{transform:rotate(10deg)}}@keyframes buddy-web-reveal{0%,34%,90%,to{opacity:0}43%,65%{opacity:.38}78%{opacity:.1}}@keyframes buddy-web-weave{0%,34%{stroke-dashoffset:160px}60%,78%{stroke-dashoffset:0}90%,to{stroke-dashoffset:160px}}@keyframes buddy-mouth-walk{0%{left:12px}to{left:max(12px,100% - 132px)}}@keyframes buddy-mouth-line{0%{opacity:0;transform:translate(0)}7%{opacity:.75}28%{opacity:.4}40%,to{opacity:0;transform:translate(20px,-10px)}}@media (prefers-reduced-motion:reduce){.buddy-stream .pixel-buddy-leg-a,.buddy-stream .pixel-buddy-leg-b{animation:none}}@keyframes redaction-doc-line{0%{opacity:.25}to{opacity:.7}}@keyframes redaction-section-in{0%{opacity:0;transform:translate(-6px)}to{opacity:.75;transform:translate(0)}}.reduce-motion .buddy-stream-walker,.reduce-motion .buddy-stream-body,.reduce-motion .buddy-stream-line,.reduce-motion .buddy-code-web,.reduce-motion .buddy-code-weave,.reduce-motion .buddy-stream .pixel-buddy-leg-a,.reduce-motion .buddy-stream .pixel-buddy-leg-b{animation:none}.browser-mascot{border-bottom:1px solid var(--border);color:var(--muted-foreground);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.browser-mascot-scene{width:min(100%,260px);height:76px;position:relative}.browser-mascot-page{border:1px solid var(--border);background:var(--muted);border-radius:6px;flex-direction:column;gap:7px;padding:8px 10px;display:flex;position:absolute;inset:18px 0 0}.browser-mascot-line{background:var(--border);border-radius:2px;width:88%;height:4px;display:block}.browser-mascot-line:nth-child(2){width:64%}.browser-mascot-line:nth-child(3){width:76%}.browser-mascot-line:nth-child(4){width:48%}.browser-mascot-walker{width:32px;height:32px;position:absolute;top:-8px;left:6px}.browser-mascot-walker .pixel-buddy-track{width:32px;height:32px;overflow:visible}.browser-mascot-walker .pixel-buddy{width:32px;height:32px;animation:none;position:static}.browser-mascot-body{transform-origin:50% 100%}.browser-mascot-lens{fill:none;stroke:var(--primary);stroke-width:1.6px;stroke-linecap:round;transform-origin:30% 30%;position:absolute;top:14px;left:22px}.browser-mascot-label{margin:0;font-size:.8125rem}.browser-mascot-compact .browser-mascot-scene{height:60px}@media (prefers-reduced-motion:no-preference){.browser-mascot-walker{animation:3.2s ease-in-out infinite alternate browser-mascot-roam}.browser-mascot-body{animation:.8s ease-in-out infinite browser-mascot-hop}.browser-mascot-lens{animation:1.6s ease-in-out infinite browser-mascot-scan}.browser-mascot-line{animation:1.4s ease-in-out infinite browser-mascot-glow}}.reduce-motion .browser-mascot-walker,.reduce-motion .browser-mascot-body,.reduce-motion .browser-mascot-lens,.reduce-motion .browser-mascot-line{animation:none}@keyframes browser-mascot-roam{0%{left:6px}to{left:calc(100% - 52px)}}@keyframes browser-mascot-hop{0%,to{transform:translateY(0)scale(1.08,.92)}50%{transform:translateY(-6px)scale(.94,1.06)}}@keyframes browser-mascot-scan{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(5px,12px)rotate(10deg)}}@keyframes browser-mascot-glow{0%,to{background:var(--border)}50%{background:var(--primary)}}
