html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%}.slack-container{position:absolute;top:400px;left:20px;background-color:#000000b3;padding:15px;border-radius:10px;color:#fff;font-family:Arial,sans-serif;font-size:14px;width:250px;max-height:70%;overflow-y:auto}.slack-container h1{text-align:center;margin:0 0 10px}.messages{display:flex;flex-direction:column;gap:8px}.message{display:flex;align-items:center;padding:8px;border-radius:8px;background-color:#1d1f2a;transition:all .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.json-message{background-color:#2a2d3a;border-left:4px solid #4a90e2}.json-content{display:flex;flex-wrap:wrap;gap:5px}.json-field{display:inline-flex;align-items:center;margin-right:8px}.json-key{font-weight:700;color:#e2984a;margin-right:4px}.json-value{color:#a3e24a}.timestamp{font-size:10px;color:#888;margin-top:4px;text-align:right;display:block}.legend-container{position:absolute;top:1%;left:1%;background-color:#000000b3;padding:20px;border-radius:10px;color:#fff;font-family:Arial,sans-serif;font-size:14px;width:250px}.legend-item{display:flex;align-items:center;margin-bottom:15px}.color-box{width:20px;height:20px;margin-right:10px;border-radius:4px}.icon-container{width:20px;height:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.octahedron-icon{width:15px;height:15px;background-color:#888;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.sphere-icon{width:15px;height:15px;background-color:#888;border-radius:50%}h3{margin-bottom:20px}h4{margin-top:20px;margin-bottom:10px}.legend-credit{margin-top:1rem;font-size:.75rem;opacity:.6;text-align:left}.legend-credit a{color:inherit;text-decoration:underline}