.bb-astra-square{--radius:22px;--border:1px solid hsla(0,0%,100%,.42);--glass-bg:hsla(0,0%,100%,.55);--glass-strong:hsla(0,0%,100%,.68);--blur:16px;margin:0 auto;max-width:600px;padding:0}.bb-astra-square .bb-stage{aspect-ratio:1/1;background:linear-gradient(150deg,var(--g1) 0,var(--g2) 100%);border-radius:var(--radius);box-shadow:none;isolation:isolate;overflow:hidden;position:relative;width:100%}.bb-astra-square .bb-stage:after{background:radial-gradient(60% 60% at 25% 80%,hsla(0,0%,100%,.55) 0,hsla(0,0%,100%,0) 60%),radial-gradient(70% 70% at 70% 30%,hsla(0,0%,100%,.85) 0,hsla(0,0%,100%,0) 60%);content:"";inset:-12%;pointer-events:none;position:absolute;z-index:0}.bb-astra-square .bb-visual{filter:drop-shadow(0 14px 30px rgba(18,21,35,.18));height:88%;inset:0;margin:auto;object-fit:contain;object-position:center;position:absolute;transform:translateZ(0);width:88%;z-index:1}.bb-astra-square .bb-astra{animation:bb-astra-pop .36s cubic-bezier(.2,.8,.2,1) .25s both;min-width:230px;position:absolute;right:6%;top:50%;transform:translateY(-50%);width:44%;z-index:3}.bb-astra-square .astra3-card{-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);backdrop-filter:blur(var(--blur)) saturate(140%);background:var(--glass-strong);border:var(--border);border-radius:18px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 8px 30px rgba(18,21,35,.1);color:#0f172a;overflow:hidden}.bb-astra-square .astra3-footer,.bb-astra-square .astra3-header{-webkit-backdrop-filter:blur(calc(var(--blur)*.9)) saturate(140%);backdrop-filter:blur(calc(var(--blur)*.9)) saturate(140%);background:var(--glass-strong);border-bottom:1px solid hsla(0,0%,100%,.34)}.bb-astra-square .astra3-footer{border-bottom:0;border-top:1px solid hsla(0,0%,100%,.34)}.bb-astra-square .astra3-header{align-items:center;display:flex;gap:10px;padding:12px 14px}.bb-astra-square .astra3-logo{background:rgba(255,105,180,.22);border:1px solid hsla(0,0%,100%,.5);border-radius:8px;display:grid;height:24px;overflow:hidden;place-items:center;width:24px}.bb-astra-square .astra3-logo img{display:block;height:100%;object-fit:contain;width:100%}.bb-astra-square .astra3-ttl{font-size:14.5px;font-weight:700}.bb-astra-square .astra3-sub{color:#1f2937;font-size:11px}.bb-astra-square .astra3-body{padding:10px 12px 8px}.bb-astra-square .astra3-bubble{-webkit-backdrop-filter:blur(calc(var(--blur)*.75)) saturate(150%);backdrop-filter:blur(calc(var(--blur)*.75)) saturate(150%);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.45);border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45);color:#0b1220;padding:10px 12px}.bb-astra-square .astra3-prompt{background:linear-gradient(180deg,rgba(22,99,255,.55),rgba(22,99,255,.42));border-color:rgba(22,99,255,.55);color:#fff;font-size:14px;margin:6px 0 10px}.bb-astra-square .astra3-reply{background:hsla(0,0%,100%,.62)}.bb-astra-square .astra3-reply-body{color:#102036;font-size:13px;line-height:1.5;max-height:220px;overflow:auto;padding-right:6px;scrollbar-width:thin}.bb-astra-square .astra3-footer{align-items:center;color:#0f172a;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.bb-astra-square .astra3-send{background:#1663ff;border-radius:999px;box-shadow:0 2px 8px rgba(22,99,255,.35);color:#fff;display:grid;font-weight:700;height:26px;place-items:center;width:26px}@keyframes bb-astra-pop{0%{opacity:0;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width:540px){.bb-astra-square .bb-astra{min-width:0;right:5%;width:54%}.bb-astra-square .astra3-sub{display:none}.bb-astra-square .astra3-prompt{font-size:12px}.bb-astra-square .astra3-reply-body{font-size:12px;max-height:140px}}.bb-astra-square,.bb-astra-square *{box-sizing:border-box}