:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root :root{color-scheme:dark}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;margin:0}body{min-width:320px;min-height:100vh;background:#242424;color:#fff;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:10px;border:1px solid rgba(255,255,255,.14);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#ffffff14;color:#ffffffeb;cursor:pointer;transition:transform .05s ease,border-color .2s ease,background-color .2s ease}button:hover{border-color:#ffffff47;background-color:#ffffff1f}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}html,body,#root{height:100%;min-height:100%}body{margin:0;background:#242424;color:#ffffffde}select,input,textarea{background:#ffffff0a;color:#ffffffde;border:1px solid rgba(255,255,255,.15)}select option{background:#242424;color:#ffffffde}.live-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media(max-width:1200px){.live-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.live-grid{grid-template-columns:1fr}}