:root{--bg: #0b1020;--card: #121a33;--muted: #92a2c7;--text: #e7eefc;--accent: #7aa2ff;--accent2: #ff7ad9;--accent3: #7affc6;--danger: #ef4444;--ok: #10b981}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,#1b2242 0%,var(--bg) 40%,var(--bg) 100%) fixed no-repeat,radial-gradient(800px 400px at 120% 20%,#7aa2ff1f,#7aa2ff00 60%) fixed no-repeat,radial-gradient(700px 350px at -20% 80%,#10b9811f,#10b98100 65%) fixed no-repeat,conic-gradient(from 210deg at 80% 120%,#ffffff0f,#fff0 40%,#fff0) fixed no-repeat,linear-gradient(transparent 97%,#ffffff0d),linear-gradient(90deg,transparent 97%,rgba(255,255,255,.05) 100%),var(--bg);background-size:1400px 900px,900px 500px,800px 450px,900px 600px,24px 24px,24px 24px,auto;background-position:left top,right 20% top,left -10% bottom 10%,right -20% bottom -10%,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}.container{max-width:820px;margin:40px auto;padding:0 16px}.header{display:flex;align-items:baseline;justify-content:space-between}.title{font-size:36px;letter-spacing:.3px;margin:0 0 8px;background:linear-gradient(90deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.status{font-size:13px;color:var(--muted)}.feed{margin-top:24px}.card{position:relative;background:linear-gradient(180deg,#ffffff0a,#fff0),var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px 16px 22px;margin-bottom:14px;box-shadow:0 6px 24px #00000040;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,var(--accent),var(--accent) 4px,transparent 4px)}.card:nth-child(3n+2):before{background:linear-gradient(90deg,var(--accent2),var(--accent2) 4px,transparent 4px)}.card:nth-child(3n+3):before{background:linear-gradient(90deg,var(--accent3),var(--accent3) 4px,transparent 4px)}.card h4{margin:0 0 8px;font-size:18px;font-weight:700}.card p{margin:0;color:#d9e3ff;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text);background:#7aa2ff26;border:1px solid rgba(122,162,255,.35);padding:4px 8px;border-radius:999px}.muted{color:var(--muted)}.ok{color:var(--ok)}.danger{color:var(--danger)}@keyframes popIn{0%{transform:scale(.6);opacity:0;filter:brightness(1.1)}60%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}.card.new{animation:popIn .76s cubic-bezier(.16,1,.3,1) both;box-shadow:0 10px 28px #00000059;transform-origin:top center;will-change:transform,opacity}.card.new:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(600px 120px at 10% 0%,#7aa2ff29,#7aa2ff00 60%)}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;display:inline-block;pointer-events:none;background:#121a33e6;border:1px solid rgba(122,162,255,.35);color:var(--text);padding:8px 12px;border-radius:999px;font-size:12px;box-shadow:0 6px 24px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:toastIn .26s ease-out}@keyframes toastIn{0%{transform:translate(-50%,-10px);opacity:0}to{transform:translate(-50%);opacity:1}}