#screen-mode{

  display:flex;

  flex-direction:column;

  gap:12px;

}

#map{

  width:100%;
  height:55vh;

  border-radius:16px;

  overflow:hidden;

}

#follow-btn{

  position:absolute;

  top:10px;
  right:10px;

  z-index:1000;

  border:none;

  border-radius:12px;

  padding:10px 14px;

  background:#ffffff;

}

#follow-btn.active{
  background:#1976d2;
  color:white;
}

.mode-actions{

  display:flex;

  gap:12px;

  margin-top:14px;

}

.mode-actions button{
  flex:1;
}

.check-group{

  display:flex;

  gap:12px;

  margin-top:12px;

}

.check-card{

  flex:1;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  padding:14px;

  border-radius:14px;

  background:#f5f7fb;

  border:1px solid #d9e2f0;

}

.photo-section{

  display:flex;

  flex-direction:column;

  gap:16px;

  margin-top:16px;

}

.camera-button{

  width:56px;
  height:56px;

  border-radius:16px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:#0b63b7;

  color:white;

  font-size:28px;

}