.device-stage{position:relative;width:100%;max-width:300px;margin:0 auto;perspective:1100px}.device-orb{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(37,211,102,.28),rgba(18,140,85,.12) 45%,transparent 70%);filter:blur(8px);z-index:0}.device{position:relative;z-index:1;width:216px;margin:0 auto;border-radius:34px;padding:10px;background:linear-gradient(160deg,#ffffff24,#ffffff08 40%,#00000059);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px #00000080,0 0 40px #25d36614;transform:rotateY(-16deg) rotateX(6deg);transform-style:preserve-3d}.device-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:72px;height:16px;border-radius:999px;background:#07090be6;z-index:2}.device-screen{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(37,211,102,.06),transparent 60%),linear-gradient(180deg,#0b1013,#0d1317);border:1px solid rgba(255,255,255,.06);padding:34px 12px 12px}.device-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.device-chat{display:flex;flex-direction:column;gap:7px;padding-top:12px}.bubble{animation:bubble-in .35s ease both}.bubble:nth-child(1){animation-delay:.1s}.bubble:nth-child(2){animation-delay:.2s}.bubble:nth-child(3){animation-delay:.3s}.bubble:nth-child(4){animation-delay:.4s}.bubble:nth-child(5){animation-delay:.5s}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble-in,.bubble-out{max-width:86%;padding:7px 10px;border-radius:14px;font-size:10.5px;line-height:1.45;position:relative}.bubble-in{align-self:flex-start;background:#ffffff0f;color:#e2e8ea;border-bottom-left-radius:4px}.bubble-out{align-self:flex-end;background:linear-gradient(135deg,#128c55,#0e4d2b);color:#e4ffec;border-bottom-right-radius:4px}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.bubble-time{font-size:8.5px;color:#ffffff59}.bubble-out .bubble-time{color:#e4ffec8c}.tick{width:13px;height:9px;flex-shrink:0}.device-header .status-dot{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 #25d36673}50%{box-shadow:0 0 0 4px #25d36600}}@media(prefers-reduced-motion:reduce){.bubble,.device-header .status-dot,.device-stage,.device{animation:none!important}}