:root{font-family:system-ui,sans-serif;color:#e9edf3;background:#10151d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303a48}h1{font-size:26px;margin:8px 0}h2{font-size:20px}small{color:#89c4fb;letter-spacing:2px}p{color:#aebccb;line-height:1.5}section{background:#19222e;border:1px solid #303a48;border-radius:12px;padding:24px;margin:20px 0}.row{display:flex;align-items:end;gap:16px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-size:14px}input,textarea,button{font:inherit;border-radius:6px;padding:10px;border:1px solid #485568}input,textarea{background:#10151d;color:#fff}textarea{width:100%;resize:vertical}button{background:#a0d1ff;color:#10151d;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}.secondary{background:#293746;color:#fff}.danger{background:#593038;color:#ffd8df}#login{max-width:480px}#login-form{display:grid;gap:18px}#message{white-space:pre-wrap}article{border-top:1px solid #425063;padding:20px 0}article h3{overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.devices{display:grid;gap:8px}.device{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#10151d;padding:12px;border-radius:6px}code{overflow-wrap:anywhere;font-size:12px}.event{padding:12px 0;border-bottom:1px solid #303a48}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:14px}section{padding:16px}.row label{width:100%}.device{align-items:start;flex-direction:column}}
header{gap:16px;flex-wrap:wrap}header>div,.row>*,.device>div{min-width:0}p{overflow-wrap:anywhere}input,button{max-width:100%}