:root{color-scheme:light dark}*{box-sizing:border-box}body{font:14px/1.5 system-ui,sans-serif;max-width:560px;margin:1.5rem auto;padding:0 1rem}a{color:#0a58ca}h1{font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.sub{font-size:.85rem;color:#666}.badge{font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:6px;background:#e7f0ff;color:#0a58ca}label{display:block;margin:.5rem 0 .15rem;font-weight:600;font-size:.85rem}input[type=text],input[type=password],input:not([type]){width:100%;padding:.4rem}button{padding:.5rem 1rem;margin-right:.4rem;cursor:pointer;border-radius:6px;border:1px solid #bbb;background:#f6f6f6}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:.5rem}.row>*{flex:1}fieldset{border:1px solid #ccc;border-radius:6px;margin:.75rem 0}legend{font-weight:700;padding:0 .4rem}.incoming{background:#fffbe6;border-color:#f0c000}.hidden{display:none}.state{font-weight:700}.checkbox{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.85rem;margin-top:.5rem}.checkbox input{width:auto}.log{margin-top:1rem;padding:.6rem;background:#111;color:#4f4;height:11rem;overflow:auto;white-space:pre-wrap;border-radius:6px;font:12px/1.4 ui-monospace,monospace}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:#eee;font-size:.8rem}.pill.on{background:#c8f7c5}.back{font-size:.8rem}