:root{color:#eef2ff;font-synthesis:none;background:#101828;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#254179,#0000 30rem),#101828;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.shell{width:min(920px,100% - 32px);margin:0 auto;padding:72px 0 40px}header,.device-heading,.controls{justify-content:space-between;align-items:center;gap:20px;display:flex}h1,h2,h3,p{margin:0}h1{margin-top:8px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.08}h2{margin-top:6px;font-size:1.5rem}h3{margin-top:6px;font-size:1.2rem}.eyebrow{color:#a8b8df;letter-spacing:.12em;font-size:.72rem;font-weight:700}.subtle,footer{color:#bdc8df;margin-top:10px}.refresh,.controls button{border:0;border-radius:10px;padding:11px 16px;font-weight:700}.refresh{color:#16213d;background:#dce6ff}.device-card{background:#142341c7;border:1px solid #365083;border-radius:18px;margin-top:44px;padding:28px;box-shadow:0 24px 80px #00000038}.status{color:#c8d3eb;background:#253857;border-radius:99px;padding:7px 10px;font-size:.82rem;font-weight:700}.status i{background:#f0b45e;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.status.online i{background:#4fe0a6;box-shadow:0 0 10px #4fe0a6}.relay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.relay{background:#162748;border:1px solid #314a78;border-radius:14px;padding:21px}.power{letter-spacing:.06em;border-radius:7px;margin:20px 0;padding:6px 10px;font-size:.8rem;font-weight:800;display:inline-block}.power.on{color:#06281b;background:#62e6ad}.power.off{color:#b7c4dc;background:#2a3d62}.power.unknown{color:#382a0d;background:#ffc765}.controls{justify-content:stretch}.controls button{flex:1}.on{color:#052819;background:#5ae0a7}.off{color:#d7e0f5;background:#314a78}.error{color:#ffe4ed;background:#612c42;border-radius:10px;margin-top:26px;padding:13px 15px}footer{text-align:center;font-size:.86rem}@media (width<=600px){.shell{padding-top:38px}header,.device-heading{flex-direction:column;align-items:flex-start}.relay-grid{grid-template-columns:1fr}.device-card{padding:20px}}