:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}div{margin:0;padding:0}body{place-items:center;width:100vw;height:100vh;margin:0;display:flex;overflow:hidden}#app{padding:1em;display:flex}#sudoku-grid{aspect-ratio:1;box-sizing:border-box;border:none;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));gap:0;width:auto;height:auto;display:grid;box-shadow:0 0 0 2px #d3d3d3}#sudoku-grid input.cell{aspect-ratio:1;color:#888;text-align:center;-moz-appearance:textfield;border:none;outline:none;margin:0;padding:0;font-size:3.9vmin;font-weight:700;box-shadow:0 0 0 1px #d3d3d3}#sudoku-grid input.cell::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#sudoku-grid input.cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#sudoku-grid input.cell.locked{color:#000;cursor:default;background-color:#f9f9f9;font-weight:bolder}#sudoku-grid input.cell.error{background-color:#fbb}#sudoku-grid input.cell.block-top-left{box-shadow:-1px -1px 0 1px #d3d3d3}#sudoku-grid input.cell.block-left{box-shadow:-1px 0 0 1px #d3d3d3}#sudoku-grid input.cell.block-top{box-shadow:0 -1px 0 1px #d3d3d3}#control-bar{color:#000;flex-direction:column;align-items:start;row-gap:1em;display:flex}#control-bar button{aspect-ratio:1;cursor:pointer;width:38px;font-size:22px}#control-bar button.disabled{color:gray;cursor:default}#control-bar button.loading span{box-sizing:border-box;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#control-bar .spacer{flex-grow:1}#control-bar #show-conflicts{align-items:center;display:flex}#control-bar #show-conflicts button{aspect-ratio:1;cursor:pointer;border:1px solid #000;border-radius:6px;align-items:center;display:flex}#control-bar .complexity{margin-left:.5em;display:inline-block}#control-bar .complexity input{margin-left:.3em}#doc{white-space:nowrap}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}@media (aspect-ratio<=1){#app{flex-direction:column;row-gap:.5em;margin:auto 0}}@media (aspect-ratio>=1){#app{flex-direction:row;column-gap:.5em;margin:0 auto}}