From 2cb01a402dcfa3006416e585312092ec07d89810 Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Mon, 22 Jun 2026 10:49:16 +0200
Subject: [PATCH] refactor: remove unused CSS rules, dead comments, and
 duplicate keyframes

Drop ~829 lines of dead styles across style.css (2992->2355) and
mobile.css (323->131): unreferenced classes (legacy token utilities,
orphaned animations, form/prose/scrollbar leftovers), commented-out
blocks, and duplicate/orphaned keyframes. Library-injected (hljs, sandpack,
codemirror, markdown language) and dynamically-applied (scroll-animation,
icon sizes) classes were retained.
---
 client/src/mobile.css | 192 -------------
 client/src/style.css  | 637 ------------------------------------------
 2 files changed, 829 deletions(-)

diff --git a/client/src/mobile.css b/client/src/mobile.css
index a17b4dd88a..47d740d474 100644
--- a/client/src/mobile.css
+++ b/client/src/mobile.css
@@ -3,10 +3,6 @@
   visibility: visible;
 }
 
-.nav-close-button {
-  margin-left: 8px;
-}
-
 .nav {
   position: fixed;
   z-index: 110;
@@ -24,94 +20,24 @@
   opacity: 1;
 }
 
-.nav-mask.active {
-  opacity: 0;
-  pointer-events: auto;
-}
-
 @media (max-width: 767px) {
   .nav {
     width: calc(100% - 10px)  ;
     transition: all 0.15s;
   }
-  .nav-mask {
-    position: fixed;
-    z-index: 105;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: rgba(7, 7, 7, 0.4);
-    padding-left: 420px;
-    padding-top: 12px;
-    opacity: 0;
-    transition: all 0.5s;
-    pointer-events: none;
-  }
-
-  .nav-open-button {
-    opacity: 0;
-  }
-
-  .nav-mask.active {
-    opacity: 1;
-    pointer-events: auto;
-  }
 
   .nav.active {
     position: fixed;
   }
 }
 
-@media (min-width: 1024px) {
-  .switch-container {
-    display: none;
-  }
-}
-
-
-  .switch-result {
-    display: block !important;
-    visibility: visible;
-  }
-
 @media (max-width: 1024px) {
-  /* .sibling-switch {
-        left: 114px;
-        top: unset;
-        bottom: 4px;
-        visibility: visible;
-        z-index: 2;
-    } */
-  .sibling-switch {
-    display: none;
-  }
-
   .hover-button {
     display: block;
     visibility: visible;
   }
 }
 
-@media (max-width: 767px) {
-  .input-panel-button {
-    border: 0;
-  }
-
-  .input-panel-button svg {
-    width: 16px;
-    height: 16px;
-  }
-
-  .input-panel {
-  }
-
-  .nav-open-button
-  {
-    visibility: hidden;
-  }
-}
-
 .hide-scrollbar {
   /* Hide scrollbar for Chrome, Safari, and Opera */
   scrollbar-width: none; /* For Firefox */
@@ -122,15 +48,6 @@
   display: none; /* For WebKit browsers */
 }
 
-.gemini-gradient {
-  /* Adjust the colors and positioning as necessary to match the image */
-  background-image: radial-gradient(circle at center, #0000ff, #87cefa, #ffffff);
-  /* More styling for demonstration purposes */
-  border-radius: 50%;
-  height: 100px;
-  width: 100px;
-}
-
 @keyframes tuning {
   0% { transform: rotate(30deg); }
   25% { transform: rotate(110deg); }
@@ -143,95 +60,6 @@
   animation: tuning 2.1s 1;
 }
 
-@-webkit-keyframes slideUpAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateY(2px);
-    transform:translateY(2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateY(0);
-    transform:translateY(0)
-  }
-}
-@keyframes slideUpAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateY(2px);
-    transform:translateY(2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateY(0);
-    transform:translateY(0)
-  }
-}
-.radix-side-bottom\:animate-slideUpAndFade[data-side=bottom] {
-  -webkit-animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1);
-  animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)
-}
-@-webkit-keyframes slideRightAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateX(-2px);
-    transform:translateX(-2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateX(0);
-    transform:translateX(0)
-  }
-}
-@keyframes slideRightAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateX(-2px);
-    transform:translateX(-2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateX(0);
-    transform:translateX(0)
-  }
-}
-.radix-side-left\:animate-slideRightAndFade[data-side=left] {
-  -webkit-animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1);
-  animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)
-}
-@keyframes slideLeftAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateX(2px);
-    transform:translateX(2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateX(0);
-    transform:translateX(0)
-  }
-}
-.radix-side-right\:animate-slideLeftAndFade[data-side=right] {
-  -webkit-animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1);
-  animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)
-}
-@keyframes slideDownAndFade {
-  0% {
-    opacity:0;
-    -webkit-transform:translateY(-2px);
-    transform:translateY(-2px)
-  }
-  to {
-    opacity:1;
-    -webkit-transform:translateY(0);
-    transform:translateY(0)
-  }
-}
-.radix-side-top\:animate-slideDownAndFade[data-side=top] {
-  -webkit-animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1);
-  animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)
-}
-
 .azure-bg-color {
   background: linear-gradient(0.375turn, #61bde2, #4389d0);
 }
@@ -253,26 +81,6 @@
   scrollbar-gutter: stable;
 }
 
-/* Styles for Chrome scrollbar */
-.chrome-scrollbar::-webkit-scrollbar {
-  width: 12px;  /* Increase the width of the scrollbar */
-}
-
-.chrome-scrollbar::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.2);  /* Color of the scroll thumb */
-  border-radius: 6px;  /* Rounded corners on the scroll thumb */
-  border: 2px solid transparent;  /* Creates padding around scroll thumb */
-  background-clip: padding-box;  /* Prevents background color from leaking outside the border */
-}
-
-.chrome-scrollbar::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0, 0, 0, 0.3);  /* Darker color when hovering */
-}
-
-.chrome-scrollbar::-webkit-scrollbar-track {
-  background-color: transparent;  /* Color of the tracking area */
-}
-
 /* Base wrapper for both preview and editor */
 .sp-wrapper {
   @apply flex h-full w-full grow flex-col;
diff --git a/client/src/style.css b/client/src/style.css
index 3c3b4b9a9b..ab2dc8c43a 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -265,11 +265,6 @@ html {
   color: var(--text-tertiary);
 }
 
-.icon-xs {
-  stroke-width: 1.5;
-  height: 0.75rem;
-  width: 0.75rem;
-}
 .icon-sm {
   stroke-width: 2;
   height: 1rem;
@@ -299,17 +294,6 @@ html {
   height: 2rem;
   width: 2rem;
 }
-.icon-cover {
-  stroke-width: 1.5;
-  height: 234px;
-  width: 234px;
-}
-
-.border-token-border-heavy {
-  border-color: #c5c5d2;
-  border-color: var(--border-heavy);
-}
-
 .border-token-border-light {
   border-color: #ececf1;
   border-color: var(--border-light);
@@ -320,30 +304,10 @@ html {
   border-color: var(--border-medium);
 }
 
-.border-token-surface-primary {
-  border-color: #fff;
-  border-color: var(--surface-primary);
-}
-
-.border-token-surface-secondary {
-  border-color: var(--surface-secondary);
-}
-
-.border-token-surface-tertiary {
-  border-color: #ececf1;
-  border-color: var(--surface-tertiary);
-}
-
 .bg-token-surface-secondary {
   background-color: var(--surface-secondary);
 }
 
-@media (max-width: 640px) {
-  .no-gradient-sm {
-    background: none !important;
-  }
-}
-
 .ellipsis {
   overflow: hidden;
   white-space: nowrap;
@@ -428,132 +392,6 @@ html {
   src: url('$fonts/roboto-mono-latin-400-italic.woff2') format('woff2');
 }
 
-/*
-
-The default ChatGPT fonts, according to OpenAI's brand guidelines, are proprietary and require appropriate font license according to your use case.
-
-They can be purchased here: https://klim.co.nz/buy/soehne/
-
-The fonts in question are (9 total):
-
-> - Söhne (Buch Kursiv, Buch, Halbfett Kursiv, Halbfett, Kraftig Kursiv, Kraftig, Mono Buch Kursiv, Mono Buch, Mono Halbfett)
-
-If you have purchased a license, you can use the commented-out `@font-face` declarations below to include them in your project.
-
-Step 1: Buy whatever license applies to you and allows use of `.woff2` font files (likely web font license).
-Step 2: Place them in ./client/public/fonts/ directory.
-Step 3: Replace the current `fontFamily` config in ./client/tailwind.config.cjs with the following:
-
-```
-    fontFamily: {
-      sans: ['Söhne', 'sans-serif'],
-      mono: ['Söhne Mono', 'monospace'],
-    },
-```
-
-Step 4: Uncomment all Söhne font-face declarations below.
-Step 5: rebuild frontend code: `npm run frontend` (or rebuild docker).
-
-*/
-
-/* @font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: normal;
-  font-weight: 400;
-  src: url("$fonts/soehne-buch.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: italic;
-  font-weight: 400;
-  src: url("$fonts/soehne-buch-kursiv.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: normal;
-  font-weight: 500;
-  src: url("$fonts/soehne-kraftig.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: italic;
-  font-weight: 500;
-  src: url("$fonts/soehne-kraftig-kursiv.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: normal;
-  font-weight: 600;
-  src: url("$fonts/soehne-halbfett.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne;
-  font-style: italic;
-  font-weight: 600;
-  src: url("$fonts/soehne-halbfett-kursiv.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne Mono;
-  font-style: normal;
-  font-weight: 400;
-  src: url("$fonts/soehne-mono-buch.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne Mono;
-  font-style: normal;
-  font-weight: 700;
-  src: url("$fonts/soehne-mono-halbfett.woff2") format("woff2")
-}
-
-@font-face {
-  font-display: swap;
-  font-family: Söhne Mono;
-  font-style: italic;
-  font-weight: 400;
-  src: url("$fonts/soehne-mono-buch-kursiv.woff2") format("woff2")
-} */
-
-/* * {
-  box-sizing: border-box;
-  outline: 1px solid limegreen !important;
-} */
-
-/* p small {
-  opacity: 0;
-  animation: fadeIn 3s ease forwards;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-} */
-
-/* .LazyLoad {
-  opacity: 0;
-  transition: all 1s ease-in-out;
-} */
-
 select {
   --tw-shadow: 0 0 transparent;
   -webkit-appearance: none;
@@ -589,59 +427,10 @@ select {
   text-align: right;
 }
 
-.option-buttons {
-  pointer-events: none;
-  opacity: 0;
-  transition: all 0.25s ease-in-out;
-}
-
-.option-buttons.full-opacity {
-  pointer-events: fill;
-  opacity: 1;
-}
-
-.option-buttons.show {
-  pointer-events: fill;
-  opacity: 1;
-}
-
-.options-bar {
-  pointer-events: none;
-  opacity: 0;
-  transition: all 0.25s ease-in-out;
-}
-
-.options-bar.full-opacity {
-  pointer-events: fill;
-  opacity: 1;
-}
-
-.options-bar.show {
-  pointer-events: fill;
-  opacity: 0.3;
-}
-
 .hidden {
   display: none;
 }
 
-.creative-tab {
-  /* background: linear-gradient(90deg, #904887 10.79%, #8B257E 87.08%); */
-  background: linear-gradient(90deg, #904887 10.79%, #8b257e 87.08%);
-}
-
-.fast-tab {
-  background: linear-gradient(90deg, #2870ea 10.79%, #1b4aef 87.08%);
-}
-
-.balanced-tab {
-  background: linear-gradient(90deg, #d7871a 10.79%, #9f6005 87.08%);
-}
-
-.precise-tab {
-  background: linear-gradient(90deg, #006880 10.79%, #005366 87.08%);
-}
-
 p > small {
   opacity: 0;
   animation: fadein 3s forwards;
@@ -782,9 +571,6 @@ pre {
   }
 }
 
-.cursorBlink {
-  animation: blink 1s linear infinite;
-}
 @keyframes blink {
   0% {
     opacity: 1;
@@ -803,21 +589,6 @@ pre {
   }
 }
 
-.blink2 {
-  animation: blink 1500ms linear infinite;
-}
-@keyframes blink2 {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
 .prose {
   color: var(--tw-prose-body);
   max-width: 65ch;
@@ -1161,70 +932,6 @@ pre {
 .prose-sm :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
   margin-bottom: 0;
 }
-.prose-base :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0.75em;
-  margin-top: 0.75em;
-}
-.prose-base :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-base :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.25em;
-}
-.prose-base :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-base :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0;
-}
-.prose-lg :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0.8888889em;
-  margin-top: 0.8888889em;
-}
-.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.3333333em;
-}
-.prose-lg :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-lg :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0;
-}
-.prose-xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0.8em;
-  margin-top: 0.8em;
-}
-.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.2em;
-}
-.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.2em;
-}
-.prose-xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0;
-}
-.prose-2xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0.8333333em;
-  margin-top: 0.8333333em;
-}
-.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.3333333em;
-}
-.prose-2xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-2xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 0;
-}
 .prose :where(ul > li):has(input[type='checkbox']):not(:where([class~='not-prose'] *)) {
   margin-bottom: 0;
   margin-top: 0;
@@ -1499,12 +1206,6 @@ button {
   padding: 0.25rem 0.5rem;
 }
 
-.from-token-surface-secondary {
-  --tw-gradient-from: var(--surface-secondary) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 /* Webkit scrollbar */
 ::-webkit-scrollbar {
   height: 0.1em;
@@ -1525,14 +1226,6 @@ button {
   border-radius: 9999px;
 }
 
-.scrollbar-transparent::-webkit-scrollbar-thumb {
-  background-color: transparent;
-}
-
-.dark .scrollbar-transparent::-webkit-scrollbar-thumb {
-  background-color: transparent;
-}
-
 .markdown-table-wrapper {
   -webkit-overflow-scrolling: touch;
   overflow-x: auto;
@@ -1688,23 +1381,6 @@ html {
   text-underline-offset: 2px;
 }
 
-.animate-flash {
-  -webkit-animation: flash 2s steps(60, start);
-  animation: flash 2s steps(60, start);
-}
-
-@-webkit-keyframes flash {
-  0% {
-    background-color: hsla(0, 0%, 100%, 0.4);
-  }
-}
-
-@keyframes flash {
-  0% {
-    background-color: hsla(0, 0%, 100%, 0.4);
-  }
-}
-
 .truncate {
   overflow: hidden;
   white-space: nowrap;
@@ -1767,67 +1443,6 @@ html {
   animation: spin 1s linear infinite;
 }
 
-.form-input,
-.form-multiselect,
-.form-select,
-.form-textarea {
-  --tw-shadow: 0 0 transparent;
-  -webkit-appearance: none;
-  appearance: none;
-  background-color: #fff;
-  border-color: #8e8ea0;
-  border-radius: 0;
-  border-width: 1px;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  padding: 0.5rem 0.75rem;
-}
-.form-input:focus,
-.form-multiselect:focus,
-.form-select:focus,
-.form-textarea:focus {
-  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --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(1px + var(--tw-ring-offset-width))
-    var(--tw-ring-color);
-  border-color: #2563eb;
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.form-input::-webkit-input-placeholder,
-.form-textarea::-webkit-input-placeholder {
-  color: #8e8ea0;
-  opacity: 1;
-}
-.form-input::placeholder,
-.form-textarea::placeholder {
-  color: #8e8ea0;
-  opacity: 1;
-}
-.form-input::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-.form-input::-webkit-date-and-time-value {
-  min-height: 1.5em;
-}
-.form-input::-webkit-datetime-edit,
-.form-input::-webkit-datetime-edit-day-field,
-.form-input::-webkit-datetime-edit-hour-field,
-.form-input::-webkit-datetime-edit-meridiem-field,
-.form-input::-webkit-datetime-edit-millisecond-field,
-.form-input::-webkit-datetime-edit-minute-field,
-.form-input::-webkit-datetime-edit-month-field,
-.form-input::-webkit-datetime-edit-second-field,
-.form-input::-webkit-datetime-edit-year-field {
-  padding-bottom: 0;
-  padding-top: 0;
-}
-
 .grow {
   flex-grow: 1;
 }
@@ -1943,13 +1558,6 @@ html {
   text-decoration-line: underline;
   text-underline-offset: 2px;
 }
-.conversation-item-time:before {
-  content: attr(data-time);
-}
-.tooltip-label:before {
-  content: attr(data-content);
-}
-
 @-webkit-keyframes blink {
   to {
     visibility: hidden;
@@ -1960,20 +1568,6 @@ html {
     visibility: hidden;
   }
 }
-.animate-flash {
-  -webkit-animation: flash 2s steps(60, start);
-  animation: flash 2s steps(60, start);
-}
-@-webkit-keyframes flash {
-  0% {
-    background-color: hsla(0, 0%, 100%, 0.4);
-  }
-}
-@keyframes flash {
-  0% {
-    background-color: hsla(0, 0%, 100%, 0.4);
-  }
-}
 .hidden-visibility {
   visibility: hidden;
 }
@@ -2287,30 +1881,6 @@ html {
 .prose-sm :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
   margin-bottom: 1.1428571em;
 }
-.prose-base :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 0;
-}
-.prose-base :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.25em;
-}
-.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.3333333em;
-}
-.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.2em;
-}
-.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.2em;
-}
-.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
-  margin-bottom: 1.3333333em;
-}
 
 /* Base styles for lists */
 .prose ol,
@@ -2425,70 +1995,6 @@ html {
 
 /* Keyframes */
 
-@keyframes slideFromLeftToRightAndFade {
-  0% {
-    opacity: 0;
-    transform: translateX(-10%);
-  }
-  20% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  70% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  75% {
-    opacity: 1;
-    transform: translateX(10%);
-  }
-  80% {
-    opacity: 0;
-    transform: translateX(20%);
-  }
-  85%,
-  100% {
-    opacity: 0;
-    transform: translateX(30%);
-  }
-}
-
-.slide-from-left {
-  animation: slideFromLeftToRightAndFade 2s ease-in-out infinite;
-}
-
-@keyframes slideDownAndFadeOut {
-  0% {
-    opacity: 1;
-    transform: translateY(-10%);
-  }
-  20% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  70% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  75% {
-    opacity: 1;
-    transform: translateY(10%);
-  }
-  80% {
-    opacity: 0;
-    transform: translateY(20%);
-  }
-  85%,
-  100% {
-    opacity: 0;
-    transform: translateY(30%);
-  }
-}
-
-.slide-to-down {
-  animation: slideDownAndFadeOut 2s ease-in-out infinite;
-}
-
 @keyframes rotateAdjustAndBack {
   0% {
     transform: rotate(-33deg) scale(1);
@@ -2532,63 +2038,6 @@ html {
   transform-origin: 50% 50%;
 }
 
-@keyframes moonRise {
-  0% {
-    transform: translate(4px, 1px) rotate(-45deg);
-    opacity: 0;
-  }
-  10% {
-    transform: translate(4px, 1px) rotate(-45deg);
-    opacity: 0;
-  }
-  20% {
-    transform: translate(0, 0px) rotate(34deg);
-    opacity: 1;
-  }
-  50% {
-    transform: translate(0, 0px) rotate(34deg);
-    opacity: 1;
-  }
-  60%,
-  100% {
-    transform: translate(0, 0px) rotate(34deg);
-    opacity: 1;
-  }
-}
-
-.moon-rise {
-  animation: moonRise 4s ease-in-out infinite;
-  transform-origin: 45% 50%;
-}
-
-@keyframes moveUp {
-  0% {
-    transform: translateY(0.5px);
-    opacity: 0.8;
-  }
-  10% {
-    transform: translateY(0.5px);
-    opacity: 1;
-  }
-  20% {
-    transform: translateY(0px);
-    opacity: 1;
-  }
-  50% {
-    transform: translateY(0px);
-    opacity: 1;
-  }
-  60%,
-  100% {
-    transform: translateY(0px);
-    opacity: 1;
-  }
-}
-
-.move-up {
-  animation: moveUp 4s ease-in-out infinite;
-}
-
 .message-content {
   font-size: var(--markdown-font-size, var(--font-size-base));
   line-height: 1.4;
@@ -2784,34 +2233,6 @@ html {
   transform: scale(1) translateX(0);
 }
 
-/* Right */
-.animate-popover-right {
-  transform-origin: right;
-  opacity: 0;
-  transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  transform: scale(0.95) translateX(0.5rem);
-}
-.animate-popover-right[data-enter] {
-  opacity: 1;
-  transform: scale(1) translateX(0);
-}
-
-/* Bottom */
-.animate-popover-bottom {
-  transform-origin: bottom;
-  opacity: 0;
-  transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  transform: scale(0.95) translateY(0.5rem);
-}
-.animate-popover-bottom[data-enter] {
-  opacity: 1;
-  transform: scale(1) translateY(0);
-}
-
 /* Corners */
 .animate-popover-top-left {
   transform-origin: top left;
@@ -2826,45 +2247,6 @@ html {
   transform: scale(1) translate(0, 0);
 }
 
-.animate-popover-top-right {
-  transform-origin: top right;
-  opacity: 0;
-  transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  transform: scale(0.95) translate(0.5rem, -0.5rem);
-}
-.animate-popover-top-right[data-enter] {
-  opacity: 1;
-  transform: scale(1) translate(0, 0);
-}
-
-.animate-popover-bottom-left {
-  transform-origin: bottom left;
-  opacity: 0;
-  transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  transform: scale(0.95) translate(-0.5rem, 0.5rem);
-}
-.animate-popover-bottom-left[data-enter] {
-  opacity: 1;
-  transform: scale(1) translate(0, 0);
-}
-
-.animate-popover-bottom-right {
-  transform-origin: bottom right;
-  opacity: 0;
-  transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  transform: scale(0.95) translate(0.5rem, 0.5rem);
-}
-.animate-popover-bottom-right[data-enter] {
-  opacity: 1;
-  transform: scale(1) translate(0, 0);
-}
-
 /** Note: ensure KaTeX can spread across visible space */
 .message-content pre:has(> span.katex) {
   overflow: visible !important;
@@ -2891,10 +2273,6 @@ html {
   animation: gradient-x 15s ease infinite;
 }
 
-.animate-pulse-subtle {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
 .animate-pulse-slow {
   animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
@@ -2981,21 +2359,6 @@ html {
   animation: shimmer 4s linear infinite;
 }
 
-.custom-style-2 {
-  padding: 12px;
-}
-
-/* Hide scrollbar for Chrome, Safari and Opera */
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* Hide scrollbar for IE, Edge and Firefox */
-.no-scrollbar {
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-}
-
 .sharepoint-picker-bg {
   background-color: #f5f5f5;
 }