*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;color:#222}#root{min-height:100vh;display:flex;flex-direction:column}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f8f8f8}.card{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:500px;text-align:center}.text-center{text-align:center}.mb-20{margin-bottom:20px}h1{font-size:24px;font-weight:700;color:#222;margin-bottom:20px}h2{font-size:20px;font-weight:700;color:#222;margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#222}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #6B7280;border-radius:10px;font-size:16px;background-color:#fff;color:#222}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4b5563}.form-group input::placeholder{color:#aaa}.btn{display:inline-block;padding:12px 25px;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;margin:6px 0;width:100%}.btn-primary{background-color:#6b7280;color:#fff}.btn-primary:hover{background-color:#4b5563}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#eee;color:#222}.btn-secondary:hover{background-color:#ddd}.game-header{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.stats{font-size:18px;font-weight:600;color:#222}.time-warning{color:#dc3545}.problem-container{text-align:center;margin-bottom:30px}.problem{font-size:24px;font-weight:400;color:#222;margin-bottom:20px}.game-input{width:60%;padding:15px;font-size:18px;text-align:center;border:2px solid #6B7280;border-radius:10px;background-color:#fff;color:#222;margin-bottom:20px}.game-input:focus{outline:none;border-color:#4b5563}.game-input.wrong{border-color:#dc3545}.feedback{font-size:18px;font-weight:600;text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center}.feedback.correct{color:#28a745}.feedback.wrong{color:#dc3545}.results{background-color:#f8f9fa;padding:20px;border-radius:15px;margin:30px 0;text-align:center}.result-text{font-size:18px;margin:8px 0;color:#222}.result-value{font-weight:700;color:#6b7280}.previous-results{margin-top:20px;text-align:center}.previous-title{font-size:16px;font-weight:700;color:#222;margin-bottom:10px}.previous-text{font-size:16px;color:#222}.previous-value{font-weight:700;color:#6b7280}.leaderboard-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;background-color:transparent}.leaderboard-item.top3{background-color:#fff3cd}.leaderboard-item .rank{font-weight:700;margin-right:10px}.leaderboard-item .username{flex:1}.leaderboard-item .state{color:#666;margin-left:10px}.leaderboard-item .score{font-weight:700}.settings-section{margin-bottom:20px}.settings-section h3{font-size:16px;font-weight:700;color:#222;margin-bottom:10px}.settings-toggle{background-color:#f3f4f6;border-radius:12px;padding:14px;margin-bottom:10px}.operation-section{margin-bottom:12px}.operation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.operation-header span{color:#222;font-size:16px;flex:1}.operation-range{display:flex;align-items:center;margin-left:20px;font-size:14px;color:#222;gap:4px;white-space:nowrap}.operation-range input{border:1px solid #ccc;border-radius:8px;padding:6px;text-align:center;width:60px;background-color:#fff;font-size:14px}.operation-range input:disabled{opacity:.5;background-color:#f5f5f5}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:24px}.toggle-switch label:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+label{background-color:#28a745}.toggle-switch input:checked+label:before{transform:translate(26px)}.toggle-switch input:disabled+label{opacity:.5;cursor:not-allowed}.settings-header{display:flex;align-items:center;margin-bottom:10px}.settings-header input[type=checkbox]{margin-right:10px;width:auto}.settings-header label{font-weight:700;margin-bottom:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-left:20px}.settings-grid .form-group{margin-bottom:10px}.settings-grid label{font-size:14px;margin-bottom:4px}.settings-grid input{padding:8px;font-size:14px}.button-group{display:flex;gap:10px;margin-top:20px}.button-group .btn{flex:1;width:auto}@media (max-width: 480px){.card{padding:20px;margin:10px}.game-input{width:80%}.button-group{flex-direction:column}}