refactor(web): remove dead reminder CSS utilities

The reminder feature was deleted (#1875); its c-reminder-* utilities and
keyframes in index.css had no remaining consumers. Remove 7 utilities and
4 keyframes (~138 lines).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: tyler-dane

packages/web/src/index.css

@@ -977,144 +977,6 @@
   }
 }
 
-@keyframes c-reminder-underline-draw {
-  from {
-    stroke-dashoffset: 1000;
-    opacity: 0.7;
-  }
-  to {
-    stroke-dashoffset: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes c-reminder-fade-in {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes c-reminder-gradient-wave {
-  0%,
-  100% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
-
-@keyframes c-reminder-shadow {
-  0%,
-  100% {
-    filter: drop-shadow(0 0 2px var(--compass-color-bg-primary));
-  }
-  50% {
-    filter: drop-shadow(0 0 4px var(--compass-color-bg-secondary));
-  }
-}
-
-@utility c-reminder-container {
-  @apply z-1 mx-auto flex h-full w-full items-center justify-center;
-}
-
-@utility c-reminder-wrapper {
-  @apply relative inline-block pb-4.5;
-}
-
-@utility c-reminder-char-counter {
-  @apply absolute right-0 bottom-[-2px] left-0 w-full text-center text-xs opacity-80;
-  color: var(--compass-color-text-light-inactive);
-  &[data-near-limit="true"] {
-    color: var(--compass-color-status-warning);
-  }
-}
-
-@utility c-reminder-placeholder {
-  @apply relative cursor-pointer px-2.5 text-center text-[28px] italic;
-  color: var(--compass-color-text-light-inactive);
-  font-family: "Caveat", cursive;
-  animation: c-reminder-fade-in 0.5s ease-out;
-  &:hover {
-    color: var(--compass-color-text-light);
-    transition: color 0.3s ease;
-  }
-}
-
-@utility c-reminder-text {
-  @apply relative min-w-[200px] max-w-[500px] cursor-pointer px-2.5 text-center font-semibold whitespace-pre-wrap break-words;
-  color: transparent;
-  background: linear-gradient(
-    90deg,
-    var(--compass-color-gradient-accent-light-start),
-    var(--compass-color-gradient-accent-light-end)
-  );
-  background-size: 200% 200%;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-family: "Caveat", cursive;
-  font-size: 28px;
-  line-height: 1.3;
-  filter: drop-shadow(0 0 2px var(--compass-color-bg-primary));
-  animation:
-    c-reminder-fade-in 0.5s ease-out,
-    c-reminder-gradient-wave 15s ease infinite;
-  &[data-length="medium"] {
-    font-size: 24px;
-  }
-  &[data-length="long"] {
-    font-size: 22px;
-  }
-  &[data-editing="true"] {
-    max-height: 80px;
-    cursor: text;
-    overflow: hidden;
-    outline: none;
-  }
-  &[data-editing="false"] {
-    max-height: 80px;
-    overflow-y: auto;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    animation:
-      c-reminder-shadow 5s ease-in-out infinite,
-      c-reminder-fade-in 0.5s ease-out,
-      c-reminder-gradient-wave 15s ease infinite;
-  }
-}
-
-@utility c-reminder-underline {
-  @apply pointer-events-none absolute bottom-0 left-[-5px] h-5 opacity-0;
-  width: calc(100% + 10px);
-  &[data-visible="true"] {
-    opacity: 1;
-  }
-  & path {
-    fill: none;
-    stroke-width: 3;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-    stroke-dasharray: 1000;
-    stroke-dashoffset: 1000;
-  }
-  &[data-visible="true"] path {
-    animation: c-reminder-underline-draw 0.8s ease-out forwards;
-  }
-}
-
-@utility c-reminder-placeholder-underline {
-  @apply c-reminder-underline;
-  & path {
-    stroke-width: 2.5;
-  }
-}
-
 @utility c-calendar-all-day-columns {
   @apply absolute top-0 grid h-full;
   left: var(--calendar-grid-margin-left);