.guide-speech{align-items:flex-start;gap:15px;display:flex}.guide-character{flex:0 0 46px;width:46px;padding-top:12px}.guide-character .plugmate-pet,.guide-character .pet-greet,.guide-character .pet-greet>svg{width:46px;height:44px}.guide-bubble{border:1px solid var(--line);background:var(--panel);border-radius:4px 16px 16px;flex:1;min-width:0;padding:14px;position:relative}.guide-bubble:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);width:10px;height:10px;position:absolute;top:23px;left:-6px;transform:rotate(45deg)}.guide-bubble h2{position:relative}.guide-speech[data-character=false] .guide-bubble{background:0 0;border:0;border-radius:0;padding:0}.guide-speech[data-character=false] .guide-bubble:before{display:none}.guide-words{position:relative}.guide-measure{visibility:hidden;display:block}.guide-spoken{position:absolute;inset:0}.guide-caret{background:var(--brand);vertical-align:-.12em;width:2px;height:1em;margin-left:2px;display:inline-block}.first-action-guide{background:var(--bg);max-width:420px;padding:18px}.first-action-guide header{min-height:36px;margin-bottom:14px}.first-action-guide .icon-btn{width:36px;min-width:36px;height:36px;margin:0}.first-action-guide .guide-bubble h2{font-size:18px}.first-action-guide .guide-bubble p{font-size:13px}.first-action-finger{opacity:0;animation:none}.first-reply-finish{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.first-run-screen[data-first-run-screen=ready]{max-width:510px}.first-run-screen[data-first-run-screen=ready] .welcome-tour-actions{margin-top:26px}.tip-try{color:var(--ink);text-underline-offset:4px;font-weight:600;text-decoration:underline}.tip-understood{color:var(--muted)}.tip-understood:hover,.tip-try:hover{color:var(--brand-ink)}.tip-pending{border-left:2px solid var(--line-strong);margin:12px 0;padding:12px 16px;font-size:13px}@media (max-width:767px){.guide-speech{gap:12px}.guide-character{flex-basis:36px;width:36px}.guide-character .plugmate-pet,.guide-character .pet-greet,.guide-character .pet-greet>svg{width:36px;height:38px}.guide-bubble{padding:12px}.guide-speech[data-character=false] .guide-bubble{padding:0}.first-action-guide{padding:14px}.first-action-guide header{margin-bottom:14px}.first-action-guide .guide-bubble h2{font-size:16px}.first-action-guide .guide-bubble p{font-size:12px}.first-action-space{height:280px}.first-action-layer[data-editing=true] .guide-speech{display:none}}@media (prefers-reduced-motion:no-preference){.guide-caret{animation:.65s step-end infinite guide-caret}@keyframes guide-caret{50%{opacity:0}}}.tip-companion{color:var(--ink);align-self:start;padding-top:6px}.tip-companion .plugmate-pet,.tip-companion .pet-greet,.tip-companion .pet-greet>svg{width:38px;height:38px}.tip-label{color:var(--brand-ink);margin-bottom:4px;font-size:12px;font-weight:650}.tip-try{border:1px solid var(--line-strong);background:var(--bg);border-radius:8px;padding:0 12px;text-decoration:none}.first-run-ready{border:1px solid var(--line-strong);background:var(--bg);border-radius:16px;width:min(540px,100%);max-height:calc(100dvh - 80px);margin:0;padding:24px;overflow-y:auto;box-shadow:0 18px 70px #14120e29}.first-run-ready>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.first-run-ready>header>span{align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.first-run-ready h2{font:500 28px/1.12 var(--font-display),sans-serif;letter-spacing:-.02em}.first-run-ready>p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.6}.first-run-tools{border-block:1px solid var(--line);margin:22px 0;padding:16px 0}.first-run-tools h3{font-size:13px;font-weight:600}.first-run-tools p{color:var(--muted);margin:6px 0 10px;font-size:12px;line-height:1.5}.first-run-tools>div{gap:24px;display:flex}.first-run-tools a{text-underline-offset:4px;align-items:center;gap:10px;min-height:36px;font-size:12px;text-decoration:underline;display:inline-flex}.first-run-tools a:hover{color:var(--brand-ink)}.first-action-space[data-inline=true]{height:0}.first-action-layer[data-inline=true] .first-action-shade{display:none}.first-action-inline{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:42px;padding:0;position:relative;inset:auto}.first-action-inline header{margin-bottom:10px}.first-action-inline .first-action-location{display:none}.first-action-inline .first-action-counter{margin-left:0}.first-action-inline .icon-btn{margin-left:auto}.first-action-inline .first-action-progress{display:none}@media (max-width:767px){.tip-companion .plugmate-pet,.tip-companion .pet-greet,.tip-companion .pet-greet>svg{width:30px;height:34px}.first-run-ready>.btn{width:100%;font-size:12px}.first-action-inline .guide-bubble,.first-action-inline .guide-bubble:before{background:var(--bg)}.first-action-inline .guide-bubble h2{font-size:16px}.first-action-inline .guide-bubble p{font-size:12px}.dashboard-content:has(.first-action-space[data-inline=true]){padding-bottom:24px}.first-run-ready{padding:18px}.first-run-ready>header{margin-bottom:8px}.first-run-ready>header .icon-btn{width:30px;height:30px}.first-run-ready h2{font-size:23px}.first-run-ready>p{margin-top:8px;font-size:12px;line-height:1.5}.first-run-tools{margin:14px 0;padding:12px 0 8px}.first-run-tools p{margin-bottom:4px}}.first-run-ready>header{align-items:flex-start;margin-bottom:0}.first-run-ready>header .icon-btn{flex-shrink:0}.onboarding-backdrop:has(.first-run-ready){top:0}.first-run-ready .startup-call{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.tip-measure{visibility:hidden;display:block}.tip-spoken{position:absolute;inset:0 5px 0 0}.first-action-space[data-first-run=mcp][data-inline=true]{height:0}.first-action-docked{width:100%;max-width:980px;margin:22px 0 -8px;scroll-margin-top:24px;position:relative;inset:auto;box-shadow:0 6px 24px #14120e1a}@media (max-width:767px){.first-action-docked{margin-top:18px;scroll-margin-top:80px}}
.ready-celebration{background:var(--panel);border-radius:22px;width:min(540px,100%);padding:26px;position:relative}.ready-celebration>header{align-items:center}.ready-greeting{align-items:flex-end;gap:18px;margin:32px 0 22px;display:flex}.ready-pet{color:var(--ink);flex:0 0 70px;margin-bottom:8px}.ready-pet .plugmate-pet,.ready-pet .pet-greet,.ready-pet .pet-greet>svg{width:100%;height:auto}.ready-pet *{animation:none}.ready-bubble{background:var(--bg);border:1px solid var(--line);border-radius:18px 18px 18px 4px;flex:1;min-width:0;padding:24px 20px;position:relative}.ready-bubble:before{content:"";background:var(--bg);border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:12px;height:12px;position:absolute;bottom:24px;left:-7px;transform:rotate(45deg)}.ready-celebration h2{text-wrap:balance;font-size:33px;line-height:1.09}.ready-celebration>p{text-wrap:pretty;margin:0 0 22px}.ready-celebration>.btn{justify-content:center;width:100%;min-height:44px}.ready-celebration .startup-call{text-align:center;border:0;margin:16px 0 0;padding:0}.ready-celebration .startup-call-link{justify-content:center}.ready-celebration .startup-call p{font-size:11px}.ready-celebration .first-run-tools{border-bottom:0;margin:22px 0 0;padding:16px 0 0}.ready-celebration .first-run-tools a{min-height:40px}.ready-burst{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.ready-burst i{background:var(--brand);border-radius:1px;width:6px;height:13px;position:absolute;top:0;left:0}.ready-burst i:nth-child(3n){background:#c3ae86;width:5px;height:9px}.ready-burst i:nth-child(4n){background:#efad65}.ready-burst i:nth-child(2n){border-radius:50%;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.ready-pet .pet-hand-right{animation:.4s cubic-bezier(.77,0,.175,1) 3 pet-wave}}@media (max-width:767px){.ready-celebration{max-height:calc(100dvh - 32px);padding:20px}.ready-greeting{gap:12px;margin-block:26px 20px}.ready-pet{flex-basis:44px}.ready-bubble{padding:18px 14px}.ready-celebration h2{font-size:27px}.ready-celebration .first-run-tools a{min-height:44px}}@media (max-width:359px){.ready-greeting{padding-bottom:54px;display:block;position:relative}.ready-pet{width:42px;margin:0;position:absolute;bottom:0;left:12px}.ready-bubble{padding:18px}.ready-bubble:before{bottom:-7px;left:28px;transform:rotate(-45deg)}.ready-celebration h2{font-size:25px}}.ready-prompt{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:-8px 0 22px;padding:12px 14px;display:flex}.ready-prompt-text{-webkit-user-select:all;user-select:all;flex:220px;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:1.45}.ready-prompt .btn{flex-shrink:0;min-height:36px}.ready-prompt-note{color:var(--muted);flex-basis:100%;margin:0;font-size:12px}
.welcome-motion{width:100%;margin:0;padding-block:8px 0}.welcome-motion>svg{aspect-ratio:340/190;width:100%;display:block;overflow:visible}.motion-tile{fill:var(--panel);stroke:var(--line-strong);stroke-width:1px}.motion-tile-pet{fill:var(--bg)}.motion-logo>svg,.motion-step-icon>svg{width:26px;height:26px}.motion-wire{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-linecap:round}.motion-packet{fill:var(--brand)}.motion-label{fill:var(--muted);font:12px var(--font-body),sans-serif}.motion-confirm circle{fill:var(--brand)}.motion-confirm path{fill:none;stroke:#fff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.motion-bubble{fill:var(--accent-soft);stroke:var(--line)}.motion-chat-text{fill:var(--ink);font:13px var(--font-body),sans-serif}.motion-text-line{stroke:var(--line-strong);stroke-width:3px;stroke-linecap:round}.motion-mini-chart{stroke:var(--brand);stroke-width:6px;stroke-linecap:round}.motion-step-dot{fill:var(--bg);stroke:var(--line-strong)}.motion-step-number{font:12px var(--font-body),sans-serif;fill:var(--muted)}.motion-step-traveller{fill:none;stroke:var(--brand);stroke-width:2px}.welcome-motion figcaption{text-align:center;min-height:38px;color:var(--muted);margin-top:20px;font-size:12px;line-height:1.5}.motion-pause{min-height:32px;color:var(--muted);text-underline-offset:3px;margin:4px auto 0;font-size:11px;text-decoration:underline;display:block}.welcome-motion[data-running=false] *{animation-play-state:paused!important}.first-run-screen .welcome-motion{max-width:340px;margin:12px auto 18px}.first-run-screen .welcome-motion figcaption{min-height:0;margin-top:4px}@media (prefers-reduced-motion:no-preference){.motion-plug-in{animation:6s cubic-bezier(.77,0,.175,1) infinite motion-plug}.motion-confirm{animation:6s infinite motion-confirm}.motion-packet-plug{animation:6s linear infinite motion-packet-plug}.motion-flow-a{animation:6s linear infinite motion-flow-a}.motion-flow-b{animation:6s linear infinite motion-flow-b}.motion-flow-c{animation:6s linear infinite motion-flow-c}.motion-relay-a{animation:5s linear infinite motion-relay-a}.motion-relay-b{animation:5s linear infinite motion-relay-b}.motion-question{animation:7s cubic-bezier(.23,1,.32,1) infinite motion-question}.motion-answer{animation:7s cubic-bezier(.23,1,.32,1) infinite motion-answer}.motion-step-traveller{animation:7.5s cubic-bezier(.77,0,.175,1) infinite motion-steps}}@keyframes motion-plug{0%,12%,to{transform:translate(-28px)}26%,83%{transform:translate(0)}}@keyframes motion-confirm{0%,25%,90%,to{opacity:0}32%,82%{opacity:1}}@keyframes motion-packet-plug{0%,28%{opacity:0;transform:translate(0)}32%{opacity:1}69%{opacity:1;transform:translate(115px)}74%,to{opacity:0;transform:translate(115px)}}@keyframes motion-flow-a{0%,5%{opacity:0;transform:translate(0)}8%{opacity:1}18%{transform:translate(38px,16px)}28%{transform:translate(80px,48px)}40%{opacity:1;transform:translate(127px,58px)}44%,to{opacity:0;transform:translate(127px,58px)}}@keyframes motion-flow-b{0%,30%{opacity:0;transform:translate(0)}34%{opacity:1}65%{opacity:1;transform:translate(127px)}69%,to{opacity:0;transform:translate(127px)}}@keyframes motion-flow-c{0%,55%{opacity:0;transform:translate(0)}58%{opacity:1}68%{transform:translate(38px,-16px)}78%{transform:translate(80px,-48px)}90%{opacity:1;transform:translate(127px,-58px)}94%,to{opacity:0;transform:translate(127px,-58px)}}@keyframes motion-relay-a{0%{opacity:0;transform:translate(0)}8%{opacity:1}36%{opacity:1;transform:translate(66px)}42%,to{opacity:0;transform:translate(66px)}}@keyframes motion-relay-b{0%,44%{opacity:0;transform:translate(0)}50%{opacity:1}82%{opacity:1;transform:translate(66px)}90%,to{opacity:0;transform:translate(66px)}}@keyframes motion-question{0%,5%,98%,to{opacity:0;transform:translateY(7px)}14%,88%{opacity:1;transform:translateY(0)}}@keyframes motion-answer{0%,31%,98%,to{opacity:0;transform:translateY(7px)}42%,88%{opacity:1;transform:translateY(0)}}@keyframes motion-steps{0%,18%{transform:translateY(0)}30%,48%{transform:translateY(60px)}60%,84%{opacity:1;transform:translateY(120px)}92%{opacity:0;transform:translateY(120px)}93%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.motion-pause{display:none}.motion-packet{opacity:0}.motion-step-traveller{transform:translateY(120px)}}