@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from: #60a5fa;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))}.via-purple-400{--tw-gradient-stops: var(--tw-gradient-from), #c084fc, var(--tw-gradient-to, rgba(192, 132, 252, 0))}.to-pink-400{--tw-gradient-to: #f472b6}.p-8{padding:2rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-white{background-color:#fff}.rounded-3xl{border-radius:1.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-white{color:#fff}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.w-full{width:100%}.py-4{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))}.to-blue-600{--tw-gradient-to: #2563eb}.from-purple-500{--tw-gradient-from: #8b5cf6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.to-purple-600{--tw-gradient-to: #7c3aed}.from-green-500{--tw-gradient-from: #10b981;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))}.to-green-600{--tw-gradient-to: #059669}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-center:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.border-2{border-width:2px}.border-4{border-width:4px}.border-gray-300{border-color:#d1d5db}.border-purple-300{border-color:#d8b4fe}.border-purple-500{border-color:#8b5cf6}.border-green-400{border-color:#4ade80}.border-red-400{border-color:#f87171}.border-yellow-200{border-color:#fef08a}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-purple-500:focus{border-color:#8b5cf6}.disabled\:bg-gray-100:disabled{background-color:#f3f4f6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.cursor-pointer{cursor:pointer}.block{display:block}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.ml-3{margin-left:.75rem}.ml-1{margin-left:.25rem}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-purple-500{background-color:#8b5cf6}.bg-purple-600{background-color:#7c3aed}.bg-green-500{background-color:#10b981}.bg-yellow-50{background-color:#fffbeb}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-200{background-color:#fde68a}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-blue-200:hover{background-color:#bfdbfe}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-purple-600:hover{background-color:#7c3aed}.hover\:bg-purple-700:hover{background-color:#6d28d9}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8}.hover\:from-purple-600:hover{--tw-gradient-from: #7c3aed}.hover\:to-purple-700:hover{--tw-gradient-to: #6d28d9}.hover\:from-green-600:hover{--tw-gradient-from: #059669}.hover\:to-green-700:hover{--tw-gradient-to: #047857}.disabled\:from-gray-300:disabled{--tw-gradient-from: #d1d5db}.disabled\:to-gray-400:disabled{--tw-gradient-to: #9ca3af}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-green-500{color:#10b981}.text-red-100{color:#fee2e2}.text-red-200{color:#fecaca}.text-green-100{color:#dcfce7}.text-green-200{color:#bbf7d0}.from-green-100{--tw-gradient-from: #dcfce7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 252, 231, 0))}.to-green-200{--tw-gradient-to: #bbf7d0}.from-red-100{--tw-gradient-from: #fee2e2;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))}.to-red-200{--tw-gradient-to: #fecaca}.from-blue-50{--tw-gradient-from: #eff6ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))}.to-purple-50{--tw-gradient-to: #faf5ff}.from-yellow-100{--tw-gradient-from: #fef3c7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))}.to-yellow-200{--tw-gradient-to: #fde68a}.rounded-2xl{border-radius:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.h-2{height:.5rem}.flex-1{flex:1 1 0%}.rounded{border-radius:.25rem}.gap-1{gap:.25rem}.italic{font-style:italic}.text-gray-500{color:#6b7280}.max-w-md{max-width:28rem}.text-purple-600{color:#9333ea}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:1000}.overflow-y-auto{overflow-y:auto}.justify-end{justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:1rem;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.settings-bar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;height:44px;padding:0 1rem;background:#faf5ff;border-radius:1rem 1rem 0 0}.title-responsive{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;padding:8px 16px}.level-title{font-size:clamp(1rem,4vw,1.5rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.problem-display{font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1.2}.ios-input{width:100%;padding:clamp(.75rem,3vw,1.25rem);font-size:clamp(1.5rem,6vw,2rem);text-align:center;border:2px solid #d8b4fe;border-radius:1rem;background:#faf5ff;color:#1f2937;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.ios-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.ios-input:disabled{background:#f3f4f6;color:#9ca3af}.ios-btn{width:100%;min-height:50px;padding:clamp(.75rem,2.5vw,1rem) 1.5rem;border:none;border-radius:.875rem;font-weight:700;font-size:clamp(1rem,3.5vw,1.25rem);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:filter .2s,transform .1s;-webkit-tap-highlight-color:transparent}.ios-btn:active{transform:scale(.97)}.ios-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ios-btn-green{background:linear-gradient(to right,#10b981,#059669)}.ios-btn-purple{background:linear-gradient(to right,#8b5cf6,#7c3aed)}.ios-btn-gray{background:#e5e7eb;color:#374151}.ios-btn-gray:hover{background:#d1d5db}.feedback-card{padding:clamp(1rem,4vw,1.5rem);border-radius:1rem;text-align:center;border-width:2px;border-style:solid}.feedback-card .feedback-text{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;margin-bottom:.25rem}.feedback-card .feedback-answer{font-size:clamp(1rem,3.5vw,1.25rem)}.practice-container{padding:clamp(1rem,4vw,2rem)}.problem-area{padding:clamp(1rem,4vw,1.5rem);background:linear-gradient(to right,#eff6ff,#faf5ff);border-radius:1rem;margin-bottom:clamp(1rem,3vw,1.5rem)}.score-bar{padding:clamp(.75rem,3vw,1rem);background:#f9fafb;border-radius:.75rem;margin-top:clamp(1rem,3vw,1.5rem)}@media(max-width:400px){.p-8{padding:.75rem}.level-title{font-size:clamp(.875rem,3.5vw,1.25rem)}.problem-display{font-size:clamp(1.75rem,7vw,3rem)}}@media(max-width:480px){.modal-content{margin:.5rem;padding:1rem}}