:root{font-family:Arial,sans-serif;color:#18232b;background:#eef2f4;letter-spacing:0}*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;grid-template-rows:auto 1fr auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #d8dfe3}h1{font-size:24px;margin:4px 0 0;overflow-wrap:anywhere}.eyebrow{font-size:11px;color:#53666d;font-weight:bold}.tools{display:flex;align-items:center;gap:8px;flex-shrink:0}button{border:1px solid #bdcbd0;background:#fff;color:#164b49;border-radius:5px;width:40px;height:40px;font-size:24px;cursor:pointer}button:hover{background:#e2f2ed}button:focus-visible{outline:3px solid #239c79}#status{font-size:14px;margin-right:12px}main{min-height:0;overflow:auto;padding:16px;position:relative}#bracket{display:block;margin:auto;max-width:none}#bracket[hidden]{display:none}#notice{text-align:center;margin:48px 16px;color:#56636a}footer{display:flex;justify-content:space-between;padding:10px 24px;background:#fff;border-top:1px solid #d8dfe3;font-size:12px;color:#52656d}#connection{color:#087153}@media(max-width:650px){header{padding:12px;flex-wrap:wrap}h1{font-size:20px}.tools{width:100%;justify-content:flex-end}#status{margin-right:auto}main{padding:8px}footer{padding:10px 12px}}
:root #notice:empty{display:none}
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;color:#edf2f1;background:#171b1c}
[data-theme="dark"] header,[data-theme="dark"] footer{background:#242c2c;border-color:#566763}
[data-theme="dark"] button{background:#303a39;color:#edf2f1;border-color:#81938f}
[data-theme="dark"] button:hover{background:#40554e}
[data-theme="dark"] .eyebrow,[data-theme="dark"] #notice,[data-theme="dark"] footer{color:#b7c5c4}
[data-theme="dark"] #connection{color:#83e9bd}
header>div:first-child{min-width:0}
.tools{flex-wrap:wrap}
button{flex-shrink:0}