.page-module__Sf8saW__main{min-height:100vh;padding:32px 0}.page-module__Sf8saW__setupPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.page-module__Sf8saW__setupGrid{flex-direction:column;gap:1.25rem;display:flex}.page-module__Sf8saW__setupGroup{flex-direction:column;gap:.5rem;display:flex}.page-module__Sf8saW__setupLabel{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__Sf8saW__optionButtons{gap:.5rem;display:flex}.page-module__Sf8saW__optionBtn{border:1px solid var(--border);background:var(--background);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-module__Sf8saW__optionBtn:hover{border-color:var(--primary);color:var(--primary)}.page-module__Sf8saW__optionActive{background:var(--primary);border-color:var(--primary);color:#fff}.page-module__Sf8saW__optionActive:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.page-module__Sf8saW__startBtn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.page-module__Sf8saW__startBtn:hover{background:var(--primary-dark)}.page-module__Sf8saW__gamePanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.page-module__Sf8saW__progressBar{background:var(--background);border-radius:3px;height:6px;overflow:hidden}.page-module__Sf8saW__progressFill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.page-module__Sf8saW__progressText{text-align:center;color:var(--text-secondary);font-size:.875rem}.page-module__Sf8saW__problemDisplay{text-align:center;background:var(--background);border:1px solid var(--border);border-radius:12px;padding:2rem 1rem}.page-module__Sf8saW__problemText{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:2.5rem;font-weight:700}.page-module__Sf8saW__inputRow{gap:.75rem;display:flex}.page-module__Sf8saW__answerInput{border:2px solid var(--border);background:var(--background);color:var(--text-primary);text-align:center;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:1.25rem;font-weight:600;transition:border-color .2s}.page-module__Sf8saW__answerInput:focus{border-color:var(--primary)}.page-module__Sf8saW__answerInput::placeholder{color:var(--text-muted);font-size:.875rem;font-weight:400}.page-module__Sf8saW__answerInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-module__Sf8saW__answerInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-module__Sf8saW__answerInput[type=number]{-moz-appearance:textfield}.page-module__Sf8saW__submitBtn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.page-module__Sf8saW__submitBtn:hover{background:var(--primary-dark)}.page-module__Sf8saW__feedbackPanel{background:var(--background);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.page-module__Sf8saW__feedbackIcon{font-size:2.5rem}.page-module__Sf8saW__feedbackCorrect{color:var(--success)}.page-module__Sf8saW__feedbackIncorrect{color:var(--danger)}.page-module__Sf8saW__feedbackText{color:var(--text-primary);font-size:1.25rem;font-weight:600}.page-module__Sf8saW__correctAnswer{color:var(--text-secondary);font-size:1rem}.page-module__Sf8saW__nextBtn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .2s}.page-module__Sf8saW__nextBtn:hover{background:var(--primary-dark)}.page-module__Sf8saW__resultPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.page-module__Sf8saW__resultTitle{text-align:center;color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.page-module__Sf8saW__resultGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.page-module__Sf8saW__resultItem{background:var(--background);border:1px solid var(--border);text-align:center;border-radius:8px;padding:1rem}.page-module__Sf8saW__resultValue{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-module__Sf8saW__resultLabel{color:var(--text-secondary);font-size:.75rem}.page-module__Sf8saW__ratingSection{text-align:center;font-size:1.125rem}.page-module__Sf8saW__ratingLabel{color:var(--text-secondary)}.page-module__Sf8saW__ratingValue{font-size:1.25rem;font-weight:700}.page-module__Sf8saW__excellent{color:var(--success)}.page-module__Sf8saW__good{color:var(--primary)}.page-module__Sf8saW__average{color:var(--warning)}.page-module__Sf8saW__poor{color:var(--danger)}.page-module__Sf8saW__resultTable{flex-direction:column;gap:.375rem;max-height:300px;display:flex;overflow-y:auto}.page-module__Sf8saW__resultRow{border-radius:6px;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;display:grid}.page-module__Sf8saW__rowCorrect{background:#10b9810f}.page-module__Sf8saW__rowIncorrect{background:#ef44440f}.page-module__Sf8saW__resultIndex{color:var(--text-muted);font-size:.75rem}.page-module__Sf8saW__resultProblem{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace}.page-module__Sf8saW__resultUserAnswer{color:var(--text-secondary);align-items:center;gap:.375rem;display:flex}.page-module__Sf8saW__iconCorrect{color:var(--success);font-size:.75rem}.page-module__Sf8saW__iconIncorrect{color:var(--danger);font-size:.75rem}.page-module__Sf8saW__resultTime{color:var(--text-muted);text-align:right;font-size:.75rem}.page-module__Sf8saW__restartBtn{border:1px solid var(--border);background:var(--background);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.page-module__Sf8saW__restartBtn:hover{border-color:var(--primary);color:var(--primary)}.page-module__Sf8saW__infoSection{margin-top:2rem}@media (max-width:768px){.page-module__Sf8saW__problemText{font-size:1.75rem}.page-module__Sf8saW__resultGrid{grid-template-columns:repeat(2,1fr)}.page-module__Sf8saW__optionButtons,.page-module__Sf8saW__inputRow{flex-direction:column}}