body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:4px;padding:20px 20px 50px;position:relative}.close-button{cursor:pointer;position:absolute;bottom:10px;right:10px}body{background:#f8fafc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}h1{color:#1e293b;letter-spacing:-.02em;text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.sudoku-table{border-collapse:collapse;border:3px solid #1e293b;border-radius:8px;width:450px;height:450px;transition:border-color .4s,box-shadow .4s;overflow:hidden;box-shadow:0 4px 24px #0000001a}.sudoku-table.complete{border-color:#16a34a;box-shadow:0 4px 24px #16a34a40}.sudoku-cell{border:1px solid #e5e7eb;width:50px;height:50px}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:3px solid #94a3b8}.sudoku-row:last-child .sudoku-cell{border-bottom:none}.sudoku-cell:nth-child(3n){border-right:3px solid #94a3b8}.sudoku-cell:last-child{border-right:none}.sudoku-input{text-align:center;color:#2563eb;box-sizing:border-box;cursor:pointer;background:#fff;border:none;width:100%;height:100%;padding:0;font-family:inherit;font-size:20px;font-weight:400;transition:background .12s}.sudoku-input:focus{background:#dbeafe;outline:none}.sudoku-input[readOnly]{color:#1e293b;cursor:default;pointer-events:none;background:#f1f5f9;font-weight:700}.sudoku-input.conflict{color:#dc2626;background:#fee2e2}.button-container{justify-content:center;gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-clear{color:#ef4444;background:#fff;border:1.5px solid #ef4444}.btn-clear:not(:disabled):hover{color:#fff;background:#ef4444}.btn-generate{color:#475569;background:#fff;border:1.5px solid #94a3b8}.btn-generate:not(:disabled):hover{background:#f1f5f9}.btn-solve{color:#fff;background:#2563eb;border:1.5px solid #2563eb}.btn-solve:not(:disabled):hover{background:#1d4ed8;border-color:#1d4ed8}