*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-light:#60a5fa;--secondary-purple:#8b5cf6;--secondary-purple-dark:#7c3aed;--accent-green:#10b981;--accent-green-dark:#059669;--accent-red:#ef4444;--accent-yellow:#f59e0b;--accent-orange:#f97316;--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 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.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.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.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:1rem;padding-top:1rem}.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:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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:#3b82f6;background-color:var(--primary-blue)}.bg-blue-600{background-color:#2563eb;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:#ef4444;background-color:var(--accent-red)}.bg-red-700{background-color:#b91c1c}.bg-red-800{background-color:#991b1b}.bg-yellow-500{background-color:#f59e0b;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:#8b5cf6;background-color:var(--secondary-purple)}.bg-purple-700{background-color:#7c3aed;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:#f97316;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:#2563eb;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:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;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:#3b82f6;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:#2563eb;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:#7c3aed;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 10px 15px -3px #0000001a,0 4px 6px -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{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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 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}.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)}.dropdown-section{border:1px solid #e2e8f0;border-radius:6px;margin:8px 0;overflow:hidden}.dropdown-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;font-weight:500;padding:10px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dropdown-header:hover{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.dropdown-content{background:#fff;display:block;padding:12px}.code-dropdown-section{background:#1f2937;border:1px solid #374151;border-radius:6px;margin:8px 0;overflow:hidden}.code-dropdown-header{align-items:center;background:linear-gradient(135deg,#374151,#4b5563);border-bottom:1px solid #4b5563;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.code-dropdown-header:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}.code-dropdown-content{background:#1f2937;display:block;padding:0}.code-lang-select{background:#4b5563;border:1px solid #6b7280;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:2px 6px}.code-lang-select:hover{background:#6b7280}.code-lang-select:focus{border-color:#60a5fa;outline:none}.dark .dropdown-section{border-color:#4b5563}.dark .dropdown-header{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563;color:#fff}.dark .dropdown-content{background:#1f2937;color:#fff}pre{background:#2b2b2b!important;border:1px solid #555!important;border-radius:6px!important;color:#a9b7c6!important;font-family:JetBrains Mono,Courier New,Consolas,Monaco,monospace!important;font-size:14px!important;line-height:1.4!important;margin:8px 0!important;overflow-x:auto!important;padding:16px!important;white-space:pre-wrap!important}.advanced-code-block{background:#2b2b2b;border:2px solid #555;border-radius:8px;margin:12px 0;overflow:hidden}.advanced-code-block .code-header{align-items:center;background:linear-gradient(135deg,#3c3c3c,#424242);border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:8px 12px}.advanced-code-block .language-selector{background:#4b5563;border:1px solid #6b7280;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s ease}.advanced-code-block .language-selector:hover{background:#6b7280}.advanced-code-block .language-selector:focus{border-color:#60a5fa;outline:none}.advanced-code-block .format-code-btn{background:#059669;border:1px solid #047857;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s ease}.advanced-code-block .format-code-btn:hover{background:#047857;border-color:#065f46;transform:translateY(-1px)}.advanced-code-block .format-code-btn:active{background:#065f46;transform:translateY(0)}.advanced-code-block .format-code-btn:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133;outline:none}.advanced-code-block .code-content{background:#0000;border:none;box-sizing:border-box;color:#a9b7c6;font-family:JetBrains Mono,Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.4;margin:0;min-height:100px;outline:none;overflow-wrap:break-word;padding:16px;tab-size:2;-moz-tab-size:2;white-space:pre-wrap;width:100%;word-break:break-word}.advanced-code-block .code-content:focus{background:#3741514d}span.syntax-keyword{font-weight:400!important}.syntax-builtin,span.syntax-keyword{color:#cc7832!important}.syntax-string{color:#6a8759!important}.syntax-comment{color:grey!important;font-style:italic!important}.syntax-number{color:#6897bb!important}.advanced-code-block .code-content .syntax-keyword,.advanced-code-block .syntax-keyword,[contenteditable] .syntax-keyword,pre .syntax-keyword{color:#cc7832!important;font-weight:400!important}.advanced-code-block .code-content .syntax-builtin,.advanced-code-block .syntax-builtin,[contenteditable] .syntax-builtin,pre .syntax-builtin{color:#cc7832!important}.advanced-code-block .code-content .syntax-string,.advanced-code-block .syntax-string,[contenteditable] .syntax-string,pre .syntax-string{color:#6a8759!important}.advanced-code-block .code-content .syntax-comment,.advanced-code-block .syntax-comment,[contenteditable] .syntax-comment,pre .syntax-comment{color:grey!important;font-style:italic!important}.advanced-code-block .code-content .syntax-number,.advanced-code-block .syntax-number,[contenteditable] .syntax-number,pre .syntax-number{color:#6897bb!important}.syntax-type{color:#cc7832!important}.syntax-annotation{color:#bbb529!important}.syntax-method{color:#ffc66d!important}.syntax-field{color:#9876aa!important}.advanced-code-block .code-content .syntax-type,.advanced-code-block .syntax-type,[contenteditable] .syntax-type,pre .syntax-type{color:#cc7832!important}.advanced-code-block .code-content .syntax-annotation,.advanced-code-block .syntax-annotation,[contenteditable] .syntax-annotation,pre .syntax-annotation{color:#bbb529!important}.advanced-code-block .code-content .syntax-method,.advanced-code-block .syntax-method,[contenteditable] .syntax-method,pre .syntax-method{color:#ffc66d!important}.advanced-code-block .code-content .syntax-field,.advanced-code-block .syntax-field,[contenteditable] .syntax-field,pre .syntax-field{color:#9876aa!important}.rich-text-editor-container{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden;width:100%}.rich-text-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.font-controls-group{align-items:center;display:flex;gap:.5rem}.font-select{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.75rem;height:32px;min-width:100px;padding:.25rem .5rem}.font-select:hover{border-color:#9ca3af}.font-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.font-size-select{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.75rem;height:32px;min-width:60px;padding:.25rem .5rem}.font-size-select:hover{border-color:#9ca3af}.font-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.formatting-controls-group{align-items:center;display:flex;gap:.25rem}.format-btn{background:#f8fafc;border-color:#e2e8f0;color:#475569;font-weight:600;transition:all .2s ease}.format-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155;transform:scale(1.05)}.format-btn:active{background:#cbd5e1;transform:scale(.95)}.toolbar-select-compact{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;height:28px;min-width:50px;padding:.125rem .25rem}.toolbar-select-compact:hover{border-color:#9ca3af}.toolbar-select-compact:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f61a;outline:none}.toolbar-select{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;min-width:80px;padding:.25rem .5rem}.toolbar-select:hover{border-color:#9ca3af}.toolbar-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.toolbar-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-btn:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-btn:active{background:#e5e7eb;transform:translateY(1px)}.toolbar-divider{background:#d1d5db;height:24px;margin:0 .25rem;width:1px}.color-controls-group{align-items:center;display:flex;gap:.25rem}.color-control{align-items:center;display:flex;flex-direction:column;position:relative}.color-control:last-child .color-palette{left:auto;right:0;transform:translateX(25%)}.color-picker-compact{background:none;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:24px;padding:0;width:24px}.color-picker-compact::-webkit-color-swatch-wrapper{padding:0}.color-picker-compact::-webkit-color-swatch{border:none;border-radius:.25rem}.color-dropdown-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.color-dropdown-btn:hover{background:#f3f4f6;border-color:#9ca3af}.color-icon{font-size:12px;font-weight:700;line-height:1}.highlight-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fef08a,#fef08a);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 2px #fef08a80}.color-palette{grid-gap:3px!important;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 12px #00000026;display:grid;gap:3px!important;grid-auto-rows:20px!important;grid-template-columns:repeat(5,20px)!important;left:0;margin-top:.125rem;padding:6px!important;position:absolute;top:100%;transform:translateX(-25%);width:auto;z-index:1000}.color-swatch{align-items:center;border:1px solid #0000001a;border-radius:3px!important;cursor:pointer;display:flex;font-size:8px!important;height:20px!important;justify-content:center;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;transition:transform .1s ease;width:20px!important}.color-swatch:hover{border-color:#0000004d;box-shadow:0 3px 6px #00000040;transform:scale(1.15)}.color-label{color:#6b7280;font-size:.625rem;font-weight:600;line-height:1}.template-controls-group{align-items:center;display:flex;gap:.25rem}.template-btn{background:#f0f9ff;border-color:#bae6fd;color:#0369a1;transition:all .2s ease}.template-btn:hover{background:#e0f2fe;border-color:#7dd3fc;color:#0284c7;transform:scale(1.05)}.content-group{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin:8px 0;overflow:hidden;transition:all .2s ease}.content-group:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.group-header{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;font-size:12px;justify-content:space-between;padding:6px 12px}.group-header,.group-label{color:#475569;font-weight:600}.group-delete-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:2px 6px;transition:all .2s ease}.group-delete-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.group-content{background:#fff;padding:12px}.group-content p:first-child{margin-top:0}.group-content p:last-child{margin-bottom:0}.delete-controls-group{align-items:center;display:flex;gap:.25rem}.delete-btn{background:#f8fafc;border-color:#e2e8f0;color:#64748b;transition:all .2s ease}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.add-sections-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #7c3aed;border-radius:.375rem;box-shadow:0 2px 4px #8b5cf633;color:#fff;font-size:.75rem;font-weight:600;height:32px;min-width:120px;padding:.375rem .75rem;transition:all .2s ease;width:auto}.add-sections-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#6d28d9;box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-1px)}.add-sections-btn:active{background:linear-gradient(135deg,#6d28d9,#5b21b6);border-color:#5b21b6;box-shadow:0 2px 4px #8b5cf633;transform:translateY(0)}.delete-btn-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.delete-btn-danger:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c;transform:scale(1.05)}.color-picker{background:none;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:32px;padding:0;width:32px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:.25rem}.rich-text-content{color:#374151;font-family:inherit;line-height:1.5}.rich-text-content:focus{box-shadow:inset 0 0 0 2px #3b82f61a;outline:none}.rich-text-content-textarea{border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-family:inherit;line-height:1.5}.rich-text-content-textarea:focus{border-color:#3b82f6;box-shadow:inset 0 0 0 2px #3b82f61a;outline:none}.rich-text-content p{margin:.5rem 0}.rich-text-content p:first-child{margin-top:0}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content ol,.rich-text-content ul{margin:.5rem 0;padding-left:1.5rem}.rich-text-content li{margin:.25rem 0}.rich-text-content strong{font-weight:600}.rich-text-content em{font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content strike{text-decoration:line-through}.placeholder-text{color:#9ca3af;font-style:italic;left:12px;pointer-events:none;position:absolute;top:12px}.dark .rich-text-editor-container{background:#1f2937;border-color:#4b5563}.dark .rich-text-toolbar{background:#374151;border-bottom-color:#4b5563}.dark .toolbar-select-compact{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .toolbar-select-compact:hover{border-color:#6b7280}.dark .toolbar-select-compact:focus{border-color:#3b82f6}.dark .toolbar-select{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .toolbar-select:hover{border-color:#6b7280}.dark .toolbar-select:focus{border-color:#3b82f6}.dark .toolbar-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .toolbar-btn:hover{background:#4b5563;border-color:#6b7280}.dark .toolbar-btn:active{background:#6b7280}.dark .toolbar-divider{background:#4b5563}.dark .color-dropdown-btn{background:#374151;border-color:#4b5563}.dark .color-dropdown-btn:hover{background:#4b5563;border-color:#6b7280}.dark .color-palette{background:#374151;border-color:#4b5563}.dark .color-picker-compact{border-color:#4b5563}.dark .color-label{color:#9ca3af}.dark .color-picker{border-color:#4b5563}.dark .rich-text-content{background:#1f2937;color:#f3f4f6}.dark .rich-text-content-textarea{background:#1f2937;border-color:#4b5563;color:#f3f4f6}.dark .rich-text-content-textarea:focus{border-color:#3b82f6;box-shadow:inset 0 0 0 2px #3b82f61a}.dark .placeholder-text{color:#6b7280}.dark .font-select{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .font-select:hover{border-color:#6b7280}.dark .font-select:focus{border-color:#3b82f6}.dark .font-size-select{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .font-size-select:hover{border-color:#6b7280}.dark .font-size-select:focus{border-color:#3b82f6}.dark .format-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .format-btn:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.dark .content-group{background:#374151;border-color:#4b5563}.dark .content-group:hover{border-color:#6b7280}.dark .group-header{background:linear-gradient(135deg,#4b5563,#6b7280);border-bottom-color:#6b7280;color:#e5e7eb}.dark .group-label{color:#e5e7eb}.dark .group-delete-btn{color:#9ca3af}.dark .group-delete-btn:hover{background:#7f1d1d;color:#fca5a5}.dark .group-content{background:#1f2937;color:#f3f4f6}.dark .delete-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.dark .delete-btn:hover{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark .add-sections-btn{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#9333ea;box-shadow:0 2px 4px #a855f733;color:#fff}.dark .add-sections-btn:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);border-color:#7e22ce;box-shadow:0 4px 8px #a855f74d}.dark .add-sections-btn:active{background:linear-gradient(135deg,#7e22ce,#6b21a8);border-color:#6b21a8;box-shadow:0 2px 4px #a855f733}.dark .delete-btn-danger{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark .delete-btn-danger:hover{background:#991b1b;border-color:#b91c1c;color:#fecaca}@media (max-width:768px){.rich-text-toolbar{gap:.125rem;padding:.25rem}.toolbar-btn{font-size:12px;height:28px;width:28px}.toolbar-select-compact{font-size:.625rem;height:24px;min-width:40px;padding:.125rem}.toolbar-select{font-size:.75rem;min-width:60px;padding:.125rem .25rem}.color-dropdown-btn{height:24px;width:24px}.color-icon{font-size:10px}.color-palette{gap:2px!important;grid-auto-rows:16px!important;grid-template-columns:repeat(5,16px)!important;padding:4px!important}.color-swatch{border-radius:2px!important;font-size:6px!important;height:16px!important;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;width:16px!important}.color-picker-compact{height:20px;width:20px}.color-label{font-size:.5rem}.color-picker{height:28px;width:28px}.delete-controls-group,.template-controls-group{gap:.125rem}.add-sections-btn{font-size:.625rem;height:28px;min-width:100px;padding:.25rem .5rem}.content-group{margin:4px 0}.group-header{font-size:10px;padding:4px 8px}.group-content{padding:8px}.group-delete-btn{font-size:12px;padding:1px 4px}}.tour-overlay{background:#000000b3;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99998}.tour-highlight{animation:pulse 2s infinite;border:3px solid #4caf50;border-radius:8px;box-shadow:0 0 0 4000px #000000b3;pointer-events:none;position:absolute}@keyframes pulse{0%{box-shadow:0 0 0 4000px #000000b3,0 0 20px #4caf5080}50%{box-shadow:0 0 0 4000px #000000b3,0 0 30px #4caf50cc}to{box-shadow:0 0 0 4000px #000000b3,0 0 20px #4caf5080}}.tour-tooltip{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;min-width:320px;padding:0;transform:translate(-50%)}.tour-tooltip-top{transform:translate(-50%,-100%)}.tour-tooltip-left{transform:translate(-100%,-50%)}.tour-tooltip-right{transform:translateY(-50%)}.tour-tooltip:before{border-style:solid;content:"";height:0;position:absolute;width:0}.tour-tooltip-bottom:before{border-color:#0000 #0000 #fff;border-width:0 10px 10px;left:50%;top:-10px;transform:translateX(-50%)}.tour-tooltip-top:before{border-color:#fff #0000 #0000;border-width:10px 10px 0;bottom:-10px;left:50%;transform:translateX(-50%)}.tour-tooltip-left:before{border-color:#0000 #0000 #0000 #fff;border-width:10px 0 10px 10px;right:-10px;top:50%;transform:translateY(-50%)}.tour-tooltip-right:before{border-color:#0000 #fff #0000 #0000;border-width:10px 10px 10px 0;left:-10px;top:50%;transform:translateY(-50%)}.tour-tooltip-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px 16px}.tour-tooltip-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.tour-step-indicator{background:#f0f0f0;border-radius:12px;color:#666;font-size:14px;padding:4px 12px}.tour-tooltip-content{color:#555;font-size:15px;line-height:1.6;padding:20px 24px}.tour-tooltip-content p{margin:0 0 12px}.tour-tooltip-content p:last-child{margin-bottom:0}.tour-list{margin:12px 0;padding-left:24px}.tour-list li{margin-bottom:8px}.tour-tip{background:#e8f5e9;border-radius:8px;color:#2e7d32;display:block;font-size:14px;margin-top:12px!important;padding:12px 16px}.tour-action{margin-top:16px;text-align:center}.tour-action-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.tour-action-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.tour-tooltip-footer{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding:16px 24px 20px}.tour-keyboard-hint{margin-bottom:4px;text-align:center}.tour-tooltip-footer>div:last-child{align-items:center;display:flex;gap:12px;justify-content:space-between}.tour-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.tour-button-primary{background:#2196f3;color:#fff}.tour-button-primary:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.tour-button-secondary{background:#f0f0f0;color:#666}.tour-button-secondary:hover{background:#e0e0e0}.tour-button-skip{background:#0000;color:#999;padding:10px 16px}.tour-button-skip:hover{background:#f5f5f5;color:#666}.dark .tour-tooltip{background:#2a2a2a;color:#e0e0e0}.dark .tour-tooltip-header{border-bottom-color:#444}.dark .tour-tooltip-header h3{color:#fff}.dark .tour-step-indicator{background:#3a3a3a;color:#ccc}.dark .tour-tooltip-content{color:#ccc}.dark .tour-tooltip-footer{border-top-color:#444}.dark .tour-keyboard-hint span{color:#999!important}.dark .tour-tip{background:#1b5e20;color:#a5d6a7}.dark .tour-button-secondary{background:#3a3a3a;color:#ccc}.dark .tour-button-secondary:hover{background:#444}.dark .tour-button-skip{color:#888}.dark .tour-button-skip:hover{background:#3a3a3a;color:#aaa}.tour-tooltip{max-height:80vh;overflow-y:auto;position:absolute;z-index:99999}.tour-tooltip.tour-centered{left:50%!important;margin:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important}.tour-tooltip.tour-centered:before{display:none}.tour-tooltip-content{max-height:50vh;overflow-y:auto}@media (max-width:768px){.tour-tooltip{max-height:70vh;max-width:calc(100vw - 40px);min-width:280px}.tour-tooltip-header{padding:16px 20px 12px}.tour-tooltip-content{max-height:40vh;padding:16px 20px}.tour-tooltip-footer{gap:8px;padding:12px 20px 16px}.tour-tooltip-footer>div:last-child{flex-wrap:wrap;gap:8px;justify-content:center}.tour-button{flex:1 1;font-size:13px;min-width:80px;padding:8px 16px}}@media (max-width:480px){.tour-tooltip{left:50%!important;margin-left:calc(-50vw + 10px);margin-top:-30vh;max-height:60vh;max-width:calc(100vw - 20px);min-width:260px;position:fixed!important;top:50%!important;transform:none!important}.tour-tooltip:before{display:none}.tour-tooltip-content{font-size:14px;max-height:30vh}.tour-button{font-size:12px;padding:8px 12px}}.due-cards-panel{background:#87ceeb26;border:1px solid #87ceeb4d;border-radius:8px;box-shadow:0 2px 8px #00000012;flex-direction:column;margin-bottom:1.2rem;padding:.8rem 1.2rem}.due-cards-panel,.flashcard-nav-arrow{align-items:center;display:flex;justify-content:center}.flashcard-nav-arrow{background:#3b82f61f;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001f;cursor:pointer;font-size:2.2rem;height:56px;position:fixed;top:50%;transform:translateY(-50%);transition:background .2s;-webkit-user-select:none;user-select:none;width:56px;z-index:10002}.flashcard-nav-arrow.prev{left:50px}.flashcard-nav-arrow.next{right:50px}.due-cards-panel .past-due{color:#ff6b6b;font-weight:600}.dark .due-cards-panel{background:#87ceeb33;border-color:#87ceeb80;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:8px;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;top:150%;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;border-color:#0000 #0000 #000000f2;content:"";top:140%}@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-bottom-color:#fffffff2}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.preview-toggle{border:1px solid #d1d5db;border-radius:.375rem;display:flex;gap:.25rem;overflow:hidden}.toggle-btn{background:#87ceeb1a;padding:.25rem .75rem;transition:all .2s ease}.toggle-btn:hover{background:#87ceeb33}.content-preview{background:#f8fafc;border:1px solid #d1d5db;border-radius:.375rem;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:.25rem;margin:.5rem 0;padding:.5rem}.content-preview summary{cursor:pointer;font-weight:600;padding:.25rem}.content-preview code{background:#f1f5f9;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .25rem}.content-preview pre{background:#1e293b;border-radius:.375rem;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:.25rem;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:#3b82f6;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:#3b82f6;--primary-hover:#2563eb;--primary-color-dark:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#0ea5e9;--secondary-hover:#0284c7;--accent-color:#3b82f6;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--danger-color:#ef4444;--danger-hover:#dc2626;--background-light:#e2e8f0;--surface-light:#fff;--text-light-primary:#1e293b;--text-light-secondary:#64748b;--border-light:#e2e8f0;--card-bg-light:#fff;--background-dark:#020617;--surface-dark:#1e293b;--text-dark-primary:#f1f5f9;--text-dark-secondary:#94a3b8;--border-dark:#334155;--card-bg-dark:#1e293b;--shadow-light:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;--shadow-dark:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a,0 0 0 1px #ffffff0d;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--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)}html{box-sizing:border-box;font-size:16px;scroll-behavior:smooth;scroll-padding-top:280px}*,:after,:before{box-sizing:inherit}body{background-color:#e2e8f0;background-color:var(--background);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;scroll-padding-top:280px;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}body,h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-top:0}p{color:#64748b;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4);margin-top:0}.App{background:#ffffffb3;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;margin:2rem auto 0;margin-bottom:2rem;margin-bottom:var(--space-6);margin-top:var(--space-6);max-width:1400px;min-height:100vh;overflow:hidden}.App,.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;padding:var(--space-6);position:relative}.app-header{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f080;border-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff1a;margin-bottom:.5rem;margin-bottom:var(--space-2);padding-left:2rem;padding-right:2rem}.app-header.collapsed,.header-layout{position:relative}.header-layout{grid-gap:1rem;grid-gap:var(--space-4);align-items:center;display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr auto 1fr;min-height:80px;width:100%}.header-left{align-items:center;display:flex;justify-self:start}.user-welcome-box{align-items:flex-start!important;background:#3b82f61a!important;border:1px solid #3b82f633!important;border-radius:8px!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:#3b82f6!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{background:#0000!important;color:#059669!important;font-size:.75rem!important;margin:0!important;padding:0!important}.header-left-logo{align-items:flex-start;background:#f1f5f9!important;border:none!important;border-radius:16px!important;box-shadow:0 2px 16px #1e40af12!important;display:flex;flex-direction:column;justify-self:start;left:0!important;margin:0!important;margin-left:0;max-width:700px!important;padding:2vh 2vw!important;padding-left:0;position:absolute!important;top:0!important;width:70vw!important}.header-center{font-size:1.1rem!important;justify-content:center;justify-self:center;min-height:300px!important;padding:1.2rem 2vw!important}.header-center,.header-right{align-items:center;display:flex;width:100%}.header-right{justify-content:flex-end;justify-self:end;text-align:right}.header-right-center{gap:16px;justify-content:center;margin-left:auto;margin-right:20px}.header-progress-bar,.header-right-center{align-items:center;display:flex;flex-shrink:0}.header-progress-bar{background:#fffffff2;border:2px solid #3b82f6;border:2px solid var(--primary-color);border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;gap:8px;height:32px;padding:4px 10px}.progress-text{color:#3b82f6;color:var(--primary-color);font-size:.9rem;font-weight:600;min-width:30px;white-space:nowrap}.progress-bar-container-header{background-color:#3b82f633;border-radius:3px;height:6px;overflow:hidden;position:relative;width:80px}.progress-bar-container-header .progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--primary-color),#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.progress-percentage-header{color:#3b82f6;color:var(--primary-color);font-size:.9rem;font-weight:600;min-width:32px;text-align:right}.dark .header-progress-bar{background:#1f2937f2;border-color:#93c5fd;box-shadow:0 2px 4px #0000004d}.dark .progress-percentage-header,.dark .progress-text{color:#93c5fd}.dark .progress-bar-container-header{background-color:#93c5fd33}.app-logo{color:#3b82f6;color:var(--primary-color);font-size:2rem;font-weight:600;line-height:1.1;margin:0;text-align:left;white-space:nowrap}.app-subtitle{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:1px;margin:-.25rem 0 0;text-align:left;text-transform:uppercase}.toggle-controls-row{justify-content:flex-start}.header-collapse-toggle{align-items:center;background:#3b82f6!important;background:var(--primary-color)!important;border:1px solid #3b82f6!important;border:1px solid var(--primary-color)!important;border-radius:.25rem!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 4px #0000001a;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:#2563eb!important;background:var(--primary-hover)!important;border-color:#2563eb!important;border-color:var(--primary-hover)!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:1rem!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{border-bottom:none;margin-bottom:.5rem;margin-bottom:var(--space-2);padding-bottom:0}.app-header.collapsed .header-layout{display:none}.collapsed-header-controls{display:flex;justify-content:center;padding:.5rem 0;padding:var(--space-2) 0}@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,#3b82f6,#3b82f6);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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 #ffffff1a;color:#fff;margin:2rem 0;margin:var(--space-6) 0;min-height:320px;overflow:hidden;padding:3rem;padding:var(--space-8);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.card:before{background:linear-gradient(90deg,#0000,#3b82f680,#0000);height:1px}.filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f080;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px -1px #0000000f,0 1px 2px -1px #0000000f;margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4);padding-right:50px;position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.filter-section:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.filter-section-header{position:relative}.filter-label,.filter-section-header{margin-bottom:.5rem;margin-bottom:var(--space-2)}.filter-label{display:block}.panel-collapse-toggle{background:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;height:32px;min-width:32px;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;justify-content:center}.notes-collapse-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;border-radius:var(--radius-sm);font-size:.8rem;height:28px;min-width:28px;position:static!important;transition:all .2s ease}.notes-header-controls .notes-collapse-toggle,.notes-header-controls button{position:static!important;right:auto!important;top:auto!important}.notes-header-controls button{bottom:auto!important;left:auto!important}.filter-section-header .collapse-toggle{align-items:center;background:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;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:#1d4ed8;background:var(--primary-color-dark,#0056b3);border-color:#1d4ed8;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:#1d4ed8;background:var(--primary-color-dark,#0056b3);border-color:#1d4ed8;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:.25rem;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,#3b82f6,#3b82f6);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;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.025em;line-height:1.4;margin:.25rem 0;margin:var(--space-1) 0;overflow:hidden;padding:.75rem 2rem;padding:var(--space-3) var(--space-6);position:relative;text-overflow:ellipsis;transition:all .25s ease;transition:all var(--transition-normal);white-space:nowrap}button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}button:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.5;transform:scale(25)}to{opacity:0;transform:scale(40)}}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:1px solid #ffffff1a;color:#fff;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%}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary-color-dark) 100%);box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -2px #3b82f633;transform:translateY(-2px)}.btn-secondary{background-color:#3b82f6;background-color:var(--primary-color);border-radius:.25rem!important;border-radius:var(--radius-sm)!important;color:#fff}.app-header .btn.btn-secondary{align-items:center;display:inline-flex;justify-content:center;max-width:175px!important;min-width:175px!important;text-align:center;width:175px!important}.header-right{flex-wrap:wrap!important;margin-left:auto!important;min-width:0!important;overflow:visible!important}.action-buttons{flex-wrap:wrap!important;gap:.5rem!important;gap:var(--space-2)!important}.header-layout{grid-template-columns:auto 1fr auto!important;overflow:visible!important}.btn-secondary:hover{background-color:#1e3a8a;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-success{background-color:#10b981;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#059669;background-color:var(--success-hover)}.btn-success:hover,.btn-warning:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-warning:hover{background-color:#f59e0b;background-color:var(--warning-color);filter:brightness(.95)}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-outline{color:#1e293b;color:var(--text-primary)}.btn-outline:hover{background-color:#fff;background-color:var(--surface);border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;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-color:#fff;background-color:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000000d;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s ease;transition:all var(--transition-normal);width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #dbeafe,inset 0 2px 4px #0000000d;box-shadow:0 0 0 3px var(--primary-light),inset 0 2px 4px #0000000d;outline:none}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-secondary);opacity:.7}label{color:#1e293b;color:var(--text-primary);display:block;font-size:.925rem;font-weight:600;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:#ef4444;border-color:var(--danger-color)}.error-message{align-items:center;color:#ef4444;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:1rem;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:.25rem;border-radius:var(--radius-sm);cursor:pointer;height:1.25rem;position:relative;transition:all .25s ease;transition:all var(--transition-normal);width:1.25rem}.checkbox-input:checked{background:#3b82f6;background:var(--primary-color);border-color:#3b82f6;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:#3b82f6;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:.5rem;border-radius:var(--radius-md);margin:1rem 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 1rem;padding:var(--space-3) var(--space-4);transition:all .25s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.generated-content-header:hover{background:#dbeafe;background:var(--primary-light);color:#3b82f6;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 .25s ease;transition:transform var(--transition-normal)}.generated-content-section:not([open]) .generated-content-header:after{transform:rotate(-90deg)}.generated-content-body{background:#e2e8f0;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:1rem;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:.25rem;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:.5rem;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000004d;margin:.75rem 0;margin:var(--space-3) 0;overflow-x:auto;padding:1rem;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:#3b82f6;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.example-section h4{color:#3b82f6;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:.25rem;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:.25rem;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:#020617;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 #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;border-radius:var(--radius-sm);color:#3b82f6;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:#2563eb;border-color:var(--primary-hover);color:#2563eb;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 #ef4444;border:1px solid var(--danger-color);border-radius:.5rem;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:.25rem;border-radius:var(--radius-sm);color:#ef4444;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:#3b82f6;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 #ef4444;border:1px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.delete-card-btn:hover:not(:disabled){background:#ef444433;border-color:#dc2626;border-color:var(--danger-hover);color:#dc2626;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:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:#ef4444;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 1rem;margin:0 0 var(--space-4) 0}.delete-preview{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);margin:1rem 0;margin:var(--space-4) 0;padding:1rem;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:#ef4444;color:var(--danger-color);font-weight:600;margin-top:1rem!important;margin-top:var(--space-4)!important}.delete-confirm-actions{background:#e2e8f0;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:1rem;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:#e2e8f0;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;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:#3b82f6;background-color:var(--primary-color);border:2px solid #3b82f6;border:2px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;max-width:600px;min-width:500px;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.filters-group:hover{background-color:#2563eb;background-color:var(--primary-hover);border-color:#2563eb;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:.75rem;margin-bottom:var(--space-3);padding-bottom:.5rem;padding-bottom:var(--space-2)}.filters-title{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-2);letter-spacing:.5px;text-transform:uppercase}.filters-content{align-items:flex-end;display:flex;flex-direction:row;gap:1rem;gap:var(--space-4)}.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:#3b82f6;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:#3b82f6;background:var(--primary-color);border:2px solid #3b82f6;border:2px solid var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow)}.dark .filters-group:hover{background-color:#2563eb;background-color:var(--primary-hover);border-color:#2563eb;border-color:var(--primary-hover);box-shadow:0 6px 12px #0000004d}.dark .filter-select{background:#020617;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:#3b82f6;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;flex-direction:column;width:100%}.action-buttons,.actions-toggle-section{display:flex;gap:.75rem;gap:var(--space-3)}.action-buttons{align-items:center;justify-content:flex-end}.card-filter-toggle{background:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;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-direction:column;gap:.5rem;gap:var(--space-2);width:100%}.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:#3b82f6;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:.25s 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: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 .25s 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-color:#fff!important;border:6px solid #93c5fd!important;border-radius:0!important;border-top:12px solid #93c5fd!important;box-shadow:0 0 2px #1e40af08!important;height:auto!important;margin:0!important;min-height:950px!important;overflow:visible!important;padding:1rem!important;width:100%!important;z-index:1}.dark .flashcard-container{background-color:#1f2937!important;box-shadow:0 0 2px #1e40af0d!important}.dark .flashcard-section{background:linear-gradient(145deg,#1f2937,#374151);border:none;box-shadow: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:.75rem;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:#3b82f6;background-color:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);color:#fff}.flashcard-back{transform:rotateY(180deg)}.flashcard-category{background-color:#dbeafe;background-color:var(--primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;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:center;gap:.75rem;gap:var(--space-3);justify-content:center;text-align:center}.flashcard-actions{display:flex;justify-content:space-between;margin-top:.75rem;margin-top:var(--space-3)}.flashcard pre{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:#e2e8f0;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;border-radius:var(--radius-sm);color:#3b82f6;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:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-6);padding:1rem;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:.5rem;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:#3b82f6;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;margin:1rem 0}.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:initial!important;border:none!important;border-radius:.5rem!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:#3b82f6;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 #3b82f6;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{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:#3b82f6;background-color:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.75rem;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 #3b82f6;border:10px solid var(--primary-color);border-radius:9999px;height:.5rem;margin:.5rem 0;overflow:hidden}.progress-bar-fill{background-color:#3b82f6;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:.25rem;bottom:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:linear-gradient(135deg,#e0f2fe,#b3e5fc);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 #3b82f6;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)}}.app-header{align-items:center;background-color:#fff;background-color:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:#3b82f6;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.user-info{color:#64748b;color:var(--text-secondary);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:.5rem;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:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #ffc10733;margin:.75rem 1rem;margin:var(--space-3) var(--space-4);padding:0}.warning-content{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;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:.25rem;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:.25rem;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:1rem;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-color:initial;border:2px solid #93c5fd;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:none;box-sizing:border-box!important;display:flex;flex-direction:column;height:950px;margin-bottom:0;margin-top:0;max-height:950px;min-height:950px;overflow:visible;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:.25rem;border-radius:var(--radius-sm);color:#3b82f6;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{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-color:#3b82f6;background-color:var(--primary-color);border-top:none;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin:0 -2rem -2rem;padding:0 1rem 1rem;position:relative}.flashcard-bottom .show-answer-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#fff6;box-shadow:0 6px 16px #0003,0 2px 4px #0000001a;color:#fff;transform:translateY(-4px)}.flashcard-bottom .show-answer-btn:hover{background:linear-gradient(135deg,#ffffff40,#fff3);border-color:#fff9;box-shadow:0 8px 20px #fff3,0 4px 8px #00000026;color:#fff;transform:translateY(-6px) scale(1.02)}.flashcard-bottom .nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#fff6;box-shadow:0 6px 16px #0003,0 2px 4px #0000001a;color:#fff;transform:translateY(-4px)}.flashcard-bottom .nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffffff40,#fff3);border-color:#fff9;box-shadow:0 8px 20px #fff3,0 4px 8px #00000026;color:#fff;transform:translateY(-6px) scale(1.02)}.flashcard-bottom .edit-card-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-color:#fffc;box-shadow:0 16px 32px #0003,0 8px 16px #0000001a;color:#1f2937;transform:translateY(-16px)}.flashcard-bottom .edit-card-btn:hover{background:#f8fafc;border-color:#ffffffe6;box-shadow:0 20px 40px #00000040,0 12px 24px #00000026;color:#1f2937;transform:translateY(-20px) scale(1.02)}.flashcard-bottom .generate-questions-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-color:#fffc;box-shadow:0 16px 32px #0003,0 8px 16px #0000001a;color:#1f2937;transform:translateY(-16px)}.flashcard-bottom .generate-questions-btn:hover{background:#f8fafc;border-color:#ffffffe6;box-shadow:0 20px 40px #00000040,0 12px 24px #00000026;color:#1f2937;transform:translateY(-20px) scale(1.02)}.flashcard-bottom .keyboard-hints{color:#fffc;font-weight:700!important}.flashcard-bottom .keyboard-hints kbd{background-color:#fff3;color:#fff}.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:.5rem;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:#3b82f6;background-color:var(--primary-color);border-color:#3b82f6;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:.5rem;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:.5rem;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:.375rem!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:.5rem;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:#3b82f6;color:var(--primary-color)}.card-action-btn:hover{background-color:#3b82f6;background-color:var(--primary-color);border-color:#3b82f6;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:#3b82f6;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:.25rem;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;gap:.5rem;left:1rem;pointer-events:none;position:absolute;right:1rem;top:0;z-index:100}.card-info-header,.card-info-section{display:flex;justify-content:space-between}.card-info-section{align-items:center;background-color:initial;border-radius:.5rem;border-radius:var(--radius-md);gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.card-info-header>*{pointer-events:auto}.explain-btn-card{align-items:center;background:#fffffff2;border:1px solid #87ceeb4d;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem;transition:all .2s ease;white-space:nowrap}.explain-btn-card:hover{background:#fff;border-color:#87ceeb80;box-shadow:0 2px 5px #0000001f;transform:translateY(-1px)}.dark .explain-btn-card{background:#1e293bf2;border-color:#60a5fa4d;color:#60a5fa}.dark .explain-btn-card:hover{background:#334155f2;border-color:#60a5fa80}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #87ceeb4d;border-radius:20px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:600;margin:0;padding:.35rem .85rem;transition:all .2s ease}.category-badge:hover{box-shadow:0 6px 16px #00000026,0 3px 6px #00000014;transform:translateY(-2px)}.dark .category-badge{background:#1f2937f2;border-color:#87ceeb66;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;color:#93c5fd}.card-tags{align-items:center;background:#0000;display:flex;flex-direction:row;gap:.5rem;padding:8px}.card-info-section .card-tags{position:static}.card-info-header .card-tags{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;position:static}.card-info-header .card-tags .category-badge{order:1}.card-info-header .card-tags .subcategory-tag{order:2}.card-info-header .card-tags .level-tag{order:3}.card-info-header .card-tags .star-toggle-btn-inline{order:4}.card-info-header .card-tags .focus-mode-btn-inline{margin-left:.25rem;order:5}.level-tag,.subcategory-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.35rem .6rem;white-space:nowrap}.subcategory-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #87ceeb4d;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#1e40af;transition:all .2s ease}.subcategory-tag:hover{box-shadow:0 6px 16px #00000026,0 3px 6px #00000014;transform:translateY(-2px)}.dark .subcategory-tag{background:#1f2937f2;border-color:#87ceeb66;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;color:#93c5fd}.level-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;transition:all .2s ease}.level-tag:hover{box-shadow:0 6px 16px #00000026,0 3px 6px #00000014;transform:translateY(-2px)}.level-tag[data-level=new]{background:#fffffff2;border-color:#87ceeb4d;color:#1e40af}.level-tag[data-level=again]{background:#fffffff2;border-color:#dc26264d;color:#dc2626}.level-tag[data-level=hard]{background:#fffffff2;border-color:#f59e0b4d;color:#f59e0b}.level-tag[data-level=good]{background:#fffffff2;border-color:#0596694d;color:#059669}.level-tag[data-level=easy]{background:#fffffff2;border-color:#10b9814d;color:#10b981}.dark .level-tag[data-level=new]{background:#1f2937f2;border-color:#87ceeb66;color:#93c5fd}.dark .level-tag[data-level=again]{background:#1f2937f2;border-color:#ef444466;color:#f87171}.dark .level-tag[data-level=hard]{background:#1f2937f2;border-color:#fbbf2466;color:#fbbf24}.dark .level-tag[data-level=good]{background:#1f2937f2;border-color:#22c55e66;color:#4ade80}.dark .level-tag[data-level=easy]{background:#1f2937f2;border-color:#34d39966;color:#34d399}.star-toggle-btn-inline{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #9ca3af33;border-radius:6px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:1rem;height:28px;justify-content:center;line-height:1;margin-left:4px;padding:.25rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .2s ease;width:28px}.star-toggle-btn-inline:hover{background-color:#fffffffa;border-color:#f59e0b4d;box-shadow:0 6px 16px #f59e0b33,0 3px 6px #00000014;color:#f59e0b;text-shadow:0 2px 4px #f59e0b4d;transform:translateY(-2px) scale(1.1)}.star-toggle-btn-inline.starred{background:linear-gradient(135deg,#fffffffa,#fef3c7f2);border-color:#f59e0b4d;color:#f59e0b;text-shadow:0 2px 4px #f59e0b66}.star-toggle-btn-inline.starred:hover{background-color:#fffffffa;border-color:#dc26264d;box-shadow:0 6px 16px #dc262633,0 3px 6px #00000014;color:#dc2626;text-shadow:0 2px 4px #dc26264d;transform:translateY(-2px) scale(1.1)}.dark .star-toggle-btn-inline{background:#1f2937f2;border-color:#6b72804d;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;color:#6b7280}.dark .star-toggle-btn-inline:hover{background-color:#1f2937fa;border-color:#fbbf2466;box-shadow:0 6px 16px #fbbf244d,0 3px 6px #0000004d;color:#fbbf24;text-shadow:0 2px 4px #fbbf2466;transform:translateY(-2px) scale(1.1)}.dark .star-toggle-btn-inline.starred{background:linear-gradient(135deg,#1f2937fa,#373025f2);border-color:#fbbf2466;color:#fbbf24;text-shadow:0 2px 4px #fbbf2480}.dark .star-toggle-btn-inline.starred:hover{background-color:#1f2937fa;border-color:#f8717166;box-shadow:0 6px 16px #f871714d,0 3px 6px #0000004d;color:#f87171;text-shadow:0 2px 4px #f8717166;transform:translateY(-2px) scale(1.1)}.flashcard-section{background:linear-gradient(145deg,#fff,#f8fafc);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:auto!important;margin-bottom:0;margin-left:0;margin-right:0;max-width:100%;min-height:450px;overflow:visible!important;padding:3rem;width:100%}.flashcard-main-content.windowed .flashcard-section,.flashcard-window.maximized .flashcard-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:0!important;min-height:300px}.section-label{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.content{background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);display:block;font-size:1.125rem;height:auto;line-height:1.6;margin:0 auto;min-height:300px;overflow-wrap:break-word;padding:2rem;text-align:left}.answer-section,.content{box-sizing:border-box;max-width:100%;overflow:visible;position:relative;width:100%}.answer-section{display:flex;flex-direction:column;height:auto!important;margin-left:0;margin-right:0;margin-top:3rem!important;min-height:auto!important}.flashcard-section .answer-section .content{align-items:center!important;background-color:initial!important;border:none!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!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:.5rem;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:.25rem;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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f633;border-radius:12px;box-shadow:0 12px 28px #0003,0 6px 12px #0000001a;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0;padding:.75rem 1.25rem;transform:translateY(-12px);transition:all .2s ease}.show-answer-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color),#2563eb);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 16px 32px #3b82f666,0 8px 16px #00000026;color:#fff;transform:translateY(-14px) scale(1.02)}.dark .show-answer-btn{background:linear-gradient(135deg,#1e293bf2,#374151f2);border-color:#3b82f64d;box-shadow:0 12px 28px #00000080,0 6px 12px #0006;color:#f1f5f9;color:var(--text-dark-primary);transform:translateY(-12px)}.navigation-controls{align-items:center;display:flex;justify-content:space-between;margin-top:2rem;padding:0 1.5rem;position:relative;transform:translateY(-16px);width:100%;z-index:10}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f633;border-radius:12px;box-shadow:0 12px 28px #0003,0 6px 12px #0000001a;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;opacity:.9;padding:.75rem 1.5rem;transform:translateY(-12px);transition:all .2s ease}.nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color),#2563eb);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 16px 32px #3b82f666,0 8px 16px #00000026;color:#fff;opacity:1;transform:translateY(-14px) scale(1.02)}.nav-btn:disabled{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d;cursor:not-allowed;opacity:.4;transform:translateY(-4px)}.edit-card-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #94a3b833;border-radius:6px;box-shadow:0 16px 32px #00000014,0 8px 16px #0000000f;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;min-width:140px;padding:.75rem 1rem;transform:translateY(-16px);transition:all .2s ease;width:140px}.edit-card-btn,.edit-card-btn:hover{color:#1e293b;color:var(--text-primary);opacity:1}.edit-card-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 20px 40px #94a3b833,0 12px 24px #00000014;transform:translateY(-20px) scale(1.02)}.dark .edit-card-btn{background:#fff;border-color:#94a3b84d;box-shadow:0 20px 40px #0000004d,0 10px 20px #0003;color:#1f2937;transform:translateY(-20px)}.generate-questions-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #94a3b833;border-radius:6px;box-shadow:0 16px 32px #00000014,0 8px 16px #0000000f;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;min-width:140px;opacity:1;padding:.75rem 1rem;transform:translateY(-16px);transition:all .2s ease;width:140px}.generate-questions-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 20px 40px #94a3b833,0 12px 24px #00000014;color:#1e293b;color:var(--text-primary);opacity:1;transform:translateY(-20px) scale(1.02)}.dark .generate-questions-btn{background:#fff;border-color:#94a3b84d;box-shadow:0 20px 40px #0000004d,0 10px 20px #0003;color:#1f2937;transform:translateY(-20px)}.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{font-weight:700!important;margin-top:1rem;text-align:center}.keyboard-hints kbd{background-color:#e2e8f0;background-color:var(--border);border-radius:.25rem;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}.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:#3b82f6;background-color:var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);color:#fff;max-height:90vh;max-width:90vw;overflow-y:auto;padding:1.5rem;padding:var(--space-5);position:relative}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem;position:relative}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;line-height:1;padding:.25rem;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{position:relative;transition:box-shadow .3s ease,border-radius .3s ease}.flashcard-window.maximized{border-radius:0!important;bottom:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;outline:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:10000!important}.flashcard-window.maximized .flashcard-container{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important;min-width:0!important;width:100vw!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:.375rem!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;width:100%!important}.flashcard-window.popout .flashcard-content{box-sizing:border-box!important;overflow:visible!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:6px}.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:6px}.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:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);color:#fff;margin-bottom:.5rem;padding:1rem}.error-message{background-color:#ef4444;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,#dbeafe,#0ea5e9);background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary-color) 100%);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);margin:1rem 2rem;padding:1.5rem}.migration-content{text-align:center}.migration-content h3{color:#3b82f6;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:.5rem;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:#ef4444;background-color:var(--danger-color);border-color:#ef4444;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:.5rem;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:.5rem;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:.25rem;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 .25s 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:.25rem!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)}.window-control-buttons{align-items:center;display:flex;gap:4px;margin-left:8px}.window-control-btn{align-items:center;background:#87ceeb33;border:1px solid #87ceeb66;border-radius:4px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;line-height:1;min-width:28px;padding:4px 8px;transition:all .2s ease}.window-control-btn:hover{background:#87ceeb4d;border-color:#87ceeb99;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dark .window-control-btn{background:#87ceeb26;border-color:#87ceeb4d;color:#93c5fd}.dark .window-control-btn:hover{background:#87ceeb40;border-color:#87ceeb80}.review-buttons{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:1rem;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;background:#fff;background:var(--surface);border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;gap:var(--space-1);min-height:65px;min-width:75px;padding:.5rem .25rem;padding:var(--space-2) var(--space-1);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.review-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);transform:translateY(-2px)}.review-btn:active{transform:translateY(0)}.review-btn .btn-number{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:.9rem;font-weight:700;justify-content:center;margin-bottom:.25rem;margin-bottom:var(--space-1);min-height:18px;min-width:18px;padding:2px 4px}.review-btn .btn-emoji{font-size:1.5rem;margin-bottom:0}.review-btn .btn-text{font-size:.9rem;font-weight:600;margin-bottom:0}.review-btn .btn-shortcut{background:#64748b;background:var(--text-secondary);border-radius:.25rem;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:#ef444426;border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.again-btn:hover{background:#ef4444;background:var(--danger-color);border-color:#dc2626;border-color:var(--danger-hover);color:#fff}.again-btn:hover .btn-shortcut{background:#ffffffe6;color:#ef4444;color:var(--danger-color)}.hard-btn{background:#f59e0b26;color:#f59e0b;color:var(--warning-color)}.hard-btn,.hard-btn:hover{border-color:#f59e0b;border-color:var(--warning-color)}.hard-btn:hover{background:#f59e0b;background:var(--warning-color);color:#fff}.hard-btn:hover .btn-shortcut{background:#ffffffe6;color:#f59e0b;color:var(--warning-color)}.good-btn{background:#10b98126;border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.good-btn:hover{background:#10b981;background:var(--success-color);border-color:#059669;border-color:var(--success-hover);color:#fff}.good-btn:hover .btn-shortcut{background:#ffffffe6;color:#10b981;color:var(--success-color)}.easy-btn{background:#3b82f626;border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;color:var(--primary-color)}.easy-btn:hover{background:#3b82f6;background:var(--primary-color);border-color:#2563eb;border-color:var(--primary-hover);color:#fff}.easy-btn:hover .btn-shortcut{background:#ffffffe6;color:#3b82f6;color:var(--primary-color)}@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 1rem;padding:var(--space-3) var(--space-4)}}.settings-modal{background:linear-gradient(135deg,#f8fafc,#e2e8f0);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.dark .settings-modal{background:linear-gradient(135deg,#1e293b,#0f172a)}.settings-content{padding:1rem;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:1rem;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:.5rem;border-radius:var(--radius-md);padding:1rem;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:.25rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:#3b82f6;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:.5rem;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:#ef4444;color:var(--danger-color)}.feedback-note{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:#3b82f6;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,#dbeafe,#e2e8f0);background:linear-gradient(135deg,var(--primary-light),var(--background));border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;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:.5rem;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:#3b82f6;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);margin-top:.5rem;margin-top:var(--space-2);padding:1rem;padding:var(--space-4)}.csv-format-info h4{color:#3b82f6;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:1rem;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:#e2e8f0;background:var(--background);color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:0 1rem;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:#020617;background:var(--background-dark);color:#f1f5f9;color:var(--text-dark-primary)}.dark .csv-textarea:focus{border-color:#3b82f6;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-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:2rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.settings-section:last-child{border-bottom:none}.settings-section h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;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:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1rem;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:1rem;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:.5rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:1rem;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:1rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:#ef4444;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:1rem;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:#e2e8f0;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:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1rem;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:#3b82f6;color:var(--primary-color)}.toggle-switch{background:#e2e8f0;background:var(--border);border:none;border-radius:15px;cursor:pointer;height:30px;outline:none;padding:0;position:relative;transition:all .25s 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 .25s 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:1rem;margin-bottom:var(--space-4)}.param-group{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--space-5);padding:1rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;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:#3b82f6;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 1rem;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:.25rem;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:1rem;gap:var(--space-4);justify-content:flex-end;margin-top:2rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4)}.form-actions .btn{flex:1 1;font-weight:600;max-width:150px;min-width:120px;padding:.75rem 1rem;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:.5rem;border-radius:var(--radius-md);margin:1rem 0;margin:var(--space-4) 0;padding:1rem;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:#3b82f6;color:var(--primary-color);font-weight:600}.code-block{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;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:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.dark .format-notes{background:#4f46e51a;border-color:#4f46e54d}.format-notes h4{color:#3b82f6;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:.5rem;border-radius:var(--radius-md);margin:1rem 0;margin:var(--space-4) 0;padding:1rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;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:.5rem;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:#3b82f6;border-color:var(--primary-color)}.provider-option input[type=radio]{accent-color:#3b82f6;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:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.api-keys-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);margin:1rem 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:.5rem;border-radius:var(--radius-md);padding:1rem;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:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;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:#3b82f6;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:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.dark .api-keys-notes{background:#4f46e51a;border-color:#4f46e54d}.api-keys-notes h4{color:#3b82f6;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:1rem;margin-top:var(--space-4)}.generate-modal{max-height:90vh;max-width:700px;overflow-y:auto}.generate-content{padding:1rem;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:1rem;margin-bottom:var(--space-4)}.card-preview{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:#3b82f6;color:var(--primary-color);font-weight:600}.generation-info{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-4);padding:1rem;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:3rem 1rem;padding:var(--space-8) var(--space-4);text-align:center}.generating-step h3{color:#3b82f6;color:var(--primary-color);margin:1rem 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:1rem;margin-bottom:var(--space-4)}.question-item{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);overflow:hidden;transition:all .25s ease;transition:all var(--transition-normal)}.question-item:hover{border-color:#3b82f6;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:1rem;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:#3b82f6;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:#3b82f6;color:var(--primary-color);font-weight:600}.reasoning-text{background:#4f46e508;border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color);border-radius:.25rem;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:#3b82f6;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 .25s ease;animation:fadeIn var(--transition-normal);background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--space-6);padding:2rem;padding:var(--space-6)}.dark .fsrs-explanation{background:#020617;background:var(--background-dark);border-color:#334155;border-color:var(--border-dark)}.fsrs-explanation h4{color:#3b82f6;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:.5rem;border-radius:var(--radius-md);margin:.75rem 0;margin:var(--space-3) 0;padding:1rem;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:.25rem;border-radius:var(--radius-sm);color:#3b82f6;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:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:#dbeafe;background:var(--primary-light);color:#3b82f6;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:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0;margin:var(--space-4) 0}.rating-box{background:#ffffff80;border:2px solid;border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;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:1rem;padding-left:var(--space-4)}.rating-box li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.rating-box.again{background-color:#ef44440d;border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;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:1rem 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 1rem;margin:0 0 var(--space-3) var(--space-4)}.explanation-section.tips{background:#4f46e50d;border:1px solid #4f46e533;border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;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:1rem;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:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1rem;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:1rem;margin-bottom:var(--space-4)}.search-input{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-select{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.manage-cards-content{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;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:.5rem;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:#e2e8f0;background-color:var(--background);opacity:.6}.card-item:hover{border-color:#3b82f6;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:#e2e8f0;background-color:var(--background);border-radius:.25rem;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:#3b82f6;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:#ef4444;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:.5rem;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:#3b82f6;background:var(--primary-color);color:#fff}.modal-overlay .flashcard-form-modal,.modal-overlay .modal-content.flashcard-form-modal,.modal-overlay.dark .flashcard-form-modal,.modal-overlay.dark .modal-content.flashcard-form-modal{background:#fff!important;border:3px solid blue!important;color:#1f2937!important}.modal-overlay .flashcard-form-modal .form-actions,.modal-overlay .flashcard-form-modal .form-group label,.modal-overlay .flashcard-form-modal .modal-header,.modal-overlay.dark .flashcard-form-modal .form-actions,.modal-overlay.dark .flashcard-form-modal .form-group label,.modal-overlay.dark .flashcard-form-modal .modal-header{color:#1f2937!important}.modal-overlay .flashcard-form-modal input,.modal-overlay .flashcard-form-modal select,.modal-overlay .flashcard-form-modal textarea,.modal-overlay.dark .flashcard-form-modal input,.modal-overlay.dark .flashcard-form-modal select,.modal-overlay.dark .flashcard-form-modal textarea{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .flashcard-form-modal input:focus,.modal-overlay .flashcard-form-modal select:focus,.modal-overlay .flashcard-form-modal textarea:focus,.modal-overlay.dark .flashcard-form-modal input:focus,.modal-overlay.dark .flashcard-form-modal select:focus,.modal-overlay.dark .flashcard-form-modal textarea:focus{background:#fff!important;border-color:#3b82f6!important}.modal-overlay .manage-cards-modal,.modal-overlay .modal-content.manage-cards-modal,.modal-overlay.dark .manage-cards-modal,.modal-overlay.dark .modal-content.manage-cards-modal{background:#fff!important;border:3px solid blue!important;color:#1f2937!important}.ai-modal-content,.flashcard-form-modal,.generate-modal,.import-export-modal,.import-preview-modal,.manage-cards-modal,.modal-content,.settings-modal,.study-guide-modal{border:3px solid blue!important}.modal-overlay .import-export-modal,.modal-overlay .import-preview-modal,.modal-overlay .modal-content.import-export-modal,.modal-overlay .modal-content.import-preview-modal,.modal-overlay.dark .import-export-modal,.modal-overlay.dark .import-preview-modal,.modal-overlay.dark .modal-content.import-export-modal,.modal-overlay.dark .modal-content.import-preview-modal{background:#fff!important;border:3px solid blue!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:#020617!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:#020617;background-color:var(--background-dark)}.modal-overlay.dark .card-item:hover{border-color:#3b82f6;border-color:var(--primary-color)}.modal-overlay.dark .card-answer strong,.modal-overlay.dark .card-question strong{color:#3b82f6;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:#020617;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:#3b82f6;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:1rem;right:var(--space-4);top:1rem;top:var(--space-4);z-index:100}.notes-dropdown-toggle{border:2px solid #2563eb;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:.5rem;border-radius:var(--radius-md);border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:#3b82f6;background:var(--primary-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem;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:#3b82f6;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:#ef4444;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:#3b82f6;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:#3b82f6;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:#3b82f6;color:var(--primary-color);font-size:.8rem;font-weight:500}.import-preview-modal{max-height:95vh;max-width:1200px;width:95%}.preview-content{padding:1rem;padding:var(--space-4)}.preview-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.keyboard-shortcuts-hint{background:#dbeafe;background:var(--primary-light);border-radius:.25rem;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:0;position:relative;transform:translateY(-8px);z-index:10}.shortcuts-hint,.shortcuts-hint small,.shortcuts-hint strong{color:#1f2937!important;font-weight:700!important}.keyboard-shortcuts-hint kbd{background:#3b82f6;background:var(--primary-color);border-radius:.25rem;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:.5rem;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:#3b82f6;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:#e2e8f0;background:var(--background);padding:1rem;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:.5rem;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:#3b82f6;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:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-2);width:100%}.form-col input:focus{border-color:#3b82f6;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:1rem;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:1rem;gap:var(--space-4);height:-webkit-fit-content;height:fit-content;justify-content:flex-start;margin:1rem;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:1rem;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:#1e40af!important;border:10px solid #1e40af!important;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);box-sizing:border-box!important;color:#fff!important;display:flex;flex:1 1;flex-direction:column;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:#1e40af!important;color:#fff!important;flex-shrink:0;margin:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.filters-section-left .filters-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.filters-section-left .filters-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--space-2);overflow-y:auto;padding:.75rem .5rem;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-2)}.filters-section-left .filter-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.filters-section-left .filter-label{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1e3a8a;font-size:.9rem;font-weight:700;padding:4px 8px}.filters-section-left .filter-select{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.filters-section-left .filter-select:focus{border-color:#3b82f6;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{border:2px solid #3b82f6;border:2px solid var(--primary-color)}.dark .filters-section-left .filters-group,.dark .filters-section-left .filters-header{background:#3b82f6;background:var(--primary-color)}.dark .filters-section-left .filters-title{background:#e0f2fe;border-radius:6px;color:#2563eb;padding:2px 8px}.dark .filters-section-left .filter-label{background:#fff;border-color:#d1d5db;color:#1e3a8a;font-weight:700}.dark .filters-section-left .filter-select{background:#020617;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:#3b82f6;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:.75rem;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:1rem;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:.25rem;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:4px;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:.25rem;gap:var(--space-1);justify-content:flex-start;max-height:150px;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:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.75rem;font-weight:700;min-height:28px;overflow:hidden;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);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 .level-section .filter-buttons-container,.filters-section-left .subcategory-section .filter-buttons-container{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);justify-content:flex-start}.filters-section-left .level-section .filter-buttons-container{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:#3b82f6;border:3px solid #2563eb;border-radius:8px;box-shadow:0 4px 8px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;font-size:.8rem;font-weight:700;min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transform:scale(1.02)}.filters-section-left .filter-btn.active:hover{background:#2563eb;border-color:#1d4ed8;box-shadow:0 6px 12px #3b82f666,inset 0 1px 0 #ffffff4d;color:#fff;transform:scale(1.02) translateX(1px)}.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:#3b82f6;border:3px solid #60a5fa;border-radius:8px;box-shadow:0 4px 8px #3b82f666,inset 0 1px 0 #fff3;color:#fff;font-size:.8rem;font-weight:700;min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transform:scale(1.02)}.dark .filters-section-left .filter-btn.active:hover{background:#2563eb;border-color:#3b82f6;box-shadow:0 6px 12px #3b82f680,inset 0 1px 0 #ffffff40;color:#fff;transform:scale(1.02) translateX(1px)}.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:1rem;margin-top:var(--space-4);width:100%}.card-actions-under-category .btn{align-items:center;background-color:#3b82f6;background-color:var(--accent-color);border:none;border-radius:.5rem;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:3rem;margin-top:var(--space-8);padding:1rem;padding:var(--space-4)}.review-panel-below-notes{margin-top:1rem;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:1rem;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:#0000;border:4px solid #3b82f6;border:4px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:none;box-sizing:border-box!important;margin-top:0;max-width:100%;min-width:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;width:100%}.review-panel-title{color:#3b82f6;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:#3b82f6;background:var(--primary-color);border:none;border-radius:.25rem;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:#2563eb;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:.5rem;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:.75rem!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,.flashcard-window.maximized .card-info-section{pointer-events:auto!important;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{overflow:auto!important}.flashcard-window.maximized .flashcard-container,.flashcard-window.maximized .flashcard-content{overflow:visible!important}.flashcard-window.maximized .flashcard-section{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#f8fafcf2!important;box-shadow:0 0 0 1000px #f8fafccc!important;flex:1 1 auto!important;font-size:1.2rem!important;height:auto!important;margin-bottom:0!important;min-height:70vh!important;overflow:visible!important;padding:3rem!important}.flashcard-window.maximized.dark .flashcard-section{background-color:#374151f2!important;box-shadow:0 0 0 1000px #374151cc!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:85vh!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:75vh!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{border:none!important;box-sizing:border-box!important;margin:0!important;min-height:40px!important;padding:.75rem!important;width:100%!important}.flashcard-window.maximized .navigation-controls{box-shadow:none!important;gap:1.5rem!important;padding:.5rem!important}.flashcard-window.maximized .keyboard-shortcuts,.flashcard-window.maximized .navigation-controls{border:none!important;transform:translateY(-12px)!important}.flashcard-window.maximized .shortcuts-hint{border:none!important}.flashcard-window.maximized .navigation-controls button{font-size:1rem!important;padding:.75rem 1.5rem!important}.flashcard-window.maximized .nav-btn.next-btn,.flashcard-window.maximized .nav-btn.prev-btn{align-items:center!important;background-color:#3b82f6e6!important;border:2px solid #3b82f6cc!important;border-radius:50%!important;box-shadow:0 4px 12px #0003!important;color:#fff!important;display:flex!important;font-size:2.5rem!important;font-weight:700!important;height:80px!important;justify-content:center!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;width:80px!important;z-index:10002!important}.flashcard-window.maximized .nav-btn.prev-btn{left:50px!important;text-indent:-9999px!important}.flashcard-window.maximized .nav-btn.next-btn{right:50px!important;text-indent:-9999px!important}.flashcard-window.maximized .navigation-controls .nav-btn.next-btn:after,.flashcard-window.maximized .navigation-controls .nav-btn.prev-btn:after{display:none!important}.flashcard-window.maximized .navigation-controls .nav-btn.next-btn:hover:not(:disabled),.flashcard-window.maximized .navigation-controls .nav-btn.prev-btn:hover:not(:disabled){transform:translateY(-50%) translateY(-8px) scale(1.1)!important}.flashcard-window.maximized .navigation-controls{max-width:800px!important}.arrow-btn{align-items:center!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;font-size:1.8rem!important;height:50px!important;justify-content:center!important;line-height:1!important;min-width:50px!important;padding:0!important;width:50px!important}.flashcard-window.maximized .navigation-controls .nav-btn.next-btn,.flashcard-window.maximized .navigation-controls .nav-btn.prev-btn{border-radius:50%!important;display:flex!important;font-size:2rem!important;height:50px!important;position:absolute!important;text-indent:0!important;top:50%!important;transform:translateY(-50%) translateY(-4px)!important;width:50px!important;z-index:20!important}.flashcard-window.maximized .navigation-controls .nav-btn.prev-btn{left:-60px!important}.flashcard-window.maximized .navigation-controls .nav-btn.next-btn{right:-60px!important}.flashcard-window.maximized .navigation-controls .show-answer-btn{margin:0 auto!important;position:relative!important;z-index:15!important}.flashcard-window.maximized .navigation-controls .edit-card-btn,.flashcard-window.maximized .navigation-controls .generate-questions-btn{font-size:.95rem!important;font-weight:600!important;margin:0 1rem!important;min-width:180px!important;padding:.875rem 1.5rem!important;width:180px!important;z-index:15!important}.flashcard-window.maximized .navigation-controls{align-items:center!important;display:flex!important;gap:2rem!important;justify-content:center!important;margin:0 auto!important;max-width:900px!important;position:relative!important;width:100%!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:.375rem!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 *{pointer-events:auto!important}.flashcard-window.maximized{pointer-events:none!important}.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{box-sizing:border-box!important;display:none!important;gap:1rem!important;height:auto!important;justify-content:space-between!important;max-height:60px!important;overflow:hidden!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}.info-dropdown.no-arrow summary{list-style:none}.info-dropdown.no-arrow summary::-webkit-details-marker{display:none}.info-dropdown.no-arrow summary::marker{display:none}.info-header.icon-only{background:#0000!important;border:none!important;border-radius:.375rem!important;color:#6b7280!important;cursor:pointer;font-size:1.1rem!important;padding:.4rem!important;transition:all .2s ease}.info-header.icon-only:hover{background:#0000000d!important;box-shadow:0 2px 8px #0000001a!important;color:#374151!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:.75rem!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:.375rem!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:.875rem!important;padding:.2rem!important}.flashcard-window.maximized .focus-mode-btn-inline{align-items:center!important;background:#3b82f626!important;border:1px solid #3b82f633!important;border-radius:4px!important;color:#fff9!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:.75rem!important;height:24px!important;justify-content:center!important;margin:0 0 0 .25rem!important;opacity:.5!important;padding:.2rem!important;position:relative!important;top:0!important;visibility:visible!important;width:24px!important;z-index:15!important}.flashcard-window.maximized .focus-mode-btn-inline:hover{background:#3b82f64d!important;border-color:#3b82f666!important;color:#ffffffe6!important;opacity:.8!important;transform:translateY(-1px)!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:6px!important;font-size:1.1rem!important;height:32px!important;padding:.3rem!important;width:32px!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:.75rem!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:.75rem!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:.375rem!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{border-radius:5px!important;font-size:.875rem!important;height:26px!important;padding:.2rem!important;width:26px!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:6px!important;font-size:1rem!important;height:30px!important;padding:.25rem!important;width:30px!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:3rem;padding-top:var(--space-8);position:relative}.notes-dropdown-toggle{align-items:center;background:#3b82f6;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:1rem 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:#2563eb;background:var(--primary-hover);transform:translateY(-1px)}.notes-dropdown-toggle.active{background:#2563eb;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:.5rem;border-radius:var(--radius-md);border-top-right-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:1rem 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:.25rem;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:.5rem;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:1rem 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:#3b82f6;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:#3b82f6;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:.25rem;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:#ef4444;background:var(--danger-color);border-color:#ef4444;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:#3b82f6;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 #3b82f6;border:2px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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{background:#3b82f6;background:var(--primary-color);border-radius:0;color:#fff;justify-content:space-between;margin:0;min-height:48px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.notes-header-controls,.notes-section-permanent .notes-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;position:relative}.notes-header-controls{gap:.75rem;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.notes-popout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.notes-popout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.flashcard-popout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;margin-left:8px;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.flashcard-popout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.flashcard-maximize-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;margin-left:4px;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.flashcard-maximize-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notes-close-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.notes-close-btn:hover{background:#ef444466;border-color:#ef444499;transform:translateY(-1px)}.notes-popout-window{background:#fff;background:var(--surface);border:2px solid #3b82f6;border:2px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.notes-popout-window.notes-section-permanent{height:auto;max-height:none;min-height:auto}.notes-popout-window .notes-content{flex:1 1;overflow:auto}.notes-popout-window.dark{background:#fff;background:var(--surface);border-color:#3b82f6;border-color:var(--primary-color)}.focus-mode-btn-inline{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f00c!important;border:3px solid red!important;border-radius:6px!important;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:1.5rem!important;font-weight:700!important;height:50px!important;justify-content:center!important;line-height:1!important;margin-left:0!important;opacity:1!important;padding:.5rem!important;position:relative!important;top:20px!important;transition:all .2s ease!important;visibility:visible!important;white-space:nowrap!important;width:50px!important;z-index:9999!important}.focus-mode-btn-inline:hover{background:#3b82f666;border-color:#3b82f699;transform:translateY(-1px)}.notes-explain-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.notes-explain-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notes-edit-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.notes-edit-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notes-generate-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.notes-generate-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:.5rem;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:1rem;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 #3b82f6;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:.25rem;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:#ef4444;background:var(--danger-color)}.notes-action-btn.copy-btn{background:#3b82f6;background:var(--primary-color)}.notes-action-btn.copy-btn:hover{background:#2563eb;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 #3b82f6!important;border-left:6px solid var(--primary-color)!important;border-right:6px solid #3b82f6!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:#3b82f6;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-left:6px solid #3b82f6!important;border-left:6px solid var(--primary-color)!important;border-right:6px solid #3b82f6!important;border-right:6px solid var(--primary-color)!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:6px solid #93c5fd!important;border-bottom:none!important;box-sizing:border-box!important;margin-bottom:0!important;margin-top:0!important;overflow:visible!important;position:relative!important}.app .flashcard-container .flashcard-section,.app.dark-mode .flashcard-container .flashcard-section,.flashcard-main-content .flashcard-container .flashcard-section,.flashcard-with-notes-container .flashcard-container .flashcard-section{padding-top:calc(48px + 1rem)!important;padding-top:calc(48px + var(--space-4))!important;position:relative;z-index:2}.app .flashcard-container .section-label,.app.dark-mode .flashcard-container .section-label,.flashcard-main-content .flashcard-container .section-label,.flashcard-with-notes-container .flashcard-container .section-label{align-items:center!important;border:none!important;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:600!important;height:48px!important;left:-6px!important;margin:0!important;padding:.75rem 1rem!important;padding:var(--space-3) var(--space-4)!important;position:absolute!important;right:0!important;text-shadow:0 1px 2px #0003!important;top:0!important;z-index:3!important}.app .flashcard-container .question-section .section-label,.app.dark-mode .flashcard-container .question-section .section-label,.flashcard-main-content .flashcard-container .question-section .section-label,.flashcard-with-notes-container .flashcard-container .question-section .section-label{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important;border-top:2px solid #8b5cf6!important}.app .flashcard-container .answer-section .section-label,.app.dark-mode .flashcard-container .answer-section .section-label,.flashcard-main-content .flashcard-container .answer-section .section-label,.flashcard-with-notes-container .flashcard-container .answer-section .section-label{background:linear-gradient(135deg,#059669,#10b981)!important;border-top:2px solid #34d399!important}.dark .notes-action-btn{background:#0ea5e9;background:var(--secondary-color)}@media (max-width:480px){.notes-header-controls{gap:.25rem}.notes-close-btn,.notes-edit-btn,.notes-explain-btn,.notes-generate-btn,.notes-popout-btn{font-size:.75rem;min-width:auto;padding:.25rem .375rem}.notes-section-permanent .notes-header{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.dark .notes-action-btn:hover{background:#0284c7;background:var(--secondary-hover)}.flashcard-with-notes-container:has(.right-side-content:empty) .flashcard-main-content,.notes-hidden .flashcard-main-content{flex:1 1;margin-right:0;max-width:none}.flashcard-with-notes-container:has(.right-side-content:empty) .right-side-content,.notes-hidden .right-side-content{display:none;flex:0 0;width:0}.notes-hidden .flashcard-with-notes-container{gap:1rem;gap:var(--space-4)}.notes-hidden .right-side-content{display:none!important}.notes-hidden .flashcard-main-content{flex:1 1!important;margin-right:0!important;max-width:none!important}.daily-progress-section{background:#fff;background:var(--surface);border:10px solid #3b82f6;border:10px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;box-shadow:var(--shadow);margin:2rem auto 1rem;margin:var(--space-6) auto var(--space-4) auto;max-width:400px;padding:1rem;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:#3b82f6;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 #3b82f6;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:#3b82f6;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:#3b82f6;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 #3b82f6;border:10px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;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:1rem .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 #3b82f6;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:#3b82f6;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:1rem;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:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;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:#2563eb;background:var(--primary-hover);border-color:#2563eb;border-color:var(--primary-hover);box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.notes-footer{background:#3b82f6;background:var(--primary-color);border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #3b82f6;border-top:1px solid var(--primary-color);gap:.75rem;gap:var(--space-3);margin-top:auto;padding:.75rem 1rem;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:.25rem;border-radius:var(--radius-sm);color:#3b82f6;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--space-1);min-width:100px;padding:.5rem 1rem;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:#3b82f6;background:var(--primary-color);border-top-color:#3b82f6;border-top-color:var(--primary-color)}.dark .notes-footer-btn{background:#fffffff2;border-color:#fffffff2;color:#3b82f6;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:6px;box-shadow:none;margin:0 auto;max-width:350px;padding:0;width:70%}.ai-explanation-summary{background-color:#3b82f6;border:none;border-radius:6px;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{font-size:3rem!important;font-weight:800!important;line-height:1.2!important;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:1rem;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:.25rem;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:#3b82f6;background:var(--primary-color);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;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:#2563eb;background:var(--primary-hover);border-color:#2563eb;border-color:var(--primary-hover);box-shadow:0 4px 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{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-hover),var(--accent-color));-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:100% 100%}.clickable-logo:active{transform:scale(.98)}.ai-modal-overlay{z-index:15100}.ai-modal-content{background-color:#3b82f6;background-color:var(--primary-color);color:#fff;max-width:90vw;width:500px}.ai-modal-body{margin:1rem 0;margin:var(--space-4) 0}.ai-modal-description{color:#64748b;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1rem;margin-bottom:var(--space-4)}.ai-prompt-textarea{background:#e2e8f0;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;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:#3b82f6;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:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.modal-overlay.dark .ai-modal-content{background:#3b82f6;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:#020617;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:#3b82f6;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:8px;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:#3b82f6;border:3px solid #2563eb;border-radius:8px;box-shadow:0 4px 8px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;font-size:.8rem;font-weight:700;min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transform:scale(1.02)}.filter-btn.active:hover{background:#2563eb;border-color:#1d4ed8;box-shadow:0 6px 12px #3b82f666,inset 0 1px 0 #ffffff4d;color:#fff;transform:scale(1.02) 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:#3b82f6;border:3px solid #60a5fa;border-radius:8px;box-shadow:0 4px 8px #3b82f666,inset 0 1px 0 #fff3;color:#fff;font-size:.8rem;font-weight:700;min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transform:scale(1.02)}.dark .filter-btn.active:hover{background:#2563eb;border-color:#3b82f6;box-shadow:0 6px 12px #3b82f680,inset 0 1px 0 #ffffff40;color:#fff;transform:scale(1.02) translateY(-1px)}.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}.modal-overlay .modal-content.note-modal,.modal-overlay .note-modal,.modal-overlay.dark .modal-content.note-modal,.modal-overlay.dark .note-modal{background:#fff!important;border:3px solid blue!important;color:#1f2937!important;max-height:80vh!important;max-width:800px!important;width:90%!important}.modal-overlay .note-modal .modal-header,.modal-overlay.dark .note-modal .modal-header{border-bottom:1px solid #e5e7eb!important;color:#1f2937!important;padding:1rem!important}.modal-overlay .note-modal .modal-body,.modal-overlay.dark .note-modal .modal-body{max-height:60vh!important;overflow-y:auto!important;padding:1rem!important}.modal-overlay .note-modal .modal-footer,.modal-overlay.dark .note-modal .modal-footer{border-top:1px solid #e5e7eb!important;display:flex!important;gap:.5rem!important;justify-content:flex-end!important;padding:1rem!important}.modal-overlay .note-modal .note-editor,.modal-overlay.dark .note-modal .note-editor{width:100%!important}.modal-overlay .note-modal .rich-text-editor-container,.modal-overlay.dark .note-modal .rich-text-editor-container{background:#fff!important}.modal-overlay .note-modal .rich-text-toolbar,.modal-overlay.dark .note-modal .rich-text-toolbar{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.modal-overlay .note-modal .rich-text-content-textarea,.modal-overlay.dark .note-modal .rich-text-content-textarea{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.modal-overlay .note-modal .rich-text-content-textarea:focus,.modal-overlay.dark .note-modal .rich-text-content-textarea:focus{background:#fff!important;border-color:#3b82f6!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:.25rem;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}.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.8a0807c0.css.map*/