:root{font-family:system-ui,sans-serif;color:#e6eef1;background:#10191d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:28px 20px}h1{font-size:clamp(1.6rem,5vw,2.3rem)}a{color:#c3e982}button,.button,input{font:inherit;border:1px solid #405459;border-radius:12px;padding:12px;color:inherit;background:#1a2b2e}button,.button{cursor:pointer}button:hover,.button:hover{background:#2d4545}.button{display:inline-block;text-decoration:none}input:not([type=checkbox]){display:block;width:100%;margin:8px 0 20px}label{display:block}header p{letter-spacing:.2em;color:#a9c0c7}section,article{border:1px solid #304348;border-radius:20px;padding:22px;margin:22px 0;background:#172629}.actions{display:flex;gap:12px;flex-wrap:wrap}#devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}article{margin:0;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}dd{margin:0}.muted{color:#abc0c6}.status{color:#c3e982}.blocked{color:#ffb5a9}dialog{color:inherit;background:#172629;border:1px solid #405459;border-radius:20px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#000a}.check{margin:22px 0}#events p{border-bottom:1px solid #304348;padding:12px 0}#message{color:#c3e982;overflow-wrap:anywhere}

select{font:inherit;color:inherit;background:#10191d;border:1px solid #405459;border-radius:12px;padding:12px;margin:8px 0 16px;width:100%;}