:root{color-scheme:light;font:15px/1.55 system-ui,sans-serif;color:#1c3431;background:#eff4f2}*{box-sizing:border-box}body{margin:0}header{padding:18px 4vw;background:#183e39;color:white;display:flex;gap:24px;align-items:center;flex-wrap:wrap}header button{margin-left:auto}main{max-width:1440px;margin:auto;padding:20px}section{background:white;border:1px solid #d7e3df;border-radius:10px;padding:20px;margin-bottom:16px}h1{font-size:23px;margin:0 0 12px}h2{font-size:19px}.notice{color:#4a625b;font-size:13px}#message{padding:10px;background:#e0ebe7;overflow-wrap:anywhere}.stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;margin-bottom:12px}input,select,button{font:inherit;border:1px solid #a9beb5;border-radius:5px;padding:8px;max-width:100%}input,select{width:100%;background:white;color:#193c35}button{cursor:pointer;background:#216958;color:white;margin:3px}button:disabled{cursor:default;opacity:.45}fieldset{border:0;padding:0;min-width:0}#login,#change{max-width:460px;margin:30px auto}canvas{display:block;width:100%;height:420px;touch-action:none;background:#fafcfb;border:1px solid #cad8d2}output{display:block;min-height:28px;font-variant-numeric:tabular-nums}.chartbox{margin:20px 0}.chartbox label{margin:0}.chartbox select{width:auto}.item{border-bottom:1px solid #dde6e1;padding:8px 0;overflow-wrap:anywhere}#events{max-height:350px;overflow:auto}#preview{background:#eef7f2;padding:12px}#accepted{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:750px){main{padding:10px}.columns{grid-template-columns:1fr}section{padding:12px}.stats{gap:10px}canvas{height:320px}header{gap:12px}}