:root{--bg:#0b1020;--panel:#ffffff0f;--panel2:#ffffff16;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffff9e;--shadow:0 18px 60px #00000073;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 700px at 15% 10%,#7c5cff59,#0000 55%),radial-gradient(1100px 650px at 85% 0,#00d4ff40,#0000 55%),radial-gradient(1000px 700px at 70% 95%,#ff5c8d38,#0000 55%),linear-gradient(#070a14 0%,#0b1020 60%,#070a14 100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:28px 16px 48px}.card{background:linear-gradient(180deg,var(--panel)0%,#ffffff0a 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{gap:12px;display:grid}.h1{letter-spacing:.2px;margin:0;font-size:20px}.h2{margin:0;font-size:16px}.muted{color:var(--muted);font-size:13px}.hr{border:0;border-top:1px solid var(--border);margin:14px 0}.grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:10px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;letter-spacing:.2px;background:#ffffff0f;border-radius:14px;padding:10px 12px;font-weight:800;transition:transform .12s,background .12s,border-color .12s}.btn:hover{background:#ffffff1a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(#7c5cff59,#7c5cff29);border-color:#7c5cff66}.btn.danger{background:linear-gradient(#ff5c8d59,#ff5c8d29);border-color:#ff5c8d6b}.btn.big{border-radius:16px;min-width:110px;padding:12px 16px}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0f;border-radius:14px;outline:none;padding:12px;font-size:14px}.input:focus{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff29}.pill{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.dot{background:#ffffff59;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff0f}.pill.on{background:#00ffaa1a;border-color:#00ffaa59}.pill.on .dot{background:#00ffaaf2;box-shadow:0 0 0 4px #00ffaa1f}.pill.off{background:#ff5c8d1a;border-color:#ff5c8d59}.pill.off .dot{background:#ff5c8df2;box-shadow:0 0 0 4px #ff5c8d1f}.deviceTop{gap:6px;display:grid}.deviceSub{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logList{gap:10px;display:grid}.logItem{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;padding:12px}.logTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.logMsg{letter-spacing:.2px;margin-top:8px;font-weight:800}.headerCard{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff14,#ffffff08);border-radius:22px;padding:18px}