*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#4f46e5;--primary-blue-dark:#4338ca;--primary-blue-light:#818cf8;--secondary-purple:#a855f7;--secondary-purple-dark:#9333ea;--accent-green:#10b981;--accent-green-dark:#059669;--accent-red:#f43f5e;--accent-yellow:#fbbf24;--accent-orange:#fb923c;--accent-pink:#ec4899;--accent-teal:#14b8a6;--accent-indigo:#6366f1;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 2px 4px 0 #0000000f;--shadow:0 2px 6px 0 #0000001f,0 2px 4px -1px #00000014;--shadow-md:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;--shadow-lg:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;--shadow-xl:0 24px 48px -8px #0000002e,0 12px 24px -8px #0000001f;--shadow-2xl:0 32px 64px -16px #0000003d}.dark{--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-50{z-index:50}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.5rem}.p-6{padding:2rem}.p-8{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1.25rem;padding-right:1.25rem}.px-5{padding-left:1.5rem;padding-right:1.5rem}.px-6{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1.25rem;padding-top:1.25rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.space-y-2>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:2rem}.space-x-2>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1.25rem}.gap-2{gap:.75rem}.gap-4{gap:1.25rem}.w-full{width:100%}.w-3\/4{width:75%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.max-h-20{max-height:5rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-full{max-height:100%}.min-h-\[42rem\]{min-height:42rem}.min-w-\[1050px\]{min-width:1050px}.h-\[58rem\]{height:58rem}.min-h-\[56rem\]{min-height:56rem}.min-w-\[80rem\]{min-width:80rem}.h-32{height:8rem}.block{display:block}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.font-inter{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.tracking-tight{letter-spacing:-.025em}.leading-tight{line-height:1.25}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:#fff}.text-black{color:#000}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-800{color:#1f2937;color:var(--gray-800)}.text-gray-900{color:#111827;color:var(--gray-900)}.text-blue-700{color:#1d4ed8}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-indigo-700{color:#4338ca}.text-purple-700{color:#7c3aed}.text-transparent{color:#0000}.text-slate-800{color:#1e293b}.text-slate-100{color:#f1f5f9}.text-blue-800{color:#1e40af}.text-blue-200{color:#bfdbfe}.text-blue-300{color:#93c5fd}.text-yellow-900{color:#713f12}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-gray-200{background-color:#e5e7eb;background-color:var(--gray-200)}.bg-gray-300{background-color:#d1d5db;background-color:var(--gray-300)}.bg-gray-400{background-color:#9ca3af;background-color:var(--gray-400)}.bg-gray-600{background-color:#4b5563;background-color:var(--gray-600)}.bg-gray-700{background-color:#374151;background-color:var(--gray-700)}.bg-gray-800{background-color:#1f2937;background-color:var(--gray-800)}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-500{background-color:#4f46e5;background-color:var(--primary-blue)}.bg-blue-600{background-color:#4338ca;background-color:var(--primary-blue-dark)}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-green-200{background-color:#bbf7d0}.bg-green-500{background-color:#10b981;background-color:var(--accent-green)}.bg-green-600{background-color:#059669;background-color:var(--accent-green-dark)}.bg-green-700{background-color:#15803d}.bg-green-800{background-color:#166534}.bg-red-600{background-color:#f43f5e;background-color:var(--accent-red)}.bg-red-700{background-color:#b91c1c}.bg-red-800{background-color:#991b1b}.bg-yellow-500{background-color:#fbbf24;background-color:var(--accent-yellow)}.bg-yellow-600{background-color:#d97706}.bg-yellow-700{background-color:#a16207}.bg-yellow-800{background-color:#854d0e}.bg-purple-200{background-color:#e9d5ff}.bg-purple-600{background-color:#a855f7;background-color:var(--secondary-purple)}.bg-purple-700{background-color:#9333ea;background-color:var(--secondary-purple-dark)}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-600{background-color:#6366f1;background-color:var(--accent-indigo)}.bg-indigo-800{background-color:#3730a3}.bg-orange-600{background-color:#fb923c;background-color:var(--accent-orange)}.bg-orange-700{background-color:#ea580c}.bg-pink-600{background-color:#ec4899;background-color:var(--accent-pink)}.bg-pink-700{background-color:#be185d}.bg-teal-600{background-color:#14b8a6;background-color:var(--accent-teal)}.bg-teal-700{background-color:#0f766e}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:#f8fafc;--tw-gradient-to:#f8fafc00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to:#eff6ff00;--tw-gradient-stops:var(--tw-gradient-from),#eff6ff,var(--tw-gradient-to)}.to-indigo-100{--tw-gradient-to:#e0e7ff}.from-blue-100{--tw-gradient-from:#dbeafe;--tw-gradient-to:#dbeafe00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-200{--tw-gradient-to:#bfdbfe}.from-blue-600{--tw-gradient-from:var(--primary-blue-dark);--tw-gradient-to:#2563eb00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-purple-700{--tw-gradient-to:var(--secondary-purple-dark)}.from-blue-400{--tw-gradient-from:var(--primary-blue-light);--tw-gradient-to:#60a5fa00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-purple-500{--tw-gradient-to:var(--secondary-purple)}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-to:#eff6ff00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to:#eef2ff}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-black{background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.border{border-width:1px}.border-2{border-width:2px}.border-0{border-width:0}.border-t-2{border-top-style:solid;border-top-width:2px}.border-t-black{border-top-color:#000}.border-t-2.border-t-black{border-top:2px solid #000}.border-x-2{border-left-style:solid;border-left-width:2px;border-right-style:solid;border-right-width:2px}.border-x-black{border-left-color:#000;border-right-color:#000}.border-tx-2{border-left-style:solid;border-left-width:2px;border-right-style:solid;border-right-width:2px;border-top-style:solid;border-top-width:2px}.border-tx-black{border-left-color:#000;border-right-color:#000;border-top-color:#000}.border-tx-2.border-tx-black{border-top:2px solid #000}.border-tx-2.border-tx-black,.border-x-2.border-x-black{border-left:2px solid #000;border-right:2px solid #000}.border-b-2{border-bottom-style:solid;border-bottom-width:2px}.border-b-black{border-bottom-color:#000}.border-b-2.border-b-black{border-bottom:2px solid #000}.border-txb-2{border-style:solid;border-width:2px}.border-txb-black{border-color:#000}.border-txb-2.border-txb-black{border:2px solid #000}.border-blue-300{border-color:#93c5fd}.border-blue-200{border-color:#bfdbfe}.border-blue-600{border-color:#4338ca;border-color:var(--primary-blue-dark)}.border-blue-700{border-color:#1d4ed8}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.border-gray-600{border-color:#4b5563;border-color:var(--gray-600)}.border-transparent{border-color:#0000}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem}.rounded-3xl{border-radius:2rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 2px 4px 0 #0000000f;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 2px 6px 0 #0000001f,0 2px 4px -1px #00000014;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 24px 48px -8px #0000002e,0 12px 24px -8px #0000001f;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 32px 64px -16px #0000003d;box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:inset 0 2px 4px 0 #0000000d}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.appearance-none{-webkit-appearance:none;appearance:none}.resize-none{resize:none}.resize-y{resize:vertical}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-visible{overflow:visible}.backface-hidden{-webkit-backface-visibility:hidden;backface-visibility:hidden}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-400:focus{--tw-ring-color:#60a5fa}.focus\:ring-blue-300:focus{--tw-ring-color:#93c5fd}.focus\:ring-blue-500:focus{--tw-ring-color:var(--primary-blue)}.focus\:ring-green-300:focus{--tw-ring-color:#86efac}.focus\:ring-red-300:focus{--tw-ring-color:#fca5a5}.focus\:ring-yellow-300:focus{--tw-ring-color:#fde047}.focus\:ring-purple-300:focus{--tw-ring-color:#d8b4fe}.focus\:ring-gray-300:focus{--tw-ring-color:var(--gray-300)}.focus\:ring-indigo-300:focus{--tw-ring-color:#a5b4fc}.focus\:ring-orange-300:focus{--tw-ring-color:#fdba74}.focus\:ring-pink-300:focus{--tw-ring-color:#f9a8d4}.focus\:ring-teal-300:focus{--tw-ring-color:#5eead4}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-blue-500:focus{border-color:#4f46e5;border-color:var(--primary-blue)}.focus\:border-blue-400:focus{border-color:#60a5fa}.hover\:bg-blue-300:hover{background-color:#93c5fd}.hover\:bg-blue-600:hover{background-color:#4338ca;background-color:var(--primary-blue-dark)}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-green-300:hover{background-color:#86efac}.hover\:bg-green-600:hover{background-color:#059669;background-color:var(--accent-green-dark)}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-gray-300:hover{background-color:#d1d5db;background-color:var(--gray-300)}.hover\:bg-gray-400:hover{background-color:#9ca3af;background-color:var(--gray-400)}.hover\:bg-gray-500:hover{background-color:#6b7280;background-color:var(--gray-500)}.hover\:bg-gray-600:hover{background-color:#4b5563;background-color:var(--gray-600)}.hover\:bg-gray-700:hover{background-color:#374151;background-color:var(--gray-700)}.hover\:bg-gray-900:hover{background-color:#111827;background-color:var(--gray-900)}.hover\:bg-red-700:hover{background-color:#b91c1c}.hover\:bg-yellow-600:hover{background-color:#d97706}.hover\:bg-yellow-700:hover{background-color:#a16207}.hover\:bg-purple-700:hover{background-color:#9333ea;background-color:var(--secondary-purple-dark)}.hover\:bg-indigo-300:hover{background-color:#c7d2fe}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:bg-orange-700:hover{background-color:#ea580c}.hover\:bg-pink-700:hover{background-color:#be185d}.hover\:bg-teal-700:hover{background-color:#0f766e}.hover\:text-gray-700:hover{color:#374151;color:var(--gray-700)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:shadow-lg:hover{box-shadow:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;box-shadow:var(--shadow-lg)}.active\:scale-90:active{transform:scale(.9)}.active\:scale-95:active{transform:scale(.95)}.active\:shadow-inner:active{box-shadow:inset 0 2px 4px 0 #0000000d}.transform{transform:var(--tw-transform)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.-translate-y-1\/2{transform:translateY(-50%)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-2xl{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.flex-wrap{flex-wrap:wrap}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:py-2::-webkit-file-upload-button{padding-bottom:.5rem;padding-top:.5rem}.file\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:rounded-full::-webkit-file-upload-button{border-radius:9999px}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-semibold::-webkit-file-upload-button{font-weight:600}.file\:font-semibold::file-selector-button{font-weight:600}.file\:bg-blue-50::-webkit-file-upload-button{background-color:#eff6ff}.file\:bg-blue-50::file-selector-button{background-color:#eff6ff}.file\:text-blue-700::-webkit-file-upload-button{color:#1d4ed8}.file\:text-blue-700::file-selector-button{color:#1d4ed8}.hover\:file\:bg-blue-100:hover::-webkit-file-upload-button{background-color:#dbeafe}.hover\:file\:bg-blue-100:hover::file-selector-button{background-color:#dbeafe}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.dark .bg-gradient-to-br{background-image:linear-gradient(to bottom right,#1f2937,#111827);background-image:linear-gradient(to bottom right,var(--gray-800),var(--gray-900))}.dark .text-gray-100{color:#f3f4f6;color:var(--gray-100)}.dark .text-gray-200{color:#e5e7eb;color:var(--gray-200)}.dark .text-gray-300{color:#d1d5db;color:var(--gray-300)}.dark .text-gray-400{color:#9ca3af;color:var(--gray-400)}.dark .text-slate-100{color:#f1f5f9}.dark .bg-gray-600{background-color:#4b5563;background-color:var(--gray-600)}.dark .bg-gray-700{background-color:#374151;background-color:var(--gray-700)}.dark .bg-gray-800{background-color:#1f2937;background-color:var(--gray-800)}.dark .bg-gray-900{background-color:#111827;background-color:var(--gray-900)}.dark .border-gray-600{border-color:#4b5563;border-color:var(--gray-600)}.dark .border-blue-700{border-color:#1d4ed8}.dark .hover\:bg-gray-500:hover{background-color:#6b7280;background-color:var(--gray-500)}.dark .hover\:bg-gray-600:hover{background-color:#4b5563;background-color:var(--gray-600)}.dark .hover\:bg-gray-700:hover{background-color:#374151;background-color:var(--gray-700)}.dark .hover\:bg-blue-700:hover{background-color:#1d4ed8}.dark .hover\:bg-green-700:hover{background-color:#15803d}.dark .focus\:ring-blue-400:focus{--tw-ring-color:#60a5fa}.dark .focus\:border-blue-400:focus{border-color:#60a5fa}.dark .file\:bg-blue-800::-webkit-file-upload-button{background-color:#1e40af}.dark .file\:bg-blue-800::file-selector-button{background-color:#1e40af}.dark .file\:text-blue-100::-webkit-file-upload-button{color:#dbeafe}.dark .file\:text-blue-100::file-selector-button{color:#dbeafe}.dark .hover\:file\:bg-blue-700:hover::-webkit-file-upload-button{background-color:#1d4ed8}.dark .hover\:file\:bg-blue-700:hover::file-selector-button{background-color:#1d4ed8}.dark .from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-to:#0f172a00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark .via-gray-900{--tw-gradient-to:#11182700;--tw-gradient-stops:var(--tw-gradient-from),#111827,var(--tw-gradient-to)}.dark .to-indigo-950{--tw-gradient-to:#1e1b4b}.dark .from-gray-800{--tw-gradient-from:var(--gray-800);--tw-gradient-to:#1f293700;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark .to-gray-900{--tw-gradient-to:var(--gray-900)}.dark .from-blue-700{--tw-gradient-from:#1d4ed8;--tw-gradient-to:#1d4ed800;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark .to-purple-800{--tw-gradient-to:#6b21a8}.dark .from-blue-900{--tw-gradient-from:#1e3a8a;--tw-gradient-to:#1e3a8a00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark .to-indigo-900{--tw-gradient-to:#312e81}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slideInUp{animation:slideInUp .4s ease-out}.animate-shimmer{animation:shimmer 2s infinite}.login-container{overflow:hidden;position:relative}.login-container:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.glass-morphism{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #1f26875e}.input-glow:focus{box-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a,inset 0 0 20px #ffffff1a}.btn-primary{overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.card-flip{perspective:1000px}.card-flip-inner{transform-style:preserve-3d;transition:transform .6s}.card-flip.flipped .card-flip-inner{transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-back{transform:rotateY(180deg)}.due-cards-panel{align-items:center;background:#eef2ff;background:var(--primary-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-xs);color:#4f46e5;color:var(--primary-color);display:flex;flex-direction:column;font-size:1rem;font-weight:500;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-5);padding:1.25rem 1.5rem;padding:var(--space-4) var(--space-5)}.due-cards-panel strong{color:#3730a3;color:var(--primary-color-dark);font-weight:600}.due-cards-panel .past-due{color:#f43f5e;color:var(--danger-color);font-weight:600}.dark .due-cards-panel{background:#2563eb1a;border-color:#334155;border-color:var(--border-dark);color:#93c5fd}.dark .due-cards-panel strong{color:#93c5fd}.ai-explanation-lightbulb{color:#3b82f6;cursor:help;display:inline-block;font-size:1.2em;margin-right:.5rem;transition:color .2s ease}.ai-explanation-lightbulb:hover{color:#2563eb}.ai-explanation-lightbulb{position:relative}.ai-explanation-lightbulb:hover:after{animation:tooltipFadeIn .3s ease;background-color:#000000f2;border-radius:4px;bottom:130%;box-shadow:0 4px 20px #0000004d;color:#fff;content:attr(title);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:350px;padding:12px 16px;text-align:left;white-space:normal;width:-webkit-max-content;width:max-content}.ai-explanation-lightbulb:hover:after,.ai-explanation-lightbulb:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10000}.ai-explanation-lightbulb:hover:before{border:8px solid #0000;border-top-color:#000000f2;bottom:120%;content:""}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dark .ai-explanation-lightbulb:hover:after{background-color:#fffffff2;color:#1f2937}.dark .ai-explanation-lightbulb:hover:before{border-top-color:#fffffff2}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.preview-toggle{border:1px solid #d1d5db;border-radius:3px;display:flex;gap:.25rem;overflow:hidden}.toggle-btn{background:#87ceeb1a;padding:.25rem .75rem}.toggle-btn:hover{background:#87ceeb33}.content-preview{background:#f8fafc;border:1px solid #d1d5db;border-radius:3px;font-family:inherit;line-height:1.5;min-height:120px;padding:1rem}.content-preview h1,.content-preview h2,.content-preview h3,.content-preview h4,.content-preview h5,.content-preview h6{font-weight:600;margin:.5rem 0}.content-preview ol,.content-preview ul{margin:.5rem 0;padding-left:1.5rem}.content-preview li{margin:.25rem 0}.content-preview details{border:1px solid #e5e7eb;border-radius:2px;margin:.5rem 0;padding:.5rem}.content-preview summary{cursor:pointer;font-weight:600;padding:.25rem}.content-preview code{background:#f1f5f9;border-radius:2px;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .25rem}.content-preview pre{background:#1e293b;border-radius:3px;color:#e2e8f0;margin:.5rem 0;overflow-x:auto;padding:1rem}.content-preview pre code{background:none;color:inherit;padding:0}.preview-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:2px;color:#92400e;margin-top:.5rem;padding:.5rem}.dark .preview-toggle{border-color:#4b5563}.dark .toggle-btn{background:#87ceeb26}.dark .toggle-btn:hover{background:#87ceeb40}.dark .toggle-btn.active{font-weight:700}.dark .content-preview{background:#1f2937;border-color:#4b5563;color:#f3f4f6}.dark .content-preview details{border-color:#4b5563}.dark .content-preview code{background:#374151;color:#e5e7eb}.dark .preview-note{background:#451a03;border-color:#92400e;color:#fbbf24}.dark .ai-explanation-summary{color:#4f46e5;color:var(--primary-color)}.dark .ai-explanation-content{border-top:1px solid #334155;border-top:1px solid var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}@media (max-width:600px){.ai-explanation-dropdown{font-size:.95em;max-width:98vw;width:98%}.ai-explanation-dropdown-wrapper{margin-top:12px}}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-color-dark:#3730a3;--primary-light:#eef2ff;--primary-glow:#4f46e54d;--secondary-color:#0ea5e9;--secondary-hover:#0284c7;--accent-color:#a855f7;--accent-glow:#a855f740;--success-color:#10b981;--success-hover:#059669;--success-glow:#10b98140;--warning-color:#f59e0b;--warning-glow:#f59e0b40;--danger-color:#f43f5e;--danger-hover:#e11d48;--danger-glow:#f43f5e40;--background-light:#f8fafc;--surface-light:#fff;--surface-elevated:#fff;--text-light-primary:#1e293b;--text-light-secondary:#64748b;--text-light-muted:#94a3b8;--border-light:#e2e8f0;--card-bg-light:#fff;--background-dark:#0f172a;--surface-dark:#1e293b;--text-dark-primary:#f1f5f9;--text-dark-secondary:#94a3b8;--border-dark:#334155;--card-bg-dark:#1e293b;--shadow-xs:0 2px 4px #0000000f;--shadow-sm:0 2px 6px #00000014,0 2px 4px #0000000f;--shadow-light:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;--shadow-md:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;--shadow-lg:0 24px 48px -8px #00000029,0 12px 24px -8px #0000001f;--shadow-xl:0 32px 64px -16px #0003;--shadow-inner:inset 0 2px 4px #00000014;--shadow-dark:0 6px 12px -2px #0000004d,0 4px 8px -2px #0003;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1.25rem;--space-5:1.5rem;--space-6:2rem;--space-8:2.5rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--glass-bg-light:#ffffffb3;--glass-bg-dark:#1e293bb3;--glass-border-light:#ffffff4d;--glass-border-dark:#ffffff1a;--glass-blur:16px;--glass-shadow:0 8px 32px #1f268726;--question-bg:#eff6ffe6;--question-bg-dark:#1e293be6;--answer-bg:#fffbf5e6;--answer-bg-dark:#2d2823e6;--background:var(--background-light);--surface:var(--surface-light);--text-primary:var(--text-light-primary);--text-secondary:var(--text-light-secondary);--card-bg:var(--card-bg-light);--border:var(--border-light);--shadow:var(--shadow-light)}.dark{--background:var(--background-dark);--surface:var(--surface-dark);--text-primary:var(--text-dark-primary);--text-secondary:var(--text-dark-secondary);--card-bg:var(--card-bg-dark);--border:var(--border-dark);--shadow:var(--shadow-dark)}.high-contrast{--primary-color:#00f;--primary-hover:#00c;--text-primary:#000;--text-secondary:#000;--background:#fff;--surface:#fff;--border:#000}.high-contrast *{border-color:#000!important}.high-contrast .flashcard-section{border:3px solid #000!important}.high-contrast .flashcard-section,.high-contrast .flashcard-section.answer-section,.high-contrast .flashcard-section.question-section{background:#fff!important;color:#000!important}.high-contrast .app-header{background:navy!important;color:#fff!important}.high-contrast .header-btn,.high-contrast .toggle-btn{background:#fff!important;border:2px solid #000!important;color:#000!important}.high-contrast .toggle-btn.active{background:navy!important;color:#fff!important}.high-contrast .review-btn{border:3px solid #000!important;font-weight:700!important}.high-contrast .filter-btn{background:#fff!important;border:2px solid #000!important;color:#000!important}.high-contrast .filter-btn.active{background:navy!important;color:#fff!important}.high-contrast a{color:#00f!important;text-decoration:underline!important}.high-contrast a:visited{color:purple!important}.high-contrast .app-footer{background:#fff!important;border-top:3px solid #000!important;color:#000!important}.dark.high-contrast{--background:#000;--surface:#000;--text-primary:#fff;--text-secondary:#ff0}.dark.high-contrast .flashcard-section{background:#000!important;border:3px solid #fff!important;color:#fff!important}.dark.high-contrast .app-header{background:#000!important;border-bottom:3px solid #ff0!important}.dark.high-contrast .header-btn,.dark.high-contrast .toggle-btn{background:#000!important;border:2px solid #ff0!important;color:#ff0!important}.dark.high-contrast .toggle-btn.active{background:#ff0!important;color:#000!important}.dark.high-contrast a{color:#0ff!important}.dark.high-contrast .app-footer{background:#000!important;border-top:3px solid #fff!important;color:#fff!important}html{box-sizing:border-box;font-size:16px;scroll-behavior:smooth;scroll-padding-top:280px}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6;margin:0;min-height:100vh;transition:background .2s ease,color .2s ease;transition:background var(--transition-normal),color var(--transition-normal)}.dark body,body.dark{background:#0f172a}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:600;line-height:1.2;margin-top:0}p{color:#64748b;color:var(--text-secondary);margin-bottom:1.25rem;margin-bottom:var(--space-4);margin-top:0}.App{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);margin:.5rem auto 0;margin-bottom:1.25rem;margin-bottom:var(--space-4);margin-top:var(--space-2);max-width:1400px;min-height:100vh;padding:1.25rem;padding:var(--space-4);position:relative}.dark .App{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark);box-shadow:0 6px 12px -2px #0000004d,0 4px 8px -2px #0003;box-shadow:var(--shadow-dark)}.app-header{background:linear-gradient(135deg,#2563ebf2,#4f46e5e6);border:none;border-radius:0;box-shadow:0 4px 20px #2563eb33;color:#fff;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.5rem 1.25rem;padding:var(--space-2) var(--space-4);position:relative}.dark .app-header{background:linear-gradient(135deg,#1e293be6,#2563eb1a);border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0d}.app-header.collapsed,.header-layout{position:relative}.header-layout{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;min-height:50px;width:100%}.header-logo{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0}.header-center{flex:1 1;gap:12px}.header-search{align-items:center;display:flex;position:relative}.header-search-input{background:#ffffff26;border:2px solid #ffffff4d;border-radius:4px;color:#fff;font-size:14px;padding:8px 32px 8px 12px;transition:all .2s;width:180px}.header-search-input::placeholder{color:#ffffffb3}.header-search-input:focus{background:#fff3;border-color:#fff9;outline:none;width:220px}.header-search-clear{background:none;border:none;color:#fffc;cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:8px}.header-search-clear:hover{color:#fff}.header-search-count{background:#fff3;border-radius:3px;color:#fffc;font-size:11px;font-weight:500;padding:2px 6px;position:absolute;right:32px}.header-search-count.no-results{background:#ef44444d;color:#fecaca}.header-search-input.no-results{background:#ef444426;border-color:#ef444480}.header-search-input.no-results:focus{background:#ef444433;border-color:#ef4444b3}.dark .header-search-input{background:#ffffff1a;border-color:#fff3}.dark .header-search-input:focus{background:#ffffff26;border-color:#fff6}.search-highlight{background:linear-gradient(120deg,#fef08a,#fde047);border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#1f2937;font-weight:500;padding:1px 4px}.dark .search-highlight{background:linear-gradient(120deg,#facc15,#eab308);color:#1f2937}.header-right-progress{align-items:center;display:flex;flex-shrink:1;gap:8px;min-width:200px}.header-left{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-self:start}.user-welcome-box{align-items:flex-start!important;background:#3b82f61a!important;border:1px solid #3b82f633!important;border-radius:4px!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;height:auto!important;justify-content:flex-start!important;left:1rem!important;margin:0!important;padding:.75rem 1rem!important;position:fixed!important;top:1rem!important;width:auto!important;z-index:1000!important}.welcome-text{background:#0000!important;color:#4f46e5!important;color:var(--primary-color)!important;font-size:.875rem!important;font-weight:600!important}.user-email,.welcome-text{margin:0!important;padding:0!important}.user-email{color:#64748b!important;font-size:.8rem!important;font-weight:500!important}.streak-info{color:#059669!important;font-size:.75rem!important}.header-left-logo,.streak-info{background:#0000!important;margin:0!important;padding:0!important}.header-left-logo{align-items:flex-start;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;justify-self:start;max-width:none!important;position:relative!important;width:auto!important}.header-center{justify-content:center;justify-self:center}.header-center,.header-right{align-items:center;display:flex}.header-right{justify-content:flex-end;justify-self:end;text-align:right;width:100%}.daily-progress-compact{align-items:center;background:#fff3;border-radius:4px;display:flex;gap:8px;padding:6px 12px}.daily-progress-compact .progress-label{color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}.progress-bar-mini{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;width:60px}.progress-bar-fill-mini{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill-mini:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-bar-fill-mini.complete{animation:pulseGreen 1s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#34d399 50%,#10b981)}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 8px 4px #10b98166}}.app-logo{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;text-align:left;white-space:nowrap}.dark .app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text}.app-subtitle{color:#ffffffd9;font-size:.65rem;font-weight:500;letter-spacing:.02em;margin:0;text-align:left}.toggle-controls-row{justify-content:flex-start}.header-collapse-toggle{align-items:center;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:.5rem!important;border-radius:var(--radius-sm)!important;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:0!important;height:32px;justify-content:center;min-width:32px;padding:0!important}.header-collapse-toggle:hover{background:#ffffff40!important;border-color:#fff6!important;box-shadow:0 4px 8px #00000026;color:#fff!important;transform:scale(1.1)}.header-toggle-bottom-right{bottom:.5rem!important;bottom:var(--space-2)!important;position:absolute!important;right:1.25rem!important;right:var(--space-4)!important;z-index:10!important}.dark .app-subtitle{color:#94a3b8;color:var(--text-dark-secondary)}.dark .user-welcome-box{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .welcome-text{color:#94a3b8;color:var(--text-dark-secondary)}.dark .user-email{color:#f1f5f9;color:var(--text-dark-primary)}.dark .streak-info{color:#10b981;color:var(--success-color)}@media (max-width:1200px){.app-logo{font-size:2.5rem}.app-subtitle{font-size:.8rem}}@media (max-width:1024px){.header-layout{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr;text-align:center}.header-center,.header-left,.header-right{justify-self:center}.app-logo{font-size:1.8rem;order:1}.header-left{order:2}.header-right{order:3}}.header-layout.hidden{display:none}.app-header.collapsed{background:#0000;box-shadow:none;height:0;margin-bottom:0;min-height:0;overflow:visible;padding:0}.app-header.collapsed .header-layout{display:none}.focus-mode-toggle{background:linear-gradient(135deg,#2563ebe6,#4f46e5d9);border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.focus-mode-toggle:hover{background:linear-gradient(135deg,#2563eb,#4f46e5f2);transform:scale(1.05)}.focus-mode-controls{position:fixed;right:10px;top:10px;z-index:10000}.focus-mode-exit-btn{background:linear-gradient(135deg,#2563ebf2,#4f46e5e6);border:none;border-radius:4px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.focus-mode-exit-btn:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:scale(1.05)}.collapsed-header-controls{display:flex;justify-content:center;padding:.5rem 0;padding:var(--space-2) 0}.app-header.collapsed~main .filters-section-left,.app-header.collapsed~main .main-content-grid{display:block}.app-header.collapsed~main .filters-section-left{display:none!important}.app-header.collapsed~main .flashcard-main-content{align-items:center!important;background:#f8fafc!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.app-header.collapsed~main .flashcard-window{height:auto!important;max-height:80vh!important;max-width:900px!important;width:100%!important}.app-header.collapsed~main .flashcard-container{min-height:400px!important}.app-header.collapsed~main .review-buttons-below-card{margin-top:16px!important}.dark .app-header.collapsed~main .flashcard-main-content{background:#1f2937!important}@media (max-width:768px){.app-header.collapsed{margin-bottom:.25rem;margin-bottom:var(--space-1)}.toggle-controls-row{gap:.5rem;gap:var(--space-2)}.header-collapse-toggle{font-size:1.3rem!important;height:36px!important;min-width:36px!important}.header-toggle-bottom-right{bottom:.25rem!important;bottom:var(--space-1)!important;right:.5rem!important;right:var(--space-2)!important}}.app-title{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.app-title h1{background:linear-gradient(135deg,#4f46e5,#a855f7);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;margin:0}.user-menu{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.card{background:#4f46e5;background:var(--primary-color);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;box-shadow:var(--shadow-md);color:#fff;margin:1.5rem 0;margin:var(--space-5) 0;min-height:280px;padding:2rem;padding:var(--space-6);position:relative;transition:all .2s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 24px 48px -8px #00000029,0 12px 24px -8px #0000001f;box-shadow:var(--shadow-lg)}.filter-section{background:#fff;border:3px solid #2563eb;border-radius:2px;box-shadow:0 1px 4px #0000000a;margin-bottom:0;margin-top:0;padding:1px 20px 1px 3px;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.filter-section:hover{box-shadow:0 4px 12px #2563eb26}.dark .filter-section{background:#1e293b;background:var(--surface-dark);border-color:#2563eb}.dark .filter-section:hover{border-color:#3b82f6}.filter-section-header{align-items:center;display:flex;justify-content:center;margin-bottom:0;margin-top:0;padding:0;position:relative;text-align:center}.filter-section-header .filter-label{margin-bottom:0!important;margin-top:0!important;text-align:center}.filter-label{display:block;font-size:.65rem;margin-bottom:2px;margin-top:0}.panel-collapse-toggle{background:#4f46e5;background:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;position:absolute;right:.5rem;right:var(--space-2);top:.5rem;top:var(--space-2);z-index:10}.notes-collapse-toggle,.panel-collapse-toggle{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;min-width:32px}.notes-collapse-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--radius-sm);font-size:.9rem}.filter-section-header .collapse-toggle{align-items:center;background:#4f46e5;background:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;min-width:32px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.panel-collapse-toggle:hover{background:#3730a3;background:var(--primary-color-dark,#0056b3);border-color:#3730a3;border-color:var(--primary-color-dark,#0056b3);box-shadow:0 4px 8px #00000026;color:#fff;transform:scale(1.1)}.notes-collapse-toggle:hover{background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 8px #0003;color:#fff;transform:scale(1.1)}.filter-section-header .collapse-toggle:hover{background:#3730a3;background:var(--primary-color-dark,#0056b3);border-color:#3730a3;border-color:var(--primary-color-dark,#0056b3);box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-50%) scale(1.1)}.collapse-toggle{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;min-width:32px;padding:.25rem;padding:var(--space-1);position:absolute;right:0;text-shadow:0 1px 2px #0000004d;top:0;transition:all .15s ease;transition:all var(--transition-fast);z-index:10}.collapse-toggle:hover{background-color:#ffffff1a;color:#fff;text-shadow:0 1px 3px #00000080;transform:scale(1.1)}.filter-section.collapsed{max-height:40px;overflow:hidden;transition:max-height .3s ease-out}.filter-section:not(.collapsed){max-height:1000px;transition:max-height .3s ease-in}.notes-section-permanent.collapsed{max-height:60px;overflow:hidden;transition:max-height .3s ease-out}.notes-section-permanent:not(.collapsed){height:950px!important;max-height:950px!important;min-height:950px!important;transition:max-height .3s ease-in}.filter-section.collapsed .filter-buttons-container,.notes-section-permanent.collapsed .notes-content{opacity:0;transition:opacity .2s ease-out,visibility .2s ease-out;visibility:hidden}.filter-section:not(.collapsed) .filter-buttons-container,.notes-section-permanent:not(.collapsed) .notes-content{opacity:1;transition:opacity .2s ease-in .1s,visibility .2s ease-in .1s;visibility:visible}.notes-section-permanent.collapsed .notes-buttons-container,.notes-section-permanent.collapsed .notes-textarea-permanent{display:none}.notes-header{margin-bottom:.75rem;margin-bottom:var(--space-3);position:relative}.notes-header h4{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);padding-right:2rem;padding-right:var(--space-6)}.card:hover{box-shadow:0 10px 20px -5px #0000001a,0 6px 10px -7px #0000000d;transform:translateY(-3px)}.card:before{background:linear-gradient(90deg,#4f46e5,#a855f7);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}button{align-items:center;background:#4f46e5;background:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014,0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1.4;margin:.25rem 0;margin:var(--space-1) 0;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-5);position:relative;text-overflow:ellipsis;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}button:hover{background:#4338ca;background:var(--primary-hover);box-shadow:0 12px 24px -4px #00000024,0 8px 16px -4px #0000001a;box-shadow:var(--shadow-md)}button:active{background:#3730a3;background:var(--primary-color-dark);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-xs)}button:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:#4f46e5;background:var(--primary-color);border:none;color:#fff}.btn-primary:hover{background:#4338ca;background:var(--primary-hover)}.btn-secondary{background:#0ea5e9;background:var(--secondary-color);border-radius:.75rem!important;border-radius:var(--radius-md)!important;color:#fff}.btn-secondary:hover{background:#0284c7;background:var(--secondary-hover)}.btn-success{background:#10b981;background:var(--success-color);color:#fff}.btn-success:hover{background:#059669;background:var(--success-hover)}.btn-warning{background:#f59e0b;background:var(--warning-color)}.btn-warning:hover{background:#b45309}.btn-danger{background:#f43f5e;background:var(--danger-color);color:#fff}.btn-danger:hover{background:#e11d48;background:var(--danger-hover)}.btn-outline{color:#1e293b;color:var(--text-primary)}.btn-outline:hover{background-color:#fff;background-color:var(--surface);border-color:#4f46e5;border-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.btn-icon{align-items:center;border-radius:50%;display:inline-flex;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.btn-group{display:flex;gap:.5rem;gap:var(--space-2)}input,select,textarea{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #00000008,0 1px 2px #00000005;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4);transition:all .2s ease;transition:all var(--transition-normal);width:100%}input:hover,select:hover,textarea:hover{border-color:#4f46e54d}input:focus,select:focus,textarea:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 4px #4f46e526,inset 0 2px 4px #00000005;outline:none}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-secondary);opacity:.6}.dark input,.dark select,.dark textarea{background:#1e293be6;border-color:#334155cc;color:#f1f5f9;color:var(--text-dark-primary)}.dark input:hover,.dark select:hover,.dark textarea:hover{border-color:#4f46e566}.dark input:focus,.dark select:focus,.dark textarea:focus{background:#0f172af2;border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 4px #4f46e533}label{color:#1e293b;color:var(--text-primary);display:block;font-size:.925rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-5);position:relative}.form-group.valid input{border-color:#10b981;border-color:var(--success-color)}.form-group.error input{border-color:#f43f5e;border-color:var(--danger-color)}.error-message{align-items:center;color:#f43f5e;color:var(--danger-color);display:flex;font-size:.825rem;gap:.25rem;gap:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.checkbox-group{margin-bottom:1.25rem;margin-bottom:var(--space-4)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2);margin-bottom:0}.checkbox-input{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;height:1.25rem;position:relative;transition:all .2s ease;transition:all var(--transition-normal);width:1.25rem}.checkbox-input:checked{background:#4f46e5;background:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color)}.checkbox-input:checked:after{color:#fff;content:"✓";font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-input:hover{border-color:#4f46e5;border-color:var(--primary-color)}.checkbox-input:disabled{cursor:not-allowed;opacity:.6}.checkbox-text{color:#1e293b;color:var(--text-primary);font-size:.925rem}.ai-enhancement-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3)}.generated-content-section{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:1.25rem 0;margin:var(--space-4) 0;overflow:hidden}.generated-content-header{align-items:center;background:#fff;background:var(--surface);border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;list-style:none;outline:none;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4);transition:all .2s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.generated-content-header:hover{background:#eef2ff;background:var(--primary-light);color:#4f46e5;color:var(--primary-color)}.generated-content-header::-webkit-details-marker{display:none}.generated-content-header:after{color:#64748b;color:var(--text-secondary);content:"▼";font-size:.75rem;transition:transform .2s ease;transition:transform var(--transition-normal)}.generated-content-section:not([open]) .generated-content-header:after{transform:rotate(-90deg)}.generated-content-body{background:#f8fafc;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:1.25rem;padding:var(--space-4)}.generated-content-body pre{border:1px solid #e2e8f0;border:1px solid var(--border);line-height:1.5;margin:.5rem 0;margin:var(--space-2) 0;padding:.75rem;padding:var(--space-3)}.generated-content-body code,.generated-content-body pre{background:#fff;background:var(--surface);border-radius:.5rem;border-radius:var(--radius-sm);font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem}.generated-content-body code{border:1px solid #e2e8f0;border:1px solid var(--border);padding:.125rem .25rem}.generated-content-body pre code.language-java{background:#0000;border:none;color:#fff;display:block;font-family:Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.9rem;line-height:1.4;padding:0;white-space:pre}.generated-content-body pre{background:#1a1a1a;border:1px solid #333;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000004d;margin:.75rem 0;margin:var(--space-3) 0;overflow-x:auto;padding:1.25rem;padding:var(--space-4)}.dark .generated-content-body pre{background:#1a1a1a;border:1px solid #333;box-shadow:inset 0 2px 4px #0000004d}.dark .generated-content-body pre code.language-java{color:#fff}.generated-content-body ol,.generated-content-body ul{margin:.5rem 0;margin:var(--space-2) 0;padding-left:1.5rem;padding-left:var(--space-5)}.generated-content-body li{margin:.25rem 0;margin:var(--space-1) 0}.generated-content-body li strong{color:#4f46e5;color:var(--primary-color)}.delete-content-btn{background:none!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:16px!important;opacity:.6!important;padding:4px!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;z-index:10!important}.delete-content-btn:hover{background-color:#ef44441a!important;opacity:1!important}.delete-content-btn:active{background-color:#ef444433!important}.example-section{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-4);padding:1.25rem;padding:var(--space-4)}.example-section h4{color:#4f46e5;color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.example-section pre{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);margin:.5rem 0;margin:var(--space-2) 0;overflow-x:auto;padding:.75rem;padding:var(--space-3)}.example-section code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.example-section p{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0;margin:var(--space-2) 0 0 0}.output-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.output-section h5{color:#10b981;color:var(--success-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;text-transform:uppercase}.output-section pre{background:#1e293b;border:1px solid #334155;border-radius:.5rem;border-radius:var(--radius-sm);margin:0;padding:.75rem;padding:var(--space-3)}.output-section code.output{color:#10b981;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.dark .example-section{background:#1e293b;background:var(--surface-dark)}.dark .example-section pre{background:#0f172a;background:var(--background-dark)}.dark .output-section{border-top-color:#334155;border-top-color:var(--border-dark)}.dark .output-section pre{background:#0f172a;border-color:#334155;border-color:var(--border-dark)}.ai-enhance-btn{align-items:center;background:#3b82f61a;border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary-color);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;gap:.25rem;gap:var(--space-1);justify-content:center;min-height:28px;min-width:90px;padding:6px 12px;position:relative;text-align:center;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.ai-enhance-btn:hover:not(:disabled){background:#3b82f633;border-color:#4338ca;border-color:var(--primary-hover);color:#4338ca;color:var(--primary-hover);transform:translateY(-1px)}.ai-enhance-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-enhance-btn .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.enhancement-error{background:#ef44441a;border:1px solid #f43f5e;border:1px solid var(--danger-color);border-radius:.75rem;border-radius:var(--radius-md);margin-top:.75rem;margin-top:var(--space-3);padding:.75rem;padding:var(--space-3);position:relative}.enhancement-error .close-error{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#f43f5e;color:var(--danger-color);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:.5rem;right:var(--space-2);top:.5rem;top:var(--space-2);transition:background .15s ease;transition:background var(--transition-fast);width:20px}.enhancement-error .close-error:hover{background:#ef444433}.dark .ai-enhance-btn{background:#3b82f633;border-color:#4f46e5;border-color:var(--primary-color)}.dark .ai-enhance-btn:hover:not(:disabled){background:#3b82f64d}.dark .enhancement-error{background:#ef444433}.form-actions{align-items:center;justify-content:space-between}.form-actions-left,.form-actions-right{align-items:center;display:flex}.form-actions-right{gap:.75rem;gap:var(--space-3)}.delete-card-btn{background:#ef44441a;border:1px solid #f43f5e;border:1px solid var(--danger-color);color:#f43f5e;color:var(--danger-color)}.delete-card-btn:hover:not(:disabled){background:#ef444433;border-color:#e11d48;border-color:var(--danger-hover);color:#e11d48;color:var(--danger-hover);transform:translateY(-1px)}.delete-card-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-confirm-dialog{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.delete-confirm-header{background:#ef44441a;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1.5rem;padding:var(--space-5)}.delete-confirm-header h3{align-items:center;color:#f43f5e;color:var(--danger-color);display:flex;font-size:1.25rem;gap:.5rem;gap:var(--space-2);margin:0}.delete-confirm-content{padding:1.5rem;padding:var(--space-5)}.delete-confirm-content p{color:#1e293b;color:var(--text-primary);margin:0 0 1.25rem;margin:0 0 var(--space-4) 0}.delete-preview{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:1.25rem 0;margin:var(--space-4) 0;padding:1.25rem;padding:var(--space-4)}.delete-preview-answer,.delete-preview-question{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.delete-preview-answer:last-child,.delete-preview-question:last-child{margin-bottom:0}.delete-warning{color:#f43f5e;color:var(--danger-color);font-weight:600;margin-top:1.25rem!important;margin-top:var(--space-4)!important}.delete-confirm-actions{background:#f8fafc;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1.5rem;padding:var(--space-5)}.dark .delete-card-btn,.dark .delete-confirm-header{background:#ef444433}.dark .delete-card-btn:hover:not(:disabled){background:#ef44444d}@media (max-width:640px){.form-actions{align-items:stretch;flex-direction:column;gap:1.25rem;gap:var(--space-4)}.form-actions-left,.form-actions-right{justify-content:center}.form-actions-right{flex-direction:column;gap:.5rem;gap:var(--space-2)}}.manage-cards-modal .modal-actions{align-items:center;background:#f8fafc;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1.25rem;gap:var(--space-4);justify-content:space-between;padding:1.5rem;padding:var(--space-5)}.card-management-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.bulk-actions{align-items:center;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.close-actions{align-items:center;display:flex}@media (max-width:768px){.manage-cards-modal .modal-actions{align-items:stretch;flex-direction:column}.bulk-actions,.card-management-actions,.close-actions{justify-content:center}.bulk-actions{flex-direction:column;gap:.5rem;gap:var(--space-2)}.card-management-actions{order:1}.bulk-actions{order:2}.close-actions{order:3}}.filters-group{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border:2px solid #4f46e5;border:2px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);color:#fff;display:inline-flex;font-weight:600;gap:0;gap:.5rem;gap:var(--space-2);justify-content:center;max-width:600px;min-width:500px;overflow:hidden;padding:0;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.filters-group:hover{background-color:#4338ca;background-color:var(--primary-hover);border-color:#4338ca;border-color:var(--primary-hover);box-shadow:0 6px 12px #00000026;transform:translateY(-1px)}.filters-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:.25rem;margin-bottom:var(--space-1);padding-bottom:.25rem;padding-bottom:var(--space-1)}.filters-title{align-items:center;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.5px;text-transform:uppercase}.filters-content{align-items:flex-end;display:flex;flex-direction:row;gap:0}.filter-item{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1);min-width:140px}.filter-label{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1e3a8a;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem;margin-bottom:var(--space-1);padding:4px 8px;text-transform:uppercase}.dark .filter-label{background:#fff;border-color:#d1d5db;color:#1e3a8a}.filter-select{color:#fff;font-size:.875rem;font-weight:700;min-height:38px;transition:all .15s ease;transition:all var(--transition-fast)}.filter-select:hover{background:#fff;background:var(--card-bg);border-color:#4f46e5;border-color:var(--primary-color)}.filter-select:focus{background:#fff;background:var(--card-bg);box-shadow:0 0 0 3px #3b82f61a}.filter-select option{background:#fff;background:var(--surface);color:#1e293b;color:var(--text-primary);font-weight:700;padding:.5rem;padding:var(--space-2)}.category-select,.level-select,.subcategory-select{background:linear-gradient(135deg,#87ceeb26,#add8e61a);border-color:#87ceeb4d;color:#1e40af}.dark .filters-group{background:#4f46e5;background:var(--primary-color);border:2px solid #4f46e5;border:2px solid var(--primary-color);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow)}.dark .filters-group:hover{background-color:#4338ca;background-color:var(--primary-hover);border-color:#4338ca;border-color:var(--primary-hover);box-shadow:0 6px 12px #0000004d}.dark .filter-select{background:#0f172a;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .filter-select:focus,.dark .filter-select:hover{background:#1e293b;background:var(--surface-dark);border-color:#4f46e5;border-color:var(--primary-color)}.dark .filter-select option{background:#1e293b;background:var(--surface-dark);color:#f1f5f9;color:var(--text-dark-primary)}@media (max-width:1200px){.filters-group{max-width:550px;min-width:450px}.filters-content{gap:.75rem;gap:var(--space-3)}.filter-item{min-width:120px}}@media (max-width:1024px){.filters-group{max-width:500px;min-width:400px}.filters-content{gap:.5rem;gap:var(--space-2)}.filter-item{min-width:110px}}@media (max-width:768px){.filters-group{max-width:450px;min-width:350px;padding:.75rem;padding:var(--space-3)}.filter-item{gap:.25rem;gap:var(--space-1);min-width:100px}.filter-label{font-size:.75rem}.filter-select{font-size:.8rem;min-height:36px;padding:.5rem;padding:var(--space-2)}}@media (max-width:640px){.filters-group{margin-bottom:.75rem;margin-bottom:var(--space-3);margin-right:0;max-width:none;min-width:auto}.filters-content{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.filter-item{flex:1 1;min-width:110px}}@media (max-width:480px){.filters-content{flex-direction:column;gap:.5rem;gap:var(--space-2)}.filter-item{flex:none;min-width:auto}}.actions-toggle-section{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);width:100%}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.header-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s,transform .1s;white-space:nowrap}.header-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.header-btn:active{transform:translateY(0)}.dark .header-btn{background:#3b82f6}.dark .header-btn:hover{background:#2563eb}.action-buttons .btn{font-size:.75rem;padding:.35rem .6rem}.card-filter-toggle{background:#4f46e5;background:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0000001a;gap:.5rem;gap:var(--space-2);padding:.25rem;padding:var(--space-1)}.dark .card-filter-toggle{background:#87ceeb40;border-color:#87ceeb80;box-shadow:inset 0 1px 3px #0000004d}@media (max-width:768px){.action-buttons,.actions-toggle-section{gap:.5rem;gap:var(--space-2)}.card-filter-toggle{gap:.25rem;gap:var(--space-1)}}@media (max-width:640px){.actions-toggle-section{width:100%}.action-buttons{gap:.5rem;gap:var(--space-2)}.card-filter-toggle{justify-content:center;width:100%}}@media (max-width:480px){.action-buttons{flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.header-btn{font-size:12px;padding:6px 12px}.action-buttons .btn{justify-content:center;width:100%}.card-filter-toggle{flex-direction:column;gap:.25rem;gap:var(--space-1)}.toggle-btn{justify-content:center;width:100%}}.filter-item{animation:fadeInUp .4s ease-out}.filter-item:first-child{animation-delay:.1s}.filter-item:nth-child(2){animation-delay:.15s}.filter-item:nth-child(3){animation-delay:.2s}.filter-item:nth-child(4){animation-delay:.25s}.filter-item:nth-child(5){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.checkbox-group,.radio-group{align-items:center;cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{accent-color:#4f46e5;accent-color:var(--primary-color);height:1.25rem;margin:0;width:1.25rem}.switch-container{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.switch{display:inline-block;height:1.5rem;margin:0;position:relative;width:3rem}.switch input{height:0;opacity:0;width:0}.switch-slider{background-color:#e2e8f0;background-color:var(--border);border-radius:9999px;border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.switch-slider,.switch-slider:before{position:absolute;transition:.2s ease;transition:var(--transition-normal)}.switch-slider:before{background-color:#fff;border-radius:50%;bottom:.2rem;content:"";height:1.1rem;left:.2rem;width:1.1rem}.flashcard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f080;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 #ffffff1a;cursor:pointer;margin-top:20px;min-height:320px;overflow:hidden;perspective:1000px;position:relative;scroll-margin-top:300px;transform-style:preserve-3d;transition:all .2s ease;transition:all var(--transition-normal)}.flashcard:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a;transform:translateY(-4px) scale(1.01)}.flashcard:before{background:linear-gradient(90deg,#0000,#3b82f699,#10b98199,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.flashcard-container{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:0 4px 24px #00000014!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;margin:0!important;min-height:500px!important;overflow:hidden!important;padding:0!important;width:100%!important;z-index:1}.flashcard-container:before{display:none}.dark .flashcard-container{background:#1e293b!important;background:var(--surface-dark)!important;border:none!important;box-shadow:0 4px 24px #0003!important}.dark .flashcard-section{border:none}.flashcard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.flashcard:hover .flashcard-inner{transform:scale(1.02)}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem;padding:var(--space-5);position:absolute;width:100%}.flashcard-back,.flashcard-front{background-color:#4f46e5;background-color:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);color:#fff}.flashcard-back{transform:rotateY(180deg)}.flashcard-category{background-color:#eef2ff;background-color:var(--primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#4f46e5;color:var(--primary-color);font-size:.8rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3)}.flashcard-content{align-items:stretch;gap:0;padding-top:0;text-align:left}.flashcard-actions{display:flex;justify-content:space-between;margin-top:.75rem;margin-top:var(--space-3)}.flashcard pre{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;max-width:100%;overflow-x:auto;padding:.75rem;padding:var(--space-3);text-align:left;white-space:pre}.flashcard code,.flashcard pre{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.flashcard code{background-color:#f8fafc;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary-color);font-size:.9em;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.nav-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafccc);border:1px solid #e2e8f080;border-radius:1.25rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:1.25rem;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-6);padding:1.25rem;padding:var(--space-4)}.nav-buttons{gap:.75rem;gap:var(--space-3)}.nav-buttons,.pagination{align-items:center;display:flex}.pagination{font-weight:500;gap:.5rem;gap:var(--space-2)}.pagination-info{background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);font-size:.9rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}input:checked+.switch-slider{background-color:#4f46e5;background-color:var(--primary-color)}input:checked+.switch-slider:before{transform:translateX(1.5rem)}.nav-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.flashcard-content{font-size:1.25rem;line-height:1.75}.flashcard-question{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.question-section .content{align-items:center;font-size:2rem!important;font-weight:800!important;justify-content:center;line-height:1.3!important;min-height:500px;text-align:center!important}@media (max-width:768px){.question-section .content{font-size:1.5rem!important;font-weight:700!important;justify-content:center!important;min-height:320px;padding-bottom:40px;text-align:center!important}}.question-section{box-sizing:border-box;margin-left:0;margin-right:0;margin-top:3rem!important;max-width:100%;overflow:hidden;width:100%}.flashcard-section .question-section .content{align-items:center!important;background-color:#fff!important;border:1px solid #e9ecef!important;border-radius:.75rem!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;color:#1e293b!important;color:var(--text-primary)!important;display:flex!important;font-size:2rem!important;font-weight:800!important;justify-content:center!important;line-height:1.3!important;margin:.5rem 0!important;max-width:100%!important;min-height:300px!important;overflow-wrap:break-word!important;padding:3rem!important;text-align:center!important;width:100%!important}.flashcard-main-content.windowed .flashcard-section .answer-section .content,.flashcard-main-content.windowed .flashcard-section .question-section .content,.flashcard-window.maximized .flashcard-section .answer-section .content,.flashcard-window.maximized .flashcard-section .question-section .content{flex:1 1!important;min-height:200px!important}.flashcard-answer{color:var(--text);opacity:.9}.category-tag{background-color:#4f46e5;background-color:var(--primary-color);border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-right:.5rem;padding:.25rem .75rem}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid #4f46e5;border:3px solid var(--border);border-top-color:var(--primary-color);height:24px;width:24px}@media (max-width:640px){.App{padding:1rem}.card{padding:1.5rem}.nav-controls{flex-direction:column}button{width:100%}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;margin-bottom:var(--space-5);padding-bottom:.75rem;padding-bottom:var(--space-3)}.modal-header h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;padding:var(--space-1);transition:all .15s ease;transition:all var(--transition-fast);width:2rem}.modal-close:hover{background-color:#0000000d;color:#1e293b;color:var(--text-primary)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding-top:.75rem;padding-top:var(--space-3)}.modal-footer,.settings-panel{margin-top:1.5rem;margin-top:var(--space-5)}.settings-panel{background-color:#4f46e5;background-color:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;padding:1.5rem;padding:var(--space-5)}.settings-group{margin-bottom:1.5rem}.settings-group h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.progress-bar{background-color:#e2e8f0;background-color:var(--border);border:10px solid #4f46e5;border:10px solid var(--primary-color);border-radius:9999px;height:.5rem;margin:.5rem 0;overflow:hidden}.progress-bar-fill{background-color:#4f46e5;background-color:var(--primary-color);transition:width .3s ease}.tooltip{display:inline-block;position:relative}.tooltip:hover:after{background-color:#fff;background-color:var(--card-bg);border-radius:2px;bottom:100%;box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);color:var(--text);content:attr(data-tooltip);font-size:.75rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.app{background:#f8fafc;color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.app:before{background-image:radial-gradient(circle at 25% 25%,#3b82f608 0,#0000 50%),radial-gradient(circle at 75% 75%,#10b98108 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app-loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.app-loading:before{background-image:radial-gradient(circle at 25% 25%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 75% 75%,#10b9810d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.loading-content{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left:4px solid #4f46e5;border:4px solid var(--border);border-left-color:var(--primary-color);border-radius:50%;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-left h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.user-info{color:#ffffffd9;font-size:.875rem;margin-left:1rem}.category-filter select{background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);padding:.5rem}.checkbox-filter{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.app-main{display:flex;flex:1 1;flex-direction:column;min-height:auto;overflow:visible;padding:0;width:100%}.anonymous-warning{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #ffc10733;margin:.75rem 1.25rem;margin:var(--space-3) var(--space-4);padding:0}.warning-content{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);padding:1.25rem;padding:var(--space-4)}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-text{flex:1 1;margin:0}.warning-text strong{color:#856404;display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1)}.warning-text p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.warning-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2)}.warning-dismiss-btn{background:#ffc107;border:1px solid #e0a800;border-radius:.5rem;border-radius:var(--radius-sm);color:#856404;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.warning-dismiss-btn:hover{background:#e0a800;box-shadow:0 2px 4px #0000001a;color:#6c5400;transform:translateY(-1px)}.warning-close-btn{align-items:center;background:#0000;border:1px solid #856404;border-radius:.5rem;border-radius:var(--radius-sm);color:#856404;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;line-height:1;padding:.5rem;padding:var(--space-2);transition:all .15s ease;transition:all var(--transition-fast);width:32px}.warning-close-btn:hover{background:#856404;box-shadow:0 2px 4px #0000001a;color:#fff3cd;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark .anonymous-warning{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:#ffc107}.dark .warning-text p,.dark .warning-text strong{color:#ffd54f}.dark .warning-dismiss-btn{background:#ffc107;color:#1a1a1a}.dark .warning-dismiss-btn:hover{background:#ffca28;color:#000}.dark .warning-close-btn{border-color:#ffd54f;color:#ffd54f}.dark .warning-close-btn:hover{background:#ffd54f;color:#1a1a1a}.no-cards-state{padding:3rem 1rem;text-align:center}.completion-celebration{animation:fadeIn .5s ease-out}.completion-celebration h2{font-size:2rem;margin-bottom:.5rem}.completion-celebration h3{color:#64748b;color:var(--text-secondary);font-weight:400;margin-bottom:1rem}.completion-stats{display:inline-block;text-align:left}.completion-stats p{margin:.5rem 0}.completion-stats p:first-child{font-weight:700;margin-bottom:.75rem}.no-cards-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.flashcard-area{margin:0;max-width:none;padding-bottom:0;width:100%}.card-actions{gap:1rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1.25rem;margin-top:var(--space-4);max-width:1000px;position:relative;width:100%}.card-actions .btn{align-items:center;display:flex;justify-content:center;min-width:160px;text-align:center}.flashcard-container{background:#0000;border:none;border-radius:1.25rem;border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin-bottom:1.5rem;max-height:none;min-height:500px;overflow:hidden;padding:0;position:relative}.flashcard-main-content.windowed .flashcard-container,.flashcard-window.maximized .flashcard-container{flex:1 1!important;height:auto!important;margin-bottom:0!important;max-height:none!important;min-height:auto!important}.additional-info-wrapper{box-sizing:border-box;display:block;margin:2rem -3rem 0;max-width:calc(100% + 6rem);padding:0 3rem;position:relative;width:calc(100% + 6rem)}.additional-info-dropdown{background:#0000;border:none;border-radius:0;box-sizing:border-box;margin:1rem 0 0;max-width:100%;overflow:visible;width:100%}.additional-info-header{align-items:center;background:#1e40af0d;border:1px solid #1e40af33;border-radius:.5rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;transition:background-color .15s ease;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.additional-info-header:hover{background:#1e40af33}.dropdown-icon{font-size:.8rem;transition:transform .15s ease;transition:transform var(--transition-fast)}.additional-info-dropdown[open] .dropdown-icon{transform:rotate(90deg)}.additional-info-content{word-wrap:break-word;border-radius:0;border-top:1px solid #0000001a;overflow:visible;padding:1rem 0}.additional-info-content,.additional-info-content .content{background:#0000;box-sizing:border-box;margin:0;max-width:100%;width:100%}.additional-info-content .content{border:none;min-height:auto;overflow:hidden;padding:0}.additional-info-inner{word-wrap:break-word;background-color:initial;border-radius:0;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-size:1.2rem;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;padding:1rem;width:100%}.dark .additional-info-dropdown{background:#0000;border:none}.dark .additional-info-header{background:#0ea5e9;background:var(--secondary-color);color:#fff}.dark .additional-info-header:hover{background:#1e40af33}.dark .additional-info-content{background:#0000;border-top:none}.flashcard-content{background:#fff;box-sizing:border-box;cursor:pointer!important;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:flex-start;margin:0;max-height:none;min-height:400px;overflow-y:auto;padding:0;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;width:100%!important}.flashcard-content:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.flashcard-content:active{box-shadow:0 4px 15px #00000014;transform:translateY(0)}.dark .flashcard-content:hover{box-shadow:0 8px 25px #0000004d}.dark .flashcard-content:active{box-shadow:0 4px 15px #0003}.flashcard-window.maximized .flashcard-content{position:relative!important}.flashcard-window.maximized .flashcard-content:before{bottom:0!important;content:"";left:0!important;pointer-events:none!important;position:fixed!important;right:0!important;top:0!important;transition:all .2s ease!important;z-index:-1!important}.flashcard-window.maximized .flashcard-content:hover:before{background-color:#3b82f608!important;box-shadow:inset 0 0 0 4px #3b82f633!important}.dark .flashcard-window.maximized .flashcard-content:hover:before{background-color:#3b82f60d!important;box-shadow:inset 0 0 0 4px #3b82f64d!important}.flashcard-bottom{align-items:center;background:linear-gradient(135deg,#2563ebf2,#4f46e5e6);border:3px solid #2563ebe6;border-radius:0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;margin:-3px 0 0;padding:.75rem 1rem}.edit-card-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.edit-card-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.dark .flashcard-bottom{background:linear-gradient(135deg,#1e293bf2,#2563eb4d)}.card-meta-row,.card-tags{gap:.35rem}.category-badge{background:#fff3;color:#fff;font-size:.65rem;padding:.15rem .4rem}.level-tag,.subcategory-tag{color:#fffc;font-size:.6rem;text-transform:capitalize}.card-actions{gap:.15rem;margin-left:.25rem}.action-btn{background:#ffffff1a;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;opacity:.8;padding:.2rem .35rem;transition:all .15s ease}.action-btn:hover{background:#fff3;opacity:1}.action-btn.star-btn.starred{color:#fbbf24;opacity:1}.flashcard-bottom .show-answer-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:1rem;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .15s ease;transition:all var(--transition-fast)}.flashcard-bottom .show-answer-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.shortcut-hint{background:#0003;border-radius:3px;display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;opacity:.8;padding:2px 6px;vertical-align:middle}.dark .shortcut-hint{background:#ffffff26}.flashcard-bottom .nav-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:1rem;border-radius:var(--radius-lg);color:#fff;font-weight:600;padding:.625rem 1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.flashcard-bottom .nav-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.flashcard-bottom .nav-btn:disabled{cursor:not-allowed;opacity:.4}.card-info-dropdown,.keyboard-shortcuts,.shortcuts-hint{display:none!important}.window-controls{background:#0000;display:flex;gap:6px;position:absolute;right:12px;top:22px;transform:translateY(-50%);z-index:10003}.window-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:16px;line-height:1;padding:8px 10px;transition:all .2s ease}.window-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937;transform:translateY(-1px)}.window-btn:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.dark .window-btn{background:linear-gradient(135deg,#3b82f633,#4f46e526);border-color:#ffffff26;color:#93c5fd}.dark .window-btn:hover{background:linear-gradient(135deg,#3b82f666,#4f46e54d);border-color:#3b82f680;color:#bfdbfe}.window-btn.star-btn{background:#2563eb;border-color:#2563eb;color:#ffffffb3;font-size:18px}.window-btn.star-btn:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fbbf24}.window-btn.star-btn.starred{color:#fbbf24;text-shadow:0 0 6px #fbbf2480}.window-btn.star-btn.starred:hover{color:#fcd34d}.dark .window-btn.star-btn{background:#2563eb;border-color:#2563eb;color:#fff9}.dark .window-btn.star-btn:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fbbf24}.dark .window-btn.star-btn.starred{color:#fbbf24;text-shadow:0 0 8px #fbbf2499}.flashcard-window.maximized .window-controls{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #ffffff80;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;padding:8px;position:fixed;right:16px;top:16px;z-index:10002}.dark .flashcard-window.maximized .window-controls{background:linear-gradient(135deg,#1e293bf2,#2563eb33);border-color:#ffffff1a;box-shadow:0 4px 20px #0006}.flashcard-window.maximized .window-btn{background:linear-gradient(135deg,#3b82f626,#4f46e51a);border-color:#3b82f64d;color:#4f46e5;color:var(--primary-color)}.flashcard-window.maximized .window-btn:hover{background:linear-gradient(135deg,#3b82f64d,#4f46e533);border-color:#3b82f680}.card-info-container{bottom:16px;position:absolute;right:16px;z-index:10}.card-info-button{align-items:center;background-color:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .15s ease;transition:all var(--transition-fast)}.card-info-button:hover{background-color:#4f46e5;background-color:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 4px 8px #00000026;color:#fff}.card-info-dropdown{background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 16px #00000026;margin-bottom:.5rem;min-width:200px;padding:1rem;position:absolute;right:0;z-index:100}.card-info-item{color:#1e293b;color:var(--text-primary);font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.card-info-dropdown{margin-top:.5rem;margin-top:var(--space-2)}.info-dropdown,.info-header{color:#6b7280!important}.info-header{cursor:pointer;font-weight:500}.info-content{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.5rem;margin-top:var(--space-2);min-width:280px;padding:.75rem;padding:var(--space-3)}.info-item{color:#374151!important;font-size:.9rem;line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.25rem 0}.info-item strong{color:#1f2937!important;font-weight:600;margin-right:.5rem}.card-info-item:last-child{margin-bottom:0}.card-info-item strong{color:#1e293b;color:var(--text-primary);font-weight:600;margin-right:.5rem}.dark .card-info-button{background-color:#1e293be6;color:#f1f5f9;color:var(--text-dark-primary)}.dark .card-info-button,.dark .card-info-dropdown{border-color:#334155;border-color:var(--border-dark)}.dark .card-info-dropdown{background-color:#1e293b;background-color:var(--surface-dark)}.card-action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-end}.flashcard-window.maximized .card-info-section .card-action-btn,.flashcard-window.popout .card-info-section .card-action-btn{align-items:center!important;align-self:center!important;border-radius:3px!important;box-sizing:border-box!important;display:inline-flex!important;flex-shrink:0!important;font-size:.75rem!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-width:120px!important;min-width:auto!important;overflow:hidden!important;padding:.25rem .5rem!important;position:static!important;text-overflow:ellipsis!important;white-space:nowrap!important;z-index:auto!important}.flashcard-window.maximized .card-info-section .card-action-btn.edit-btn,.flashcard-window.popout .card-info-section .card-action-btn.edit-btn{background-color:#fed7aa!important;border:1px solid #fb923c!important;box-shadow:0 1px 2px #0000000d!important;color:#c2410c!important;font-size:.75rem!important;margin-bottom:.25rem!important;margin-top:1.25rem!important;min-height:28px!important;min-width:60px!important;padding:.25rem .5rem!important}.flashcard-window.maximized .card-info-section .card-action-btn.edit-btn:hover,.flashcard-window.popout .card-info-section .card-action-btn.edit-btn:hover{background-color:#f97316!important;border-color:#ea580c!important;box-shadow:0 2px 4px #f9731633!important;color:#fff!important;transform:none!important}.card-info-section .card-action-buttons{flex-shrink:0;pointer-events:auto;position:static}.card-info-header .card-action-buttons{left:16px;pointer-events:none;position:absolute;top:8px;z-index:1}.card-action-buttons .card-action-btn{pointer-events:auto}.card-action-btn{align-items:center;background-color:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem .75rem;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.card-action-btn.edit-btn{background-color:#fed7aa;border-color:#fb923c;color:#c2410c}.card-action-btn.generate-btn{background-color:#bfdbfe;border-color:#60a5fa;color:#4f46e5;color:var(--primary-color)}.card-action-btn:hover{background-color:#4f46e5;background-color:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 4px 8px #00000026;color:#fff}.card-action-btn.edit-btn:hover{background-color:#f97316;border-color:#ea580c;box-shadow:0 4px 12px #f973164d;color:#fff;transform:translateY(-1px)}.card-action-btn.generate-btn:hover{background-color:#3b82f6;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.dark .card-action-btn{background-color:#1e293be6;border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .card-action-btn.edit-btn{background-color:#7c2d12;border-color:#9a3412;color:#fed7aa}.dark .card-action-btn.generate-btn{background-color:#1e3a8a;border-color:#4f46e5;border-color:var(--primary-color);color:#bfdbfe}.card-metadata-bottom-right{align-items:flex-end;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);bottom:.75rem;bottom:var(--space-3);color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;gap:var(--space-1);padding:.5rem;padding:var(--space-2);position:absolute;right:.75rem;right:var(--space-3);z-index:10}.card-counter{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;text-align:center}.card-info-header{align-items:flex-start;left:1rem;pointer-events:none;position:absolute;right:1rem;top:1rem;z-index:10}.card-info-header,.card-info-section{display:flex;gap:1rem;justify-content:space-between}.card-info-section{align-items:center;background-color:initial;border-radius:.75rem;border-radius:var(--radius-md);margin-top:1rem;padding:1rem 1.5rem}.card-info-header>*{pointer-events:auto}.category-badge{background:#87ceeb33;border:1px solid #87ceeb66;border-radius:.5rem;border-radius:var(--radius-sm);color:#1e40af;display:inline-block;font-size:.75rem;font-weight:600;margin:0;padding:.25rem .75rem}.card-tags{align-items:center;display:flex;flex-direction:row;gap:8px}.card-info-section .card-tags{position:static}.card-info-header .card-tags{position:absolute;right:16px;top:8px;z-index:15}.level-tag,.subcategory-tag{align-items:center;border-radius:.5rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.subcategory-tag{background:#87ceeb33;border:1px solid #87ceeb66;color:#1e40af}.dark .subcategory-tag{background:#87ceeb40;border-color:#87ceeb80;color:#93c5fd}.level-tag{border:1px solid}.level-tag[data-level=again],.level-tag[data-level=easy],.level-tag[data-level=good],.level-tag[data-level=hard],.level-tag[data-level=new]{background:#87ceeb26;border-color:#87ceeb66;color:#1e40af}.dark .level-tag[data-level=again],.dark .level-tag[data-level=easy],.dark .level-tag[data-level=good],.dark .level-tag[data-level=hard],.dark .level-tag[data-level=new]{background:#87ceeb33;border-color:#87ceeb80;color:#93c5fd}.star-toggle-btn-inline{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;line-height:1;margin-left:4px;padding:.25rem;text-shadow:0 1px 2px #0000001a;transition:all .2s ease;transition:all var(--transition-normal)}.star-toggle-btn-inline:hover{background-color:#f59e0b26;color:#f59e0b;text-shadow:0 2px 4px #f59e0b4d;transform:scale(1.15)}.star-toggle-btn-inline.starred{color:#f59e0b;text-shadow:0 2px 4px #f59e0b66}.star-toggle-btn-inline.starred:hover{background-color:#dc26261a;color:#dc2626;text-shadow:0 2px 4px #dc26264d}.dark .star-toggle-btn-inline{color:#6b7280}.dark .star-toggle-btn-inline:hover{background-color:#fbbf2433;color:#fbbf24;text-shadow:0 2px 4px #fbbf2466;transform:scale(1.15)}.dark .star-toggle-btn-inline.starred{color:#fbbf24;text-shadow:0 2px 4px #fbbf2480}.dark .star-toggle-btn-inline.starred:hover{background-color:#f8717126;color:#f87171;text-shadow:0 2px 4px #f8717166}.flashcard-section{background:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:#1f2937;cursor:pointer;flex:1 1;font-size:1.1rem;line-height:1.6;margin:0;min-height:200px;overflow-y:auto;padding:1.5rem;position:relative;transition:background .2s ease;width:100%}.flashcard-section:hover{background:#f8fafc}.flashcard-section.question-section{align-items:flex-start;background:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;padding-top:2rem;text-align:center}.flashcard-section.answer-section{background:#fff}.flashcard-section pre{background:#1e293b!important;border-radius:4px!important;color:#e2e8f0!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.9rem!important;line-height:1.5!important;margin:1rem 0!important;overflow-x:auto!important;padding:1rem!important;text-align:left!important;white-space:pre!important}.flashcard-section pre code{background:#0000!important;color:#e2e8f0!important;display:block!important;font-family:inherit!important;font-size:inherit!important;padding:0!important;white-space:pre!important}.flashcard-section code{background:#f1f5f9!important;border-radius:2px!important;color:#1e293b!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.9em!important;padding:.125rem .375rem!important}.dark .flashcard-section pre{background:#0f172a!important;border:1px solid #334155!important}.dark .flashcard-section code{background:#334155!important;color:#e2e8f0!important}.dark .flashcard-section{background:#1e293b;background:var(--surface-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .flashcard-section:hover{background:#263445}.dark .flashcard-section.question-section{background:linear-gradient(135deg,#1e293be6,#2563eb26);background:linear-gradient(135deg,var(--question-bg-dark) 0,#2563eb26 100%);color:#f1f5f9;color:var(--text-dark-primary)}.dark .flashcard-section.answer-section{background:linear-gradient(135deg,#2d2823e6,#d9770626);background:linear-gradient(135deg,var(--answer-bg-dark) 0,#d9770626 100%);color:#f1f5f9;color:var(--text-dark-primary)}.flashcard-main-content.windowed .flashcard-section,.flashcard-window.maximized .flashcard-section{display:flex;flex:1 1;flex-direction:column;min-height:300px}.dark .section-label,.section-label{display:none!important}.content{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-lg);box-sizing:border-box;color:#1e293b;color:var(--text-primary);display:block;font-size:1.125rem;height:auto;line-height:1.7;margin:0;max-width:100%;min-height:220px;overflow:visible;overflow-wrap:break-word;padding:1.5rem;position:relative;text-align:left;width:100%}.dark .content{background:#1e293b80;border-color:#ffffff1a}.question-section .content{background:#fff9;border-color:#3b82f633}.dark .question-section .content{background:#2563eb1a;border-color:#3b82f633}.answer-section .content{background:#fffbf5b3;border-color:#fbbf2433}.dark .answer-section .content{background:#d977061a;border-color:#d9770633}.answer-section{box-sizing:border-box;display:flex;flex-direction:column;height:auto!important;margin-left:0;margin-right:0;margin-top:3rem!important;max-width:100%;min-height:auto!important;overflow:visible;position:relative;width:100%}.flashcard-section .answer-section .content{background-color:#fff!important;border:1px solid #e9ecef!important;border-radius:.75rem!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;margin:.5rem 0!important;max-height:none!important;max-width:100%!important;min-height:300px!important;overflow-x:hidden!important;overflow-y:visible!important;padding:3rem!important;position:relative!important;width:100%!important}.answer-text{word-wrap:break-word;box-sizing:border-box;font-size:1.5rem;line-height:1.4;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word;padding-top:1.5rem!important;width:100%}.answer-text,.dark .content{color:#1e293b;color:var(--text-primary)}.dark .content{background-color:#374151;border-color:#4b5563}.content ol,.content ul{margin:1rem 0;padding-left:2rem}.content li{line-height:1.6;margin-bottom:.5rem}.content ul li{list-style-type:disc}.content ol li{list-style-type:decimal}.content li:last-child{margin-bottom:0}.content ol ol,.content ol ul,.content ul ol,.content ul ul{margin:.5rem 0;padding-left:1.5rem}.content ul ul li{list-style-type:circle}.content ol ol li{list-style-type:lower-alpha}.content .generated-content-section{margin:1rem 0;max-width:100%;width:100%}.content .generated-content-body ol,.content .generated-content-body ul{margin:.5rem 0;padding-left:1.5rem}.content .generated-content-body li{margin-bottom:.3rem}.content details{display:block;width:100%}.content pre{background-color:#2d3748;border-radius:4px;color:#e2e8f0;font-size:.95rem;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1.5rem}.content code,.content pre{font-family:Courier New,monospace}.content code{background-color:#e2e8f0;border-radius:2px;color:#2d3748;font-size:.9rem;padding:.2rem .4rem}.dark .content code{background-color:#4b5563;color:#e5e7eb}.content pre code{background-color:initial;color:inherit;padding:0}.content>*{max-width:100%;width:100%}.show-answer-btn{align-items:center;background-color:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin:0;padding:.5rem .75rem;transition:all .15s ease;transition:all var(--transition-fast)}.show-answer-btn:hover{background-color:#4f46e5;background-color:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 4px 8px #00000026;color:#fff}.dark .show-answer-btn{background-color:#1e293be6;border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.navigation-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0;padding:.5rem 0;width:100%}.nav-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:1rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.nav-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.card-metadata{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);font-size:.875rem;margin-top:2rem;padding-top:1rem}.card-metadata,.keyboard-hints{color:#64748b;color:var(--text-secondary)}.keyboard-hints{margin-top:1rem;text-align:center}.keyboard-hints kbd{background-color:#e2e8f0;background-color:var(--border);border-radius:.5rem;border-radius:var(--radius-sm);font-size:.75rem;padding:.125rem .25rem}.app-footer{align-items:center;background-color:#fff;background-color:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-between;margin-top:auto;padding:1rem 2rem;position:-webkit-sticky;position:sticky;width:100%;z-index:50}.footer-stats{display:flex;font-size:.875rem;gap:2rem}.footer-shortcuts,.footer-stats{color:#64748b;color:var(--text-secondary)}.footer-shortcuts{display:block;font-size:.75rem;opacity:1}.dark .app-footer{background-color:#1e293b;background-color:var(--surface-dark);border-top-color:#334155;border-top-color:var(--border-dark)}.dark .footer-shortcuts,.dark .footer-stats{color:#94a3b8;color:var(--text-dark-secondary)}.dark .footer-shortcuts kbd{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:15000}.modal-content{background-color:#fff;border-radius:1.25rem;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026;color:#1f2937;max-height:90vh;max-width:90vw;overflow-y:auto;padding:0;position:relative}.modal-header{align-items:center;background:linear-gradient(135deg,#2563ebf2,#4f46e5e6);border-bottom:none;border-radius:1.25rem 1.25rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:1.25rem 2rem;position:relative}.modal-header h2{font-weight:600;margin:0}.close-btn,.modal-header h2{color:#fff;font-size:1.25rem}.close-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:.75rem;border-radius:var(--radius-md);border-radius:4px;cursor:pointer;display:flex;height:2rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s;width:2rem}.close-btn:hover{background-color:#0000000d;color:#1e293b;color:var(--text-primary)}.dark .close-btn:hover{background-color:#ffffff1a}.flashcard-main-content.windowed{position:static}.flashcard-window{background:#fff;border:3px solid #93c5fd;border-radius:.75rem;border-radius:var(--radius-md);padding-top:44px;position:relative;transition:box-shadow .3s ease,border-radius .3s ease}.flashcard-window:before{background:#dbeafe;border-bottom:none;border-radius:.75rem .75rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:44px;left:0;position:absolute;right:0;top:0;z-index:1}.flashcard-window:after{border:3px solid #93c5fd;border-radius:.75rem;border-radius:var(--radius-md);bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px;z-index:10002}.flashcard-window.maximized{border-radius:0!important;bottom:0!important;box-shadow:none!important;flex-direction:column!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:10000!important}.flashcard-window.maximized,.flashcard-window.maximized .flashcard-container{box-sizing:border-box!important;display:flex!important;height:100%!important;width:100%!important}.flashcard-window.maximized .flashcard-container{flex:1 1 auto!important;flex-direction:column!important;max-height:100%!important;max-width:100%!important;min-height:0!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important}.flashcard-window.popout .flashcard-container{flex:1 1 auto!important;height:100%!important;margin:0!important;max-height:100%!important;min-height:100%!important;min-width:0!important;overflow:visible!important;padding:0!important;width:100%!important}.flashcard-window.popout{border:1px solid #e5e7eb!important;border-radius:3px!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;overflow:visible!important;position:relative!important;width:100%!important}.flashcard-window.maximized .flashcard-content{cursor:pointer!important;min-height:0!important;padding:0!important}.flashcard-window.maximized .flashcard-content,.flashcard-window.popout .flashcard-content{flex:1 1 auto!important;height:100vh!important;max-height:100%!important;min-width:0!important;overflow:visible!important;width:100%!important}.flashcard-window.popout .flashcard-content{box-sizing:border-box!important;padding:30px 0 0!important}.flashcard-main-content:has(.flashcard-window.maximized){max-width:none!important;overflow:visible!important;position:static!important;width:auto!important}.flashcard-main-content.has-maximized{max-width:none!important;overflow:visible!important;position:static!important;width:auto!important}body:has(.flashcard-window.maximized){margin:0!important;overflow:hidden!important;padding:0!important}body.fullscreen-mode{margin:0!important;overflow:hidden!important;padding:0!important}.window-title-bar{-webkit-app-region:drag}.window-title-bar button{-webkit-app-region:no-drag}.window-title-bar *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.resize-handle{background:#3b82f680;border:2px solid #3b82f6;pointer-events:auto;position:absolute;transition:background-color .2s ease;z-index:99999}.resize-handle:hover{background:#3b82f6cc;border-color:#1d4ed8}.resize-handle.resize-ne,.resize-handle.resize-nw,.resize-handle.resize-se,.resize-handle.resize-sw{border-radius:3px;height:16px;width:16px}.resize-handle.resize-nw{cursor:nw-resize;left:0;top:0}.resize-handle.resize-ne{cursor:ne-resize;right:0;top:0}.resize-handle.resize-sw{bottom:0;cursor:sw-resize;left:0}.resize-handle.resize-se{bottom:0;cursor:se-resize;right:0}.resize-handle.resize-n,.resize-handle.resize-s{height:8px;left:16px;right:16px}.resize-handle.resize-e,.resize-handle.resize-w{bottom:16px;top:16px;width:8px}.resize-handle.resize-n{cursor:n-resize;top:0}.resize-handle.resize-s{bottom:0;cursor:s-resize}.resize-handle.resize-e{cursor:e-resize;right:0}.resize-handle.resize-w{cursor:w-resize;left:0}.flashcard-window.popout .resize-handle{background:#94a3b8!important;border:none!important;border-radius:2px!important;height:12px!important;opacity:.3!important;position:absolute!important;width:12px!important;z-index:99999!important}.flashcard-window.popout .resize-handle:hover{background:#64748b!important;opacity:.8!important}.flashcard-window.popout .resize-handle.resize-nw{cursor:nw-resize!important}.flashcard-window.popout .resize-handle.resize-ne{cursor:ne-resize!important}.flashcard-window.popout .resize-handle.resize-sw{cursor:sw-resize!important}.flashcard-window.popout .resize-handle.resize-se{cursor:se-resize!important}.flashcard-window.popout .resize-handle.resize-n{cursor:n-resize!important}.flashcard-window.popout .resize-handle.resize-s{cursor:s-resize!important}.flashcard-window.popout .resize-handle.resize-e{cursor:e-resize!important}.flashcard-window.popout .resize-handle.resize-w{cursor:w-resize!important}body.has-popout{overflow:hidden}.flashcard-window .flashcard-content::-webkit-scrollbar,.flashcard-window>div::-webkit-scrollbar{width:12px}.flashcard-window .flashcard-content::-webkit-scrollbar-track,.flashcard-window>div::-webkit-scrollbar-track{background:#fff;background:var(--surface,#f8f9fa);border-radius:4px}.flashcard-window .flashcard-content::-webkit-scrollbar-thumb,.flashcard-window>div::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border,#d1d5db);border:2px solid #fff;border:2px solid var(--surface,#f8f9fa);border-radius:4px}.flashcard-window .flashcard-content::-webkit-scrollbar-thumb:hover,.flashcard-window>div::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary,#6b7280)}.dark .flashcard-window .flashcard-content::-webkit-scrollbar-track,.dark .flashcard-window>div::-webkit-scrollbar-track{background:#374151}.dark .flashcard-window .flashcard-content::-webkit-scrollbar-thumb,.dark .flashcard-window>div::-webkit-scrollbar-thumb{background:#6b7280;border-color:#374151}.dark .flashcard-window .flashcard-content::-webkit-scrollbar-thumb:hover,.dark .flashcard-window>div::-webkit-scrollbar-thumb:hover{background:#9ca3af}.message-bar{max-width:400px;position:fixed;right:1rem;top:1rem;z-index:1100}.success-message{background-color:#10b981;background-color:var(--success-color)}.error-message,.success-message{border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);color:#fff;margin-bottom:.5rem;padding:1rem}.error-message{background-color:#f43f5e;background-color:var(--danger-color);position:relative}.close-message{background:none;border:none;color:#fff;cursor:pointer;font-size:1.125rem;line-height:1;position:absolute;right:.5rem;top:.5rem}.loading-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.loading-overlay .loading-spinner{border-width:6px;height:60px;width:60px}.migration-banner{background:linear-gradient(135deg,#eef2ff,#0ea5e9);background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary-color) 100%);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);margin:1rem 2rem;padding:1.5rem}.migration-content{text-align:center}.migration-content h3{color:#4f46e5;color:var(--primary-color);font-size:1.25rem;margin:0 0 .5rem}.migration-content p{color:#64748b;color:var(--text-secondary);margin:0 0 1rem}.migration-actions{display:flex;gap:1rem;justify-content:center}.btn-outline{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.btn-outline:hover{background-color:#f43f5e;background-color:var(--danger-color);border-color:#f43f5e;border-color:var(--danger-color);color:#fff}.btn-outline:active{transform:translateY(1px)}.btn-warning{background-color:#f59e0b;background-color:var(--warning-color);border:1px solid #f59e0b;border:1px solid var(--warning-color);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.btn-warning:hover{background-color:#d97706;border-color:#d97706}.btn-warning:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem}.header-controls{flex-wrap:wrap;justify-content:center}.app-main{padding:1rem}.flashcard-container{padding:1.5rem}.footer-stats{gap:.5rem}.footer-stats,.navigation-controls,.no-cards-actions{flex-direction:column}.no-cards-actions{align-items:center}}.card-filter-toggle{background:#87ceeb33;border:1px solid #87ceeb66;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;display:flex;overflow:hidden}.toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#87ceeb26,#add8e61a);border:1px solid #87ceeb4d;border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#1e40af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:120px;padding:.25rem 1.5rem;padding:var(--space-1) var(--space-5);position:relative;transition:all .2s ease;transition:all var(--transition-normal);white-space:nowrap}.toggle-btn:first-child{border-bottom-right-radius:0;border-right:1px solid #e2e8f0;border-right:1px solid var(--border);border-top-right-radius:0}.toggle-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.toggle-btn:hover{background:linear-gradient(135deg,#87ceeb40,#add8e626);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#1e40af;transform:translateY(-1px)}.toggle-btn.active{background:#1e40af;border-color:#1e40af;box-shadow:0 4px 6px -1px #1e40af66,0 2px 4px -1px #1e40af33;font-weight:700}.toggle-btn.active:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px)}.dark .toggle-btn{background:linear-gradient(135deg,#87ceeb33,#add8e61a);border-color:#87ceeb80;color:#93c5fd}.dark .toggle-btn:hover{background:linear-gradient(135deg,#87ceeb4d,#add8e633);color:#93c5fd}.dark .toggle-btn.active{background:#1e40af;border-color:#1e40af;box-shadow:0 4px 12px #1e40af99;color:#fff}.dark .toggle-btn.active:hover{background:#1d4ed8;color:#fff}.toggle-btn.star-toggle,.toggle-btn.star-toggle.active,.toggle-btn.star-toggle.active:hover,.toggle-btn.star-toggle:hover{border-radius:.5rem!important;border-radius:var(--radius-sm)!important;font-size:1.5rem!important;min-width:120px;padding:.25rem 1.5rem;padding:var(--space-1) var(--space-5)}.review-buttons{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);margin-top:2rem;margin-top:var(--space-6);min-width:300px;padding:2rem;padding:var(--space-6)}.review-buttons .section-label{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--space-4);text-align:center}.review-button-group{grid-gap:1.5rem;grid-gap:var(--space-5);display:grid;gap:1.5rem;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.review-button-grid{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;gap:var(--space-2);justify-content:center;margin:0 auto;max-width:100%}.review-button-grid .review-btn{flex:1 1;max-width:95px;min-height:65px;min-width:75px}.review-btn{align-items:center;border:none;border-radius:4px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px;justify-content:center;min-height:70px;min-width:80px;padding:12px 16px;position:relative;transition:all .2s ease}.review-btn:hover{box-shadow:0 6px 16px #00000040;transform:translateY(-3px)}.review-btn:active{box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.review-btn .btn-number{align-items:center;background-color:#00000040;border-radius:3px;color:#fffffff2;display:flex;font-size:.65rem;font-weight:700;justify-content:center;left:6px;min-height:16px;min-width:16px;padding:2px 5px;position:absolute;top:6px}.review-btn .btn-emoji{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.6rem;margin-bottom:2px}.review-btn .btn-text{color:#fff;font-size:.85rem;font-weight:700;margin-bottom:0;text-shadow:0 1px 2px #0003}.review-buttons-below-card{display:flex;gap:12px;justify-content:center;margin-top:12px;padding:16px 0}.review-buttons-below-card .review-btn{flex:0 1 auto;min-height:65px;min-width:80px;padding:10px 14px}.review-buttons-below-card .btn-emoji{font-size:1.4rem}.review-buttons-below-card .btn-text{font-size:.8rem}.review-buttons-below-card .btn-number{font-size:.6rem;left:5px;min-height:15px;min-width:15px;padding:2px 4px;top:5px}.review-btn .btn-shortcut{background:#64748b;background:var(--text-secondary);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;color:var(--surface);font-size:.8rem;font-weight:700;min-width:18px;padding:3px 8px;position:absolute;right:.5rem;right:var(--space-2);text-align:center;top:.25rem;top:var(--space-1)}.again-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.again-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.again-btn .btn-text,.hard-btn{color:#fff}.hard-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.hard-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.good-btn,.hard-btn .btn-text{color:#fff}.good-btn{background:linear-gradient(135deg,#10b981,#059669)}.good-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.easy-btn,.good-btn .btn-text{color:#fff}.easy-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.easy-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.easy-btn .btn-text{color:#fff}.dark .review-buttons-below-card{background:#0000}.dark .review-btn{box-shadow:0 2px 8px #0000004d}.dark .review-btn:hover{box-shadow:0 6px 16px #0006}.dark .flashcard-bottom{background:linear-gradient(135deg,#1e293bf2,#334155e6);border-top:1px solid #ffffff1a}.dark .nav-btn{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.dark .nav-btn:hover:not(:disabled){background:#3b82f64d;color:#bfdbfe}.dark .show-answer-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dark .edit-card-btn{background:#ffffff1a;color:#e5e7eb}.dark .edit-card-btn:hover{background:#fff3}@media (max-width:768px){.review-button-group{gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.review-button-grid{gap:.5rem;gap:var(--space-2);padding:0 .5rem;padding:0 var(--space-2)}.review-button-grid .review-btn{font-size:.85rem;max-width:90px;min-height:70px;min-width:75px}.review-btn{font-size:.85rem;min-height:70px;padding:.5rem;padding:var(--space-2)}.review-btn .btn-emoji{font-size:1.3rem}.review-btn .btn-text{font-size:.8rem}.card-filter-toggle{flex-direction:column}.toggle-btn:first-child{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-right:none}.toggle-btn{font-size:.8rem;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4)}}.settings-modal{background:#f8fafc;border:3px solid #2563eb!important;border-radius:8px;max-height:85vh;max-width:550px;overflow-y:auto;padding:0;width:90%}.settings-modal .modal-header{background:#2563eb;border-bottom:none;color:#fff;padding:16px 20px}.settings-modal .modal-header h2{color:#fff;font-size:1.25rem;margin:0}.settings-modal .modal-header .close-btn{color:#fff;opacity:.8}.settings-modal .modal-header .close-btn:hover{opacity:1}.settings-modal .modal-body{padding:16px}.settings-modal .modal-actions{background:#f1f5f9;border-top:1px solid #e2e8f0;padding:12px 16px}.dark .settings-modal{background:#1e293b}.dark .settings-modal .modal-header{background:#1e40af}.dark .settings-modal .modal-actions{background:#0f172a;border-top-color:#334155}.settings-content{padding:1.25rem;padding:var(--space-4)}.invite-section{margin-top:.75rem;margin-top:var(--space-3)}.invite-description{color:#64748b;color:var(--text-secondary);font-size:.95rem;margin-bottom:1.25rem;margin-bottom:var(--space-4)}.share-options{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-5)}.share-option{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);padding:1.25rem;padding:var(--space-4)}.share-option h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.share-description{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.share-btn{font-size:.95rem;font-weight:600;padding:.75rem;padding:var(--space-3);width:100%}.social-buttons{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.btn-social{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:.15s ease;transition:var(--transition-fast)}.btn-social.twitter{background:#1da1f2;border-color:#1da1f2;color:#fff}.btn-social.twitter:hover{background:#1991db}.btn-social.facebook{background:#1877f2;border-color:#1877f2;color:#fff}.btn-social.facebook:hover{background:#166fe5}.btn-social.linkedin{background:#0077b5;border-color:#0077b5;color:#fff}.btn-social.linkedin:hover{background:#006ba1}.btn-social.reddit{background:#ff4500;border-color:#ff4500;color:#fff}.btn-social.reddit:hover{background:#e63e00}.dark .share-option{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .share-option h4{color:#f1f5f9;color:var(--text-dark-primary)}.dark .invite-description,.dark .share-description{color:#94a3b8;color:var(--text-dark-secondary)}@media (max-width:768px){.social-buttons{grid-template-columns:1fr 1fr}}.feedback-section{margin-top:.75rem;margin-top:var(--space-3)}.feedback-form{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.feedback-label{font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.feedback-label,.feedback-textarea{color:#1e293b;color:var(--text-primary)}.feedback-textarea{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;line-height:1.5;padding:.75rem;padding:var(--space-3);resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.feedback-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.feedback-textarea:disabled{cursor:not-allowed;opacity:.6}.feedback-char-count{color:#64748b;color:var(--text-secondary);font-size:.8rem;margin-top:-.25rem;margin-top:calc(var(--space-1)*-1);text-align:right}.feedback-status{animation:slideIn .3s ease;border-radius:.75rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;padding:.75rem;padding:var(--space-3)}.feedback-status.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.feedback-status.error{background:#ef44441a;border:1px solid #ef444433;color:#f43f5e;color:var(--danger-color)}.feedback-note{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:0;padding:.75rem;padding:var(--space-3);text-align:center}.feedback-note small{color:#64748b;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.dark .feedback-textarea{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .feedback-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.dark .feedback-note{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.csv-paste-section{background:linear-gradient(135deg,#eef2ff,#f8fafc);background:linear-gradient(135deg,var(--primary-light),var(--background));border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);margin-bottom:1.25rem;margin-bottom:var(--space-4);padding:1.5rem;padding:var(--space-5)}.csv-input-area{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.csv-textarea{background:#fff;background:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.4;min-height:200px;padding:.75rem;padding:var(--space-3);resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.csv-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.csv-textarea:disabled{cursor:not-allowed;opacity:.6}.csv-textarea::placeholder{color:#64748b;color:var(--text-secondary);font-size:.85rem}.csv-char-count{color:#64748b;color:var(--text-secondary);font-size:.8rem;margin-top:-.25rem;margin-top:calc(var(--space-1)*-1);text-align:right}.csv-import-btn{align-items:center;align-self:flex-start;display:flex;gap:.5rem;gap:var(--space-2)}.csv-format-info{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin-top:.5rem;margin-top:var(--space-2);padding:1.25rem;padding:var(--space-4)}.csv-format-info h4{color:#4f46e5;color:var(--primary-color);font-size:.95rem;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.csv-format-info ul{margin:0;padding-left:1.25rem;padding-left:var(--space-4)}.csv-format-info li{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem;margin-bottom:var(--space-1)}.section-divider{align-items:center;display:flex;margin:2rem 0;margin:var(--space-6) 0;position:relative;text-align:center}.section-divider:after,.section-divider:before{background:#e2e8f0;background:var(--border);content:"";flex:1 1;height:1px}.section-divider span{background:#f8fafc;background:var(--background);color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:0 1.25rem;padding:0 var(--space-4)}.dark .csv-paste-section{background:linear-gradient(135deg,#4f46e51a,#1e293b);background:linear-gradient(135deg,#4f46e51a,var(--surface-dark))}.dark .csv-paste-section,.dark .csv-textarea{border-color:#334155;border-color:var(--border-dark)}.dark .csv-textarea{background:#0f172a;background:var(--background-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .csv-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.dark .csv-format-info{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .section-divider:after,.dark .section-divider:before{background:#334155;background:var(--border-dark)}.dark .section-divider span{background:#1e293b;background:var(--surface-dark)}.settings-section{border:2px solid #2563eb;border-radius:.75rem;border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.settings-section:last-child{margin-bottom:0}.section-toggle-btn{align-items:center;background:#dbeafe;border:none;cursor:pointer;display:flex;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.section-toggle-btn:hover{background:#bfdbfe}.section-icon{font-size:1.2rem}.section-title{color:#1e40af;flex:1 1;font-size:1rem;font-weight:600}.section-arrow{color:#3b82f6;font-size:.8rem}.section-content{background:#fff;padding:12px 16px}.dark .section-toggle-btn{background:#1e3a5f}.dark .section-toggle-btn:hover{background:#1e40af}.dark .section-title{color:#93c5fd}.dark .section-arrow{color:#60a5fa}.dark .section-content{background:#1e293b;background:var(--surface-dark)}.theme-toggle-row{align-items:center;display:flex;gap:12px;justify-content:center}.settings-section h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--space-4)}.setting-item{margin-bottom:.75rem;margin-bottom:var(--space-3)}.setting-label{align-items:center;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;gap:var(--space-2)}.setting-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.setting-value{color:#64748b;color:var(--text-secondary);font-weight:500}.account-info{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:1.25rem;gap:var(--space-4);justify-content:space-between;padding:1.25rem;padding:var(--space-4)}.account-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--space-2)}.account-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--space-2) 0}.account-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.account-value{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.rating-statistics{margin-top:1.5rem;margin-top:var(--space-5);padding:1.25rem;padding:var(--space-4)}.rating-statistics,.rating-statistics-horizontal{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md)}.rating-statistics-horizontal{margin-top:.75rem;margin-top:var(--space-3);padding:.75rem;padding:var(--space-3)}.rating-statistics-horizontal .rating-stats-title{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.rating-stats-horizontal-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.rating-statistics-horizontal .rating-stat-item{align-items:center;background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:.25rem;gap:var(--space-1);min-width:auto;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.rating-statistics-horizontal .rating-stat-item .rating-emoji{font-size:1.2rem}.rating-statistics-horizontal .rating-stat-item .rating-label{color:#64748b;color:var(--text-secondary);font-size:.85rem}.rating-statistics-horizontal .rating-stat-item .rating-count{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rating-statistics-horizontal .rating-stats-summary{align-items:center;display:flex;gap:1.25rem;gap:var(--space-4);margin-left:auto}.rating-statistics-horizontal .summary-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.rating-stats-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-2)}.rating-stats-grid,.rating-stats-title{margin-bottom:1.25rem;margin-bottom:var(--space-4)}.rating-stats-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.rating-stat-item{align-items:center;background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.rating-stat-item:hover{box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.rating-emoji{font-size:1.5rem}.rating-emoji,.rating-label{margin-bottom:.25rem;margin-bottom:var(--space-1)}.rating-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:capitalize}.rating-count{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700}.rating-stat-item.new{border-color:#0ea5e9;border-color:var(--secondary-color)}.rating-stat-item.again{border-color:#f43f5e;border-color:var(--danger-color)}.rating-stat-item.hard{border-color:#f59e0b;border-color:var(--warning-color)}.rating-stat-item.good{border-color:#10b981;border-color:var(--success-color)}.rating-stat-item.easy{border-color:#0ea5e9;border-color:var(--secondary-color)}.rating-stats-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:1.25rem;gap:var(--space-4);justify-content:space-between;padding-top:.75rem;padding-top:var(--space-3)}.summary-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.summary-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500}.summary-value{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700}.dark .rating-statistics,.dark .rating-statistics-horizontal{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border)}.dark .rating-stat-item{background:#f8fafc;background:var(--background)}.dark .rating-stat-item,.dark .rating-stats-summary{border-color:#e2e8f0;border-color:var(--border)}@media (max-width:768px){.rating-stats-grid{gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.rating-stat-item{padding:.5rem;padding:var(--space-2)}.rating-emoji{font-size:1.25rem}.rating-count{font-size:1rem}.rating-stats-summary{flex-direction:column;gap:.5rem;gap:var(--space-2)}}.toggle-setting{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1.25rem;padding:var(--space-4)}.toggle-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.toggle-label{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.toggle-description{color:#64748b;color:var(--text-secondary);font-size:.875rem}.theme-toggle{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.theme-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap}.theme-label.light{color:#f59e0b;color:var(--warning-color)}.theme-label.dark{color:#4f46e5;color:var(--primary-color)}.toggle-switch{background:#e2e8f0;background:var(--border);border:none;border-radius:4px;cursor:pointer;height:30px;outline:none;padding:0;position:relative;transition:all .2s ease;transition:all var(--transition-normal);width:60px}.toggle-switch:hover{box-shadow:0 0 0 4px #3b82f61a}.toggle-switch.light{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.toggle-switch.dark{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:3px;position:absolute;top:3px;transition:all .2s ease;transition:all var(--transition-normal);width:24px}.toggle-switch.dark .toggle-slider{transform:translateX(30px)}.toggle-switch.light .toggle-slider{transform:translateX(0)}.dark .toggle-switch{background:#334155;background:var(--border-dark)}.dark .toggle-switch.light{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.dark .toggle-switch.dark{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.fsrs-section .section-description{color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;margin-bottom:var(--space-4)}.param-group{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--space-5);padding:1.25rem;padding:var(--space-4)}.param-group h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.param-group h4,.param-item{margin-bottom:.75rem;margin-bottom:var(--space-3)}.param-item label{color:#64748b;color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:.25rem;margin-bottom:var(--space-1)}.param-item input[type=number]{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:.5rem;padding:var(--space-2);width:100%}.param-item input[type=number]:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.w-param-grid{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:.5rem;margin-top:var(--space-2)}.w-param-input{display:flex;flex-direction:column}.w-param-input label{font-size:.75rem;margin-bottom:2px}.w-param-input input{font-size:.75rem;padding:.25rem;padding:var(--space-1)}.unsaved-changes-warning{background:#f59e0b;background:var(--warning-color);bottom:0;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;padding:var(--space-2) var(--space-4);position:-webkit-sticky;position:sticky;text-align:center}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.category-filter,.level-filter,.subcategory-filter{align-items:center;display:flex;min-width:120px}.category-select,.level-select,.subcategory-select{background:#87ceeb1a;border:1px solid #87ceeb66;border-radius:.5rem;border-radius:var(--radius-sm);color:#1e40af;cursor:pointer;font-size:.875rem;max-height:200px;min-width:120px;overflow-y:auto;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);scrollbar-color:#e2e8f0 #fff;scrollbar-color:var(--border) var(--surface);scrollbar-width:thin;transition:all .15s ease;transition:all var(--transition-fast)}.category-select::-webkit-scrollbar,.level-select::-webkit-scrollbar,.subcategory-select::-webkit-scrollbar{width:6px}.category-select::-webkit-scrollbar-track,.level-select::-webkit-scrollbar-track,.subcategory-select::-webkit-scrollbar-track{background:#fff;background:var(--surface);border-radius:3px}.category-select::-webkit-scrollbar-thumb,.level-select::-webkit-scrollbar-thumb,.subcategory-select::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}.category-select::-webkit-scrollbar-thumb:hover,.level-select::-webkit-scrollbar-thumb:hover,.subcategory-select::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary)}.dark .category-select,.dark .level-select,.dark .subcategory-select{background:#87ceeb26;border-color:#87ceeb80;color:#93c5fd;scrollbar-color:#334155 #1e293b;scrollbar-color:var(--border-dark) var(--surface-dark)}.dark .category-select::-webkit-scrollbar-track,.dark .level-select::-webkit-scrollbar-track,.dark .subcategory-select::-webkit-scrollbar-track{background:#1e293b;background:var(--surface-dark)}.dark .category-select::-webkit-scrollbar-thumb,.dark .level-select::-webkit-scrollbar-thumb,.dark .subcategory-select::-webkit-scrollbar-thumb{background:#334155;background:var(--border-dark)}.dark .category-select::-webkit-scrollbar-thumb:hover,.dark .level-select::-webkit-scrollbar-thumb:hover,.dark .subcategory-select::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-dark-secondary)}.category-select:hover,.level-select:hover,.subcategory-select:hover{background:#87ceeb26;border-color:#87ceeb99}.category-select:focus,.level-select:focus,.subcategory-select:focus{border-color:#87ceeb99;box-shadow:0 0 0 2px #87ceeb4d;outline:none}.level-select:disabled,.subcategory-select:disabled{cursor:not-allowed;opacity:.6}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:1.25rem;gap:var(--space-4);justify-content:flex-end;margin-top:2rem;margin-top:var(--space-6);padding-top:1.25rem;padding-top:var(--space-4)}.form-actions .btn{flex:1 1;font-weight:600;max-width:150px;min-width:120px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4);text-align:center}.file-format-info{font-size:.9rem}.format-example{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:1.25rem 0;margin:var(--space-4) 0;padding:1.25rem;padding:var(--space-4)}.format-example h4{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.format-example ul{list-style:disc;margin:0;padding-left:1.5rem;padding-left:var(--space-5)}.format-example li{color:#64748b;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--space-2)}.format-example li strong{color:#4f46e5;color:var(--primary-color);font-weight:600}.code-block{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;padding:.75rem;padding:var(--space-3);white-space:pre}.format-notes{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.75rem;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-4);padding:1.25rem;padding:var(--space-4)}.dark .format-notes{background:#4f46e51a;border-color:#4f46e54d}.format-notes h4{color:#4f46e5;color:var(--primary-color);font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.format-notes ul{list-style:none;margin:0;padding:0}.format-notes li{color:#64748b;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--space-2)}.api-keys-info{font-size:.9rem}.provider-selection{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:1.25rem 0;margin:var(--space-4) 0;padding:1.25rem;padding:var(--space-4)}.provider-selection h4{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.provider-select{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);width:100%}.provider-options{flex-direction:column}.provider-option,.provider-options{display:flex;gap:.75rem;gap:var(--space-3)}.provider-option{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.provider-option:hover{background:#4f46e50d;border-color:#4f46e5;border-color:var(--primary-color)}.provider-option input[type=radio]{accent-color:#4f46e5;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.provider-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1)}.provider-info strong{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600}.provider-info span{color:#64748b;color:var(--text-secondary);font-size:.8rem}.provider-select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.api-keys-grid{grid-gap:1.25rem;grid-gap:var(--space-4);display:grid;gap:1.25rem;gap:var(--space-4);margin:1.25rem 0;margin:var(--space-4) 0}.api-key-item{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);padding:1.25rem;padding:var(--space-4)}.api-key-item label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.provider-icon{font-size:1.2rem}.api-key-input{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-family:Monaco,Consolas,monospace;font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);width:100%}.api-key-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.api-key-input::placeholder{color:#64748b;color:var(--text-secondary);opacity:.7}.api-key-hint{color:#64748b;color:var(--text-secondary);display:block;font-size:.75rem;font-style:italic;margin-top:.25rem;margin-top:var(--space-1)}.api-keys-notes{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.75rem;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-4);padding:1.25rem;padding:var(--space-4)}.dark .api-keys-notes{background:#4f46e51a;border-color:#4f46e54d}.api-keys-notes h4{color:#4f46e5;color:var(--primary-color);font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.api-keys-notes ul{list-style:none;margin:0;padding:0}.api-keys-notes li{color:#64748b;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--space-2)}.api-keys-actions{display:flex;justify-content:flex-end;margin-top:1.25rem;margin-top:var(--space-4)}.generate-modal{max-height:90vh;max-width:700px;overflow-y:auto}.generate-content{padding:1.25rem;padding:var(--space-4)}.input-step{text-align:center}.current-card-preview{margin-bottom:2rem;margin-bottom:var(--space-6)}.current-card-preview h3{color:#64748b;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.25rem;margin-bottom:var(--space-4)}.card-preview{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);padding:1.5rem;padding:var(--space-5);text-align:left}.preview-answer,.preview-question{line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.preview-answer strong,.preview-question strong{color:#4f46e5;color:var(--primary-color);font-weight:600}.generation-info{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.75rem;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-4);padding:1.25rem;padding:var(--space-4)}.dark .generation-info{background:#4f46e51a;border-color:#4f46e54d}.generation-info p{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:0}.generation-info p:first-child{margin-bottom:.5rem;margin-bottom:var(--space-2)}.generating-step{padding:2.5rem 1.25rem;padding:var(--space-8) var(--space-4);text-align:center}.generating-step h3{color:#4f46e5;color:var(--primary-color);margin:1.25rem 0 .5rem;margin:var(--space-4) 0 var(--space-2)}.generating-step p{color:#64748b;color:var(--text-secondary);margin:0}.results-step h3{color:#1e293b;color:var(--text-primary);font-size:1.2rem;margin-bottom:1.5rem;margin-bottom:var(--space-5)}.questions-list{max-height:400px;overflow-y:auto}.question-item,.questions-list{margin-bottom:1.25rem;margin-bottom:var(--space-4)}.question-item{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease;transition:all var(--transition-normal)}.question-item:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 1px #4f46e533}.question-checkbox{grid-gap:.75rem;grid-gap:var(--space-3);align-items:start;background:#fff;background:var(--card-bg);cursor:pointer;display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:auto 1fr;padding:1.25rem;padding:var(--space-4);transition:background-color .15s ease;transition:background-color var(--transition-fast)}.question-checkbox:hover{background:#4f46e505}.dark .question-checkbox:hover{background:#4f46e50d}.question-checkbox input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--primary-color);margin:.25rem 0 0;margin:var(--space-1) 0 0 0;transform:scale(1.2)}.question-content{min-width:0;width:100%}.answer-text,.question-text{line-height:1.5;margin-bottom:.75rem;margin-bottom:var(--space-3);padding-top:1.5rem!important}.question-text{color:#1e293b!important;color:var(--text-primary)!important;font-size:2.4rem!important;font-weight:700!important;text-align:center!important}.answer-text strong,.question-text strong{color:#4f46e5;color:var(--primary-color);font-weight:600}.reasoning-text{background:#4f46e508;border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.dark .reasoning-text{background:#4f46e514}.section-header-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.section-header-with-button h3{margin:0}.section-header-with-checkbox{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.checkbox-container{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.checkbox-container input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.checkbox-container label{align-items:center;cursor:pointer;display:flex;margin:0}.checkbox-container label h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin:0}.btn-info{background:#0ea5e9;background:var(--secondary-color);color:#fff}.btn-info:hover{background:#0284c7;background:var(--secondary-hover)}.btn-small{font-size:.875rem;padding:.375rem .75rem}.fsrs-explanation{animation:fadeIn .2s ease;animation:fadeIn var(--transition-normal);background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--space-6);padding:2rem;padding:var(--space-6)}.dark .fsrs-explanation{background:#0f172a;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark)}.fsrs-explanation h4{color:#4f46e5;color:var(--primary-color);font-size:1.25rem;margin-bottom:1.5rem;margin-bottom:var(--space-5);text-align:center}.explanation-section{margin-bottom:2rem;margin-bottom:var(--space-6)}.explanation-section h5{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.1rem;gap:.5rem;gap:var(--space-2)}.explanation-section h5,.explanation-section p{margin-bottom:.75rem;margin-bottom:var(--space-3)}.explanation-section p{color:#64748b;color:var(--text-secondary);line-height:1.6}.formula-box{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);margin:.75rem 0;margin:var(--space-3) 0;padding:1.25rem;padding:var(--space-4)}.dark .formula-box{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.formula-box code{background:#4f46e50d;border-radius:.5rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary-color);display:block;font-family:Monaco,Consolas,monospace;font-size:.9rem;margin:.5rem 0;margin:var(--space-2) 0;overflow-x:auto;padding:.75rem;padding:var(--space-3)}.dark .formula-box code{background:#4f46e51a}.formula-box ul{margin:.5rem 0;margin:var(--space-2) 0;padding-left:1.5rem;padding-left:var(--space-5)}.formula-box li{color:#64748b;color:var(--text-secondary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.interval-table{background:#fff;background:var(--surface);border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);margin:.75rem 0;margin:var(--space-3) 0;overflow:hidden;width:100%}.dark .interval-table{background:#1e293b;background:var(--surface-dark)}.interval-table td,.interval-table th{border:1px solid #e2e8f0;border:1px solid var(--border);padding:.75rem;padding:var(--space-3);text-align:center}.interval-table th{background:#eef2ff;background:var(--primary-light);color:#4f46e5;color:var(--primary-color);font-weight:600}.dark .interval-table th{background:#4f46e533}.interval-table td{color:#64748b;color:var(--text-secondary)}.interval-table tr:nth-child(2n){background:#00000005}.dark .interval-table tr:nth-child(2n){background:#ffffff05}.rating-impact{grid-gap:1.25rem;grid-gap:var(--space-4);display:grid;gap:1.25rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.25rem 0;margin:var(--space-4) 0}.rating-box{background:#ffffff80;border:2px solid;border-radius:.75rem;border-radius:var(--radius-md);padding:1.25rem;padding:var(--space-4)}.dark .rating-box{background:#0000004d}.rating-box h6{align-items:center;display:flex;font-size:1rem;gap:.5rem;gap:var(--space-2);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.rating-box ul{font-size:.875rem;margin:0;padding-left:1.25rem;padding-left:var(--space-4)}.rating-box li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.rating-box.again{background-color:#ef44440d;border-color:#f43f5e;border-color:var(--danger-color);color:#f43f5e;color:var(--danger-color)}.dark .rating-box.again{background-color:#ef44441a}.rating-box.hard{background-color:#f59e0b0d;border-color:#f59e0b;border-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.dark .rating-box.hard{background-color:#f59e0b1a}.rating-box.good{background-color:#10b9810d;border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.dark .rating-box.good{background-color:#10b9811a}.rating-box.easy{background-color:#0ea5e90d;border-color:#0ea5e9;border-color:var(--secondary-color);color:#0ea5e9;color:var(--secondary-color)}.dark .rating-box.easy{background-color:#0ea5e91a}.parameter-list{margin:1.25rem 0;margin:var(--space-4) 0}.parameter-list dt{color:#1e293b;color:var(--text-primary);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1);margin-top:.75rem;margin-top:var(--space-3)}.parameter-list dd{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem 1.25rem;margin:0 0 var(--space-3) var(--space-4)}.explanation-section.tips{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.75rem;border-radius:var(--radius-md);padding:1.25rem;padding:var(--space-4)}.dark .explanation-section.tips{background:#4f46e51a;border-color:#4f46e54d}.explanation-section.tips ul{margin:0;padding-left:1.5rem;padding-left:var(--space-5)}.explanation-section.tips li{color:#64748b;color:var(--text-secondary);margin-bottom:.5rem;margin-bottom:var(--space-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generate-modal .modal-actions{gap:1.25rem;gap:var(--space-4)}.generate-modal .modal-actions .btn{align-items:center;display:flex;justify-content:center;min-width:180px;text-align:center}.manage-cards-modal{max-height:90vh;max-width:1000px;width:95%}.manage-cards-stats{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:1.25rem;gap:var(--space-4);margin-bottom:1.25rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-value{color:#1e293b;color:var(--text-primary);font-size:1.2rem;font-weight:700}.manage-cards-filters{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:1.25rem;margin-bottom:var(--space-4)}.search-input{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:200px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.search-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-select{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.filter-select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.manage-cards-content{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);max-height:60vh;min-height:400px;overflow-y:auto;padding:.75rem;padding:var(--space-3)}.cards-list{display:flex;flex-direction:column;gap:.5rem}.card-item{align-items:flex-start;background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:8px;min-height:60px;padding:.75rem;transition:all .2s ease}.card-item.inactive{background-color:#f8fafc;background-color:var(--background);opacity:.6}.card-item:hover{border-color:#4f46e5;border-color:var(--primary-color)}.card-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow:hidden}.card-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.card-answer,.card-question{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-answer strong,.card-question strong{font-size:.75rem;margin-right:.25rem}.card-meta{display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;margin-top:.25rem}.card-due-date,.card-meta-row{align-items:center;display:flex;gap:.5rem}.card-due-date{background-color:#f8fafc;background-color:var(--background);border-radius:.5rem;border-radius:var(--radius-sm);margin-top:.25rem;padding:.25rem .5rem}.due-label{color:#64748b;color:var(--text-secondary);font-weight:600}.due-value{color:#4f46e5;color:var(--primary-color);font-weight:500}.card-due-date.overdue{background-color:#ef44441a;border:1px solid #ef44444d}.card-due-date.overdue .due-value,.overdue-indicator{color:#f43f5e;color:var(--danger-color)}.overdue-indicator{font-size:.75rem;font-weight:600;margin-left:auto}.card-item.overdue{background-color:#ef44440d;border-color:#ef44444d}.card-separator{opacity:.5}.card-actions{flex-shrink:0}.toggle-btn.active,.toggle-btn.inactive{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;min-width:40px;padding:.25rem .5rem;transition:all .2s ease}.toggle-btn.active{background-color:#10b981;background-color:var(--success-color);color:#fff}.toggle-btn.inactive{background-color:#f59e0b;background-color:var(--warning-color);color:#fff}.toggle-btn:hover{opacity:.8}.bulk-actions{display:flex;gap:1rem}.no-cards-message{color:#64748b;color:var(--text-secondary);padding:3rem;text-align:center}@media (max-width:768px){.manage-cards-modal{max-width:100vw;width:100vw}.manage-cards-filters{flex-direction:column}.manage-cards-stats{flex-direction:row;font-size:.875rem;gap:1rem}.stat-value{font-size:1.25rem}.card-content{gap:.5rem;grid-template-columns:1fr}.card-item{padding:.5rem}.card-actions{margin:0;position:absolute;right:.5rem;top:.5rem}.manage-cards-content{height:calc(90vh - 400px)}}.modal-overlay.dark .modal-content:not(.flashcard-form-modal):not(.manage-cards-modal):not(.ai-modal-content){background:#4f46e5;background:var(--primary-color);color:#fff}.flashcard-form-modal,.modal-overlay .flashcard-form-modal,.modal-overlay.dark .flashcard-form-modal{background:#f8fafc!important;border:3px solid #2563eb!important;border-radius:0!important;color:#1f2937!important;display:flex!important;flex-direction:column!important;max-height:90vh!important;max-width:700px;overflow:visible!important;padding:0!important;width:95%}.flashcard-form-modal .modal-header{background:#2563eb!important;border-bottom:none!important;border-radius:0!important;color:#fff!important;margin:0!important;padding:14px 20px!important}.flashcard-form-modal .modal-header h2{color:#fff!important;font-size:1.2rem!important;margin:0!important}.flashcard-form-modal .modal-header .close-btn{color:#fff!important;font-size:1.5rem;opacity:.8}.flashcard-form-modal .modal-header .close-btn:hover{opacity:1}.flashcard-form-modal .modal-body{background:#fff!important;flex:1 1 auto!important;max-height:calc(90vh - 140px)!important;min-height:0!important;overflow-y:auto!important;padding:20px!important}.flashcard-form-modal .flashcard-form{display:flex;flex-direction:column;gap:0}.flashcard-form-modal .form-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;margin-bottom:16px!important;padding:12px}.flashcard-form-modal .form-group label{color:#1e40af!important;display:block;font-size:.9rem!important;font-weight:600!important;margin-bottom:6px!important}.flashcard-form-modal input,.flashcard-form-modal select,.flashcard-form-modal textarea{background:#fff!important;border:2px solid #cbd5e1!important;border-radius:0!important;box-sizing:border-box;color:#1f2937!important;font-size:.95rem!important;padding:10px 12px!important;width:100%}.flashcard-form-modal input:focus,.flashcard-form-modal select:focus,.flashcard-form-modal textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important;outline:none!important}.flashcard-form-modal .form-textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.flashcard-form-modal .form-textarea.error{border-color:#dc2626!important}.flashcard-form-modal .form-actions,.flashcard-form-modal .modal-actions{background:#f1f5f9!important;border-top:1px solid #e2e8f0!important;display:flex;flex-shrink:0!important;gap:10px;justify-content:space-between;padding:14px 20px!important;z-index:10!important}.flashcard-form-modal .form-actions-left,.flashcard-form-modal .form-actions-right{display:flex;gap:10px}.flashcard-form-modal .btn{border-radius:0!important;font-size:.9rem!important;font-weight:600!important;padding:10px 20px!important}.flashcard-form-modal .btn-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.flashcard-form-modal .btn-primary:hover{background:#1d4ed8!important}.flashcard-form-modal .btn-secondary{background:#64748b!important;border-color:#64748b!important;color:#fff!important}.flashcard-form-modal .quill{background:#fff!important;border:2px solid #cbd5e1!important;border-radius:0!important}.flashcard-form-modal .ql-toolbar{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important}.flashcard-form-modal .ql-container{border-radius:0!important;min-height:120px}.flashcard-form-modal .content-preview{background:#fff;border:2px solid #cbd5e1;border-radius:0;color:#1f2937;font-size:.95rem;line-height:1.6;max-height:300px;min-height:120px;overflow-y:auto;padding:12px 16px}.flashcard-form-modal .content-preview::-webkit-scrollbar{width:8px}.flashcard-form-modal .content-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.flashcard-form-modal .content-preview::-webkit-scrollbar-track{background:#f1f5f9}.flashcard-form-modal .content-preview .placeholder-text{color:#9ca3af;font-style:italic}.flashcard-form-modal .preview-toggle{border:2px solid #2563eb;border-radius:0;display:flex;gap:0;overflow:hidden}.flashcard-form-modal .toggle-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.flashcard-form-modal .toggle-btn:hover{background:#e2e8f0;color:#1e40af}.flashcard-form-modal .toggle-btn.active{background:#2563eb;color:#fff}.flashcard-form-modal .field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.modal-overlay .import-export-modal,.modal-overlay .import-preview-modal,.modal-overlay .manage-cards-modal,.modal-overlay .modal-content.import-export-modal,.modal-overlay .modal-content.import-preview-modal,.modal-overlay .modal-content.manage-cards-modal,.modal-overlay.dark .import-export-modal,.modal-overlay.dark .import-preview-modal,.modal-overlay.dark .manage-cards-modal,.modal-overlay.dark .modal-content.import-export-modal,.modal-overlay.dark .modal-content.import-preview-modal,.modal-overlay.dark .modal-content.manage-cards-modal{background:#f8fafc!important;border:3px solid #2563eb!important;border-radius:8px!important;color:#1f2937!important}.modal-overlay .import-export-modal .form-actions,.modal-overlay .import-export-modal .form-group label,.modal-overlay .import-export-modal .modal-header,.modal-overlay .import-export-modal .tab-button,.modal-overlay .import-preview-modal .form-actions,.modal-overlay .import-preview-modal .form-group label,.modal-overlay .import-preview-modal .modal-header,.modal-overlay.dark .import-export-modal .form-actions,.modal-overlay.dark .import-export-modal .form-group label,.modal-overlay.dark .import-export-modal .modal-header,.modal-overlay.dark .import-export-modal .tab-button,.modal-overlay.dark .import-preview-modal .form-actions,.modal-overlay.dark .import-preview-modal .form-group label,.modal-overlay.dark .import-preview-modal .modal-header{color:#1f2937!important}.modal-overlay .import-export-modal input,.modal-overlay .import-export-modal select,.modal-overlay .import-export-modal textarea,.modal-overlay .import-preview-modal input,.modal-overlay .import-preview-modal select,.modal-overlay .import-preview-modal textarea,.modal-overlay.dark .import-export-modal input,.modal-overlay.dark .import-export-modal select,.modal-overlay.dark .import-export-modal textarea,.modal-overlay.dark .import-preview-modal input,.modal-overlay.dark .import-preview-modal select,.modal-overlay.dark .import-preview-modal textarea{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .import-export-modal input:focus,.modal-overlay .import-export-modal select:focus,.modal-overlay .import-export-modal textarea:focus,.modal-overlay .import-preview-modal input:focus,.modal-overlay .import-preview-modal select:focus,.modal-overlay .import-preview-modal textarea:focus,.modal-overlay.dark .import-export-modal input:focus,.modal-overlay.dark .import-export-modal select:focus,.modal-overlay.dark .import-export-modal textarea:focus,.modal-overlay.dark .import-preview-modal input:focus,.modal-overlay.dark .import-preview-modal select:focus,.modal-overlay.dark .import-preview-modal textarea:focus{background:#fff!important;border-color:#3b82f6!important}.modal-overlay .generate-modal,.modal-overlay .modal-content.generate-modal,.modal-overlay.dark .generate-modal,.modal-overlay.dark .modal-content.generate-modal{background:#fff!important;border:3px solid blue!important;color:#1f2937!important}.modal-overlay .generate-modal .card-preview,.modal-overlay .generate-modal .generate-content,.modal-overlay .generate-modal .preview-answer,.modal-overlay .generate-modal .preview-question,.modal-overlay .generate-modal .question-card,.modal-overlay.dark .generate-modal .card-preview,.modal-overlay.dark .generate-modal .generate-content,.modal-overlay.dark .generate-modal .preview-answer,.modal-overlay.dark .generate-modal .preview-question,.modal-overlay.dark .generate-modal .question-card{background:#fff!important;color:#1f2937!important}.modal-overlay .generate-modal .checkbox-label,.modal-overlay .generate-modal .current-card-preview,.modal-overlay .generate-modal .form-actions,.modal-overlay .generate-modal .form-group label,.modal-overlay .generate-modal .modal-header,.modal-overlay .generate-modal .options-section h3,.modal-overlay .generate-modal h3,.modal-overlay .generate-modal span,.modal-overlay .generate-modal strong,.modal-overlay.dark .generate-modal .checkbox-label,.modal-overlay.dark .generate-modal .current-card-preview,.modal-overlay.dark .generate-modal .form-actions,.modal-overlay.dark .generate-modal .form-group label,.modal-overlay.dark .generate-modal .modal-header,.modal-overlay.dark .generate-modal .options-section h3,.modal-overlay.dark .generate-modal h3,.modal-overlay.dark .generate-modal span,.modal-overlay.dark .generate-modal strong{background:#0000!important;color:#1f2937!important}.modal-overlay .generate-modal input,.modal-overlay .generate-modal input[type=checkbox],.modal-overlay .generate-modal input[type=number],.modal-overlay .generate-modal select,.modal-overlay .generate-modal textarea,.modal-overlay.dark .generate-modal input,.modal-overlay.dark .generate-modal input[type=checkbox],.modal-overlay.dark .generate-modal input[type=number],.modal-overlay.dark .generate-modal select,.modal-overlay.dark .generate-modal textarea{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .generate-modal input:focus,.modal-overlay .generate-modal select:focus,.modal-overlay .generate-modal textarea:focus,.modal-overlay.dark .generate-modal input:focus,.modal-overlay.dark .generate-modal select:focus,.modal-overlay.dark .generate-modal textarea:focus{background:#fff!important;border-color:#3b82f6!important}.modal-overlay .generate-modal .btn,.modal-overlay .generate-modal .input-step,.modal-overlay .generate-modal .modal-actions,.modal-overlay .generate-modal .results-step,.modal-overlay .generate-modal button,.modal-overlay.dark .generate-modal .btn,.modal-overlay.dark .generate-modal .input-step,.modal-overlay.dark .generate-modal .modal-actions,.modal-overlay.dark .generate-modal .results-step,.modal-overlay.dark .generate-modal button{background:#fff!important;color:#1f2937!important}.modal-overlay .generate-modal *,.modal-overlay.dark .generate-modal *{color:#1f2937!important}.dark .generate-modal,.dark .generate-modal *,.dark .modal-content.generate-modal,.generate-modal,.generate-modal *,.generate-modal.dark,.generate-modal.dark *,.modal-content.generate-modal,.modal-content.generate-modal.dark,.modal-overlay .generate-modal .form-section,.modal-overlay .generate-modal .modal-body,.modal-overlay .generate-modal .options-section,.modal-overlay.dark .generate-modal .form-section,.modal-overlay.dark .generate-modal .modal-body,.modal-overlay.dark .generate-modal .options-section{background-color:#fff!important;color:#1f2937!important}.dark .generate-modal .card-preview,.generate-modal .card-preview,.generate-modal.dark .card-preview{background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;color:#1f2937!important}.dark .generate-modal .btn-primary,.generate-modal .btn-primary,.generate-modal.dark .btn-primary{background-color:#3b82f6!important;border:none!important;color:#fff!important}.dark .generate-modal .btn-secondary,.generate-modal .btn-secondary,.generate-modal.dark .btn-secondary{background-color:#e5e7eb!important;border:none!important;color:#1f2937!important}.modal-overlay.dark .manage-cards-stats{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.modal-overlay.dark .manage-cards-content{background:#0f172a!important;background:var(--background-dark)!important;border-color:#334155!important;border-color:var(--border-dark)!important}.modal-overlay.dark .card-item{background-color:#1e293b!important;background-color:var(--surface-dark)!important;border-color:#334155!important;border-color:var(--border-dark)!important;color:#f1f5f9!important;color:var(--text-dark-primary)!important}.modal-overlay.dark .card-item.inactive{background-color:#0f172a;background-color:var(--background-dark)}.modal-overlay.dark .card-item:hover{border-color:#4f46e5;border-color:var(--primary-color)}.modal-overlay.dark .card-answer strong,.modal-overlay.dark .card-question strong{color:#4f46e5;color:var(--primary-color)}.modal-overlay.dark .card-category,.modal-overlay.dark .card-subcategory{color:#93c5fd}.modal-overlay.dark .filter-select,.modal-overlay.dark .search-input{background:#0f172a;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.modal-overlay.dark .filter-select:focus,.modal-overlay.dark .search-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.modal-overlay.dark .card-answer,.modal-overlay.dark .card-question{color:#f1f5f9;color:var(--text-dark-primary)}.modal-overlay.dark .card-meta,.modal-overlay.dark .stat-label{color:#94a3b8;color:var(--text-dark-secondary)}.modal-overlay.dark .stat-value{color:#f1f5f9;color:var(--text-dark-primary)}.modal-overlay .manage-cards-stats,.modal-overlay.dark .manage-cards-stats{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .manage-cards-content,.modal-overlay.dark .manage-cards-content{background:#fff!important;border-color:#d1d5db!important}.modal-overlay .card-item,.modal-overlay.dark .card-item{background-color:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .card-item.inactive,.modal-overlay.dark .card-item.inactive{background-color:#f9fafb!important}.modal-overlay .card-item:hover,.modal-overlay.dark .card-item:hover{border-color:#3b82f6!important}.modal-overlay .card-answer strong,.modal-overlay .card-question strong,.modal-overlay.dark .card-answer strong,.modal-overlay.dark .card-question strong{color:#3b82f6!important}.modal-overlay .card-category,.modal-overlay .card-subcategory,.modal-overlay.dark .card-category,.modal-overlay.dark .card-subcategory{color:#1e40af!important}.modal-overlay .filter-select,.modal-overlay .search-input,.modal-overlay.dark .filter-select,.modal-overlay.dark .search-input{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .filter-select:focus,.modal-overlay .search-input:focus,.modal-overlay.dark .filter-select:focus,.modal-overlay.dark .search-input:focus{background:#fff!important;border-color:#3b82f6!important}.modal-overlay .card-answer,.modal-overlay .card-meta,.modal-overlay .card-question,.modal-overlay .stat-label,.modal-overlay.dark .card-answer,.modal-overlay.dark .card-meta,.modal-overlay.dark .card-question,.modal-overlay.dark .stat-label{color:#6b7280!important}.modal-overlay .stat-value,.modal-overlay.dark .stat-value{color:#1f2937!important}.notes-dropdown-container{position:absolute;right:1.25rem;right:var(--space-4);top:1.25rem;top:var(--space-4);z-index:100}.notes-dropdown-toggle{border:2px solid #4338ca;border:2px solid var(--primary-hover);font-size:.875rem;min-width:80px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative}.notes-dropdown-content{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:320px;z-index:100}.notes-header{align-items:center;background:#4f46e5;background:var(--primary-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4)}.notes-header h4{color:#fff;font-size:.95rem;font-weight:600;margin:0}.notes-textarea{background:#f8f9fa;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;min-height:200px;outline:none;padding:.75rem;padding:var(--space-3);resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.notes-textarea:focus{background:#fff;background:var(--surface);border-bottom-color:#4f46e5;border-bottom-color:var(--primary-color)}.notes-textarea::placeholder{color:#64748b;color:var(--text-secondary)}.notes-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#fff;font-size:.8rem;justify-content:space-between;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.notes-char-count{color:#64748b;color:var(--text-secondary);font-size:.75rem}.notes-actions{display:flex;gap:.5rem;gap:var(--space-2)}.notes-action-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.notes-action-btn:hover{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text-primary)}.notes-action-btn.clear-btn:hover{border-color:#f43f5e;border-color:var(--danger-color);color:#fff}.dark .notes-dropdown-content{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .notes-header{background:#4f46e5;background:var(--primary-color)}.dark .notes-header,.dark .notes-textarea{border-bottom-color:#334155;border-bottom-color:var(--border-dark)}.dark .notes-textarea{background:#374151}.dark .notes-textarea:focus{background:#1e293b;background:var(--surface-dark);border-bottom-color:#4f46e5;border-bottom-color:var(--primary-color)}.dark .notes-footer{border-top-color:#334155;border-top-color:var(--border-dark)}.dark .notes-action-btn{border-color:#334155;border-color:var(--border-dark);color:#94a3b8;color:var(--text-dark-secondary)}.dark .notes-action-btn:hover{background:#334155;background:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}@media (max-width:768px){.notes-dropdown-content{right:-50px;width:280px}.notes-dropdown-container{right:.5rem;right:var(--space-2)}}@media (max-width:480px){.notes-dropdown-content{right:-80px;width:250px}.notes-dropdown-toggle{font-size:.8rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.notes-textarea{min-height:120px}}.card-has-notes{color:#4f46e5;color:var(--primary-color);font-size:.8rem;font-weight:500}.import-preview-modal{max-height:95vh;max-width:1200px;width:95%}.preview-content{padding:1.25rem;padding:var(--space-4)}.preview-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1.25rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.keyboard-shortcuts-hint{background:#eef2ff;background:var(--primary-light);border-radius:.5rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);margin-top:.5rem;margin-top:var(--space-2);padding:.5rem;padding:var(--space-2)}.keyboard-shortcuts{margin-top:.75rem;margin-top:var(--space-3)}.shortcuts-hint,.shortcuts-hint small,.shortcuts-hint strong{color:#6b7280!important}.keyboard-shortcuts-hint kbd{background:#4f46e5;background:var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;margin:0 .25rem;margin:0 var(--space-1);padding:.25rem;padding:var(--space-1)}.preview-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem;margin-top:var(--space-3)}.preview-buttons,.preview-cards-list{display:flex;gap:.75rem;gap:var(--space-3)}.preview-cards-list{flex-direction:column;max-height:75vh;overflow-y:auto;padding-right:8px}.preview-card-scroll{overflow-y:scroll!important;scrollbar-color:#999 #f1f1f1;scrollbar-width:thin}.preview-card-scroll::-webkit-scrollbar{width:8px}.preview-card-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.preview-card-scroll::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.preview-card-scroll::-webkit-scrollbar-thumb:hover{background:#666}.preview-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);overflow:hidden}.card-display{align-items:flex-start;display:flex;justify-content:space-between;padding:.75rem;padding:var(--space-3)}.card-content{flex:1 1}.card-answer,.card-question{font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.card-answer strong,.card-question strong{color:#4f46e5;color:var(--primary-color);margin-right:.5rem;margin-right:var(--space-2)}.card-meta{color:#64748b;color:var(--text-secondary);font-size:.8rem}.card-category{color:#1e40af;font-weight:500}.card-subcategory{color:#1e40af}.card-additional{font-style:italic;margin-top:.25rem;margin-top:var(--space-1)}.card-actions{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-left:.75rem;margin-left:var(--space-3)}.btn-small{font-size:.8rem;min-width:80px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.card-edit-form{background:#f8fafc;background:var(--background);padding:1.25rem;padding:var(--space-4)}.form-row{margin-bottom:.75rem;margin-bottom:var(--space-3)}.form-row label{color:#1e293b;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}.form-row input,.form-row textarea{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:inherit;padding:.5rem;padding:var(--space-2);resize:vertical;width:100%}.form-row input:focus,.form-row textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-row-inline{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:.75rem;margin-bottom:var(--space-3)}.form-col label{display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}.form-col input,.form-col label{color:#1e293b;color:var(--text-primary)}.form-col input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-2);width:100%}.form-col input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.card-edit-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;margin-top:1.25rem;margin-top:var(--space-4);padding-top:.75rem;padding-top:var(--space-3)}.preview-card-content{background-color:#ff0;border:3px solid red;border-radius:4px;max-height:150px;min-height:80px;overflow-x:auto;overflow-y:auto;padding:12px;scrollbar-color:#6b7280 #e5e7eb;scrollbar-width:thin;white-space:pre-wrap;word-break:break-word}.preview-card-content::-webkit-scrollbar{height:8px;width:8px}.preview-card-content::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.preview-card-content::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}.preview-card-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.preview-card-content::-webkit-scrollbar-corner{background:#e5e7eb}@media (max-width:768px){.import-preview-modal{max-width:100vw;width:100%}.preview-actions{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}.preview-buttons{justify-content:center}.card-display{flex-direction:column}.card-actions{flex-direction:row;justify-content:center;margin-left:0;margin-top:.5rem;margin-top:var(--space-2)}.form-row-inline{grid-template-columns:1fr}.card-edit-actions{justify-content:center}}.flashcard-with-notes-container{align-items:flex-start;background:#0000!important;border:none!important;border-radius:0;box-shadow:none;box-sizing:border-box!important;display:flex;gap:1.25rem;gap:var(--space-4);height:-webkit-fit-content;height:fit-content;justify-content:flex-start;margin:.5rem;margin:var(--space-2);margin-bottom:2rem;margin-bottom:var(--space-6);min-height:auto;overflow:visible;padding:0;position:relative;width:calc(100% - 2rem)}.right-side-content{align-items:stretch;display:flex;flex:0 0 320px;flex-direction:column;gap:1.25rem;gap:var(--space-4)}.flashcard-main-content{background:#0000;display:flex;flex:1 1;justify-content:flex-start;margin:0;max-width:1600px;padding:0;position:relative;width:100%}.flashcard-with-notes-container .flashcard-container{background:#0000!important;margin-top:0!important;max-width:1600px;padding:0!important;width:100%}.filters-section-left,.flashcard-with-notes-container .filters-section-left{align-items:flex-start;display:flex;flex:0 0 400px!important;flex-direction:column;max-width:400px!important;min-height:500px;min-width:400px!important;padding-top:0;position:relative;width:400px!important}.filters-title-top{color:#1e293b;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3);text-align:center}.filters-section-left .filters-group{background-color:#fff!important;border:none!important;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-sizing:border-box!important;color:#1e293b!important;color:var(--text-primary)!important;display:flex;flex:1 1;flex-direction:column;gap:0;max-width:400px!important;min-width:400px!important;overflow:hidden;padding:0;transition:all .15s ease;transition:all var(--transition-fast);width:400px!important}.filters-section-left .filters-header{background:linear-gradient(135deg,#2563ebf2,#4f46e5e6)!important;border-radius:1rem 1rem 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff!important;flex-shrink:0;margin:0;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.filters-section-left .filters-title{color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.filters-section-left .filters-content{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0}.filters-section-left .filter-item{display:flex;flex-direction:column;gap:1px}.filters-section-left .filter-label{color:#64748b;color:var(--text-light-secondary);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filters-section-left .filter-select{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:.75rem;padding:4px 8px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.filters-section-left .filter-select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.filters-section-left .filter-select option{padding:.25rem;padding:var(--space-1);text-align:left}.dark .filters-title-top{color:#f1f5f9;color:var(--text-dark-primary)}.dark .filters-section-left .filters-group{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .filters-section-left .filters-header{background:#4f46e5;background:var(--primary-color)}.dark .filters-section-left .filters-title{color:#fff}.dark .filters-section-left .filters-content{background:#1e293b;background:var(--surface-dark)}.dark .filters-section-left .filter-label{color:#94a3b8;color:var(--text-dark-secondary)}.dark .filters-section-left .filter-select{background:#0f172a;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .filters-section-left .filter-select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.filters-section-left .filter-section{background:linear-gradient(135deg,#87ceeb1a,#add8e60d);border:1px solid #87ceeb4d;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px -1px #0000000f,0 1px 2px -1px #0000000f;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:1.25rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3);padding-bottom:.75rem;padding-bottom:var(--space-3);width:100%}.filters-section-left .filter-section:last-child{border-bottom:none;margin-bottom:0}.filters-section-left .collapse-toggle,.filters-section-left .panel-collapse-toggle{align-self:flex-start;background:#0000;border:1px solid #fff;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.filters-section-left .collapse-toggle:hover,.filters-section-left .panel-collapse-toggle:hover{background:#ffffff1a;border-color:#fffc}.filters-section-left .filter-section-header{align-items:center;display:flex;margin-bottom:.5rem;margin-bottom:var(--space-2)}.filters-section-left .filter-section-header .filter-label{background:#fff;border:1px solid #e5e7eb;border-radius:2px;color:#1e3a8a;font-size:.875rem;font-weight:600;padding:4px 8px}.dark .filters-section-left .filter-section-header .filter-label{background:#fff;border-color:#d1d5db;color:#1e3a8a}.filters-section-left .filter-buttons-container{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;max-height:120px;overflow-y:auto;padding-right:4px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.filters-section-left .filter-buttons-container::-webkit-scrollbar{width:6px}.filters-section-left .filter-buttons-container::-webkit-scrollbar-track{background:#0000;border-radius:3px}.filters-section-left .filter-buttons-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.filters-section-left .filter-buttons-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dark .filters-section-left .filter-buttons-container{scrollbar-color:#fff6 #0000}.dark .filters-section-left .filter-buttons-container::-webkit-scrollbar-thumb{background:#fff6}.dark .filters-section-left .filter-buttons-container::-webkit-scrollbar-thumb:hover{background:#fff9}.filters-section-left .filter-btn{align-items:center;background:#87ceeb1a;border:1px solid #87ceeb66;border-radius:2px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.65rem;font-weight:600;min-height:18px;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.filters-section-left .filter-btn,.filters-section-left .filter-section:not(.subcategory-section):not(.level-section) .filter-btn,.filters-section-left .level-section .filter-btn,.filters-section-left .subcategory-section .filter-btn{justify-content:flex-start;text-align:left}.filters-section-left .subcategory-section .filter-buttons-container{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start}.filters-section-left .level-section .filter-buttons-container{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;width:auto!important}.filters-section-left .level-section .filter-btn{align-items:center!important;flex:none;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;min-width:-webkit-fit-content;min-width:fit-content;text-align:left!important}.filters-section-left .level-section .filter-buttons-container .filter-btn{align-self:flex-start!important;justify-content:flex-start!important;text-align:left!important}.filters-section-left .filter-section.level-section .filter-buttons-container .filter-btn{align-items:center!important;display:flex!important;justify-content:flex-start!important;padding-left:.5rem!important;padding-left:var(--space-2)!important;text-align:left!important}.filters-section-left .filter-section .filter-buttons-container{align-items:flex-start!important;justify-content:flex-start!important}.filters-section-left .filter-section .filter-btn{align-items:center!important;justify-content:flex-start!important;text-align:left!important}.filters-section-left .filter-btn,.filters-section-left .filter-buttons-container .filter-btn,.filters-section-left .filter-section .filter-btn,.filters-section-left .level-section .filter-btn,.filters-section-left .subcategory-section .filter-btn{cursor:pointer!important;display:flex!important;justify-content:flex-start!important;margin-left:0!important;padding-left:.25rem!important;padding-left:var(--space-1)!important;pointer-events:auto!important;position:relative!important;text-align:left!important;z-index:10!important}.filters-section-left .filter-buttons-container,.filters-section-left .filter-section .filter-buttons-container,.filters-section-left .level-section .filter-buttons-container,.filters-section-left .subcategory-section .filter-buttons-container{align-items:flex-start!important;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important;text-align:left!important;width:100%!important}.filters-section-left .filter-section{align-items:flex-start!important;width:100%!important}.filters-section-left .filter-btn{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.filters-section-left .filter-btn:hover{background:#87ceeb4d;border-color:#87ceeb99;color:#1e40af;transform:translateX(2px)}.filters-section-left .filter-btn.active{background:#87ceeb66;border-color:#87ceebb3;box-shadow:0 2px 4px #0000001a;color:#1e40af;font-weight:600}.filters-section-left .filter-btn.active:hover{background:#87ceeb80;border-color:#87ceebcc;color:#1e40af;transform:translateX(2px)}.dark .filters-section-left .filter-btn{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.dark .filters-section-left .filter-btn:hover{background:#87ceeb33;border-color:#87ceeb80;color:#93c5fd}.dark .filters-section-left .filter-btn.active{background:#87ceeb4d;border-color:#87ceeb99;color:#93c5fd}.dark .filters-section-left .filter-btn.active:hover{background:#87ceeb66;border-color:#87ceebb3;color:#93c5fd}.dark .filters-section-left .filter-section{background:linear-gradient(135deg,#87ceeb26,#add8e614);border-color:#87ceeb80}@media (max-width:1200px){.filter-buttons-container{grid-template-columns:1fr}.filter-btn{justify-content:flex-start;text-align:left}}@media (max-width:768px){.filter-btn{font-size:.85rem;padding:.75rem .5rem;padding:var(--space-3) var(--space-2)}}.card-actions-under-category{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);margin-top:1.25rem;margin-top:var(--space-4);width:100%}.card-actions-under-category .btn{align-items:center;background-color:#a855f7;background-color:var(--accent-color);border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.9rem;justify-content:center;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.card-actions-under-category .btn:hover{background-color:#3b82f6;transform:translateY(-1px)}.review-panel-external-container{margin-top:2.5rem;margin-top:var(--space-8);padding:1.25rem;padding:var(--space-4)}.review-panel-below-notes{margin-top:1.25rem;margin-top:var(--space-4);max-width:320px;width:100%}.review-panel-below-categories{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1.25rem;margin-top:var(--space-4);max-width:400px!important;min-width:400px!important;width:100%!important}.review-panel-right-side{margin-top:2rem;margin-top:var(--space-6);width:100%}.review-panel-frame{animation:slideIn .3s ease-out;background:#fff;border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-sizing:border-box!important;margin-top:0;max-width:100%;min-width:0;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4);text-align:center;width:100%}.review-panel-title{color:#4f46e5;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;margin:0 0 var(--space-5) 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-dropdown-toggle{align-items:center;background:#4f46e5;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;gap:var(--space-1);margin-top:.5rem;margin-top:var(--space-2);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);position:relative;transition:all .15s ease;transition:all var(--transition-fast);z-index:1}.answer-dropdown-toggle:hover{background:#4338ca;background:var(--primary-hover)}.answer-dropdown-content{animation:fadeIn .2s ease-out;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);left:0;position:absolute;position:relative;right:0;top:100%;z-index:2}.flashcard-window.maximized .answer-dropdown-content{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff!important;border:2px solid #3b82f6!important;border-radius:4px!important;box-shadow:0 0 0 100vw #f8fafcf2,0 8px 25px #0003!important;color:#1f2937!important;max-width:500px!important;min-width:300px!important;padding:1.5rem!important;position:fixed!important;position:relative!important;z-index:100002!important;z-index:10001!important}.flashcard-window.maximized .generate-content,.flashcard-window.maximized .generate-modal,.flashcard-window.maximized .questions-list,.flashcard-window.maximized .results-step{overflow:visible!important}.flashcard-window.maximized .card-action-btn,.flashcard-window.maximized .card-action-buttons{pointer-events:auto!important;position:relative!important;z-index:10001!important}.flashcard-window.maximized .card-info-header{pointer-events:auto!important;z-index:10001!important}.flashcard-window.maximized .card-info-section{z-index:10001!important}.flashcard-window.maximized .answer-dropdown-toggle{background:#1e40af!important;border:2px solid #1e40af!important;color:#fff!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:10002!important}.flashcard-window.maximized .question-content,.flashcard-window.maximized .question-item{overflow:visible!important;position:relative!important;z-index:10002!important}.flashcard-window.maximized .modal-content{overflow:visible!important}.flashcard-window.maximized .generate-modal .question-content,.flashcard-window.maximized .generate-modal .question-item,.flashcard-window.maximized .generate-modal .questions-list{overflow:visible!important;position:relative!important}.flashcard-window.maximized .generate-content,.flashcard-window.maximized .modal-content,.flashcard-window.maximized .results-step{overflow-x:visible!important;overflow-y:auto!important}.flashcard-window.maximized .flashcard-section{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#f8fafcf2!important;flex:1 1 auto!important;font-size:1.1rem!important;height:auto!important;max-height:calc(100vh - 200px)!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:2rem!important}.dark .flashcard-window.maximized .flashcard-section{background-color:#374151f2!important}.flashcard-window.maximized .answer-section,.flashcard-window.maximized .question-section{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:auto!important;min-height:70vh!important}.flashcard-window.maximized .flashcard-section .content{flex:1 1 auto!important;font-size:1.3rem!important;line-height:1.6!important;max-height:60vh!important;min-height:60vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:2rem!important;position:relative!important}.flashcard-window.maximized .flashcard-section .content .dropdown,.flashcard-window.maximized .flashcard-section .content .info-dropdown,.flashcard-window.maximized .flashcard-section .content details{position:relative!important;z-index:100000!important}.flashcard-window.maximized .flashcard-section .content .dropdown-content,.flashcard-window.maximized .flashcard-section .content .info-dropdown .info-content,.flashcard-window.maximized .flashcard-section .content details .info-content{position:fixed!important;z-index:100001!important}.flashcard-window.maximized .section-label{font-size:1.5rem!important;margin-bottom:1.5rem!important;padding:1rem!important}.flashcard-window .flashcard-bottom{position:relative!important}.flashcard-window.maximized .flashcard-bottom,.flashcard-window.popout .flashcard-bottom{bottom:0!important;left:0!important;position:absolute!important;right:0!important}.flashcard-window.maximized .flashcard-bottom{box-sizing:border-box!important;margin:0!important;min-height:40px!important;padding:.75rem!important;width:100%!important}.flashcard-window.maximized .navigation-controls{gap:1.5rem!important;padding:.5rem!important}.flashcard-window.maximized .navigation-controls button{font-size:1rem!important;padding:.75rem 1.5rem!important}.flashcard-window.popout .navigation-controls{gap:1.5rem!important;padding:.5rem!important}.flashcard-window.popout .navigation-controls button{font-size:1rem!important;padding:.75rem 1.5rem!important}.flashcard-window.maximized .card-info-dropdown,.flashcard-window.maximized .info-dropdown,.flashcard-window.maximized details{overflow:visible!important;position:relative!important;z-index:100000!important}.flashcard-window.maximized .info-header,.flashcard-window.maximized summary{color:#6b7280!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:100001!important}.flashcard-window.maximized .info-dropdown[open],.flashcard-window.maximized details[open]{overflow:visible!important;z-index:100000!important}.flashcard-window.maximized .info-dropdown .info-content,.flashcard-window.maximized details .info-content{z-index:100002!important}.flashcard-window.maximized .dropdown-select,.flashcard-window.maximized select{pointer-events:auto!important;position:relative!important;z-index:100000!important}.flashcard-window.maximized .dropdown,.flashcard-window.maximized .dropdown-container,.flashcard-window.maximized .dropdown-menu{overflow:visible!important;pointer-events:auto!important;position:relative!important;z-index:100000!important}.flashcard-window.maximized .dropdown-content,.flashcard-window.maximized .dropdown-menu-content{background:#fff!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:0 0 0 100vw #00000080,0 8px 25px #00000026!important;overflow:visible!important;position:absolute!important;z-index:100001!important}.flashcard-window.maximized .additional-info-dropdown{overflow:visible!important;pointer-events:auto!important;position:relative!important;z-index:100000!important}.flashcard-window.maximized .additional-info-dropdown summary{cursor:pointer!important;pointer-events:auto!important;z-index:100000!important}.flashcard-window.maximized .additional-info-dropdown[open]{overflow:visible!important}.flashcard-window.maximized .additional-info-dropdown[open] .additional-info-content{box-shadow:0 0 0 100vw #00000080,0 8px 25px #00000026!important;left:50%!important;margin:0!important;max-width:600px!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:100002!important}.flashcard-window.maximized .clickable,.flashcard-window.maximized [onclick],.flashcard-window.maximized button{pointer-events:auto!important;position:relative!important;z-index:10002!important}.flashcard-window.maximized details>summary{cursor:pointer!important;pointer-events:auto!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.flashcard-window.maximized details>summary::-webkit-details-marker,.flashcard-window.maximized details>summary::marker{display:list-item!important;pointer-events:auto!important}.flashcard-window.maximized details,.flashcard-window.maximized details[open]{display:block!important}.flashcard-window.maximized details>summary:focus,.flashcard-window.maximized details>summary:hover{outline:2px solid #3b82f6!important;outline-offset:2px!important}.flashcard-window.maximized,.flashcard-window.maximized .flashcard-container,.flashcard-window.maximized .flashcard-content,.flashcard-window.maximized .flashcard-section,.flashcard-window.maximized .modal-content,.flashcard-window.maximized .modal-overlay,.flashcard-window.maximized button,.flashcard-window.maximized details,.flashcard-window.maximized summary{pointer-events:auto!important}.flashcard-window.maximized button[title*=Exit],.flashcard-window.maximized button[title*=Fullscreen],.flashcard-window.maximized button[title*=Maximize],.flashcard-window.maximized button[title*=Restore],.flashcard-window.maximized button[title*=fullscreen]{pointer-events:auto!important;position:absolute!important;z-index:10001!important}.flashcard-window.maximized .card-info-button{pointer-events:auto!important;position:relative!important;z-index:10001!important}.flashcard-window.maximized .card-info-section{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f8fafcf2!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;bottom:auto!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:1rem!important;height:auto!important;justify-content:space-between!important;left:auto!important;margin:1rem 0!important;max-height:60px!important;max-width:100%!important;min-width:auto!important;overflow:hidden!important;padding:.5rem 1rem!important;pointer-events:auto!important;position:relative!important;right:auto!important;width:auto!important;z-index:5!important}.flashcard-window .card-info-dropdown{bottom:1rem!important}.flashcard-window .card-info-dropdown,.flashcard-window.maximized .card-info-dropdown,.flashcard-window.popout .card-info-dropdown{background:#0000!important;border:none!important;margin:0!important;position:absolute!important;right:0!important;z-index:100000!important}.flashcard-window.maximized .card-info-dropdown,.flashcard-window.popout .card-info-dropdown{bottom:0!important}.flashcard-window .card-info-dropdown .info-header,.flashcard-window.maximized .card-info-dropdown .info-header,.flashcard-window.popout .card-info-dropdown .info-header{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#3b82f6e6!important;border:none!important;border-radius:.5rem!important;box-shadow:0 2px 8px #00000026!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:.9rem!important;font-weight:500!important;padding:.75rem 1.25rem!important;transition:all .2s ease!important;white-space:nowrap!important}.flashcard-window .card-info-dropdown .info-header:hover,.flashcard-window.maximized .card-info-dropdown .info-header:hover,.flashcard-window.popout .card-info-dropdown .info-header:hover{background:#2563eb!important;box-shadow:0 4px 12px #0003!important;transform:translateY(-1px)!important}.flashcard-window .card-info-dropdown[open] .info-content,.flashcard-window.maximized .card-info-dropdown[open] .info-content,.flashcard-window.popout .card-info-dropdown[open] .info-content{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff!important;border:2px solid #3b82f6!important;border-radius:4px!important;bottom:100%!important;box-shadow:0 8px 25px #00000026!important;box-shadow:0 0 0 1000px #f8fafccc,0 8px 25px #00000026!important;margin-bottom:.5rem!important;min-width:300px!important;padding:1.5rem!important;position:absolute!important;right:0!important;z-index:100001!important}.flashcard-window.maximized .card-action-buttons{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:.5rem!important;height:28px!important;justify-content:flex-start!important;margin-bottom:0!important}.flashcard-window.maximized .card-action-btn{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:3px!important;box-shadow:0 1px 2px #0000000d!important;color:#374151!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;height:28px!important;justify-content:center!important;line-height:1!important;max-width:120px!important;min-width:auto!important;overflow:hidden!important;padding:.25rem .5rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.flashcard-window.maximized .card-tags{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.75rem!important;justify-content:flex-start!important;margin-bottom:0!important;overflow:hidden!important}.flashcard-window.maximized .card-tags>*{font-size:.75rem!important;line-height:1.2!important;max-height:28px!important;padding:.25rem .5rem!important}.flashcard-window.maximized .star-toggle-btn-inline{font-size:1rem!important;height:28px!important;padding:.25rem!important;width:28px!important}.flashcard-window.maximized .category-badge,.flashcard-window.maximized .level-tag,.flashcard-window.maximized .subcategory-tag{border-radius:.5rem!important;font-size:.9rem!important;font-weight:500!important;padding:.5rem 1rem!important}.flashcard-window.maximized .star-toggle-btn-inline{border-radius:.5rem!important;font-size:1.5rem!important;padding:.5rem!important}.flashcard-window.maximized.dark .card-info-section{border-color:#60a5fa!important;color:#f1f5f9!important}.flashcard-window.maximized.dark .card-info-section,.flashcard-window.popout.dark .card-info-section{background:#1f293bf2!important;box-shadow:0 1px 3px #0003!important}.flashcard-window.maximized.dark .card-info-section .card-action-btn.edit-btn,.flashcard-window.popout.dark .card-info-section .card-action-btn.edit-btn{background-color:#fed7aa33!important;border-color:#fb923c!important;color:#fed7aa!important}.flashcard-window.maximized.dark .card-info-section .card-action-btn.edit-btn:hover,.flashcard-window.popout.dark .card-info-section .card-action-btn.edit-btn:hover{background-color:#f97316!important;border-color:#ea580c!important;color:#fff!important}.flashcard-window.dark .card-info-dropdown[open] .info-content,.flashcard-window.maximized.dark .card-info-dropdown[open] .info-content,.flashcard-window.popout.dark .card-info-dropdown[open] .info-content{background:#1f293bf2!important;border-color:#60a5fa!important;box-shadow:0 0 0 1000px #374151cc,0 8px 25px #00000026!important;color:#f1f5f9!important;z-index:100001!important}.dark .info-item{color:#d1d5db!important}.dark .info-item strong{color:#f9fafb!important}.dark .info-content{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important;color:#f3f4f6!important}.flashcard-window.maximized.dark .info-dropdown .info-content,.flashcard-window.maximized.dark details .info-content{box-shadow:0 0 0 100vw #000000b3,0 8px 25px #00000026!important}.flashcard-window.maximized.dark .dropdown-content,.flashcard-window.maximized.dark .dropdown-menu-content{background:#1f293bf2!important;border-color:#60a5fa!important;box-shadow:0 0 0 100vw #000000b3,0 8px 25px #00000026!important;color:#f1f5f9!important}.flashcard-window.maximized.dark .additional-info-dropdown[open] .additional-info-content{box-shadow:0 0 0 100vw #000000b3,0 8px 25px #00000026!important}.flashcard-window.maximized .info-dropdown .info-content,.flashcard-window.maximized details .info-content{margin-top:.5rem!important;max-width:500px!important;min-width:300px!important;padding:1.5rem!important}.flashcard-window.maximized .answer-dropdown .dropdown-content,.flashcard-window.maximized .dropdown-menu-content,.flashcard-window.maximized .info-dropdown .info-content,.flashcard-window.maximized details .info-content{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff!important;border:2px solid #3b82f6!important;border-radius:4px!important;box-shadow:0 0 0 100vw #f8fafcf2,0 8px 25px #0003!important;position:fixed!important;z-index:50002!important}.flashcard-window.maximized .answer-dropdown .dropdown-content,.flashcard-window.maximized .dropdown-menu-content{max-width:400px!important;min-width:250px!important;padding:1rem!important}.flashcard-window.maximized .additional-info-dropdown[open] .additional-info-content{max-width:500px!important;min-width:300px!important;padding:1.5rem!important}.flashcard-window.maximized .additional-info-dropdown[open] .additional-info-content,.flashcard-window.maximized .category-dropdown .dropdown-content,.flashcard-window.maximized .subcategory-dropdown .dropdown-content{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff!important;border:2px solid #3b82f6!important;border-radius:4px!important;box-shadow:0 0 0 100vw #f8fafcf2,0 8px 25px #0003!important;position:fixed!important;z-index:50002!important}.flashcard-window.maximized .category-dropdown .dropdown-content,.flashcard-window.maximized .subcategory-dropdown .dropdown-content{max-width:300px!important;min-width:200px!important;padding:1rem!important}.flashcard-window.maximized .flashcard-bottom{z-index:10!important}.flashcard-window.maximized .card-info-section{z-index:200!important}.flashcard-window.maximized.dark .additional-info-dropdown[open] .additional-info-content,.flashcard-window.maximized.dark .answer-dropdown .dropdown-content,.flashcard-window.maximized.dark .category-dropdown .dropdown-content,.flashcard-window.maximized.dark .dropdown-menu-content,.flashcard-window.maximized.dark .info-dropdown .info-content,.flashcard-window.maximized.dark .subcategory-dropdown .dropdown-content,.flashcard-window.maximized.dark details .info-content{background:#1f293bf2!important;border-color:#60a5fa!important;box-shadow:0 0 0 100vw #000c,0 8px 25px #0000004d!important;color:#f1f5f9!important}.flashcard-window.popout .card-info-section{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f8fafcf2!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;bottom:auto!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:1rem!important;height:auto!important;justify-content:space-between!important;left:auto!important;margin:1rem 0!important;max-height:60px!important;max-width:100%!important;min-width:auto!important;opacity:1!important;overflow:hidden!important;padding:.5rem 1rem!important;pointer-events:auto!important;position:relative!important;right:auto!important;visibility:visible!important;width:auto!important;z-index:5!important}.flashcard-window.popout .card-action-buttons{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:.5rem!important;height:28px!important;justify-content:flex-start!important;margin-bottom:0!important}.flashcard-window.popout .card-action-btn{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:3px!important;box-shadow:0 1px 2px #0000000d!important;color:#374151!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;height:28px!important;justify-content:center!important;line-height:1!important;max-width:120px!important;min-width:auto!important;overflow:hidden!important;padding:.25rem .5rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.flashcard-window.popout .card-tags{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.75rem!important;justify-content:flex-start!important;margin-bottom:0!important;overflow:hidden!important}.flashcard-window.popout .card-tags>*{font-size:.75rem!important;line-height:1.2!important;max-height:28px!important;padding:.25rem .5rem!important}.flashcard-window.popout .star-toggle-btn-inline{font-size:1rem!important;height:28px!important;padding:.25rem!important;width:28px!important}.flashcard-window.popout .category-badge,.flashcard-window.popout .level-tag,.flashcard-window.popout .subcategory-tag{border-radius:.5rem!important;font-size:.9rem!important;font-weight:500!important;padding:.5rem 1rem!important}.flashcard-window.popout .star-toggle-btn-inline{border-radius:.5rem!important;font-size:1.25rem!important;padding:.5rem!important}.flashcard-window.popout.dark .card-info-section{background:#1f293bfa!important;border-color:#60a5fa!important;box-shadow:0 -4px 16px #0000004d!important;color:#f1f5f9!important}.flashcard-window.popout .flashcard-content{flex:0 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important}.flashcard-window.popout>div:first-child{display:flex!important;flex:1 1!important;flex-direction:column!important;overflow:auto!important}.flashcard-window.popout .flashcard-container{display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:auto!important}.flashcard-window.popout .flashcard-bottom{box-sizing:border-box!important;display:block!important;flex-shrink:0!important;margin:0!important;max-width:100%!important;min-height:40px!important;opacity:1!important;padding:.75rem!important;position:relative!important;visibility:visible!important;width:100%!important}.flashcard-window.popout .navigation-controls{align-items:center!important;display:flex!important;gap:1rem!important;justify-content:space-between!important;margin-bottom:1rem!important}.flashcard-window.popout .keyboard-shortcuts{display:block!important;margin-bottom:1rem!important;text-align:center!important}.answer-dropdown-content .answer-text{margin-bottom:.5rem;margin-bottom:var(--space-2)}.answer-dropdown-content .reasoning-text{color:#64748b;color:var(--text-secondary);font-style:italic}.notes-section-external{flex:0 0 300px;padding-top:2.5rem;padding-top:var(--space-8);position:relative}.notes-dropdown-toggle{align-items:center;background:#4f46e5;background:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:1.25rem 1.5rem;padding:var(--space-4) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.notes-dropdown-toggle:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.notes-dropdown-toggle.active{background:#4338ca;background:var(--primary-hover);border-bottom-left-radius:0;border-bottom-right-radius:0}.has-notes-indicator{color:#fbbf24;font-size:.75rem;margin-left:.25rem;margin-left:var(--space-1)}.notes-section-external .notes-dropdown-content{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);border-top-right-radius:0;box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);left:0;margin-top:.25rem;margin-top:var(--space-1);max-height:500px;overflow-y:auto;position:absolute;right:0;top:100%;width:auto;z-index:10;z-index:50}.notes-section-external .notes-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--space-4) var(--space-5)}.notes-section-external .notes-header h4{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.save-notes-btn{background:#10b981;background:var(--success-color);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.save-notes-btn:hover:not(:disabled){background:#059669;background:var(--success-hover)}.save-notes-btn:disabled{cursor:not-allowed;opacity:.6}.notes-textarea-external{background:#f8f9fa;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:1.1rem;height:250px;line-height:1.6;margin:0;outline:none;overflow-y:auto;padding:1.25rem 1.5rem;padding:var(--space-4) var(--space-5);resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.notes-textarea-external:focus{background:#fff;background:var(--surface);border-bottom-color:#4f46e5;border-bottom-color:var(--primary-color)}.notes-textarea-external::placeholder{color:#64748b;color:var(--text-secondary)}.notes-section-external .notes-footer{align-items:center;background:#4f46e5;background:var(--primary-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#fff;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.notes-section-external .notes-char-count{color:#64748b;color:var(--text-secondary);font-size:.85rem}.notes-section-external .notes-actions{display:flex;gap:.5rem;gap:var(--space-2)}.notes-section-external .notes-action-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.notes-section-external .notes-action-btn:hover{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text-primary)}.notes-section-external .notes-action-btn.clear-btn:hover{background:#f43f5e;background:var(--danger-color);border-color:#f43f5e;border-color:var(--danger-color);color:#fff}.notes-section-external .notes-action-btn:disabled{cursor:not-allowed;opacity:.5}.dark .notes-section-external .notes-dropdown-content{background:#1e293b;background:var(--surface-dark);border-color:#334155;border-color:var(--border-dark)}.dark .notes-section-external .notes-header{background:#1e293b;background:var(--surface-dark);border-bottom-color:#334155;border-bottom-color:var(--border-dark)}.dark .notes-section-external .notes-header h4,.dark .notes-textarea-external{color:#f1f5f9;color:var(--text-dark-primary)}.dark .notes-textarea-external{background:#374151;border-bottom-color:#334155;border-bottom-color:var(--border-dark)}.dark .notes-textarea-external:focus{background:#1e293b;background:var(--surface-dark);border-bottom-color:#4f46e5;border-bottom-color:var(--primary-color)}.dark .notes-textarea-external::placeholder{color:#94a3b8;color:var(--text-dark-secondary)}.dark .notes-section-external .notes-footer{background:#1e293b;background:var(--surface-dark);border-top-color:#334155;border-top-color:var(--border-dark)}.dark .notes-section-external .notes-char-count{color:#94a3b8;color:var(--text-dark-secondary)}.dark .notes-section-external .notes-action-btn{border-color:#334155;border-color:var(--border-dark);color:#94a3b8;color:var(--text-dark-secondary)}.dark .notes-section-external .notes-action-btn:hover{background:#334155;background:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.notes-section-permanent{background:#fff;background:var(--surface);border:2px solid #4f46e5;border:2px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);box-sizing:border-box!important;display:flex;flex:0 0 300px;flex-direction:column;height:900px;max-height:900px;min-height:900px;overflow:hidden;position:relative}.notes-section-permanent .notes-header{align-items:center;background:#4f46e5;background:var(--primary-color);border-radius:0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4);position:relative}.notes-header-controls{align-items:center;display:flex;gap:.5rem}.notes-popout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:2px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:all .2s ease}.notes-popout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notes-explain-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.notes-explain-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notes-section-permanent .notes-header h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.notes-textarea-permanent,.notes-textarea-permanent.p-4,div.notes-textarea-permanent{background:#f8f9fa;border:none;border-radius:.75rem;border-radius:var(--radius-md);box-sizing:border-box;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;height:auto!important;line-height:1.4;max-height:850px;min-height:800px!important;outline:none;padding:1.25rem;padding:var(--space-4);resize:vertical;width:100%}.notes-textarea-permanent::placeholder{color:#64748b;color:var(--text-secondary)}.notes-textarea-permanent:focus{background:#fff;background:var(--card-bg);box-shadow:inset 0 0 0 2px #4f46e5;box-shadow:inset 0 0 0 2px var(--primary-color)}.notes-buttons-container{gap:.75rem;gap:var(--space-3);margin-top:.5rem;margin-top:var(--space-2);padding:.75rem;padding:var(--space-3)}.notes-action-btn,.notes-buttons-container{align-items:center;display:flex;justify-content:center}.notes-action-btn{background:#0ea5e9;background:var(--secondary-color);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.25rem;gap:var(--space-1);min-width:90px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.notes-action-btn:hover{background:#0284c7;background:var(--secondary-hover);transform:translateY(-1px)}.notes-action-btn.clear-btn:hover{background:#f43f5e;background:var(--danger-color)}.notes-action-btn.copy-btn{background:#4f46e5;background:var(--primary-color)}.notes-action-btn.copy-btn:hover{background:#4338ca;background:var(--primary-hover)}.notes-action-btn.save-btn{background:#10b981;background:var(--success-color)}.notes-action-btn.save-btn:hover{background:#059669;background:var(--success-hover)}.notes-action-btn:disabled{background:#64748b;background:var(--text-secondary);cursor:not-allowed;transform:none}.dark .notes-section-permanent{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-left:6px solid #4f46e5!important;border-left:6px solid var(--primary-color)!important;border-right:6px solid #4f46e5!important;border-right:6px solid var(--primary-color)!important;border-top:1px solid #e2e8f0;border-top:1px solid var(--border)}.dark .notes-section-permanent .notes-header{background:#4f46e5;background:var(--primary-color)}.dark .notes-textarea-permanent{background:#374151;border-color:#e2e8f0;border-color:var(--border);color:#1e293b;color:var(--text-primary)}.dark .notes-textarea-permanent:focus{background:#fff;background:var(--card-bg)}.dark .notes-section-permanent .notes-footer{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border)}.app .notes-section-permanent,.app.dark-mode .notes-section-permanent,.flashcard-with-notes-container .notes-section-permanent,.notes-section-permanent,.notes-section-permanent.collapsed,.notes-section-permanent:not(.collapsed),.right-side-content .notes-section-permanent{border:none!important;box-sizing:border-box!important}.app .flashcard-container,.app.dark-mode .flashcard-container,.flashcard-main-content .flashcard-container,.flashcard-with-notes-container .flashcard-container{border:none!important;box-sizing:border-box!important;margin-bottom:0!important;margin-top:0!important}.dark .notes-action-btn{background:#0ea5e9;background:var(--secondary-color)}.dark .notes-action-btn:hover{background:#0284c7;background:var(--secondary-hover)}.daily-progress-section{background:#fff;border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;margin:2rem auto 1.25rem;margin:var(--space-6) auto var(--space-4) auto;max-width:400px;padding:1.25rem;padding:var(--space-4)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.progress-header h4{color:#4f46e5;color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.progress-stats{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500}.progress-bar-container{background:#e2e8f0;background:var(--border);border:10px solid #4f46e5;border:10px solid var(--primary-color);box-shadow:inset 0 2px 4px #0000001a;height:24px;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:12px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .5s ease-out}.progress-bar-fill:after{animation:progress-stripes 1s linear infinite;background:linear-gradient(45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-percentage{color:#4f46e5;color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-top:.5rem;margin-top:var(--space-2);text-align:center}.dark .daily-progress-section{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border)}.dark .progress-bar-container{background:#e2e8f0;background:var(--border)}.dark .progress-header h4{color:#4f46e5;color:var(--primary-color)}.dark .progress-stats{color:#64748b;color:var(--text-secondary)}.daily-progress-section-wide{background:#fff;background:var(--surface);border:10px solid #4f46e5;border:10px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 6px 12px -2px #0000001f,0 4px 8px -2px #00000014;box-shadow:var(--shadow);box-sizing:border-box!important;margin:.5rem auto 2rem;margin:var(--space-2) auto var(--space-6) auto;max-width:400px!important;min-width:400px!important;padding:1.25rem .75rem;padding:var(--space-4) var(--space-3);width:400px!important}.daily-progress-section-wide .progress-bar-container{background:#e2e8f0;background:var(--border);border:10px solid #4f46e5;border:10px solid var(--primary-color);border-radius:10px;box-shadow:inset 0 2px 6px #00000026;height:20px;overflow:hidden;position:relative;width:100%}.daily-progress-section-wide .progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .8s ease-out}.daily-progress-section-wide .progress-percentage{color:#4f46e5;color:var(--primary-color);font-size:1.4rem;font-weight:700;margin-top:.75rem;margin-top:var(--space-3);text-align:center}.dark .daily-progress-section-wide{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border)}.dark .daily-progress-section-wide .progress-bar-container{background:#e2e8f0;background:var(--border)}.notes-section-permanent .notes-content{flex:1 1;overflow-y:auto;padding:1.25rem;padding:var(--space-4);padding-bottom:0;position:relative}.notes-content-wrapper,.notes-editor-container{height:100%;position:relative;width:100%}.notes-buttons-toggle{align-items:center;background:#4f46e5;background:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;line-height:1;min-width:32px;padding:0;position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast);z-index:15}.notes-buttons-toggle:hover{background:#4338ca;background:var(--primary-hover);border-color:#4338ca;border-color:var(--primary-hover);box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.notes-footer{background:#4f46e5;background:var(--primary-color);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #4f46e5;border-top:1px solid var(--primary-color);gap:.75rem;gap:var(--space-3);margin-top:auto;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-4)}.notes-footer,.notes-footer-btn{align-items:center;display:flex;justify-content:center}.notes-footer-btn{background:#fff;border:2px solid #fff;border-radius:.5rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--space-1);min-width:100px;padding:.5rem 1.25rem;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.notes-footer-btn:hover{background:#ffffffe6;box-shadow:0 2px 8px #ffffff4d;transform:translateY(-1px)}.notes-footer-btn.copy-btn{background:#fff;color:#0ea5e9;color:var(--secondary-color)}.notes-footer-btn.copy-btn:hover{background:#ffffffe6;box-shadow:0 2px 8px #ffffff4d}.notes-footer-btn.save-btn{background:#fff;color:#10b981;color:var(--success-color)}.notes-footer-btn.save-btn:hover{background:#ffffffe6;box-shadow:0 2px 8px #ffffff4d}.notes-footer-btn.clear-btn{background:#fff;color:#dc2626}.notes-footer-btn.clear-btn:hover:not(:disabled){background:#fee2e2;box-shadow:0 2px 8px #dc262633;color:#dc2626}.notes-footer-btn:disabled{background:#64748b;background:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none}.notes-footer-btn:disabled:hover{box-shadow:none}.dark .notes-footer{background:#4f46e5;background:var(--primary-color);border-top-color:#4f46e5;border-top-color:var(--primary-color)}.dark .notes-footer-btn{background:#fffffff2;border-color:#fffffff2;color:#4f46e5;color:var(--primary-color)}.dark .notes-footer-btn.copy-btn{color:#0ea5e9;color:var(--secondary-color)}.dark .notes-footer-btn.save-btn{color:#10b981;color:var(--success-color)}.dark .notes-footer-btn.clear-btn{color:#dc2626}.dark .notes-footer-btn.clear-btn:hover:not(:disabled){background:#fecaca;color:#dc2626}.dark .notes-footer-btn:hover{background:#fff;border-color:#fff}.notes-section-permanent.collapsed .notes-footer{display:none}.ai-explanation-dropdown-wrapper{flex-basis:100%;margin-top:220px;width:100%}.question-section .content{flex-direction:column}.ai-explanation-dropdown{background-color:initial;border:none;border-radius:4px;box-shadow:none;margin:0 auto;max-width:350px;padding:0;width:70%}.ai-explanation-summary{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.875rem;font-weight:500;list-style:none;outline:none;padding:8px 16px;text-align:center;transition:background-color .2s ease}.ai-explanation-summary:hover{background-color:#2563eb}.ai-explanation-summary::-webkit-details-marker{display:none}.ai-explanation-content{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0 0 6px 6px;border-top:none;color:#374151;font-size:.85em;line-height:1.5;margin-top:0;padding:12px 16px 8px;text-align:left}.dark .ai-explanation-summary{background-color:#3b82f6;color:#fff}.dark .ai-explanation-summary:hover{background-color:#2563eb}.dark .ai-explanation-content{background-color:#374151;border-color:#4b5563;color:#e5e7eb}@media (max-width:768px){.question-section .content{font-size:1.5rem!important;font-weight:700!important;min-height:350px;padding-bottom:40px}.ai-explanation-dropdown-wrapper{margin-top:160px;width:95%}.ai-explanation-dropdown{max-width:none;width:85%}}.flashcard-main-content.windowed .question-section .content,.flashcard-window.maximized .question-section .content{min-height:600px;padding-bottom:80px}.flashcard-main-content.windowed .ai-explanation-dropdown-wrapper,.flashcard-window.maximized .ai-explanation-dropdown-wrapper{margin-top:280px}@media (max-width:1200px){.flashcard-with-notes-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-4)}.filters-section-left{padding-top:0}.filters-section-left,.flashcard-main-content,.flashcard-with-notes-container .flashcard-container,.right-side-content{max-width:800px;width:100%}.right-side-content{flex:none}.notes-section-external{max-width:800px;padding-top:0;width:100%}.notes-section-permanent{flex:none;max-width:800px;width:100%}.notes-textarea-external{min-height:200px}.notes-textarea-permanent{min-height:750px!important}}@media (max-width:850px){.flashcard-main-content,.flashcard-with-notes-container .flashcard-container{max-width:100%;width:100%}.filters-section-left,.notes-section-external,.notes-section-permanent,.right-side-content{max-width:100%}}@media (max-width:768px){.flashcard-with-notes-container{padding:.75rem;padding:var(--space-3)}.card{padding:2rem;padding:var(--space-6)}.card,.flashcard{min-height:250px}.notes-textarea-external{min-height:150px}.notes-textarea-permanent{min-height:700px!important}.filter-section-header{margin-bottom:.5rem;margin-bottom:var(--space-2)}.filter-section-header,.notes-header{background-color:var(--surface-hover);border-radius:.5rem;border-radius:var(--radius-sm);padding:.5rem;padding:var(--space-2)}.notes-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.collapse-toggle,.panel-collapse-toggle{right:.25rem;right:var(--space-1);top:.25rem;top:var(--space-1)}.collapse-toggle,.notes-collapse-toggle,.panel-collapse-toggle{font-size:1.3rem;height:36px;min-width:36px}.filter-section-header .collapse-toggle{height:36px;min-width:36px;right:0;top:50%;transform:translateY(-50%)}.filter-section.collapsed{max-height:45px}.filter-section.collapsed,.notes-section-permanent.collapsed{margin-bottom:.5rem;margin-bottom:var(--space-2);transition:max-height .2s ease-out}.notes-section-permanent.collapsed{max-height:65px}.filter-section:not(.collapsed){transition:max-height .2s ease-in}.notes-section-permanent:not(.collapsed){height:800px!important;max-height:800px!important;min-height:800px!important;transition:max-height .2s ease-in}}.header-arrow-toggle{align-items:center;background:#4f46e5;background:var(--primary-color);border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;line-height:1;margin-left:.75rem;margin-left:var(--space-3);min-width:32px;padding:0;transition:all .15s ease;transition:all var(--transition-fast)}.header-arrow-toggle:hover{background:#4338ca;background:var(--primary-hover);border-color:#4338ca;border-color:var(--primary-hover);box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.toggle-controls-row{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.clickable-logo{cursor:pointer;transition:transform .15s ease;transition:transform var(--transition-fast)}.clickable-logo:hover{transform:scale(1.02)}.clickable-logo:hover .app-logo{background:linear-gradient(135deg,#4338ca,#a855f7);background:linear-gradient(135deg,var(--primary-hover),var(--accent-color));-webkit-background-clip:text;background-clip:text}.clickable-logo:active{transform:scale(.98)}.ai-modal-overlay{z-index:15100}.ai-modal-content{background-color:#4f46e5;background-color:var(--primary-color);color:#fff;max-width:90vw;width:500px}.ai-modal-body{margin:1.25rem 0;margin:var(--space-4) 0}.ai-modal-description{color:#64748b;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1.25rem;margin-bottom:var(--space-4)}.ai-prompt-textarea{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:.9rem;line-height:1.4;min-height:100px;padding:.75rem;padding:var(--space-3);resize:vertical;transition:border-color .2s ease;width:100%}.ai-prompt-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.ai-prompt-textarea::placeholder{color:var(--text-tertiary)}.ai-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;margin-top:1.25rem;margin-top:var(--space-4);padding-top:1.25rem;padding-top:var(--space-4)}.modal-overlay.dark .ai-modal-content{background:#4f46e5;background:var(--primary-color);color:#fff}.modal-overlay.dark .ai-modal-description{color:#94a3b8;color:var(--text-dark-secondary)}.modal-overlay.dark .ai-prompt-textarea{background:#0f172a;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-dark-primary)}.modal-overlay.dark .ai-prompt-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.modal-overlay.dark .ai-prompt-textarea::placeholder{color:var(--text-dark-tertiary)}.modal-overlay.dark .ai-modal-actions{border-color:#334155;border-color:var(--border-dark)}.filter-btn{align-items:center;background:#87ceeb1a;border:1px solid #87ceeb66;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#1e40af;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:500;justify-content:center;min-height:36px;overflow:hidden;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{background:#87ceeb4d;border-color:#87ceeb99;box-shadow:0 4px 12px #87ceeb40;color:#1e40af;transform:translateY(-1px)}.filter-btn.active{background:#87ceeb66;border-color:#87ceebb3;box-shadow:0 4px 12px #87ceeb59;color:#1e40af;font-weight:600}.filter-btn.active:hover{background:#87ceeb80;border-color:#87ceebcc;color:#1e40af;transform:translateY(-1px)}.dark .filter-btn{background:#87ceeb1a;border-color:#87ceeb4d;box-shadow:0 1px 3px #0000004d;color:#93c5fd}.dark .filter-btn:hover{background:#87ceeb33;border-color:#87ceeb80;box-shadow:0 4px 12px #87ceeb40;color:#93c5fd}.dark .filter-btn.active{background:#87ceeb4d;border-color:#87ceeb99;box-shadow:0 4px 12px #87ceeb59;color:#93c5fd}.dark .filter-btn.active:hover{background:#87ceeb66;border-color:#87ceebb3;color:#93c5fd}.app.dark .generate-modal,.app.dark .generate-modal *,.generate-modal,.generate-modal *,.modal-overlay .generate-modal,.modal-overlay .generate-modal *,.modal-overlay.dark .generate-modal,.modal-overlay.dark .generate-modal *,body.dark .generate-modal,body.dark .generate-modal *{background-color:#fff!important;color:#1f2937!important}.generate-modal .card-preview,body.dark .generate-modal .card-preview{background-color:#f9fafb!important;border:1px solid #e5e7eb!important}.generate-modal h2,.generate-modal h3,.generate-modal h4,body.dark .generate-modal h2,body.dark .generate-modal h3,body.dark .generate-modal h4{color:#111827!important}.generate-modal{isolation:isolate!important}.ai-modal-overlay,.ai-modal-overlay.dark,.modal-overlay.ai-modal-overlay,.modal-overlay.dark.ai-modal-overlay{background-color:#00000080!important}.ai-modal-content,.ai-modal-content.dark,.ai-modal-overlay .ai-modal-content,.ai-modal-overlay.dark .ai-modal-content,.dark .ai-modal-content,.dark .modal-content.ai-modal-content,.modal-content.ai-modal-content,.modal-content.ai-modal-content.dark{background-color:#fff!important;border:3px solid blue!important;color:#1f2937!important}.ai-modal-content *,.ai-modal-content.dark *,.ai-modal-overlay .ai-modal-content *,.ai-modal-overlay.dark .ai-modal-content *,.dark .ai-modal-content *{background-color:#fff!important;color:#1f2937!important}.ai-modal-content .btn,.ai-modal-content .modal-header,.ai-modal-content .option-checkbox,.ai-modal-content button,.ai-modal-content h3,.ai-modal-content h4,.ai-modal-content label{background-color:initial!important;color:#1f2937!important}.ai-modal-content .btn-primary{background-color:#3b82f6!important;color:#fff!important}.ai-modal-content .btn-secondary{background-color:#e5e7eb!important;color:#1f2937!important}.filter-section .card-filter-toggle{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:0;width:100%}.toggle-group{display:flex;gap:.375rem}.toggle-group.primary-toggles{display:flex;gap:.75rem;position:relative;width:100%}.toggle-group.filter-toggles{display:flex}.filter-section .toggle-btn{align-items:center;background:#87ceeb1a;border:1px solid #87ceeb66;border-radius:.5rem;border-radius:var(--radius-sm);color:#1e40af;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:700;justify-content:center;line-height:1;min-height:2.5rem;min-width:6rem;overflow:visible;padding:.5rem .75rem;position:relative;text-align:center;transform:scale(1);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.filter-section .toggle-btn.star-toggle{flex:0 0 auto;min-width:4rem}.filter-section .toggle-btn.star-toggle span{display:inline-block;font-size:.875rem;font-weight:700!important;line-height:1;text-shadow:none;vertical-align:middle}.filter-section .toggle-btn:hover{background:#87ceeb33;border-color:#87ceeb99;color:#1e40af}.filter-section .toggle-btn.active{background:#1e40af;border-color:#1e40af;box-shadow:0 4px 12px #1e40af66;color:#fff;font-size:.875rem;font-weight:700;position:relative;transform:scale(1.05);z-index:1}.filter-section .toggle-btn.star-toggle:not(.active){background:#fff;background:var(--surface);color:#64748b;color:var(--text-secondary);transform:scale(.9) scaleX(1)}.filter-section .toggle-btn.star-toggle.active{background:#fbbf24;border-color:#fbbf24;color:#fff;font-size:.875rem;position:relative;transform:scale(1.1);z-index:1}.dark .filter-section .toggle-btn{background:#87ceeb26;border-color:#87ceeb80;color:#93c5fd;position:relative;transform:scale(.9) scaleX(1)}.dark .filter-section .toggle-btn:hover{background:#87ceeb40;border-color:#87ceebb3;color:#93c5fd}.dark .filter-section .toggle-btn.active{background:#1e40af;border-color:#1e40af;box-shadow:0 4px 12px #1e40af99;color:#fff;font-size:.75rem;position:relative;transform:scale(1.05);z-index:1}.dark .filter-section .toggle-btn.star-toggle:not(.active){background:#374151;color:#9ca3af;transform:scale(.9) scaleX(1)}.dark .filter-section .toggle-btn.star-toggle.active{background:#fbbf24;border-color:#fbbf24;color:#fff;font-size:.875rem;position:relative;transform:scale(1.1);z-index:1}@media (max-width:768px){.filter-section .toggle-btn{font-size:.5625rem;min-height:1.75rem;min-width:3.5rem;padding:.25rem .375rem}.toggle-group.primary-toggles{min-width:7rem}.filter-section .toggle-btn.star-toggle span{font-size:.5625rem!important;font-weight:700!important}}@media (max-width:480px){.filter-section .card-filter-toggle{gap:.5rem}.filter-section .toggle-btn{font-size:.5rem;min-height:1.5rem;min-width:3rem;padding:.25rem}.toggle-group.primary-toggles{min-width:7rem}.filter-section .toggle-btn.star-toggle span{font-size:.5rem!important;font-weight:700!important}}.api-key-dropdown{contain:layout style!important;isolation:isolate!important;pointer-events:auto!important;position:absolute!important;z-index:999999!important}.api-key-dropdown .card-actions,.api-key-dropdown .flashcard-controls,.api-key-dropdown .header-controls,.api-key-dropdown .maximize-btn,.api-key-dropdown .popout-btn,.api-key-dropdown .window-controls{display:none!important}.api-key-dropdown-wrapper{position:relative!important;z-index:999999!important}@media (max-width:480px){.App{gap:.5rem!important;margin-bottom:0!important;margin-top:0!important;min-height:100vh;padding:.5rem!important}.App,.app-header{border-radius:0!important}.app-header{margin-bottom:.5rem!important;padding:.75rem 1rem!important}.app-logo{font-size:1.1rem!important}.app-subtitle{font-size:.6rem!important}.header-search-input{font-size:.8rem!important;padding:6px 28px 6px 10px!important;width:120px!important}.header-search-input:focus{width:150px!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}body,p{font-size:.9rem!important}.flashcard-with-notes-container{flex-direction:column!important;gap:.75rem!important;margin:.5rem!important;width:calc(100% - 1rem)!important}.flashcard-section{font-size:.95rem!important;min-height:200px!important;padding:1rem!important}.flashcard-section h1{font-size:1.3rem!important}.flashcard-section h2{font-size:1.15rem!important}.flashcard-section h3{font-size:1rem!important}.flashcard-section pre{font-size:.75rem!important;overflow-x:auto!important;padding:.75rem!important}.flashcard-section code{font-size:.8em!important}.review-buttons-below-card{flex-wrap:wrap!important;gap:8px!important;padding:12px 0!important}.review-buttons-below-card .review-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-height:60px!important;min-width:calc(50% - 4px)!important;padding:10px 8px!important}.review-btn .btn-emoji{font-size:1.3rem!important}.review-btn .btn-text{font-size:.75rem!important}.review-btn .btn-number{font-size:.55rem!important;left:4px!important;padding:1px 4px!important;top:4px!important}.nav-btn{font-size:.85rem!important;min-height:44px!important;padding:.75rem 1rem!important}.filter-section{margin-bottom:.5rem!important;padding:.5rem!important}.filter-btn,.filter-label{font-size:.7rem!important}.filter-btn{min-height:32px!important;padding:4px 8px!important}.flashcard-form-modal,.modal-content,.settings-modal{margin:1rem auto!important;max-width:95%!important;padding:1rem!important;width:95%!important}.modal-header h2{font-size:1.1rem!important}input,select,textarea{font-size:1rem!important;min-height:44px!important;padding:.75rem!important}button{font-size:.9rem!important;min-height:44px!important;padding:.75rem 1rem!important}.app-footer{font-size:.75rem!important;padding:1rem!important}.footer-shortcuts{display:none!important}.daily-progress-compact{gap:6px!important;padding:4px 8px!important}.progress-label{font-size:.65rem!important}.progress-bar-mini{width:40px!important}.notes-panel{margin-top:1rem!important;max-width:100%!important;width:100%!important}.calendar-container{padding:.75rem!important}.stats-container{flex-direction:column!important;gap:.75rem!important}.stat-card{padding:.75rem!important;width:100%!important}}@media (min-width:481px) and (max-width:768px){.App{gap:1rem!important;margin-bottom:1rem!important;margin-top:.5rem!important;padding:1rem!important}.app-header{padding:1rem 1.5rem!important}.app-logo{font-size:1.3rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}.flashcard-section{font-size:1rem!important;padding:1.5rem!important}.review-buttons-below-card .review-btn{min-height:65px!important;min-width:90px!important}.review-btn .btn-emoji{font-size:1.4rem!important}.review-btn .btn-text{font-size:.8rem!important}.review-buttons-below-card{gap:10px!important}.modal-content,.settings-modal{max-width:600px!important;width:90%!important}input,textarea{font-size:1rem!important}button{min-height:44px!important}}@media (min-width:769px) and (max-width:1024px){.App{max-width:100%!important;padding:1.5rem!important}.flashcard-section{padding:2rem!important}.review-buttons-below-card .review-btn{min-width:100px!important}}@media (max-width:1024px){.clickable,a,button,input,select,textarea{min-height:44px!important;min-width:44px!important}.filter-btn,.header-btn,.toggle-btn{min-height:44px!important;padding:.75rem 1rem!important}.space-y-2>*+*{margin-top:1rem!important}.space-y-4>*+*{margin-top:1.5rem!important}@media (hover:none){.hover\\:scale-105:hover,.hover\\:scale-110:hover{transform:none!important}a:hover,button:hover{transform:none!important}}*{-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:focus{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}img{height:auto!important;max-width:100%!important}}@media (max-height:500px) and (orientation:landscape){.App{padding:.5rem!important}.app-header{margin-bottom:.5rem!important;padding:.5rem 1rem!important}.flashcard-section{font-size:.9rem!important;min-height:150px!important;padding:1rem!important}.review-buttons-below-card{padding:8px 0!important}.review-buttons-below-card .review-btn{min-height:50px!important;padding:6px 10px!important}.modal-content{max-height:90vh!important;overflow-y:auto!important}h1{font-size:1.25rem!important}h2{font-size:1.1rem!important}}@media (max-width:360px){.App{padding:.25rem!important}.app-logo{font-size:1rem!important}.flashcard-section{font-size:.85rem!important;padding:.75rem!important}.review-buttons-below-card .review-btn{font-size:.7rem!important;min-width:calc(50% - 4px)!important}.review-btn .btn-emoji{font-size:1.1rem!important}.review-btn .btn-text{font-size:.7rem!important}button{font-size:.85rem!important;padding:.65rem .85rem!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.flashcard-section{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.app-footer,.app-header,.filter-section,.nav-btn,.review-buttons-below-card,button{display:none!important}.flashcard-section{border:1px solid #000!important;page-break-inside:avoid}.App{box-shadow:none!important;padding:0!important}}.ai-explanation-dropdown-outer{align-items:flex-start;display:flex;justify-content:center;margin-top:.5rem;position:relative;width:100%;z-index:3}.ai-explanation-dropdown-wrapper{align-items:center;background:#fff;background:var(--dropdown-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001f;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:480px;min-width:220px;padding:.5rem 1rem;z-index:100}
/*# sourceMappingURL=main.ca5a3abc.css.map*/