:root {
  --kagit: #fff6f3;
  --gul: #e5446d;
  --koyu: #5b1f33;
  --yumusak: #8a4a5e;
  color-scheme: light;
}
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  color: var(--koyu);
  background: var(--kagit);
  line-height: 1.55;
  overflow-x: hidden;
}
#yaprak { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 50; }

/* Süs çiçekleri */
.sus {
  position: absolute; pointer-events: none; z-index: 1;
  transform: translateY(calc(var(--sy, 0) * var(--par, 0.08) * -1px)) rotate(var(--r, 0deg));
  opacity: .92;
}
.sus svg { width: 100%; height: 100%; display: block; animation: salin var(--d, 4s) ease-in-out var(--o, 0s) infinite alternate; transform-origin: 50% 50%; }
@keyframes salin { from { transform: rotate(-9deg) scale(.97); } to { transform: rotate(9deg) scale(1.03); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sus svg, * { animation-duration: .001s !important; animation-iteration-count: 1 !important; }
}