@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700&display=swap");:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:hsla(0,0%,100%,.87);background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at top right,#1e293b,#0f172a)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:rgba(30,41,59,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px}.chat-bubble{position:relative;max-width:80%;padding:16px 20px;border-radius:20px;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-bubble-a{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 10px 15px -3px rgba(59,130,246,.3)}.chat-bubble-b{background:rgba(51,65,85,.8);color:#f1f5f9;align-self:flex-end;border-bottom-right-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.chat-bubble.active{transform:scale(1.02);box-shadow:0 0 20px rgba(59,130,246,.5);border:1px solid hsla(0,0%,100%,.3)}button{cursor:pointer;border:none;background:none;transition:all .2s}.play-button{width:64px;height:64px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px 0 rgba(59,130,246,.39)}.play-button:hover{transform:scale(1.1);background:#2563eb}.play-button:active{transform:scale(.95)}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-x-180{transform:rotateX(180deg)}