*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;height:100%}body{color:#e0f2fe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23 0%,#1a0933 25%,#0f1a2e 50%,#1a0a2e 75%,#16213e 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f2380;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#06b6d4,#7c3aed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0891b2,#a78bfa)}.custom-scrollbar{scrollbar-color:#7c3aed #0f0f2380;scrollbar-width:thin}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.app-root{justify-content:center;align-items:flex-start;min-height:100vh;padding:28px;display:flex}.card{background:linear-gradient(#0a0c1499,#080a1066);border:1px solid #00e5ff0f;border-radius:12px;padding:14px;box-shadow:0 6px 24px #03060a99}.h1{color:#00e5ff;letter-spacing:-.4px;font-size:28px;font-weight:700}.h2{color:#d6f7ff;font-size:14px;font-weight:600}.grid{grid-template-columns:320px 1fr 260px;gap:20px;width:100%;max-width:1200px;display:grid}@media (max-width:980px){.grid{grid-template-columns:1fr;padding:0 12px}}.button{color:#000;cursor:pointer;background:linear-gradient(90deg,#7c4dff,#00e5ff);border:none;border-radius:8px;padding:8px 12px;font-weight:600}.feed-item{background:#ffffff05;border:1px solid #7c4dff0a;border-radius:10px;margin-bottom:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px}.ping{background:radial-gradient(circle at 30% 30%,#fff,#00e5ff 40%,#7c4dff 100%);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #00e5ffd9,0 0 6px #7c4dff59}.note{color:#d6f7ffb3;margin-top:8px;font-size:12px}