@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color:#323437;--main-color:#e2b714;--text-color:#d1d0c5;--error-color:#ca4754;--sub-color:#646669;--sub-alt-color:#2c2e31;--font:"JetBrains Mono", ui-monospace, monospace;--radius:8px;--maxw:850px}*{box-sizing:border-box}html,body{background:var(--bg-color);color:var(--text-color);font-family:var(--font);margin:0}button{font-family:var(--font);cursor:pointer}body{justify-content:center;display:flex}#root{width:100%;max-width:var(--maxw);padding:2rem 1.5rem}.app{flex-direction:column;gap:1.5rem;display:flex}.topbar{justify-content:space-between;align-items:baseline;display:flex}.topbar h1{color:var(--main-color);margin:0;font-size:1.4rem}.langs button,.modes button{background:var(--sub-alt-color);color:var(--sub-color);border-radius:var(--radius);border:none;margin-left:.4rem;padding:.4rem .8rem}.langs button.on,.modes button.on{color:var(--bg-color);background:var(--main-color)}.modes{gap:.4rem;display:flex}.modes button{flex:1;margin:0}.readout{justify-content:space-between;align-items:baseline;display:flex}.readout .label{color:var(--sub-color)}.readout .value{color:var(--main-color);font-size:2.5rem;font-weight:700}.readout .values{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.readout .alt{gap:1.25rem;display:flex}.readout .alt-item{color:var(--text-color);background:0 0;border:none;margin:-.5rem -.25rem;padding:.5rem .25rem;font-size:1rem;font-weight:500;transition:color .15s ease-out}.readout .alt-item .unit{color:color-mix(in oklab, var(--text-color) 72%, var(--bg-color));font-size:.8rem;transition:color .15s ease-out}.readout .alt-item:hover,.readout .alt-item:hover .unit,.readout .alt-item:focus-visible,.readout .alt-item:focus-visible .unit{color:var(--main-color)}.readout .alt-item:focus-visible{outline:2px solid var(--main-color);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.readout .alt-item,.readout .alt-item .unit{transition:none}}.app input[type=range]{width:100%;accent-color:var(--main-color)}.races{border-collapse:collapse;width:100%}.races caption{text-align:left;color:var(--sub-color);caption-side:top;padding-bottom:.3rem}.races th{text-align:left;color:var(--sub-color);padding:.4rem 0;font-weight:500}.races td{border-top:1px solid var(--sub-alt-color);padding:.5rem 0}.races td:last-child{text-align:right;color:var(--main-color)}.custom{align-items:center;gap:.8rem;display:flex}.custom label{color:var(--sub-color);flex:1}.custom input{background:var(--sub-alt-color);color:var(--text-color);border-radius:var(--radius);border:none;width:6rem;padding:.5rem}.custom .value{color:var(--main-color);text-align:right;min-width:6rem}