.clip-root{z-index:8500;font-family:var(--sq-font-body);pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:20px}.clip-root>*{pointer-events:auto}.clip-root--mobile{top:auto;bottom:calc(86px + env(safe-area-inset-bottom,0px));align-items:flex-end;left:12px;right:12px}.clip-root--mobile .clip-bubble{transform-origin:bottom;width:100%;max-height:calc(55dvh - env(safe-area-inset-bottom,0px));overflow-y:auto;box-shadow:0 -8px 32px #00000059}.clip-root--mobile .clip-bubble:after{display:none}.clip-character-btn{-webkit-appearance:none;appearance:none;cursor:pointer;filter:drop-shadow(0 8px 18px #00000059);width:76px;height:76px;transition:transform var(--sq-duration-fast) var(--sq-ease-out);background:0 0;border:none;padding:0;display:block}.clip-character-btn:hover{transform:translateY(-2px)scale(1.04)}.clip-character-btn:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:4px;border-radius:16px}.clip-root .clip-character-btn{animation:clip-pop .45s var(--sq-ease-spring) .5s both}.clip-ping{transform-origin:50%;transform-box:fill-box;animation:2.8s ease-out infinite clip-ping}.clip-ping-late{animation-delay:1.4s}@keyframes clip-ping{0%{opacity:.85;transform:scale(.5)}60%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}@keyframes clip-dot-pulse{0%,to{box-shadow:0 0 0 1px #00000026,0 0 #ff375f80}50%{box-shadow:0 0 0 1px #00000026,0 0 0 6px #ff375f00}}.clip-bob{transform-origin:50% 90%;animation:3.4s ease-in-out infinite clip-bob}@keyframes clip-bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-1.5deg)}50%{transform:translateY(0)rotate(0)}55%{transform:translateY(-1px)rotate(2deg)}60%{transform:translateY(0)rotate(-1.5deg)}65%{transform:translateY(0)rotate(0)}}.clip-eyelid{transform-origin:50%;transform-box:fill-box;animation:5.2s ease-in-out infinite clip-blink}@keyframes clip-blink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}.clip-pupil{animation:6s ease-in-out infinite clip-look}@keyframes clip-look{0%,to{transform:translate(0)}30%{transform:translate(1.4px,.6px)}60%{transform:translate(-1.2px,.8px)}}.clip-ball{transform-origin:50%;transform-box:fill-box;animation:2.6s ease-in-out infinite clip-juggle}@keyframes clip-juggle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(180deg)}}.clip-pill{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--sq-brand-primary);color:var(--sq-brand-on-primary);font-family:var(--sq-font-heading);animation:clip-pop .28s var(--sq-ease-spring) both;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000052}.clip-pill:hover{filter:brightness(1.06)}.clip-pill:focus-visible{outline-offset:2px;outline:2px solid #fff}.clip-pill svg{display:block}@property --clip-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.clip-bubble{width:min(320px,100vw - 40px);color:var(--sq-text-primary);background:linear-gradient(var(--sq-bg-card), var(--sq-bg-card)) padding-box, conic-gradient(from var(--clip-beam-angle), var(--sq-brand-primary), var(--sq-accent-secondary) 50%, var(--sq-brand-primary)) border-box;box-shadow:var(--sq-shadow-xl);transform-origin:100% 100%;animation:clip-bubble-in .32s var(--sq-ease-spring) both, clip-beam 3s linear infinite;border:2px solid #0000;border-radius:16px;padding:12px 13px 11px;position:relative}@keyframes clip-beam{to{--clip-beam-angle:360deg}}.clip-bubble.clip-bubble-out{animation:clip-bubble-out .2s var(--sq-ease-out) both}.clip-bubble:after{content:"";background:var(--sq-bg-card);border-right:1px solid var(--sq-border-subtle);border-bottom:1px solid var(--sq-border-subtle);border-bottom-right-radius:4px;width:18px;height:18px;position:absolute;bottom:-9px;right:26px;transform:rotate(45deg)}@keyframes clip-bubble-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}@keyframes clip-bubble-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes clip-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.clip-bubble-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.clip-bubble-name{font-family:var(--sq-font-heading);letter-spacing:-.01em;color:var(--sq-text-primary);align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.clip-bubble-name .clip-dot{background:var(--sq-brand-primary);border-radius:50%;width:7px;height:7px}.clip-bubble-close{-webkit-appearance:none;appearance:none;color:var(--sq-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;line-height:0}.clip-bubble-close:hover{background:var(--sq-bg-surface-hover);color:var(--sq-text-primary)}.clip-bubble-close:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:1px}.clip-bubble-body{color:var(--sq-text-secondary);margin:0 0 8px;font-size:12.5px;line-height:1.4}.clip-bubble-body strong{color:var(--sq-text-primary)}.clip-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.clip-chip{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sq-font-body);color:var(--sq-brand-primary);background:var(--sq-brand-primary-muted);transition:background var(--sq-duration-fast) var(--sq-ease-out);border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.clip-chip:hover{background:var(--sq-brand-primary-subtle);border-color:var(--sq-brand-primary)}.clip-chip:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:1px}.clip-chip:disabled{opacity:.5;cursor:default}.clip-chip:disabled:hover{background:var(--sq-brand-primary-muted);border-color:#0000}.clip-ask{align-items:center;gap:6px;display:flex}.clip-ask input{min-width:0;font-family:var(--sq-font-body);color:var(--sq-text-primary);background:var(--sq-bg-input);border:1px solid var(--sq-border-default);border-radius:10px;outline:none;flex:1;padding:9px 11px;font-size:13px}.clip-ask input::placeholder{color:var(--sq-text-tertiary)}.clip-ask input:focus{border-color:var(--sq-border-focus);box-shadow:var(--sq-shadow-focus)}.clip-ask input:disabled{opacity:.6;cursor:default}.clip-ask-note{font-family:var(--sq-font-body);color:var(--sq-text-tertiary);margin:8px 2px 0;font-size:12px;font-weight:500}.clip-ask button{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--sq-brand-primary);width:36px;height:36px;color:var(--sq-brand-on-primary);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.clip-ask button:hover{background:var(--sq-brand-primary-hover)}.clip-ask button:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:2px}.clip-ask button:disabled{opacity:.5;cursor:default}.clip-controls{border-top:1px solid var(--sq-border-subtle);align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.clip-tour-btn{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sq-font-heading);color:var(--sq-text-primary);background:var(--sq-bg-surface-2);border:1px solid var(--sq-border-subtle);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.clip-tour-btn:hover{background:var(--sq-bg-surface-hover)}.clip-tour-btn:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:1px}.clip-icon-btn{-webkit-appearance:none;appearance:none;cursor:pointer;width:34px;height:34px;color:var(--sq-text-secondary);background:var(--sq-bg-surface-2);border:1px solid var(--sq-border-subtle);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.clip-icon-btn:hover{background:var(--sq-bg-surface-hover);color:var(--sq-text-primary)}.clip-icon-btn:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:1px}.clip-tour-nav{border-top:1px solid var(--sq-border-subtle);flex-direction:row;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.clip-tour-step{color:var(--sq-text-tertiary);font-size:11.5px;font-weight:600;font-family:var(--sq-font-heading);white-space:nowrap;flex-shrink:0}.clip-tour-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.clip-tour-cta{background:var(--sq-brand-primary-muted);border:1px solid var(--sq-brand-primary-subtle);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;display:flex}.clip-tour-signup{font-family:var(--sq-font-heading);color:var(--sq-brand-on-primary);background:var(--sq-brand-primary);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:12.5px;font-weight:700;text-decoration:none}.clip-tour-signup:hover{background:var(--sq-brand-primary-hover)}.clip-tour-signup:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:2px}.clip-tour-cta-note{color:var(--sq-text-secondary);font-size:12px;line-height:1.4}.clip-btn-primary{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sq-font-heading);color:var(--sq-brand-on-primary);background:var(--sq-brand-primary);border:none;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:700}.clip-btn-primary:hover{background:var(--sq-brand-primary-hover)}.clip-btn-primary:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:2px}.clip-btn-ghost{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sq-font-heading);color:var(--sq-text-secondary);background:0 0;border:none;border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:600}.clip-btn-ghost:hover{color:var(--sq-text-primary)}.clip-btn-ghost:focus-visible{outline:2px solid var(--sq-brand-primary);outline-offset:1px}.clip-btn-ghost:disabled{opacity:.4;cursor:default}.clip-btn-ghost:disabled:hover{color:var(--sq-text-secondary)}@media (prefers-reduced-motion:reduce){.clip-bob,.clip-eyelid,.clip-pupil,.clip-ball,.clip-ping,.clip-root .clip-character-btn{animation:none!important}.clip-ping{opacity:0}.clip-eyelid{transform:scaleY(0)}.clip-bubble,.clip-bubble.clip-bubble-out,.clip-pill{animation:none!important}.clip-character-btn{transition:none}}