body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100vh;width:100vw}*{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}.app-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1f36,#0f1419);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff}.status-bar{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.status-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.app-name{font-size:1rem;font-weight:500;color:#fffc;letter-spacing:.5px}.status-right{display:flex;align-items:center;gap:1rem}.last-message-time{font-size:.85rem;font-weight:400;color:#fff9;font-family:Courier New,monospace}.status-indicator{font-size:1.25rem;transition:all .3s ease}.status-indicator.connected{color:#10b981;animation:pulse-glow 2s ease-in-out infinite}.status-indicator.disconnected{color:#ef4444;opacity:.5}@keyframes pulse-glow{0%,to{opacity:1;text-shadow:0 0 10px currentColor}50%{opacity:.7;text-shadow:0 0 5px currentColor}}.display-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;position:relative}.waiting-state{text-align:center;color:#fff9;animation:gentle-fade 3s ease-in-out infinite}@keyframes gentle-fade{0%,to{opacity:.6}50%{opacity:1}}.waiting-icon{font-size:6rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.waiting-text{font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:#ffffffe6}.waiting-hint{font-size:1.5rem;opacity:.6;font-weight:300}.message-history{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:1200px;padding:.75rem 1.5rem;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 80px);scroll-behavior:smooth}.message-history::-webkit-scrollbar{width:8px}.message-history::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.message-history::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.message-history::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message-bubble{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:18px;padding:.9rem 1.5rem;font-size:1.85rem;font-weight:500;color:#ffffffd9;line-height:1.35;word-wrap:break-word;animation:slideIn .4s ease-out;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-bubble.latest{background:linear-gradient(135deg,#6366f140,#8b5cf640);border:2px solid rgba(99,102,241,.5);font-size:2.75rem;font-weight:600;color:#fff;padding:1.25rem 1.75rem;box-shadow:0 10px 40px #6366f133;animation:slideIn .4s ease-out,gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.message-bubble.older{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:1.5rem;color:#fff9;opacity:.8;padding:.8rem 1.35rem}@media(max-width:768px){.status-bar{padding:.5rem 1rem}.app-name{font-size:.9rem}.status-right{gap:.5rem}.last-message-time{font-size:.75rem}.status-indicator{font-size:1rem}.display-container{padding:1rem}.message-history{padding:.75rem 1rem;gap:.75rem}.message-bubble{padding:1rem 1.5rem;font-size:1.5rem;border-radius:18px}.message-bubble.latest{font-size:2rem;padding:1.25rem 1.75rem}.message-bubble.older{font-size:1.25rem;padding:.875rem 1.25rem}.waiting-icon{font-size:4rem}.waiting-text{font-size:1.75rem}.waiting-hint{font-size:1.1rem}}@media(min-width:769px)and (max-width:1023px){.message-history{max-width:900px;padding:1.25rem 1.75rem;gap:1rem}.message-bubble{font-size:2.25rem;padding:1.25rem 1.75rem}.message-bubble.latest{font-size:3.5rem;padding:1.75rem 2.25rem}.message-bubble.older{font-size:1.9rem;padding:1rem 1.5rem}}@media(min-width:1024px){.status-bar{padding:.6rem 2rem}.app-name{font-size:1rem}.display-container{padding:1.5rem}.message-history{max-width:1400px;padding:1rem 2rem;gap:.75rem}.message-bubble{font-size:2.25rem;padding:1rem 1.5rem;border-radius:22px}.message-bubble.latest{font-size:4rem;padding:1.5rem 2rem;border-radius:26px}.message-bubble.older{font-size:1.75rem;padding:.85rem 1.35rem}.waiting-icon{font-size:8rem}.waiting-text{font-size:3.5rem}.waiting-hint{font-size:2rem}}@media(min-width:1440px){.message-bubble.latest{font-size:4.5rem;padding:1.75rem 2.5rem}.message-bubble.older{font-size:2rem;padding:1rem 1.5rem}}