/* Peachify.pro design tokens — copied verbatim from the archived page's external
   stylesheet:
   https://web.archive.org/web/20260806055802cs_/https://peachify.pro/_next/static/chunks/d0ad422c3939f556.css
   (Tailwind v4 build; only the custom rules are copied here — the Tailwind
   utilities come from the CDN. Plain rgba() fallbacks sit above the color-mix()
   lines for older browsers; the color-mix() values are the copied ones.) */
:root {
  --bg: #191919;
  --fg: #b4b4b4;
  --fg-2: #7b7b7b;
  --accent: #b54666;
  --accent-light: #e54666;
  --glass-bg: #2a2a2a;
  --glass1-bg: #3a3a3a;
  --glass2-bg: #484848;
  --blur: 12px;
  --blur-md: 12px;
  --font-outfit: Outfit, sans-serif;
  --font-sans: var(--font-outfit), sans-serif;
}
body { background: var(--bg); color: var(--fg); font-family: Outfit, sans-serif; }
.glass-panel {
  border: 1px solid rgba(58, 58, 58, 0.6);
  border: 1px solid color-mix(in oklab, var(--glass1-bg) 60%, transparent);
  border-radius: 1rem;
  background-color: rgba(42, 42, 42, 0.7);
  background-color: color-mix(in oklab, var(--glass-bg) 70%, transparent);
  backdrop-filter: blur(var(--blur-md));
}
.text-accent { color: var(--accent); }
.bg-accent { background-color: var(--accent); }
.bg-accent\/8 { background-color: rgba(181, 70, 102, 0.08); background-color: color-mix(in oklab, var(--accent) 8%, transparent); }
.bg-accent\/10 { background-color: rgba(181, 70, 102, 0.10); background-color: color-mix(in oklab, var(--accent) 10%, transparent); }
.bg-accent\/20 { background-color: rgba(181, 70, 102, 0.20); background-color: color-mix(in oklab, var(--accent) 20%, transparent); }
.bg-accent\/22 { background-color: rgba(181, 70, 102, 0.22); background-color: color-mix(in oklab, var(--accent) 22%, transparent); }
.bg-accent\/70 { background-color: rgba(181, 70, 102, 0.70); background-color: color-mix(in oklab, var(--accent) 70%, transparent); }
.bg-accent\/80 { background-color: rgba(181, 70, 102, 0.80); background-color: color-mix(in oklab, var(--accent) 80%, transparent); }
.border-accent { border-color: var(--accent); }
.accent-color { color: var(--accent); }
#glowBlob1 {
  filter: blur(40px);
  opacity: .25;
  z-index: -10;
  pointer-events: none;
  will-change: transform;
  background: radial-gradient(circle at 40% 40%, #ff4d4d, #f04);
  border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
  width: 450px;
  height: 500px;
  animation: floatBlob 25s ease-in-out infinite alternate;
  position: fixed;
  top: -100px;
  right: -100px;
}
#glowBlob2 {
  filter: blur(40px);
  opacity: .2;
  z-index: -10;
  pointer-events: none;
  background: radial-gradient(circle at 30% 30%, #4da6ff, #04f);
  border-radius: 50% 60% 40% 50% / 40% 50% 60%;
  width: 400px;
  height: 450px;
  animation: floatBlob 30s ease-in-out infinite alternate-reverse;
  position: fixed;
  bottom: -100px;
  left: -100px;
  transform: translateZ(0);
}
@keyframes floatBlob {
  0% { transform: translate(0) rotate(0); }
  50% { transform: translate(15px, -20px) rotate(10deg); }
  100% { transform: translate(0) rotate(0); }
}