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