:root{--bg:#0b1017;--bg-elev:#121a24;--bg-elev-2:#182232;--line:#2a384c;--text:#e8eef6;--muted:#8b9bb0;--accent:#d4a056;--accent-dim:#d4a05624;--online:#3dcc8a;--offline:#e85d5d;--timeout:#e0b341;--shadow:0 18px 50px #00000059;--radius:14px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 500px at 10% -10%, #d4a05614, transparent 50%), radial-gradient(800px 400px at 100% 0%, #3dcc8a0d, transparent 40%), var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0c1118db;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand strong{letter-spacing:.04em;font-size:15px}.brand span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.who{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.nav{align-items:center;gap:16px;margin-left:24px;margin-right:auto;display:flex}.nav a{color:var(--muted);font-size:13px}.nav a:hover{color:var(--text)}.page{width:min(1100px,100% - 40px);margin:28px auto 64px}.page h1{margin:0 0 8px;font-size:28px;font-weight:600}.lede{color:var(--muted);margin:0 0 24px}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:15px;font-weight:600}.home-list{gap:10px;display:grid}.home-link{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.home-link:hover{border-color:var(--accent);text-decoration:none}.led{border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 8px}.led.on{background:var(--online);color:var(--online)}.led.off{background:var(--offline);color:var(--offline)}.pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px}.status{align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:13px;display:inline-flex}.form{gap:10px;display:grid}.form.row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}label{color:var(--muted);gap:6px;font-size:12px;display:grid}input,select,textarea{color:var(--text);border:1px solid var(--line);background:#0d141d;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:88px;font-family:IBM Plex Mono,monospace;font-size:13px}button{background:var(--accent);color:#1a1206;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s,transform 80ms}button:hover:not(:disabled){background:#e4b066;box-shadow:0 6px 18px #d4a05638}button:active:not(:disabled){box-shadow:none;background:#c48d3d;transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.secondary:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--accent);color:var(--text);box-shadow:none}button.secondary:active:not(:disabled){background:#0d141d}button.danger{color:#f0b4b4;background:0 0;border:1px solid #8a3d3d}button.danger:hover:not(:disabled){color:#ffd6d6;box-shadow:none;background:#2a1212;border-color:#c45a5a}button.ghost{background:var(--accent-dim);color:var(--accent)}button.ghost:hover:not(:disabled){box-shadow:none;background:#d4a05642}button.ghost:active:not(:disabled){background:#d4a0565c}button.copied,button.copied:hover:not(:disabled),button.copied:active:not(:disabled){background:var(--online);color:#062015;box-shadow:none}button:disabled{opacity:.55;cursor:default}.catalog-device{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.catalog-device-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.error{color:#ff8b8b;margin:0;font-size:13px}.ok{color:var(--online);font-size:13px}.hex{word-break:break-all;border:1px solid var(--line);background:#0d141d;border-radius:10px;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(460px,100%)}.auth-card h1{font-size:24px}.kind{border:1px solid var(--line);border-radius:12px;margin:0;padding:10px 12px}.kind legend{color:var(--muted);padding:0 6px;font-size:12px}.choice{cursor:pointer;align-items:flex-start;gap:10px;margin:8px 0;display:flex}.choice input{margin-top:4px}.choice strong{display:block}.choice em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400;display:block}.form.row.compact{align-items:center;margin:0}.form.row.compact input{width:72px}.mode-toggle{gap:8px;margin-bottom:14px;display:flex}.mode-toggle button{flex:1}.mode-toggle button.active{background:var(--accent);color:#1a1206}.mode-toggle button:not(.active){color:var(--muted);border:1px solid var(--line);background:0 0}.mode-toggle button:not(.active):hover:not(:disabled){color:var(--text);border-color:var(--accent);background:var(--bg-elev-2);box-shadow:none}.modal-backdrop{z-index:20;background:#05080cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);width:min(480px,100%);box-shadow:var(--shadow);padding:24px}.modal h2{text-align:center}.modal>.lede{text-align:center;margin-bottom:14px}.modal-actions{justify-content:center;margin-top:4px;display:flex}.code-reveal{justify-items:center;gap:4px;margin:8px 0 12px;display:grid}.code-reveal-qr{background:#fff;border-radius:16px;padding:14px;line-height:0}.code-reveal-hint{text-align:center;margin:0 0 4px}.code-reveal-toast{min-height:20px;color:var(--online);margin:0;font-size:13px;font-weight:600}.code-reveal button{min-width:108px}.code-xl{letter-spacing:.18em;text-align:center;-webkit-user-select:all;user-select:all;margin:12px 0 4px;font-family:IBM Plex Mono,monospace;font-size:28px}.dl{grid-template-columns:120px 1fr;gap:6px 12px;font-size:14px;display:grid}.dl dt{color:var(--muted)}.empty{color:var(--muted);font-size:14px}@media (width<=640px){.topbar,.page{width:calc(100% - 24px);padding-left:0;padding-right:0}.topbar{width:100%;padding:14px 16px}.dl{grid-template-columns:1fr}}