:root{--fg:#111827;--muted:#6b7280;--bd:#e5e7eb;--btn:#111827;--btnfg:#fff;--bad:#b91c1c;--ok:#065f46}
body{font-family:system-ui;max-width:900px;margin:26px auto;padding:0 14px;color:var(--fg)}
.card{border:1px solid var(--bd);border-radius:14px;padding:16px;margin:12px 0}
h1{font-size:22px;margin:0 0 10px}
h2{font-size:16px;margin:0 0 8px}
.muted{color:var(--muted)}
.ok{color:var(--ok);font-weight:700}
.bad{color:var(--bad);font-weight:700}
input,button{font-size:16px;padding:10px;border-radius:12px;border:1px solid var(--bd);width:100%;box-sizing:border-box}
button,.btn{background:var(--btn);color:var(--btnfg);border:0;padding:12px 14px;border-radius:12px;display:inline-block;text-decoration:none}
.small{font-size:14px}
code{background:#f3f4f6;padding:2px 6px;border-radius:8px}
.device{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:12px;margin-top:12px}
.device .meta{flex:1;min-width:220px}
.toggle{min-width:180px}