:root {
  --cvt-yellow: #E1F528;
  --cvt-green: #05E6A5;
  --cvt-text: #333333;
  --cvt-bg: #FFFFFF;
  --cvt-border: #E6E6E6;
  --cvt-surface: #F7F7F7;
  --cvt-gradient: linear-gradient(to bottom left, #E1F528 0%, #05E6A5 100%);
}

body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--cvt-text);
  background: var(--cvt-bg);
}

a {
  color: var(--cvt-green);
  text-decoration: underline;
}

a:hover {
  opacity: 0.8;
}

::selection {
  background: var(--cvt-yellow);
}

.visualizer-bar {
  transition: height 0.05s ease;
}

/* Hide Spline branding/watermark */
spline-viewer::part(logo),
spline-viewer::part(hints) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide Spline viewer initially to prevent banner flicker */
spline-viewer {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

/* Show Spline viewer after branding is removed */
spline-viewer.ready {
  opacity: 1;
}

/* Cover the bottom-right area where Spline banner typically appears */
spline-viewer::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 60px;
  background: transparent;
  pointer-events: none;
  z-index: 9999;
}