@layer base{html{scroll-behavior:smooth}}.shadow-neo{box-shadow:4px 4px #1e293b}.shadow-neo-sm{box-shadow:2px 2px #1e293b}.shadow-neo-lg{box-shadow:8px 8px #1e293b}.mascot-card,.mut-option-btn,.sh-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#64748b}textarea#code-content-textarea{line-height:1.6}.slides-viewport{width:100%;overflow:hidden;position:relative}.slides-container{display:flex;width:600%;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.slide-page{width:16.666667%;flex-shrink:0;box-sizing:border-box;min-height:calc(100vh - 220px);opacity:.4;transition:opacity .4s ease}.slide-page.active-page{opacity:1}.page-tab-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.page-tab-btn.active-tab{background-color:#4ade80!important;color:#0f172a!important;border-color:#1e293b!important;font-weight:900!important;box-shadow:2px 2px #1e293b!important}.page-flip-bar{position:sticky;bottom:0;z-index:40;background-color:#faf9f5f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:3px solid #1E293B}