:root{color-scheme:dark;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#ddd;background:#101214}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px}a{color:#b4d7e8}button,input,select{font:inherit}button,select{color:inherit;background:#15181b;border:1px solid #495057;border-radius:0;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:enabled{border-color:#ddd}button.selected,button[aria-pressed=true]{border-color:#b4d7e8;color:#b4d7e8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b4d7e8;outline-offset:3px}input[type=range]{width:100%;accent-color:#b4d7e8}select{max-width:100%;width:100%}h1,h2,h3{font-size:14px;font-weight:500}small,.muted{color:#9ba4ad;font-size:10px}[hidden]{display:none!important}.guide{margin-top:24px}.intro-copy{line-height:1.9}