.math-worksheet-container,.worksheet-container{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.worksheet-content{max-width:1200px;margin:0 auto}.worksheet-content h1{color:#fff;text-shadow:2px 2px 8px #0003;text-align:center;margin-bottom:10px;font-size:2.5rem;animation:.6s slideDown}.worksheet-subtitle{color:#fffffff2;text-align:center;margin-bottom:30px;font-size:1.1rem;animation:.8s slideDown}.problems-section,.results-section{animation:.6s slideUp}.worksheet-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;margin-bottom:30px;display:flex}.score-card{text-align:center;background:#fff;border-radius:20px;max-width:500px;margin:0 auto 40px;padding:40px 50px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) scaleIn;box-shadow:0 15px 50px #0003}.score-number{color:#4ecdc4;font-size:4rem;font-weight:700;line-height:1}.score-total{color:#999;margin-left:10px;font-size:1.5rem}.score-percentage{color:#666;margin-top:10px;font-size:1.3rem;font-weight:600}.encouraging-message{color:#333;margin-top:20px;font-size:1.3rem;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.worksheet-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.back-button-worksheet{cursor:pointer;color:#4ecdc4;background:#fff;border:none;border-radius:10px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #0003}.back-button-worksheet:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.header-info{flex:1;min-width:300px}.header-info h1{color:#fff;text-shadow:2px 2px 4px #0003;margin-bottom:10px;font-size:1.8rem}.timer{color:#fffffff2;font-size:1.1rem;font-weight:600}.worksheet-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1400px;margin-bottom:30px;margin-left:auto;margin-right:auto;display:grid}.problem-card{background:#fff;border-radius:15px;padding:20px;transition:all .3s;animation:.5s slideUp;box-shadow:0 8px 20px #00000026}.problem-card:first-child{animation-delay:50ms}.problem-card:nth-child(2){animation-delay:.1s}.problem-card:nth-child(3){animation-delay:.15s}.problem-card:nth-child(4){animation-delay:.2s}.problem-card:nth-child(5){animation-delay:.25s}.problem-card:nth-child(6){animation-delay:.3s}.problem-card:nth-child(7){animation-delay:.35s}.problem-card:nth-child(8){animation-delay:.4s}.problem-card:nth-child(9){animation-delay:.45s}.problem-card:nth-child(10){animation-delay:.5s}.problem-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.problem-number{color:#4ecdc4;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.85rem;font-weight:700}.problem-content{flex-direction:column;gap:15px;display:flex}.numbers{flex-direction:column;align-items:center;gap:8px;font-weight:600;display:flex}.number{color:#333;font-size:1.8rem}.operator{color:#4ecdc4;font-size:1.5rem;font-weight:700}.answer-line{border-top:3px solid #ddd;justify-content:center;padding-top:10px;display:flex}.answer-input{text-align:center;color:#333;background:0 0;border:none;width:80px;padding:5px;font-size:1.4rem;font-weight:700}.answer-input:focus{color:#4ecdc4;outline:none}.answer-input::placeholder{color:#ccc}.worksheet-actions{justify-content:center;gap:15px;margin-top:40px;margin-bottom:40px;display:flex}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:50px;padding:18px 50px;font-size:1.3rem;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #4caf5066}.submit-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px #4caf5099}.submit-button:active{transform:scale(.98)}.score-section{justify-content:center;margin-bottom:40px;display:flex}.score-card{text-align:center;background:#fff;border-radius:20px;max-width:500px;padding:40px 50px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) scaleIn;box-shadow:0 15px 50px #0003}.score-display{margin-bottom:20px}.final-score{color:#4ecdc4;font-size:4rem;font-weight:700;line-height:1}.score-percentage{color:#666;margin-top:10px;font-size:1.2rem}.score-message{color:#333;margin-bottom:15px;font-size:1.5rem;font-weight:600}.time-info{color:#999;border-top:2px solid #eee;margin-top:15px;padding-top:15px;font-size:1rem}.results-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1400px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:grid}.result-card{background:#fff;border-left:5px solid #ccc;border-radius:15px;padding:20px;animation:.5s slideUp;box-shadow:0 8px 20px #00000026}.result-card.correct{background:#f0fdf4;border-left-color:#4caf50}.result-card.incorrect{background:#fef2f2;border-left-color:#ef4444}.result-header{border-bottom:2px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.result-number{color:#4ecdc4;text-transform:uppercase;font-size:.9rem;font-weight:700}.result-icon{font-size:1.5rem;font-weight:700}.result-icon.check{color:#4caf50}.result-icon.cross{color:#ef4444}.result-problem{flex-direction:column;align-items:center;gap:5px;margin-bottom:15px;font-size:1.3rem;font-weight:600;display:flex}.result-problem div:nth-child(2){color:#4ecdc4;font-size:1.1rem}.result-answer{color:#333;font-size:.95rem;line-height:1.8}.user-answer,.correct-answer{margin-bottom:8px}.highlight{background:#667eea1a;border-radius:4px;padding:2px 6px;font-weight:700}.result-card.correct .highlight{color:#4caf50;background:#4caf5033}.result-card.incorrect .highlight{color:#ef4444;background:#ef444433}.final-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.refresh-button,.back-button-final{color:#4ecdc4;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:50px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #00000026}.refresh-button:hover,.back-button-final:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 30px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.header-info h1{font-size:1.3rem}.worksheet-grid{grid-template-columns:repeat(2,1fr);gap:15px}.problem-card{padding:15px}.number{font-size:1.5rem}.score-card{padding:30px 25px}.final-score{font-size:3rem}.results-grid{grid-template-columns:1fr;gap:15px}.final-actions{gap:10px}.refresh-button,.back-button-final{padding:12px 30px;font-size:1rem}}@media (max-width:480px){.worksheet-grid{grid-template-columns:1fr}.worksheet-header{flex-direction:column;align-items:flex-start}.number{font-size:1.3rem}.score-card{padding:25px 15px}.final-score{font-size:2.5rem}}.problems-grid-compact{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;max-width:1200px;margin-bottom:30px;margin-left:auto;margin-right:auto;display:grid}.problem-card-compact{background:#fff;border-radius:12px;padding:12px;transition:all .3s;animation:.5s slideUp;box-shadow:0 4px 12px #0000001a}.problem-card-compact:first-child{animation-delay:50ms}.problem-card-compact:nth-child(2){animation-delay:.1s}.problem-card-compact:nth-child(3){animation-delay:.15s}.problem-card-compact:nth-child(4){animation-delay:.2s}.problem-card-compact:nth-child(5){animation-delay:.25s}.problem-card-compact:nth-child(6){animation-delay:.3s}.problem-card-compact:nth-child(7){animation-delay:.35s}.problem-card-compact:nth-child(8){animation-delay:.4s}.problem-card-compact:nth-child(9){animation-delay:.45s}.problem-card-compact:nth-child(10){animation-delay:.5s}.problem-card-compact:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.problem-text-compact{color:#333;text-align:center;margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.2}.answer-input-compact{text-align:center;background:#f9f9f9;border:2px solid #ddd;border-radius:6px;width:100%;padding:6px 8px;font-size:1rem;font-weight:700;transition:all .3s}.answer-input-compact:focus{background:#fff;border-color:#4ecdc4;outline:none;box-shadow:0 0 8px #667eea4d}.answer-input-compact::placeholder{color:#ccc;font-size:.9rem}.clear-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #ff980066}.clear-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff980099}.clear-button:active{transform:scale(.98)}.try-new-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:none;border-radius:50px;padding:15px 45px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #667eea66}.try-new-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px #667eea99}.try-new-button:active{transform:scale(.98)}.timer-section{text-align:center;color:#ffffffe6;margin-top:20px;margin-bottom:30px;font-size:1rem}.result-indicator{text-align:center;margin-top:10px;font-size:.95rem;font-weight:700}@media (max-width:768px){.problems-grid-compact{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px}.problem-card-compact{padding:10px}.problem-text-compact{margin-bottom:6px;font-size:.85rem}.answer-input-compact{padding:5px 6px;font-size:.9rem}}@media (max-width:480px){.problems-grid-compact{grid-template-columns:repeat(2,1fr);gap:8px}.problem-card-compact{padding:8px}.problem-text-compact{margin-bottom:5px;font-size:.75rem}.answer-input-compact{padding:4px 5px;font-size:.8rem}.worksheet-actions{flex-direction:column;gap:12px}.clear-button,.submit-button{width:100%;padding:12px 20px}}