:root{color:#f7f4ea;background:radial-gradient(circle at top,#fcb10338,#0000 30%),linear-gradient(160deg,#14213d 0%,#0d1b2a 48%,#08111b 100%);font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 64px}.hero{margin-bottom:28px}.hook-section{margin-top:40px}.section-heading{margin-bottom:18px}.section-heading h2{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.3rem)}.section-heading p{color:#f7f4eabf;width:min(760px,100%);margin:0;line-height:1.6}.section-kicker{color:#ffd166;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:700}.eyebrow{color:#fcbf49;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-weight:700}.hero h1{margin:0;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.95}.lede{color:#f7f4ead1;width:min(720px,100%);margin:18px 0 0;font-size:1.05rem;line-height:1.6}.grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09111db8;border:1px solid #fcbf492e;border-radius:24px;grid-column:span 4;padding:22px;box-shadow:0 18px 40px #0000002e}.panel h2,.panel h3{letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px;font-size:1rem}.panel-status{grid-column:span 8}.panel-log{grid-column:span 6}.reconnect-panel{background:linear-gradient(135deg,#0a192fe0,#1e3a5fbf)}.heartbeat-panel{background:linear-gradient(135deg,#251042e0,#4b2074b8)}.websocket-panel{background:linear-gradient(135deg,#08362ee0,#16664fb8)}.eventsource-panel{background:linear-gradient(135deg,#311906e0,#804a1cb8)}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.badge.online{color:#90f1ef;background:#4cc9f029}.badge.offline{color:#ffb5a7;background:#ff595e29}.badge.running,.badge.connecting,.badge.reconnecting{color:#ffd166;background:#fcbf492e}.badge.open{color:#90f1ef;background:#4cc9f029}.badge.closed,.badge.closing{color:#f8edeb;background:#ffffff14}.badge.error{color:#ffb5a7;background:#ff595e29}.badge.idle{color:#f8edeb;background:#ffffff14}.support{color:#f7f4eab3;font-size:.95rem}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;display:grid}.reconnect-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats div{background:#ffffff0a;border-radius:18px;padding:16px}.stats dt{color:#f7f4ea9e;text-transform:uppercase;margin-bottom:10px;font-size:.82rem}.stats dd{margin:0;font-weight:700}.toggle,.field{align-items:center;gap:12px;margin-bottom:14px;display:flex}.field{flex-direction:column;align-items:flex-start}.input{width:100%;color:inherit;background:#0000003d;border:1px solid #fcbf492e;border-radius:12px;padding:10px 12px}.textarea{resize:vertical}.actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.button{color:#14213d;cursor:pointer;background:#fcbf49;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.button-ghost{color:#f7f4ea;background:#ffffff14}.button-success{color:#08111b;background:#90f1ef}.hint{color:#f7f4eaad;margin:14px 0 0;line-height:1.5}.code{color:#f8edeb;background:#00000047;border-radius:18px;margin:0;padding:16px;overflow:auto}.steps{margin:0;padding-left:20px;line-height:1.7}.log{color:#f7f4eadb;margin:0;padding-left:18px;line-height:1.8}@media (width<=900px){.panel,.panel-status,.panel-log{grid-column:1/-1}.stats,.reconnect-stats{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}}