:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#eee;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#111;color:#eee}h1,h2,h3,h4{margin:0 0 .5rem;color:#cdf;font-weight:600;line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 .6rem}a{font-weight:500;color:#8ab4f8;text-decoration:none}a:hover{color:#aecbfa;text-decoration:underline}button{border-radius:4px;border:none;padding:.4em .9em;font-size:.85rem;font-weight:500;font-family:inherit;background:#3a3a5e;color:#eee;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#4a4a7a}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid #8ab4f8;outline-offset:2px}input,select,textarea{background:#2a2a3e;color:#eee;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:.85rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#8ab4f8}ul,ol{padding-left:1.4rem;margin:0 0 .75rem}li{margin-bottom:.3rem;color:#ccc}