:root{--bg:#0f172a;--bg2:#1e293b;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-dark:#0284c7;--green:#4ade80;--red:#f87171;--amber:#fbbf24}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}.container{max-width:860px;margin:0 auto;padding:24px 16px 80px}.brand{font-weight:800;font-size:1.5rem;color:var(--accent);letter-spacing:-.02em}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:16px}h1{font-size:1.4rem;margin-bottom:8px}h2{font-size:1.1rem}.muted{color:var(--muted);font-size:.9rem}input,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;margin-top:6px}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}label{display:block;margin-top:14px;font-size:.9rem;color:var(--muted)}button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:600;background:var(--accent);color:#05263a;margin-top:16px}button:hover{background:#7dd3fc}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.small{padding:6px 12px;font-size:.85rem;margin-top:0}button.danger{background:transparent;color:var(--red);border:1px solid var(--red)}.err{color:var(--red);margin-top:12px;font-size:.9rem}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.on{background:rgba(74,222,128,.15);color:var(--green)}.badge.off{background:rgba(148,163,184,.15);color:var(--muted)}.badge.platform{background:rgba(56,189,248,.15);color:var(--accent)}.badge.warn{background:rgba(251,191,36,.15);color:var(--amber)}details{margin-top:10px;border:1px solid var(--border);border-radius:8px;padding:10px 14px}details summary{cursor:pointer;color:var(--accent);font-weight:600}details p{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.7}.device{border-top:1px solid var(--border);padding:12px 0}.modal-back{position:fixed;inset:0;background:rgba(2,6,23,.8);display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px;width:100%;max-width:460px;max-height:92vh;overflow-y:auto}.qr-box{background:#fff;border-radius:12px;padding:12px;width:-moz-fit-content;width:fit-content;margin:16px auto}.code{font-family:ui-monospace,Consolas,monospace;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;word-break:break-all;font-size:.9rem}.steps{margin:12px 0 0 18px;line-height:1.9}