:root{--bg0:#0b1220;--bg1:#0f172a;--card:#ffffff0f;--card2:#ffffff14;--text:#ffffffdb;--muted:#ffffffa3;--border:#ffffff24;--shadow:0 20px 45px #00000059;--accent:#7c3aed;--accent2:#22c55e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(1200px 600px at 20% -10%, #7c3aed59, transparent 60%), radial-gradient(800px 500px at 95% 10%, #22c55e38, transparent 55%), linear-gradient(180deg, var(--bg0), var(--bg1));min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.container{width:min(1100px,100% - 32px);margin:0 auto}.appShell{padding:26px 0 40px}.topbar{border:1px solid var(--border);background:linear-gradient(180deg, var(--card2), var(--card));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brandTitle{letter-spacing:-.3px;font-weight:700}.brandSub{color:var(--muted);font-size:13px}.navRow{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.chipLink{border:1px solid var(--border);color:var(--muted);background:#0000002e;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.chipLink:hover{color:var(--text);background:#00000047;border-color:#ffffff3d;transform:translateY(-1px)}.page{padding:22px 0 0}.hero{padding:22px 0 18px}.h1{letter-spacing:-.8px;margin:0 0 8px;font-size:clamp(26px,3.2vw,40px)}.lead{color:var(--muted);margin:0}.grid{grid-template-columns:repeat(12,1fr);gap:14px;margin-top:18px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(#ffffff17,#ffffff0d);border-radius:16px;grid-column:span 6;transition:transform .12s,border-color .12s;overflow:hidden;box-shadow:0 18px 40px #00000038}.card:hover{border-color:#ffffff3d;transform:translateY(-2px)}.cardInner{flex-direction:column;gap:10px;padding:16px;display:flex}.cardTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.cardTitle{letter-spacing:-.2px;margin:0;font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);background:#0003;border-radius:999px;padding:5px 9px;font-size:12px}.badgeLive{color:#22c55ef2;background:#22c55e1f;border-color:#22c55e73}.cardDesc{color:var(--muted);margin:0;font-size:14px}.btnRow{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0000003d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-weight:600;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.btn:hover{background:#00000052;border-color:#ffffff42;transform:translateY(-1px)}.btnPrimary{background:#7c3aed2e;border-color:#7c3aed8c}.btnPrimary:hover{background:#7c3aed42;border-color:#7c3aedbf}.panel{border:1px solid var(--border);background:linear-gradient(180deg, var(--card2), var(--card));box-shadow:var(--shadow);border-radius:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input{border:1px solid var(--border);color:var(--text);background:#00000040;border-radius:12px;outline:none;flex:240px;padding:10px 12px}.input:focus{border-color:#7c3aeda6}.hint{color:var(--muted);font-size:13px}.statusOk{color:#22c55ef2}.statusBad{color:#f87171f2}@media (width<=840px){.card{grid-column:span 12}.topbar{flex-direction:column;align-items:flex-start}.navRow{justify-content:flex-start}}