:root{
  --bg1:#fff6f8;
  --bg2:#ffe3ec;
  --card:#ffffffcc;
  --text:#2d1a24;
  --accent:#ff5c8a;
  --accent-2:#ff8fab;
  --shadow:0 20px 50px rgba(92, 36, 57, 0.18);
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family: 'Nunito', Arial, Helvetica, sans-serif;
  color:var(--text);
  min-height:100vh;
  background: radial-gradient(circle at top, #fff0f5, var(--bg2) 45%, #ffd6e2 100%);
  overflow-x:hidden;
}

html.intro-active,
body.intro-active {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

html.modal-open,
body.modal-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.intro-active {
  position: fixed;
  inset: 0;
  width: 100%;
  touch-action: none;
}

body.intro-active .wrap {
  visibility: hidden;
}