html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.wave-mask:before,.wave-mask:after{content:"";position:absolute;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(59,130,246,.35) 60%,transparent 61%);top:calc(100% - var(--p, 50%));filter:blur(20px)}.wave-mask:after{animation:waveRise 2s ease forwards}.wave{position:absolute;bottom:0;left:0;right:0;height:var(--p, 50%);background:#3b82f68c;overflow:hidden}.wave:before,.wave:after{content:"";position:absolute;width:200%;height:200%;left:-50%;top:-150%;background:radial-gradient(45% 40% at 50% 50%,rgba(59,130,246,.7) 40%,transparent 41%);animation:waveMove 6s linear infinite}.wave:after{animation-duration:8s;opacity:.7}@keyframes waveMove{0%{transform:translate(0) rotate(0)}to{transform:translate(50%) rotate(360deg)}}@keyframes waveRise{0%{transform:translateY(10%)}to{transform:translateY(0)}}.liquid-container{box-shadow:inset 0 0 10px #1e3a8a26;position:relative}.pulse-ring{position:absolute;inset:-6px;border-radius:9999px;border:3px solid rgba(59,130,246,.25);animation:pulse 2.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.98);opacity:.7}70%{transform:scale(1.02);opacity:.2}to{transform:scale(.98);opacity:.7}}.bubbles:before,.bubbles:after{content:"";position:absolute;left:50%;width:8px;height:8px;background:#ffffffe6;border-radius:9999px;animation:bubbleUp 4s ease-in infinite}.bubbles:after{left:60%;width:6px;height:6px;animation-duration:3.2s;animation-delay:.8s}@keyframes bubbleUp{0%{bottom:-8px;opacity:0}20%{opacity:1}to{bottom:100%;opacity:0}}.panel-scroll{max-height:50vh;overflow-y:auto}@media (min-width: 640px){.panel-scroll{max-height:60vh}}.panel-scroll-tall{max-height:calc(100vh - 280px)}@media (min-width: 640px){.panel-scroll-tall{max-height:calc(100vh - 220px)}}.panel-container-tall{max-height:calc(100vh - 280px)}@media (min-width: 640px){.panel-container-tall{max-height:calc(100vh - 220px)}}.slim-scroll::-webkit-scrollbar{width:6px}.slim-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px;margin:4px}.slim-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.slim-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.slim-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}