html,body{width:100%;overflow-x:hidden;overscroll-behavior:none}body{font-family:Poppins,sans-serif}.stable-scrollbar{scrollbar-gutter:stable}body.modal-open main{overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fade-in .4s ease-out forwards}.animate-fade-in-slide-left{animation:fade-in-slide-left .4s ease-out forwards}.animate-stagger{opacity:0;animation:fade-in-slide-up .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);animation:shimmer 15s infinite linear;pointer-events:none;z-index:0}.dark .shimmer-effect:after{background:linear-gradient(90deg,#fff0,#ffffff05,#fff0)}.bg-animated-gradient{background:linear-gradient(-45deg,#1f2937,#374151,#111827,#4b5563);background-size:400% 400%;animation:gradient-animation 15s ease infinite}.node-3d{position:relative;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.node-3d.node-unlocked:hover:not(:disabled){transform:translateY(-8px) scale(1.05);box-shadow:inset 0 4px 3px #ffffff80,inset 0 -4px 3px #0003,0 6px #0f766e,0 22px 30px -5px #0000004d,0 12px 12px -5px #00000026}.node-3d.node-unlocked:active:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 3px 3px #0000004d,0 1px #0f766e,0 2px 4px #0000004d}.node-3d.node-completed{background:radial-gradient(circle at 50% 0%,#6ee7b7,#10b981);border-bottom:6px solid #059669;box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #047857,0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b98133;transform:translateY(-2px)}.node-3d.node-unlocked{background:radial-gradient(circle at 50% 0%,#4fd1c5,#14b8a6);border-bottom:6px solid #0d9488;box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #0f766e,0 10px 15px -3px #14b8a64d,0 4px 6px -2px #14b8a633;animation:pulse-effect 2.5s infinite;transform:translateY(-4px)}.node-3d.node-locked{background:radial-gradient(circle at 50% 0%,#a3a3a3,#737373);border-bottom:6px solid #525252;box-shadow:inset 0 3px 2px #fff3,inset 0 -3px 2px #0000004d,0 6px #404040,0 5px 10px -3px #0000004d;transform:translateY(0)}@keyframes pulse-effect{0%,to{transform:translateY(-4px);box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #0f766e,0 10px 15px -3px #14b8a64d,0 4px 6px -2px #14b8a633}50%{transform:translateY(-6px);box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #0f766e,0 15px 20px -5px #14b8a666,0 8px 8px -5px #14b8a64d}}.btn-interactive{transition:all .15s ease-out;-webkit-tap-highlight-color:transparent}@keyframes math-symbol-bounce{0%,80%,to{transform:scale(.8) translateY(0);opacity:.5}40%{transform:scale(1.1) translateY(-5px);opacity:1}}.math-symbol-loader{display:inline-block;animation:math-symbol-bounce 1.4s infinite ease-in-out both}.overline{border-top:1px solid currentColor;padding:0 2px}.theme-giraffe{--theme-bg-primary-rgb: 253, 251, 245;--theme-bg-secondary-rgb: 255, 255, 255;--theme-text-primary-rgb: 79, 66, 53;--theme-bg-primary: #FDFBF5;--theme-bg-secondary: #FFFFFF;--theme-bg-secondary-hover: #F8F6F1;--theme-bg-muted: #F5F1E8;--theme-bg-accent-muted: #FEF3C7;--theme-text-primary: #4F4235;--theme-text-secondary: #6D5D4E;--theme-text-muted: #8C7B6C;--theme-text-accent: #B45309;--theme-border-primary: #E0D5C1;--theme-border-hover: #F59E0B;--theme-accent-primary: #F59E0B;--theme-accent-primary-hover: #D97706;--theme-accent-primary-darker: #92400E;--theme-accent-secondary: #FBBF24;--theme-accent-danger: #DC2626;--theme-accent-danger-hover: #B91C1C;--theme-accent-danger-darker: #991B1B;--theme-accent-success: #16A34A}.theme-giraffe h1,.theme-giraffe h2,.theme-giraffe h3{text-shadow:0 1px 2px rgba(var(--theme-text-primary-rgb),.05)}.theme-giraffe body,.theme-giraffe .bg-slate-50,.theme-giraffe .dark\:bg-gray-900,.theme-giraffe .bg-slate-100{background-color:var(--theme-bg-primary);color:var(--theme-text-primary);background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 3a1.5 1.5 0 000 3 1.5 1.5 0 000-3zM3 15a1.5 1.5 0 000 3 1.5 1.5 0 000-3zM27 15a1.5 1.5 0 000 3 1.5 1.5 0 000-3zM15 27a1.5 1.5 0 000 3 1.5 1.5 0 000-3z' fill='%23C7BFA8' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.theme-giraffe .bg-white,.theme-giraffe .dark\:bg-gray-800{background-color:var(--theme-bg-secondary);box-shadow:0 4px 14px rgba(var(--theme-text-primary-rgb),.07),0 1px 3px rgba(var(--theme-text-primary-rgb),.1)}.theme-giraffe .hover\:bg-gray-50:hover,.theme-giraffe .dark\:hover\:bg-gray-700:hover{background-color:var(--theme-bg-secondary-hover)}.theme-giraffe .hover\:bg-gray-100:hover,.theme-giraffe .dark\:hover\:bg-gray-700:hover,.theme-giraffe .bg-gray-50,.theme-giraffe .dark\:bg-gray-700\/50,.theme-giraffe .bg-gray-100,.theme-giraffe .dark\:bg-gray-800{background-color:var(--theme-bg-muted)}.theme-giraffe .text-gray-900,.theme-giraffe .dark\:text-white,.theme-giraffe .text-gray-800,.theme-giraffe .dark\:text-gray-200{color:var(--theme-text-primary)}.theme-giraffe .text-gray-700,.theme-giraffe .dark\:text-gray-300,.theme-giraffe .text-gray-600,.theme-giraffe .dark\:text-gray-400{color:var(--theme-text-secondary)}.theme-giraffe .text-gray-500,.theme-giraffe .dark\:text-gray-400,.theme-giraffe .dark\:text-gray-500{color:var(--theme-text-muted)}.theme-giraffe .border-gray-200,.theme-giraffe .dark\:border-gray-700,.theme-giraffe .border-gray-300,.theme-giraffe .dark\:border-gray-600{border-color:var(--theme-border-primary)}.theme-giraffe .hover\:border-blue-400:hover,.theme-giraffe .dark\:hover\:border-blue-500:hover{border-color:var(--theme-border-hover)}.theme-giraffe .bg-blue-600{background-color:var(--theme-accent-primary);border-color:var(--theme-accent-primary-darker)}.theme-giraffe .hover\:bg-blue-700:hover{background-color:var(--theme-accent-primary-hover)}.theme-giraffe .text-blue-500,.theme-giraffe .text-blue-600,.theme-giraffe .dark\:text-blue-400{color:var(--theme-text-accent)}.theme-giraffe .border-blue-500{border-color:var(--theme-accent-primary)}.theme-giraffe .focus\:ring-blue-500:focus{--tw-ring-color: var(--theme-accent-primary)}.theme-giraffe .bg-blue-50,.theme-giraffe .dark\:bg-blue-900\/30,.theme-giraffe .dark\:bg-blue-900\/50{background-color:var(--theme-bg-accent-muted)}.theme-giraffe .border-blue-200,.theme-giraffe .dark\:border-blue-800{border-color:#fbd3a3}.theme-giraffe .bg-blue-100,.theme-giraffe .dark\:bg-blue-900\/50{background-color:var(--theme-bg-accent-muted)}.theme-giraffe .text-blue-800,.theme-giraffe .dark\:text-blue-200{color:var(--theme-text-primary)}.theme-giraffe .text-yellow-500,.theme-giraffe .dark\:text-yellow-400,.theme-giraffe .text-yellow-400{color:var(--theme-accent-secondary)}.theme-giraffe .bg-yellow-100,.theme-giraffe .dark\:bg-yellow-900\/50{background-color:#fbbf241a}.theme-giraffe .bg-red-600,.theme-giraffe .dark\:bg-red-700{background-color:var(--theme-accent-danger);border-color:var(--theme-accent-danger-darker)}.theme-giraffe .hover\:bg-red-700:hover,.theme-giraffe .dark\:hover\:bg-red-800:hover{background-color:var(--theme-accent-danger-hover)}.theme-giraffe .text-red-600,.theme-giraffe .dark\:text-red-400,.theme-giraffe .text-red-500{color:var(--theme-accent-danger)}.theme-giraffe .bg-red-50,.theme-giraffe .dark\:bg-red-900\/30{background-color:#dc26261a}.theme-giraffe .bg-red-100,.theme-giraffe .dark\:bg-red-900\/50{background-color:#dc262633}.theme-giraffe nav.bg-white\/80{background-color:var(--theme-bg-muted);border-top-color:var(--theme-border-primary);box-shadow:0 -2px 10px rgba(var(--theme-text-primary-rgb),.1);-webkit-backdrop-filter:none;backdrop-filter:none}.theme-giraffe nav button{color:var(--theme-text-muted)}.theme-giraffe nav button.text-blue-500{color:var(--theme-text-accent)!important}.theme-giraffe aside .bg-blue-500{background-color:var(--theme-accent-primary)!important;color:#fff!important}.theme-giraffe .node-3d.node-unlocked{background:radial-gradient(circle at 50% 0%,var(--theme-accent-secondary),var(--theme-accent-primary));border-bottom:6px solid var(--theme-accent-primary-hover);box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #b45309,0 10px 15px -3px #d977064d,0 4px 6px -2px #d9770633}.theme-giraffe .node-3d.node-unlocked:hover:not(:disabled){box-shadow:inset 0 4px 3px #ffffff80,inset 0 -4px 3px #0003,0 6px #b45309,0 22px 30px -5px #0000004d,0 12px 12px -5px #00000026}.theme-giraffe .node-3d.node-unlocked:active:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 3px 3px #0000004d,0 1px #b45309,0 2px 4px #0000004d}.theme-giraffe .node-3d.node-locked{background:radial-gradient(circle at 50% 0%,#d1c5b0,#b0a38d);border-bottom:6px solid #8F7A78;box-shadow:inset 0 3px 2px #fff3,inset 0 -3px 2px #0000004d,0 6px #6a5553,0 5px 10px -3px #0000004d}@keyframes pulse-effect-giraffe{0%,to{transform:translateY(-4px);box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #b45309,0 10px 15px -3px #d977064d,0 4px 6px -2px #d9770633}50%{transform:translateY(-6px);box-shadow:inset 0 3px 2px #fff6,inset 0 -3px 2px #0003,0 6px #b45309,0 15px 20px -5px #d9770666,0 8px 8px -5px #d977064d}}.theme-giraffe .node-3d.node-unlocked{animation:pulse-effect-giraffe 2.5s infinite}.theme-giraffe .theme-giraffe-outline-button{border-width:1px;border-color:var(--theme-border-primary);box-shadow:0 1px 3px rgba(var(--theme-text-primary-rgb),.04)}.theme-giraffe .theme-giraffe-outline-button:hover{border-color:var(--theme-border-hover);background-color:var(--theme-bg-secondary-hover)}