*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{min-height:100vh;color:#f0ede8;-webkit-font-smoothing:antialiased;background:#0f0e0d url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E") 0 0/256px 256px;height:100dvh;min-height:-webkit-fill-available;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:300;line-height:1.65;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app{flex-direction:column;flex:1;width:100%;max-width:720px;min-height:0;margin:0 auto;padding:0 20px;display:flex;overflow:hidden}.messages{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex-direction:column;flex:1;gap:28px;min-height:0;padding:32px 0;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}.input-area{padding:20px 0;padding-bottom:max(20px, env(safe-area-inset-bottom));border-top:1px solid #ffffff12;flex-shrink:0}