:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#3969ff1f,#0000 32rem),linear-gradient(#0c0f17 0%,#07080c 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.signal-field{min-height:100vh;padding:clamp(1.5rem,4vw,4rem);overflow:hidden}.signal-field__header{grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin-bottom:clamp(3rem,8vh,7rem);display:grid}.wordmark{aspect-ratio:1;color:#a8baff;letter-spacing:.08em;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:3rem;font-size:.72rem;font-weight:800;display:grid}.signal-field__header p,.signal-field__header h1{margin:0}.signal-field__header p{color:#71798c;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.signal-field__header h1{letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,3.8rem);font-weight:500}.status{color:#8ddfb3;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.status:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem;margin-right:.5rem;display:inline-block;box-shadow:0 0 1rem}.signals{gap:1.9rem;display:grid}.signal{--accent:hsl(calc(215 + var(--signal-index) * 19) 88% 68%);grid-template-columns:minmax(12rem,1.7fr) minmax(9rem,.7fr) minmax(16rem,1fr);align-items:center;gap:1.25rem;min-height:3.2rem;display:grid}.signal__path{background:linear-gradient(90deg, transparent, var(--accent) 15%, var(--accent) 75%, transparent);height:1px;position:relative}.signal__origin,.signal__pulse{background:var(--accent);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.signal__origin{width:.4rem;height:.4rem;box-shadow:0 0 .8rem var(--accent);left:12%}.signal__pulse{width:.7rem;height:.7rem;box-shadow:0 0 1.4rem var(--accent);left:72%}.signal__identity,.signal__context{align-items:baseline;gap:.75rem;min-width:0;display:flex}.signal__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.signal__identity span,.signal__context{color:#747d91;font-size:.76rem}.signal__context{flex-wrap:wrap;justify-content:flex-end}.message{color:#778096;text-align:center}.message--error{color:#ff8f9a}.access-action{color:#dce5ff;cursor:pointer;background:#3969ff24;border:1px solid #a8baff73;border-radius:.5rem;margin:0 auto 2rem;padding:.7rem 1rem;display:block}.access-action:hover{background:#3969ff3d}@media (width<=800px){.signal-field{padding:1.25rem}.signal{grid-template-columns:1fr;gap:.75rem}.signal__path{order:2}.signal__context{justify-content:flex-start}}
