:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#15182c;color:#fff}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left))}header,main{max-width:960px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}a{color:#9cdaf5}nav{display:flex;flex-wrap:wrap;gap:8px}section,article,form{background:#22263e;border-radius:12px;padding:18px;margin:16px 0}label{display:block;margin:12px 0}input,select,textarea,button{font:inherit;border-radius:6px;border:1px solid #7e8299;min-height:44px;padding:10px;max-width:100%}input:not([type=checkbox]),textarea{display:block;width:100%;background:#15182c;color:white}input[type=checkbox]{vertical-align:middle;width:24px;margin-right:8px}button{cursor:pointer;background:#383f67;color:white;margin:4px 8px 4px 0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #98daf2}h2{font-size:1.35rem}p,dd{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2fr);gap:6px}dd{margin:0}canvas{max-width:100%;height:auto!important}#status{position:sticky;top:0;background:#15182c;z-index:1}#status:empty{display:none}.danger{border-color:#ff9a9a}textarea{min-height:90px}